@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; }
 @import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Prata&display=swap");
@font-face {
font-family: "icons";
src:
url(//vittorio-dental.ru/wp-content/themes/vittorio/fonts/icons.ttf?pr69cy) format("truetype"),
url(//vittorio-dental.ru/wp-content/themes/fonts/icons.woff?pr69cy) format("woff"),
url(//vittorio-dental.ru/wp-content/themes/vittorio/fonts/icons.svg?pr69cy#icons) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class*="_icon_"]:before {
font-family: "icons";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
}
[class*="_icon_telegram"]:before {
content: "";
}
[class*="_icon_whatsapp"]:before {
content: "";
}
[class*="_icon_fb"]:before {
content: "";
}
[class*="_icon_inst"]:before {
content: "";
}
[class*="_icon_vk"]:before {
content: "";
}
[class*="_icon_youtube"]:before {
content: "";
}
[class*="_icon_phone"]:before {
content: "";
}
*,
*::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: #000;
font-family: "Mulish", sans-serif;
font-size: calc(12px + 6 * ((100vw - 320px) / 1600));
font-weight: 400;
padding: 0;
margin: 0;
}
body._lock {
overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 600;
margin: 0;
line-height: 1.1;
}
h1,
.h1 {
font-size: calc(22px + 22 * ((100vw - 320px) / 1600));
}
h2,
.h2 {
font-size: calc(18px + 18 * ((100vw - 320px) / 1600));
}
h3,
.h3 {
font-size: calc(14px + 10 * ((100vw - 320px) / 1600));
}
h4,
.h4 {
font-size: calc(14px + 6 * ((100vw - 320px) / 1600));
}
p {
margin: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
display: block;
padding-left: 2em;
margin: 35px 0;
}
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;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.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;
object-position: center top;
}
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;
font-weight: 400;
}
:-moz-placeholder {
color: #000;
font-weight: 400;
}
::-moz-placeholder {
color: #000;
font-weight: 400;
}
:-ms-input-placeholder {
color: #000;
font-weight: 400;
}
form {
position: relative;
}
form p {
margin: 0;
position: relative;
}
select,
textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"] {
color: #000;
border: none;
background: #f1f1f1;
width: 100%;
font-family: "Mulish", sans-serif;
padding: 0 calc(20px + 10 * ((100vw - 320px) / 1600));
height: calc(40px + 20 * ((100vw - 320px) / 1600));
font-size: calc(12px + 6 * ((100vw - 320px) / 1600));
appearance: none;
outline: none;
border: 1px solid #f1f1f1;
border-radius: 32px;
transition: all 0.5s ease;
}
textarea {
padding: 15px calc(20px + 10 * ((100vw - 320px) / 1600));
}
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus {
box-shadow: none;
outline: none;
background: #fff;
}
textarea:hover,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="range"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="time"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="color"]:hover {
background: #fff;
}
input[type="submit"] {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.5s ease;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
line-height: 1;
background: none;
color: #000;
border: none;
width: 100%;
transition: all 0.5s ease;
height: 100%;
}
input[type="submit"]:hover {
background: #373737;
color: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition:
color 9999s ease-out,
background-color 9999s ease-out;
-webkit-transition-delay: 9999s;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type="number"] {
-moz-appearance: textfield;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
input[type="file"] {
outline: 0;
opacity: 0;
pointer-events: none;
user-select: none;
}
.agree {
font-size: calc(10px + 4 * ((100vw - 320px) / 1600));
line-height: 1;
text-align: center;
}
.agree a {
text-decoration: underline;
color: rgba(0, 0, 0, 0.5);
}
.agree a:hover {
text-decoration: none;
}
input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label,
input[type="checkbox"] + span {
display: flex;
align-items: center;
position: relative;
font-weight: 600;
justify-content: center;
}
input[type="checkbox"] + label::before,
label input[type="checkbox"] + span::before {
cursor: pointer;
display: block;
margin: 0 14px 0 0;
content: "";
background: #ffffff;
border-radius: 2px;
width: 16px;
height: 16px;
border: 1px solid #828282;
}
input[type="checkbox"]:checked + label::before,
label input[type="checkbox"]:checked + span::before {
background: #f3f3f3 url(//vittorio-dental.ru/wp-content/themes/vittorio/images/check.svg) no-repeat center;
border: 1px solid #f3f3f3;
}
input[type="checkbox"]:checked + label:hover::before,
label input[type="checkbox"]:checked + span:hover::before {
background: #ffffff url(//vittorio-dental.ru/wp-content/themes/vittorio/images/check.svg) no-repeat center;
border: 1px solid #ededed;
}
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%;
color: red;
}
.wpcf7 form .wpcf7-not-valid-tip {
color: #dc3232;
font-size: 10px;
font-weight: normal;
display: block;
position: absolute;
left: calc(20px + 30 * ((100vw - 320px) / 1600));
bottom: 0;
background: none;
z-index: 1;
}
.screen-reader-response {
display: none;
}
.hidden-fields-container {
display: none;
} #fancybox-outer,
#fancybox-content {
background: none !important;
}
#fancybox-close {
background: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/close.svg) no-repeat 0px 0px;
width: 20px !important;
height: 20px !important;
top: 20px !important;
right: 20px !important;
}
#fancybox-close span {
display: none !important;
}
.modal-form__inner {
background: #fff;
padding: 40px;
}
.form {
background: #fff;
width: calc(200px + 875 * ((100vw - 320px) / 1600));
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
position: relative;
}
.form::after,
.form::before {
content: "";
display: block;
height: 19.4444em;
width: 9.7222em;
border-color: #373737;
border-style: solid;
position: absolute;
}
.form::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.form::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.form__inner {
max-width: calc(200px + 490 * ((100vw - 320px) / 1600));
width: 100%;
margin: 0 auto;
text-align: center;
}
.form__inner img {
border-radius: 50%;
overflow: hidden;
max-width: 137px;
}
.form h3 {
margin: 15px 0;
}
.form__desc {
font-size: calc(13px + 11 * ((100vw - 320px) / 1600));
font-weight: 500;
line-height: 1.1;
}
.form__desc input[type="text"] {
background: none;
border: none;
font-size: calc(13px + 11 * ((100vw - 320px) / 1600));
font-weight: 800;
line-height: 1.1;
width: auto;
text-align: center;
}
.form__input {
display: grid;
grid-template-columns: repeat(2, 50%);
gap: 5px;
margin: 35px 0 15px;
}
.form__textarea {
margin-bottom: 15px;
}
.form__submit {
height: 3.75em;
overflow: hidden;
position: relative;
color: #000;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
width: 12.75em;
margin: 35px auto 0;
}
.form__submit::after,
.form__submit::before {
content: "";
display: block;
height: 3.75em;
width: 1.875em;
border-color: #000;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.form__submit::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.form__submit::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.form__submit:hover {
color: #fff;
background: #575757;
}
.form__submit:hover::after,
.form__submit:hover::before {
opacity: 0;
}
.form__submit p {
width: 100%;
height: 100%;
}
.site {
width: 100%;
min-height: 100vh;
overflow-x: hidden;
display: flex;
flex-direction: column;
}
.site__main {
padding-top: calc(100px + 100 * ((100vw - 320px) / 1600));
}
.site__footer {
margin-top: calc(45px + 105 * ((100vw - 320px) / 1600));
}
.site-main {
flex: 1 1 auto;
}
[class*="__container"] {
padding-left: calc(20px + 30 * ((100vw - 320px) / 1600));
padding-right: calc(20px + 30 * ((100vw - 320px) / 1600));
}
[class*="col-1"] {
width: 10%;
}
[class*="col-2"] {
width: 20%;
}
[class*="col-3"] {
width: 30%;
}
[class*="col-4"] {
width: 40%;
}
[class*="col-5"] {
width: 50%;
}
[class*="col-6"] {
width: 60%;
}
[class*="col-7"] {
width: 70%;
}
[class*="col-8"] {
width: 80%;
}
[class*="col-9"] {
width: 90%;
}
[class*="col-10"] {
width: 100%;
}
.page-default__content {
margin-top: calc(45px + 105 * ((100vw - 320px) / 1600));
}
.page-default__main-form {
margin-top: calc(45px + 105 * ((100vw - 320px) / 1600));
}
.default-header {
text-align: center;
}
.breadcrumbs a {
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
}
.title-block {
display: flex;
align-items: center;
}
.title-block__title {
margin-right: calc(20px + 20 * ((100vw - 320px) / 1600));
}
.title-block a {
height: 40px;
overflow: hidden;
position: relative;
color: #000;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
width: 4.125em;
}
.title-block a::after,
.title-block a::before {
content: "";
display: block;
height: 40px;
width: 20px;
border-color: #373737;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.title-block a::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.title-block a::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.title-block a:hover {
color: #fff;
background: #373737;
}
.title-block a:hover::after,
.title-block a:hover::before {
opacity: 0;
}
.page-privacy__header {
display: grid;
grid-template-columns: 50% 50%;
gap: 8px;
margin: 0 auto;
}
.page-privacy__title {
background: #373737;
color: #fff;
padding: calc(25px + 30 * ((100vw - 320px) / 1600));
}
.page-privacy__img {
height: calc(240px + 120 * ((100vw - 320px) / 1600));
}
.page-privacy__content {
margin: calc(30px + 30 * ((100vw - 320px) / 1600)) auto 0;
}
.multi-button {
width: 60px;
height: 60px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
bottom: calc(20px + 30 * ((100vw - 320px) / 1600));
right: calc(20px + 30 * ((100vw - 320px) / 1600));
border-radius: 50%;
overflow: hidden;
box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.1);
z-index: 1000;
display: none !important;
}
.multi-button:hover {
transform: scale(1.1);
}
.connection {
width: 280px;
overflow: hidden;
background: #fff;
}
.connection__inner {
width: 560px;
display: flex;
transition: all 0.5s ease;
transform: translateX(0);
}
.connection__inner.transform {
transform: translateX(-50%);
}
.connection__box,
.connection__form {
padding: 20px;
flex: 0 0 280px;
}
.connection-box__top {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 14px;
margin-bottom: 14px;
display: flex;
align-items: center;
}
.connection-box__top img {
display: block;
width: 50px;
height: 50px;
margin-right: 8px;
border-radius: 50%;
overflow: hidden;
}
.connection-box__top-text {
font-weight: 700;
font-size: 16px;
margin-bottom: 5px;
}
.connection-box__top-text span {
display: flex;
align-items: center;
font-size: 12px;
font-weight: 500;
}
.connection-box__top-text span::after {
content: "";
display: block;
width: 7px;
height: 7px;
background: #5aba1f;
border-radius: 50%;
overflow: hidden;
margin-left: 3px;
}
.connection-box__text {
font-weight: 700;
font-size: 16px;
line-height: 1.1;
margin-bottom: 25px;
}
.connection-box__form-link {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 14px 0;
margin-bottom: 14px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.connection-box__form-link span {
font-weight: 500;
font-size: 14px;
}
.connection-box__form-link img {
width: 18px;
}
.messenger__title {
font-weight: 500;
font-size: 14px;
margin-bottom: 18px;
}
.messenger__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1px;
}
.messenger__link {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 115px;
color: #fff;
background: #373737;
}
.messenger__link span {
font-weight: 500;
font-size: 12px;
}
.messenger__link::before {
font-size: 26px;
margin-bottom: 18px;
}
.messenger__link:hover {
background: #000;
}
.connection-form .form {
width: 100%;
}
.connection-form .form::before,
.connection-form .form::after {
display: none;
}
.connection-form .form h3 {
font-size: 22px;
}
.connection-form .form__desc {
font-size: 13px;
}
.connection-form .form__input {
grid-template-columns: 1fr;
}
.connection-form .connection-form-link {
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 20px;
margin-bottom: 20px;
cursor: pointer;
}
.connection-form .connection-form-link img {
transform: rotate(-180deg);
width: 18px;
}
.content {
font-size: 1em;
line-height: 1.3;
}
.content > *:first-child {
margin: 0;
}
.content__text_hidden {
display: none;
}
.content ol {
counter-reset: item;
padding: 0 0 0 calc(20px + 10 * ((100vw - 320px) / 1600));
margin: 0.8333em 0;
}
.content ol li {
position: relative;
padding: 0px 0px 0px 1.7333em;
}
.content ol li:before {
counter-increment: item;
content: counter(item, decimal-leading-zero) ".";
position: absolute;
left: 0;
top: 0;
font-size: 1em;
}
.content ol li:not(:last-child) {
margin: 0 0 0.4166em;
}
.content ul {
padding: 0 0 0 calc(20px + 10 * ((100vw - 320px) / 1600));
margin: 0.8333em 0;
}
.content ul li {
position: relative;
padding: 0px 0px 0px calc(15px + 5 * ((100vw - 320px) / 1600));
}
.content ul li:before {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
background: #5a1f36;
content: "";
border-radius: 50%;
display: block;
}
.content ul li:not(:last-child) {
margin: 0 0 0.4166em;
}
.content h2 {
font-size: calc(24px + 16 * ((100vw - 320px) / 1600));
margin: 0.8333em 0;
}
.content h3 {
font-size: calc(20px + 12 * ((100vw - 320px) / 1600));
margin: 0.8333em 0;
}
.content p {
margin: 0.8333em 0;
}
.show-hide {
height: 40px;
overflow: hidden;
position: relative;
color: #373737;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
width: 6.25em;
cursor: pointer;
}
.show-hide::after,
.show-hide::before {
content: "";
display: block;
height: 40px;
width: 20px;
border-color: #373737;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.show-hide::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.show-hide::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.show-hide:hover {
color: #fff;
background: #373737;
}
.show-hide:hover::after,
.show-hide:hover::before {
opacity: 0;
}
.show-price,
.show-more-btn {
height: 40px;
overflow: hidden;
position: relative;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
cursor: pointer;
padding: 0 20px;
}
.show-price::after,
.show-price::before,
.show-more-btn::after,
.show-more-btn::before {
content: "";
display: block;
height: 40px;
width: 20px;
border-color: #fff;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.show-price::before,
.show-more-btn::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.show-price::after,
.show-more-btn::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.show-price:hover,
.show-more-btn:hover {
color: #373737;
background: #fff;
}
.show-price:hover::after,
.show-price:hover::before,
.show-more-btn:hover::after,
.show-more-btn:hover::before {
opacity: 0;
}
.social-box {
display: flex;
align-items: center;
}
.social-box span {
display: block;
margin-right: 10px;
}
.social {
display: flex;
}
.social a {
color: #545454;
width: calc(35px + 5 * ((100vw - 320px) / 1600));
height: calc(35px + 5 * ((100vw - 320px) / 1600));
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: calc(14px + 4 * ((100vw - 320px) / 1600));
border-width: 1px 0 1px 1px;
border-color: #000;
border-style: solid;
}
.social a:last-child {
border-width: 1px;
}
@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 !important;
}
.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;
}
.control__inner {
height: calc(40px + 20 * ((100vw - 320px) / 1600));
display: grid;
grid-template-columns: repeat(2, calc(40px + 20 * ((100vw - 320px) / 1600)));
gap: 10px;
margin-top: 15px;
}
.control__arrow {
border-radius: 50%;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.2);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
}
.control__arrow_prev {
transform: rotate(180deg);
}
.control__arrow_prev:hover {
transform: rotate(180deg) scale(1.1);
}
.control__arrow_prev:hover img {
transform: translateX(5px);
}
.control__arrow_next:hover {
transform: scale(1.1);
}
.control__arrow_next:hover img {
transform: translateX(5px);
}
.control__arrow img {
max-width: calc(13px + 6 * ((100vw - 320px) / 1600));
transition: all 0.5s ease;
}
.control__arrow:hover {
border: 1px solid black;
}
.control__pagination {
display: flex;
align-items: center;
justify-content: center;
column-gap: calc(20px + 8 * ((100vw - 320px) / 1600));
}
.control__pagination span {
cursor: pointer;
background: #d9d9d9;
border-radius: 50%;
flex-basis: calc(8px + 9 * ((100vw - 320px) / 1600));
height: calc(8px + 9 * ((100vw - 320px) / 1600));
display: block;
}
.control__pagination span:hover,
.control__pagination span.swiper-pagination-bullet-active {
background: #373737;
}
.site-header__container {
position: fixed;
left: 0;
width: 100%;
z-index: 100;
transition: all 0.5s ease;
background: #fff;
}
.site-header__inner {
display: grid;
grid-template-columns: repeat(5, 20%);
height: calc(60px + 40 * ((100vw - 320px) / 1600));
align-items: center;
border-bottom: 1px solid #373737;
transition: all 0.5s ease;
}
.site-header__description {
font-weight: 700;
font-size: calc(10px + 8 * ((100vw - 320px) / 1600));
line-height: 1.2;
}
.site-header__logo a {
display: block;
margin: 0 auto;
width: calc(138px + 86 * ((100vw - 320px) / 1600));
max-width: 100%;
}
.site-header__phone {
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
}
.site-header__phone > a {
flex: 1 1 auto;
}
.site-header__phone .social {
margin-left: -75px;
transform: translateX(100%);
}
.site-header__phone .social a {
border: none;
width: 25px;
height: 25px;
font-size: 20px;
}
.site-header__phone a {
text-align: right;
font-weight: 700;
font-size: calc(10px + 8 * ((100vw - 320px) / 1600));
line-height: 1.2;
}
.site-header__phone a:hover {
color: #8f7575;
}
.site-header__order {
font-weight: 700;
font-size: calc(10px + 8 * ((100vw - 320px) / 1600));
line-height: 1.2;
display: block;
}
.site-header__order a {
display: flex;
width: 4.6666em;
margin-left: auto;
text-align: right;
position: relative;
}
.site-header__order a::after,
.site-header__order a::before {
content: "";
display: block;
height: 40px;
width: 20px;
border-color: #373737;
border-style: solid;
position: absolute;
}
.site-header__order a::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.site-header__order a::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.site-header__order a::after,
.site-header__order a::before {
opacity: 0;
transition: all 1s ease;
}
.site-header__order a:hover::before {
opacity: 1;
transform: translateX(-100%);
}
.site-header__order a:hover::after {
opacity: 1;
transform: translateX(100%);
}
.site-header__hidden {
padding: 0 0 calc(20px + 40 * ((100vw - 320px) / 1600)) 0;
}
._scroll .site-header__inner {
height: calc(40px + 40 * ((100vw - 320px) / 1600));
}
.menu-toggle {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
font-weight: 700;
font-size: calc(10px + 8 * ((100vw - 320px) / 1600));
width: 5.2222em;
position: relative;
}
.menu-toggle__line {
display: flex;
flex: 0 0 30px;
justify-content: center;
flex-direction: column;
margin-right: 10px;
position: relative;
height: 40px;
}
.menu-toggle__line span {
width: 100%;
height: 1px;
background: #373737;
transition: all 0.5s ease;
}
.menu-toggle__line span:first-child {
margin-bottom: 5px;
}
.menu-toggle::after,
.menu-toggle::before {
content: "";
display: block;
height: 40px;
width: 20px;
border-color: #373737;
border-style: solid;
position: absolute;
}
.menu-toggle::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.menu-toggle::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.menu-toggle::after,
.menu-toggle::before {
opacity: 0;
transition: all 1s ease;
}
.menu-toggle:hover::before {
opacity: 1;
transform: translateX(-100%);
}
.menu-toggle:hover::after {
opacity: 1;
transform: translateX(100%);
}
.menu-toggle_active .menu-toggle__line span {
width: 100%;
height: 1px;
background: #373737;
position: absolute;
left: 0;
top: 50%;
}
.menu-toggle_active .menu-toggle__line span:first-child {
transform: rotate(45deg);
}
.menu-toggle_active .menu-toggle__line span:last-child {
transform: rotate(-45deg);
}
.header-hidden {
overflow: auto;
display: none;
}
.header-hidden__info {
padding-top: calc(20px + 15 * ((100vw - 320px) / 1600));
}
.header-hidden__menu {
padding-top: calc(15px + 45 * ((100vw - 320px) / 1600));
}
.hidden-info {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.hidden-info__address {
font-size: calc(10px + 8 * ((100vw - 320px) / 1600));
}
.hidden-info__address br {
display: none;
}
.hidden-info__contacts {
display: flex;
justify-content: space-around;
padding: 0 10px;
}
.hidden-info__contacts a {
font-size: calc(12px + 12 * ((100vw - 320px) / 1600));
font-weight: 500;
padding: 0 2.5px;
}
.hidden-info__social {
display: flex;
justify-content: flex-end;
font-size: calc(10px + 8 * ((100vw - 320px) / 1600));
}
.hidden-menu {
display: flex;
flex-wrap: wrap;
}
.hidden-menu__services {
padding: 25px 20px 0 0;
}
.hidden-menu__services ul {
max-width: 300px;
}
.hidden-menu__services ul li {
position: relative;
padding-right: 40px;
}
.hidden-menu__services ul li:not(:last-child) {
border-bottom: 1px solid #000;
margin-bottom: 0.625em;
padding-bottom: 0.625em;
}
.hidden-menu__services ul li a {
font-size: calc(12px + 12 * ((100vw - 320px) / 1600));
font-weight: 500;
line-height: 1.17;
}
.hidden-menu__services ul li::before {
content: "";
display: block;
position: absolute;
top: 0.2083em;
right: 0;
background: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/arrow.svg) no-repeat 0px 0px / cover;
width: 18px;
height: 18px;
transform: rotate(-45deg);
transition: all 0.5s ease;
}
.hidden-menu__services ul li:hover::before {
transform: rotate(0deg);
}
.hidden-menu__services ul li:hover a {
color: rgba(0, 0, 0, 0.7);
}
.hidden-menu__main ul li {
text-align: center;
}
.hidden-menu__main ul li a {
font-size: calc(30px + 18 * ((100vw - 320px) / 1600));
line-height: 1.23;
font-weight: 600;
position: relative;
display: inline-flex;
}
.hidden-menu__main ul li a::after,
.hidden-menu__main ul li a::before {
content: "";
display: block;
height: 1.23em;
width: 0.615em;
border-color: #373737;
border-style: solid;
position: absolute;
}
.hidden-menu__main ul li a::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.hidden-menu__main ul li a::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.hidden-menu__main ul li a::after,
.hidden-menu__main ul li a::before {
opacity: 0;
transition: all 1s ease;
}
.hidden-menu__main ul li a:hover {
color: rgba(0, 0, 0, 0.6);
}
.hidden-menu__main ul li a:hover::before {
opacity: 1;
transform: translateX(-100%);
}
.hidden-menu__main ul li a:hover::after {
opacity: 1;
transform: translateX(100%);
}
.hidden-menu__img {
text-align: right;
padding: 25px 0 0 0px;
max-width: 355px;
margin: 0 0 0 auto;
}
.hidden-menu__img img {
object-position: center;
}
.hidden-menu-active .main,
.hidden-menu-active .footer {
display: none;
}
.hidden-menu-active .site-header__container {
display: flex;
flex-direction: column;
background: #fff;
height: 100vh;
}
.hidden-menu-active .site-header__inner {
flex: 0 0 calc(60px + 40 * ((100vw - 320px) / 1600));
}
.hidden-menu-active .header-hidden {
display: block;
}
.site-footer {
background: #373737;
color: #fff;
}
.site-footer__top {
display: flex;
align-items: center;
}
.site-footer__bottom {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.site-footer__description {
flex: 0 0 calc(100px + 160 * ((100vw - 320px) / 1600));
height: calc(100px + 160 * ((100vw - 320px) / 1600));
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-right: 1px solid #fff;
font-size: calc(14px + 8 * ((100vw - 320px) / 1600));
}
.site-footer__logo {
flex: 1 1 auto;
padding: 0 20px;
}
.site-footer__logo a {
width: 100%;
max-width: calc(212px + 658 * ((100vw - 320px) / 1600));
display: block;
margin: 0 auto;
}
.site-footer__order {
flex: 0 0 calc(100px + 160 * ((100vw - 320px) / 1600));
height: calc(100px + 160 * ((100vw - 320px) / 1600));
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #fff;
}
.site-footer__order a {
font-size: calc(14px + 8 * ((100vw - 320px) / 1600));
display: flex;
flex: 0 0 calc(150px + 30 * ((100vw - 320px) / 1600));
height: calc(150px + 30 * ((100vw - 320px) / 1600));
position: relative;
align-items: center;
justify-content: center;
text-align: center;
}
.site-footer__order a span {
position: relative;
z-index: 1;
display: block;
}
.site-footer__order a::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: scale(0);
border-radius: 50%;
overflow: hidden;
z-index: 0;
background: #fff;
opacity: 0;
transition: all 0.5s ease;
}
.site-footer__order a:hover {
color: #373737;
}
.site-footer__order a:hover::before {
transform: scale(1);
opacity: 1;
}
.site-footer__contact-left {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: calc(20px + 30 * ((100vw - 320px) / 1600));
border-top: 1px solid #fff;
border-right: 0.5px solid #fff;
height: calc(60px + 20 * ((100vw - 320px) / 1600));
font-weight: 500;
}
.site-footer__mail a {
font-size: calc(12px + 12 * ((100vw - 320px) / 1600));
}
.site-footer__contact-right {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: calc(20px + 30 * ((100vw - 320px) / 1600));
border-top: 1px solid #fff;
border-left: 0.5px solid #fff;
height: calc(60px + 20 * ((100vw - 320px) / 1600));
font-weight: 500;
}
.site-footer__phone a {
font-size: calc(12px + 12 * ((100vw - 320px) / 1600));
}
.site-footer__social .social a {
color: #fff;
border-color: #fff;
}
.site-footer__social .social a:hover {
color: #fff;
}
.site-footer__menu-left {
padding-top: calc(20px + 30 * ((100vw - 320px) / 1600));
padding-right: calc(20px + 30 * ((100vw - 320px) / 1600));
padding-bottom: calc(20px + 30 * ((100vw - 320px) / 1600));
border-top: 1px solid #fff;
border-right: 0.5px solid #fff;
text-align: right;
}
.site-footer__menu-left a {
line-height: 1.5;
}
.site-footer__menu-left a:hover {
text-decoration: underline;
color: #fff;
}
.site-footer__menu-right {
padding-top: calc(20px + 30 * ((100vw - 320px) / 1600));
padding-left: calc(20px + 30 * ((100vw - 320px) / 1600));
padding-bottom: calc(20px + 30 * ((100vw - 320px) / 1600));
border-top: 1px solid #fff;
border-left: 0.5px solid #fff;
}
.site-footer__menu-right a {
line-height: 1.5;
}
.site-footer__menu-right a:hover {
text-decoration: underline;
color: #fff;
}
.site-footer__info-left {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: calc(20px + 30 * ((100vw - 320px) / 1600));
border-top: 1px solid #fff;
height: calc(60px + 20 * ((100vw - 320px) / 1600));
}
.site-footer__info-left a {
text-decoration: underline;
}
.site-footer__info-left a:hover {
text-decoration: none;
color: #fff;
}
.site-footer__info-left a br {
display: none;
}
.site-footer__info-left p {
text-align: right;
}
.site-footer__info-left p br {
display: none;
}
.site-footer__info-right {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: calc(20px + 30 * ((100vw - 320px) / 1600));
border-top: 1px solid #fff;
height: calc(60px + 20 * ((100vw - 320px) / 1600));
}
.site-footer__info-right a {
text-decoration: underline;
text-align: right;
}
.site-footer__info-right a:hover {
text-decoration: none;
color: #fff;
}
.site-footer__info-right a br {
display: none;
}
.site-footer__info-right p br {
display: none;
}
.home .site__main {
padding-top: calc(60px + 40 * ((100vw - 320px) / 1600));
}
.page-home__top {
position: relative;
}
.page-home__top::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: #373737;
}
.page-home__about-us {
background: #373737;
padding-top: calc(70px + 90 * ((100vw - 320px) / 1600));
padding-bottom: calc(70px + 120 * ((100vw - 320px) / 1600));
margin-bottom: calc(-20px - 120 * ((100vw - 320px) / 1600));
}
.page-home__number {
margin: calc(40px + 20 * ((100vw - 320px) / 1600)) auto 0;
}
.page-home__services {
border-top: 1px solid #828282;
margin-top: calc(50px + 105 * ((100vw - 320px) / 1600));
padding-top: calc(20px + 35 * ((100vw - 320px) / 1600));
}
.page-home__main-form {
margin-top: calc(50px + 80 * ((100vw - 320px) / 1600));
}
.page-home__doctors {
margin-top: calc(60px + 100 * ((100vw - 320px) / 1600));
}
.page-home__advantages-treatment {
margin-top: calc(50px + 125 * ((100vw - 320px) / 1600));
}
.page-home__portfolio {
margin-top: calc(30px + 120 * ((100vw - 320px) / 1600));
}
.page-home__reviews {
margin-top: calc(50px + 70 * ((100vw - 320px) / 1600));
}
.page-home__reviews .reviews-slider__control {
position: relative;
top: auto;
right: auto;
transform: none;
width: 80%;
margin: 0 auto;
}
.page-home__reviews .reviews-slider__control .control__inner {
justify-content: space-between;
}
.page-home__reviews .reviews-slider__control .control__arrow {
border: 1px solid #fff;
}
.page-home__reviews .reviews-slider__title-block {
justify-content: center;
}
.page-home__form {
position: relative;
}
.page-home__form .service-form__container {
position: relative;
}
.page-home__form::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
background: #373737;
z-index: 0;
}
.page-home__technologies {
margin-top: calc(50px + 90 * ((100vw - 320px) / 1600));
}
.page-home__contacts {
margin-top: calc(50px + 90 * ((100vw - 320px) / 1600));
}
.top-control {
margin: 15px 0;
}
.top-control .control__inner {
justify-content: flex-end;
margin: 0;
}
.home-top {
position: relative;
}
.home-top__inner {
display: flex;
gap: 5px;
}
.home-top__info {
display: flex;
flex-direction: column;
}
.home-top__info-box {
position: relative;
background: #f1f1f1;
padding: calc(20px + 20 * ((100vw - 320px) / 1600)) calc(20px + 30 * ((100vw - 320px) / 1600));
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 0 0 50%;
}
.home-top__info-box span {
position: absolute;
right: calc(20px + 30 * ((100vw - 320px) / 1600));
top: calc(20px + 20 * ((100vw - 320px) / 1600));
display: block;
width: calc(40px + 50 * ((100vw - 320px) / 1600));
}
.home-top__title {
width: 60%;
}
.home-top__address {
font-size: calc(14px + 4 * ((100vw - 320px) / 1600));
text-decoration: underline;
}
.home-top__img {
flex: 0 0 50%;
}
.about-us__text {
margin-top: calc(20px + 80 * ((100vw - 320px) / 1600));
position: relative;
}
.about-us__text::before {
content: "";
display: block;
position: absolute;
top: 5px;
left: 50%;
width: 41.6666em;
height: 20.8333em;
border-width: 0 1px 1px 1px;
border-radius: 0 0 50% 50% / 0 0 100% 100%;
border-color: #fff;
border-style: solid;
transform: translateX(-50%);
}
.about-us__text-block {
color: #fff;
text-align: center;
line-height: 1.5;
font-weight: 500;
width: 30.8333em;
margin: 0 auto;
}
.about-us__links {
display: flex;
justify-content: space-between;
margin-top: calc(15px + 30 * ((100vw - 320px) / 1600));
}
.about-us__links a {
height: 40px;
overflow: hidden;
position: relative;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
padding: 0 20px;
}
.about-us__links a::after,
.about-us__links a::before {
content: "";
display: block;
height: 40px;
width: 20px;
border-color: #fff;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.about-us__links a::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.about-us__links a::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.about-us__links a:hover {
color: #373737;
background: #fff;
}
.about-us__links a:hover::after,
.about-us__links a:hover::before {
opacity: 0;
}
.about-us img {
max-width: calc(252px + 618 * ((100vw - 320px) / 1600));
display: block;
margin: 0 auto;
}
.slider-home {
position: relative;
}
.slider-home__control .control__arrow {
position: absolute;
top: calc(50% - (calc(30px + 30 * ((100vw - 320px) / 1600)) / 2));
height: calc(30px + 30 * ((100vw - 320px) / 1600));
width: calc(30px + 30 * ((100vw - 320px) / 1600));
z-index: 1;
}
.slider-home__control .control__arrow_prev {
left: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.slider-home__control .control__arrow_next {
right: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.slider-home__inner {
position: relative;
width: 80%;
margin: 0 auto;
}
.slider-home__inner .gallery-img {
display: block;
position: absolute;
height: calc(50px + 140 * ((100vw - 320px) / 1600));
width: calc(125px + 240 * ((100vw - 320px) / 1600));
z-index: 1;
}
.slider-home__inner .gallery-img:nth-of-type(1) {
top: calc(10px + 35 * ((100vw - 320px) / 1600));
left: 0;
}
.slider-home__inner .gallery-img:nth-of-type(2) {
top: calc(10px + 35 * ((100vw - 320px) / 1600));
right: 0;
transform: translateX(100%);
}
.slider-home__inner .gallery-img:nth-of-type(3) {
bottom: calc(10px + 35 * ((100vw - 320px) / 1600));
left: 0;
transform: translateX(-100%);
}
.slider-home__inner .gallery-img:nth-of-type(4) {
bottom: calc(10px + 35 * ((100vw - 320px) / 1600));
right: 0;
}
.slider-home__gallery {
width: 75%;
margin: 0 auto;
}
.slider-home__gallery a {
display: block;
height: calc(150px + 415 * ((100vw - 320px) / 1600));
}
.slider-home__gallery a img {
object-position: center;
}
.number-list {
width: 63%;
}
.number-list ul {
display: flex;
justify-content: space-between;
}
.number-list ul li {
text-align: center;
position: relative;
font-size: calc(10px + 6 * ((100vw - 320px) / 1600));
flex: 0 0 19.8125em;
height: 10em;
}
.number-list ul li div {
font-size: calc(20px + 44 * ((100vw - 320px) / 1600));
color: #373737;
font-family: "Prata", sans-serif;
}
.number-list ul li::before {
content: "";
display: block;
position: absolute;
top: 5px;
left: 50%;
width: 100%;
height: 100%;
border-width: 0 1px 1px 1px;
border-radius: 0 0 50% 50% / 0 0 100% 100%;
border-color: #979797;
border-style: solid;
transform: translateX(-50%);
}
.page-about__video,
.page-home__video {
margin-top: calc(30px + 35 * ((100vw - 320px) / 1600));
}
.video-block__inner {
width: 63%;
margin: 0 auto;
}
.video-block__img {
padding-top: 56.25%;
cursor: pointer;
}
.video-block__img::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.video-block__img svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(60px + 28 * ((100vw - 320px) / 1600));
z-index: 2;
}
.video-block video {
display: none;
}
.home-services {
position: relative;
}
.home-services__title-block {
margin-bottom: calc(20px + 35 * ((100vw - 320px) / 1600));
}
.home-services .services-list {
display: grid !important;
}
.home-services__control {
position: absolute;
top: calc(20px + 35 * ((100vw - 320px) / 1600));
right: 0;
transform: translateY(-25%);
display: none;
}
.our-portfolio {
position: relative;
}
.our-portfolio__inner {
width: 60%;
margin: 0 auto;
}
.our-portfolio__title-block {
justify-content: center;
margin-bottom: calc(20px + 40 * ((100vw - 320px) / 1600));
}
.our-portfolio__control .control__arrow {
position: absolute;
top: 50%;
height: calc(40px + 20 * ((100vw - 320px) / 1600));
width: calc(40px + 20 * ((100vw - 320px) / 1600));
z-index: 1;
}
.our-portfolio__control .control__arrow_prev {
left: 0;
}
.our-portfolio__control .control__arrow_next {
right: 0;
}
.portfolio-slider .case-item__top {
display: block;
}
.portfolio-slider .case-item__top-info {
width: 100%;
}
.portfolio-slider .case-item__content {
display: block;
}
.portfolio-slider .case-item__desc {
padding: 0 calc(15px + 15 * ((100vw - 320px) / 1600));
text-align: center;
margin-top: calc(15px + 15 * ((100vw - 320px) / 1600));
}
.reviews-slider__inner {
position: relative;
}
.reviews-slider__inner::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: #373737;
}
.reviews-slider__inner .reviews-slider__list {
width: 80%;
margin: 0 auto;
}
.seo-block {
background: #373737;
color: #fff;
}
.seo-block__container {
padding-top: calc(40px + 100 * ((100vw - 320px) / 1600));
padding-bottom: calc(60px + 80 * ((100vw - 320px) / 1600));
}
.seo-block__top {
display: flex;
align-items: center;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.seo-block__description {
flex: 0 0 calc(100px + 160 * ((100vw - 320px) / 1600));
height: calc(100px + 160 * ((100vw - 320px) / 1600));
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-right: 1px solid #fff;
font-size: calc(14px + 8 * ((100vw - 320px) / 1600));
}
.seo-block__logo {
flex: 1 1 auto;
padding: 0 20px;
}
.seo-block__logo a {
width: 100%;
max-width: calc(212px + 658 * ((100vw - 320px) / 1600));
display: block;
margin: 0 auto;
}
.seo-block__order {
flex: 0 0 calc(100px + 160 * ((100vw - 320px) / 1600));
height: calc(100px + 160 * ((100vw - 320px) / 1600));
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #fff;
}
.seo-block__order a {
font-size: calc(14px + 8 * ((100vw - 320px) / 1600));
display: flex;
flex: 0 0 calc(150px + 30 * ((100vw - 320px) / 1600));
height: calc(150px + 30 * ((100vw - 320px) / 1600));
position: relative;
align-items: center;
justify-content: center;
text-align: center;
}
.seo-block__order a span {
position: relative;
z-index: 1;
display: block;
}
.seo-block__order a::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: scale(0);
border-radius: 50%;
overflow: hidden;
z-index: 0;
background: #fff;
opacity: 0;
transition: all 0.5s ease;
}
.seo-block__order a:hover {
color: #373737;
}
.seo-block__order a:hover::before {
transform: scale(1);
opacity: 1;
}
.seo-block__content {
display: flex;
flex-wrap: wrap;
margin-top: calc(15px + 90 * ((100vw - 320px) / 1600));
}
.seo-block__img {
position: relative;
}
.seo-block__img-box:nth-child(1) {
width: calc(40px + 55 * ((100vw - 320px) / 1600));
height: calc(40px + 55 * ((100vw - 320px) / 1600));
top: 0;
left: 0;
position: absolute;
z-index: 1;
}
.seo-block__img-box:nth-child(2) {
width: calc(95px + 150 * ((100vw - 320px) / 1600));
height: calc(95px + 150 * ((100vw - 320px) / 1600));
top: 0;
right: 10%;
position: absolute;
border-radius: 50%;
overflow: hidden;
z-index: 1;
}
.seo-block__img-box:nth-child(3) {
width: calc(155px + 240 * ((100vw - 320px) / 1600));
height: calc(155px + 240 * ((100vw - 320px) / 1600));
margin: 10% auto 0;
}
.seo-block__img-box img {
object-position: center;
}
.seo-block__text {
max-width: 630px;
}
.seo-block__text .content__link {
height: 40px;
overflow: hidden;
position: relative;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
padding: 0 20px;
display: inline-flex;
margin-top: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.seo-block__text .content__link::after,
.seo-block__text .content__link::before {
content: "";
display: block;
height: 40px;
width: 20px;
border-color: #fff;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.seo-block__text .content__link::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.seo-block__text .content__link::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.seo-block__text .content__link:hover {
color: #373737;
background: #fff;
}
.seo-block__text .content__link:hover::after,
.seo-block__text .content__link:hover::before {
opacity: 0;
}
.seo-block .content ul li::before {
background: #fff;
}
.seo-block .show-hide {
height: 40px;
overflow: hidden;
position: relative;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
margin-top: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.seo-block .show-hide::after,
.seo-block .show-hide::before {
content: "";
display: block;
height: 40px;
width: 20px;
border-color: #fff;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.seo-block .show-hide::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.seo-block .show-hide::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.seo-block .show-hide:hover {
color: #373737;
background: #fff;
}
.seo-block .show-hide:hover::after,
.seo-block .show-hide:hover::before {
opacity: 0;
}
.technologies__title-block {
text-align: center;
justify-content: center;
}
.technologies__list {
margin-top: calc(25px + 30 * ((100vw - 320px) / 1600));
}
.technologies__control .control__inner {
justify-content: space-between;
}
.technologies-item {
display: flex;
height: auto;
background: #373737;
}
.technologies-item__info {
background: #f3f3f3;
padding: calc(20px + 25 * ((100vw - 320px) / 1600));
flex: 1 1 auto;
}
.technologies-item__title {
font-size: calc(14px + 10 * ((100vw - 320px) / 1600));
font-weight: 500;
}
.technologies-item__text {
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
margin-top: 20px;
}
.technologies-item__img {
flex: 0 0 calc(200px + 133 * ((100vw - 320px) / 1600));
}
.home-contacts {
display: flex;
}
.home-contacts__info {
background: #373737;
padding: calc(20px + 25 * ((100vw - 320px) / 1600));
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: calc(14px + 10 * ((100vw - 320px) / 1600));
font-weight: 500;
position: relative;
min-height: calc(160px + 108 * ((100vw - 320px) / 1600));
flex: 0 0 40%;
}
.home-contacts__info span {
position: absolute;
right: calc(20px + 25 * ((100vw - 320px) / 1600));
top: calc(20px + 25 * ((100vw - 320px) / 1600));
display: block;
width: calc(40px + 50 * ((100vw - 320px) / 1600));
}
.home-contacts__address {
width: 75%;
}
.home-contacts__map {
min-height: calc(160px + 108 * ((100vw - 320px) / 1600));
flex: 0 0 60%;
position: relative;
}
.home-contacts__map iframe {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.page-about__about-us {
padding-bottom: calc(50px + 120 * ((100vw - 320px) / 1600));
margin-bottom: calc(-20px - 120 * ((100vw - 320px) / 1600));
}
.page-about__about-us .about-us__info img {
width: 100%;
}
.page-about__about-us .about-us__text-block {
color: #373737;
}
.page-about__about-us .about-us__text::before {
border-color: #373737;
}
.page-about__about-us .about-us__links a {
color: #373737;
}
.page-about__about-us .about-us__links a::after,
.page-about__about-us .about-us__links a::before {
border-color: #373737;
}
.page-about__about-us .about-us__links a:hover {
color: #fff;
background: #373737;
}
.page-about__about-us .about-us__links {
justify-content: center;
}
.page-about__slider {
position: relative;
}
.page-about__slider::before {
content: "";
display: block;
position: absolute;
top: 20%;
left: 0;
width: 100%;
height: 100%;
background: #373737;
z-index: -1;
}
.page-about__slider .control__arrow {
border: 1px solid #fff;
}
.page-about__number {
margin: 30px auto 0;
}
.page-about__number ul {
margin: calc(35px + 45 * ((100vw - 320px) / 1600)) auto 0;
}
.page-about__advantages {
margin-top: calc(20px + 40 * ((100vw - 320px) / 1600));
}
.page-about__technologies {
margin-top: calc(50px + 90 * ((100vw - 320px) / 1600));
padding-top: calc(30px + 25 * ((100vw - 320px) / 1600));
border-top: 1px solid #000;
}
.page-about__advantages-treatment {
margin-top: calc(50px + 90 * ((100vw - 320px) / 1600));
}
.page-about__doctors {
margin-top: calc(50px + 90 * ((100vw - 320px) / 1600));
}
.page-about__portfolio {
margin-top: calc(50px + 90 * ((100vw - 320px) / 1600));
}
.page-about__reviews {
margin-top: calc(50px + 90 * ((100vw - 320px) / 1600));
}
.page-about__reviews .reviews-slider__control {
position: relative;
top: auto;
right: auto;
transform: none;
width: 80%;
margin: 0 auto;
}
.page-about__reviews .reviews-slider__control .control__inner {
justify-content: space-between;
}
.page-about__reviews .reviews-slider__control .control__arrow {
border: 1px solid #fff;
}
.page-about__reviews .reviews-slider__title-block {
justify-content: center;
}
.page-about__main-form {
margin-top: calc(40px + 60 * ((100vw - 320px) / 1600));
}
.number-list__text {
display: grid;
grid-template-columns: repeat(2, 50%);
gap: 10px;
}
.number-list__text > div {
padding: calc(20px + 20 * ((100vw - 320px) / 1600));
}
.number-list__text strong {
margin-bottom: 0.5952em;
font-weight: 600;
font-size: calc(18px + 18 * ((100vw - 320px) / 1600));
}
.number-list__text-mission {
background: #f3f3f3;
}
.number-list__text-wealth {
background: #151515;
color: #fff;
}
.advantages__title-block {
justify-content: center;
}
.advantages__list {
display: flex;
margin-top: calc(25px + 30 * ((100vw - 320px) / 1600));
justify-content: center;
flex-wrap: wrap;
}
.advantages-item {
padding: 2.5px;
flex: 0 0 20%;
}
.advantages-item__inner {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 12.611em;
position: relative;
padding: 12px;
}
.advantages-item__inner::after,
.advantages-item__inner::before {
content: "";
display: block;
height: 12.611em;
width: calc(12.611em / 2);
border-color: #373737;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
top: 0;
}
.advantages-item__inner::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.advantages-item__inner::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.advantages-item__name {
font-size: calc(16px + 6 * ((100vw - 320px) / 1600));
font-weight: 800;
line-height: 1;
margin-bottom: 0.59em;
}
.advantages-item__desc {
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
}
.page-service__header {
display: flex;
flex-wrap: wrap;
}
.page-service__price {
background: #373737;
padding-top: calc(0px + 125 * ((100vw - 320px) / 1600));
margin-top: calc(0px - 125 * ((100vw - 320px) / 1600));
}
.page-service__text-block {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: calc(50px + 40 * ((100vw - 320px) / 1600)) auto 0;
}
.page-service__advantages-treatment,
.page-service__form,
.page-service__main-form {
margin-top: calc(50px + 40 * ((100vw - 320px) / 1600));
}
.page-service__doctors,
.page-service__reviews,
.page-service__portfolio,
.page-service__other {
margin: calc(50px + 40 * ((100vw - 320px) / 1600)) auto 0;
}
.service-header__info {
display: grid;
grid-template-columns: repeat(2, 50%);
gap: 5px;
}
.service-header__title-block {
padding: calc(25px + 30 * ((100vw - 320px) / 1600));
background: #f1f1f1;
display: flex;
flex-direction: column;
}
.service-header__title {
color: #373737;
margin-bottom: 0.3em;
}
.service-header p {
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
margin-bottom: 0.5em;
color: #373737;
}
.service-header__link {
display: flex;
margin-top: auto;
flex-wrap: wrap;
}
.service-header__link a {
height: 3.75em;
overflow: hidden;
position: relative;
color: #373737;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
width: 12.75em;
margin: 0 5px 5px 0;
}
.service-header__link a::after,
.service-header__link a::before {
content: "";
display: block;
height: 3.75em;
width: 1.875em;
border-color: #373737;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.service-header__link a::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.service-header__link a::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.service-header__link a:hover {
color: #fff;
background: #373737;
}
.service-header__link a:hover::after,
.service-header__link a:hover::before {
opacity: 0;
}
.service-header__img {
height: calc(240px + 120 * ((100vw - 320px) / 1600));
}
.service-price__inner {
margin: 0 auto;
}
.service-price__top {
display: grid;
grid-template-columns: repeat(2, 50%);
gap: 5px;
padding: calc(35px + 25 * ((100vw - 320px) / 1600)) 0;
border-bottom: 1px solid #fff;
}
.service-price__top-text {
color: #fff;
padding: 0 calc(0px + 60 * ((100vw - 320px) / 1600));
}
.service-price__content {
display: grid;
grid-template-columns: repeat(2, 50%);
gap: 5px;
color: #fff;
padding: calc(50px + 40 * ((100vw - 320px) / 1600)) 0;
}
.service-price__table .tablepress tr {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.service-price__table .tablepress tr td {
color: rgba(255, 255, 255, 0.7);
}
.service-price__table .tablepress tr:nth-child(n + 7) {
display: none;
}
.subcategory-list {
display: flex;
flex-wrap: wrap;
}
.subcategory-list li a {
height: 40px;
overflow: hidden;
position: relative;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
margin: 0 5px 5px;
padding: 0 20px;
}
.subcategory-list li a::after,
.subcategory-list li a::before {
content: "";
display: block;
height: 40px;
width: 20px;
border-color: #fff;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.subcategory-list li a::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.subcategory-list li a::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.subcategory-list li a:hover {
color: #373737;
background: #fff;
}
.subcategory-list li a:hover::after,
.subcategory-list li a:hover::before {
opacity: 0;
}
.service-price__treatment-options {
padding: calc(35px + 25 * ((100vw - 320px) / 1600)) 0;
position: relative;
}
.treatment-options__inner {
margin: 0 auto;
}
.treatment-options__title {
color: #fff;
}
.treatment-options__slider {
margin-top: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.treatment-options__slider-box {
}
.treatment-options-item {
background: #fff;
height: auto;
display: flex;
flex-direction: column;
}
.treatment-options-item__info-top {
position: relative;
padding-top: calc(20px + 20 * ((100vw - 320px) / 1600));
padding-bottom: calc(10px + 5 * ((100vw - 320px) / 1600));
display: flex;
flex: 1 1 auto;
}
.treatment-options-item__label {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
}
.treatment-options-item__all {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
}
.treatment-options-item__img {
padding-left: calc(20px + 20 * ((100vw - 320px) / 1600));
padding-right: calc(20px + 20 * ((100vw - 320px) / 1600));
display: flex;
justify-content: center;
}
.treatment-options-item__img-box {
width: calc(120px + 80 * ((100vw - 320px) / 1600));
height: calc(120px + 80 * ((100vw - 320px) / 1600));
border-radius: 50%;
overflow: hidden;
background: #f3f3f3;
}
.treatment-options-item__info {
padding-right: calc(20px + 10 * ((100vw - 320px) / 1600));
}
.treatment-options-item__name {
}
.treatment-options-item__info-desc {
margin-top: 1em;
}
.treatment-options-item__info-bottom {
background: #f3f3f3;
padding: calc(10px + 5 * ((100vw - 320px) / 1600)) calc(20px + 20 * ((100vw - 320px) / 1600));
display: flex;
justify-content: space-between;
align-items: center;
}
.treatment-options__control .control__arrow {
border-color: rgba(255, 255, 255, 0.2);
}
.treatment-options__control .control__pagination span {
background: rgba(217, 217, 217, 0.5);
}
.treatment-options__control .control__pagination span:hover,
.treatment-options__control .control__pagination span.swiper-pagination-bullet-active {
background: #fff;
}
.treatment-options__footnote {
font-size: calc(10px + 4 * ((100vw - 320px) / 1600));
color: #fff;
text-align: right;
margin-top: calc(10px + 10 * ((100vw - 320px) / 1600));
}
.page-service__treatment-options2 {
margin-top: calc(50px + 40 * ((100vw - 320px) / 1600));
position: relative;
}
.treatment-options2 {
}
.treatment-options2__inner {
margin: 0 auto;
}
.treatment-options2__title {
}
.treatment-options2__slider {
margin-top: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.treatment-options2__slider-box {
}
.treatment-options2-item {
}
.treatment-options2-item__inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.treatment-options2-item__img {
background: #f3f3f3;
display: flex;
align-items: center;
justify-content: center;
}
.treatment-options-item__label,
.treatment-options2-item__label {
position: absolute;
width: calc(50px + 30 * ((100vw - 320px) / 1600));
height: calc(50px + 30 * ((100vw - 320px) / 1600));
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: #94a1c0;
color: #fff;
border-radius: 50%;
}
.treatment-options2-item__label {
top: 1em;
left: 1em;
}
.treatment-options2-item__img-box {
position: relative;
width: calc(130px + 318 * ((100vw - 320px) / 1600));
height: calc(130px + 318 * ((100vw - 320px) / 1600));
} .treatment-options2-item__img-box img {
object-fit: contain;
object-position: center;
}
.treatment-options2-item__info {
padding: calc(20px + 20 * ((100vw - 320px) / 1600)) 0;
}
.treatment-options2-item__info-top {
padding: calc(20px + 22 * ((100vw - 320px) / 1600)) calc(20px + 35 * ((100vw - 320px) / 1600));
display: flex;
justify-content: space-between;
border-top: 2px solid #f3f3f3;
border-right: 2px solid #f3f3f3;
}
.treatment-options-item__name,
.treatment-options2-item__name {
font-size: calc(16px + 8 * ((100vw - 320px) / 1600));
font-weight: 700;
}
.treatment-options-item__all,
.treatment-options2-item__all {
display: flex;
color: #fff;
background: #373737;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 100px;
font-size: calc(14px + 4 * ((100vw - 320px) / 1600));
height: 2.3333em;
width: 6.5555em;
font-weight: 600;
}
.treatment-options2-item__info-desc {
background: #f3f3f3;
padding: calc(20px + 35 * ((100vw - 320px) / 1600)) calc(20px + 35 * ((100vw - 320px) / 1600)) 0;
}
.treatment-options-item__info-desc ul,
.treatment-options2-item__info-desc ul {
padding: 0;
}
.treatment-options-item__info-desc p:first-of-type,
.treatment-options-item__info-desc p:last-of-type,
.treatment-options2-item__info-desc p:first-of-type,
.treatment-options2-item__info-desc p:last-of-type {
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
font-weight: 500;
}
.treatment-options-item__info-desc > *:last-child,
.treatment-options2-item__info-desc > *:last-child {
margin-bottom: 0;
}
.treatment-options2-item__info-bottom {
background: #f3f3f3;
padding: calc(20px + 22 * ((100vw - 320px) / 1600)) calc(20px + 35 * ((100vw - 320px) / 1600));
display: flex;
justify-content: space-between;
align-items: center;
}
.treatment-options2-item__price-box {
}
.treatment-options-item__price-old,
.treatment-options2-item__price-old {
font-size: calc(10px + 6 * ((100vw - 320px) / 1600));
font-weight: 700;
text-decoration: line-through;
}
.treatment-options-item__price,
.treatment-options2-item__price {
font-size: calc(16px + 8 * ((100vw - 320px) / 1600));
font-weight: 700;
}
.treatment-options-item__info-bottom a,
.treatment-options2-item__info-bottom a {
height: 3.75em;
overflow: hidden;
position: relative;
color: #373737;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
width: 9.6875em;
}
.treatment-options-item__info-bottom a::after,
.treatment-options-item__info-bottom a::before,
.treatment-options2-item__info-bottom a::after,
.treatment-options2-item__info-bottom a::before {
content: "";
display: block;
height: 3.75em;
width: 1.875em;
border-color: #373737;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.treatment-options-item__info-bottom a::before,
.treatment-options2-item__info-bottom a::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.treatment-options-item__info-bottom a::after,
.treatment-options2-item__info-bottom a::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.treatment-options-item__info-bottom a:hover,
.treatment-options2-item__info-bottom a:hover {
background: #373737;
color: #fff;
}
.treatment-options__control,
.treatment-options2__control {
margin-top: calc(15px + 15 * ((100vw - 320px) / 1600));
}
.treatment-options__control .control__arrow,
.treatment-options2__control .control__arrow {
position: absolute;
top: 50%;
height: calc(40px + 20 * ((100vw - 320px) / 1600));
width: calc(40px + 20 * ((100vw - 320px) / 1600));
z-index: 1;
}
.treatment-options__control .control__arrow_prev,
.treatment-options2__control .control__arrow_prev {
left: 0;
}
.treatment-options__control .control__arrow_next,
.treatment-options2__control .control__arrow_next {
right: 0;
}
.page-service__calculator {
margin-top: calc(50px + 40 * ((100vw - 320px) / 1600));
}
.implantation-calculator__inner {
margin: 0 auto;
}
.implantation-calculator__title {
}
.implantation-calculator__box {
margin-top: calc(20px + 30 * ((100vw - 320px) / 1600));
display: flex;
align-items: center;
background: #8f7575;
border-radius: 1000px;
padding: 20px calc(10px + 70 * ((100vw - 320px) / 1600));
}
.implantation-calculator__action {
flex: 0 0 560px;
padding: 2.2222em;
display: flex;
align-items: center;
}
.calculator-action__side {
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #000;
font-size: calc(8px + 4 * ((100vw - 320px) / 1600));
font-weight: 600;
width: 7.5em;
height: 7.5em;
padding: 0.5em;
}
.calculator-action__side_right {
flex: 0 0 7.5em;
}
.calculator-action__side_left {
flex: 0 0 7.5em;
}
.calculator-action__teeth {
position: relative;
flex: 1 1 auto;
}
.calculator-action__teeth-box {
}
.teeth-box {
position: relative;
width: 300px;
margin: 0 auto;
}
.teeth-box img {
width: 230px;
display: block;
margin: 0 auto;
}
.calc {
}
.calc__scheme {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.calc__scheme-item {
position: absolute;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
.calc__scheme-item::before {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
background: #fff;
transition: all 0.5s ease;
border-radius: 50%;
}
.calc__scheme-item_active::before {
background: #000;
transform: scale(1.6);
}
.calc__scheme-item_11 {
top: -20px;
left: 125px;
}
.calc__scheme-item_11::before {
top: 30px;
left: 7px;
}
.calc__scheme-item_12 {
top: -10px;
left: 93px;
}
.calc__scheme-item_12::before {
top: 28px;
left: 14px;
}
.calc__scheme-item_13 {
top: 8px;
left: 68px;
}
.calc__scheme-item_13::before {
top: 27px;
left: 21px;
}
.calc__scheme-item_14 {
top: 33px;
left: 48px;
}
.calc__scheme-item_14::before {
top: 23px;
left: 28px;
}
.calc__scheme-item_15 {
top: 60px;
left: 34px;
}
.calc__scheme-item_15::before {
top: 20px;
left: 30px;
}
.calc__scheme-item_16 {
top: 90px;
left: 20px;
}
.calc__scheme-item_16::before {
top: 17px;
left: 33px;
}
.calc__scheme-item_17 {
top: 125px;
left: 15px;
}
.calc__scheme-item_17::before {
top: 10px;
left: 34px;
}
.calc__scheme-item_18 {
top: 160px;
left: 14px;
}
.calc__scheme-item_18::before {
top: 4px;
left: 35px;
}
.calc__scheme-item_21 {
top: -20px;
right: 128px;
}
.calc__scheme-item_21::before {
top: 30px;
right: 4px;
}
.calc__scheme-item_22 {
top: -10px;
right: 93px;
}
.calc__scheme-item_22::before {
top: 28px;
right: 14px;
}
.calc__scheme-item_23 {
top: 8px;
right: 68px;
}
.calc__scheme-item_23::before {
top: 27px;
right: 21px;
}
.calc__scheme-item_24 {
top: 33px;
right: 48px;
}
.calc__scheme-item_24::before {
top: 23px;
right: 28px;
}
.calc__scheme-item_25 {
top: 60px;
right: 34px;
}
.calc__scheme-item_25::before {
top: 20px;
right: 30px;
}
.calc__scheme-item_26 {
top: 90px;
right: 20px;
}
.calc__scheme-item_26::before {
top: 17px;
right: 33px;
}
.calc__scheme-item_27 {
top: 125px;
right: 15px;
}
.calc__scheme-item_27::before {
top: 10px;
right: 34px;
}
.calc__scheme-item_28 {
top: 160px;
right: 14px;
}
.calc__scheme-item_28::before {
top: 4px;
right: 35px;
}
.calc__scheme-item_41 {
bottom: -20px;
left: 125px;
}
.calc__scheme-item_41::before {
bottom: 27px;
left: 9px;
}
.calc__scheme-item_42 {
bottom: -10px;
left: 93px;
}
.calc__scheme-item_42::before {
bottom: 23px;
left: 20px;
}
.calc__scheme-item_43 {
bottom: 8px;
left: 68px;
}
.calc__scheme-item_43::before {
bottom: 16px;
left: 30px;
}
.calc__scheme-item_44 {
bottom: 33px;
left: 48px;
}
.calc__scheme-item_44::before {
bottom: 9px;
left: 35px;
}
.calc__scheme-item_45 {
bottom: 60px;
left: 34px;
}
.calc__scheme-item_45::before {
bottom: 8px;
left: 31px;
}
.calc__scheme-item_46 {
bottom: 90px;
left: 20px;
}
.calc__scheme-item_46::before {
bottom: 7px;
left: 33px;
}
.calc__scheme-item_47 {
bottom: 125px;
left: 15px;
}
.calc__scheme-item_47::before {
bottom: 3px;
left: 33px;
}
.calc__scheme-item_48 {
bottom: 160px;
left: 14px;
}
.calc__scheme-item_48::before {
bottom: 0px;
left: 34px;
}
.calc__scheme-item_31 {
bottom: -20px;
right: 125px;
}
.calc__scheme-item_31::before {
bottom: 27px;
right: 9px;
}
.calc__scheme-item_32 {
bottom: -10px;
right: 93px;
}
.calc__scheme-item_32::before {
bottom: 23px;
right: 20px;
}
.calc__scheme-item_33 {
bottom: 8px;
right: 68px;
}
.calc__scheme-item_33::before {
bottom: 16px;
right: 30px;
}
.calc__scheme-item_34 {
bottom: 33px;
right: 48px;
}
.calc__scheme-item_34::before {
bottom: 9px;
right: 35px;
}
.calc__scheme-item_35 {
bottom: 60px;
right: 34px;
}
.calc__scheme-item_35::before {
bottom: 8px;
right: 31px;
}
.calc__scheme-item_36 {
bottom: 90px;
right: 20px;
}
.calc__scheme-item_36::before {
bottom: 7px;
right: 33px;
}
.calc__scheme-item_37 {
bottom: 125px;
right: 15px;
}
.calc__scheme-item_37::before {
bottom: 3px;
right: 33px;
}
.calc__scheme-item_38 {
bottom: 160px;
right: 14px;
}
.calc__scheme-item_38::before {
bottom: 0px;
right: 34px;
}
.calculator-action__side_top {
position: absolute;
top: 6em;
left: 50%;
transform: translateX(-50%);
}
.calculator-action__side_bottom {
position: absolute;
bottom: 6em;
left: 50%;
transform: translateX(-50%);
}
.implantation-calculator__form {
flex: 1 1 auto;
padding-left: 30px;
}
.implantation-calculator__form .form {
background: none;
width: 100%;
}
.implantation-calculator__form .form::before,
.implantation-calculator__form .form::after {
display: none;
}
.implantation-calculator__form .form__inner {
max-width: 100%;
}
.implantation-calculator__form .form h3 {
font-size: calc(18px + 10 * ((100vw - 320px) / 1600));
margin: 0;
color: #fff;
}
.implantation-calculator__form .form__input {
grid-template-columns: repeat(2, 1fr);
}
.teeth-input {
grid-column: span 2;
}
.implantation-calculator__form .agree a {
color: rgba(255, 255, 255, 0.5);
}
.implantation-calculator__form .form__submit::before,
.implantation-calculator__form .form__submit::after {
border-color: #fff;
}
.implantation-calculator__form input[type="submit"] {
color: #fff;
}
.page-service__stages {
margin-top: calc(50px + 40 * ((100vw - 320px) / 1600));
}
.service-stages__inner {
margin: 0 auto;
}
.service-stages__title {
}
.service-stages__list {
margin-top: calc(20px + 30 * ((100vw - 320px) / 1600));
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 6px;
counter-reset: item;
}
.service-stages__item {
background: #f3f3f3;
padding: calc(10px + 22 * ((100vw - 320px) / 1600)) calc(10px + 32 * ((100vw - 320px) / 1600));
}
.stages-item {
}
.stages-item__ico {
display: flex;
}
.stages-item__ico::before {
counter-increment: item;
content: counter(item);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(16px + 16 * ((100vw - 320px) / 1600));
height: calc(40px + 30 * ((100vw - 320px) / 1600));
flex-basis: calc(40px + 30 * ((100vw - 320px) / 1600));
background: #fff;
border-radius: 50%;
margin-right: calc(-5px - 5 * ((100vw - 320px) / 1600));
z-index: 1;
position: relative;
}
.stages-item__ico img {
height: calc(40px + 30 * ((100vw - 320px) / 1600));
flex-basis: calc(40px + 30 * ((100vw - 320px) / 1600));
}
.stages-item__name {
margin-top: calc(10px + 20 * ((100vw - 320px) / 1600));
min-height: 2.2083em;
}
.stages-item__desc {
opacity: 0.5;
margin-top: calc(20px + 20 * ((100vw - 320px) / 1600));
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
line-height: 1.3;
}
.page-service__price-block {
padding: 0;
margin-top: calc(50px + 40 * ((100vw - 320px) / 1600));
color: #000;
}
.page-service__price-block h2 {
color: #000;
}
.page-service__price-block .service-price__table .tablepress tr td {
color: rgba(0, 0, 0, 0.7);
}
.page-service__price-block .show-more-btn {
color: #373737;
}
.page-service__price-block .show-more-btn::after,
.page-service__price-block .show-more-btn::before {
border-color: #373737;
}
.page-service__price-block .show-more-btn:hover {
color: #fff;
background: #373737;
}
.advantages-treatment {
display: flex;
flex-wrap: wrap;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
align-items: center;
}
.advantages-treatment__info {
padding: calc(20px + 40 * ((100vw - 320px) / 1600)) calc(0px + 35 * ((100vw - 320px) / 1600))
calc(20px + 40 * ((100vw - 320px) / 1600)) 0;
}
.advantages-treatment__info a {
height: 3.75em;
overflow: hidden;
position: relative;
color: #000000;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
width: 12.75em;
margin: auto 0 0 auto;
}
.advantages-treatment__info a::after,
.advantages-treatment__info a::before {
content: "";
display: block;
height: 3.75em;
width: 1.875em;
border-color: #000000;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.advantages-treatment__info a::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.advantages-treatment__info a::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.advantages-treatment__info a:hover {
color: #fff;
background: #373737;
}
.advantages-treatment__info a:hover::after,
.advantages-treatment__info a:hover::before {
opacity: 0;
}
.advantages-treatment__info-inner {
background: #f3f3f3;
height: 100%;
padding: calc(20px + 35 * ((100vw - 320px) / 1600)) calc(25px + 45 * ((100vw - 320px) / 1600));
display: grid;
grid-template-columns: 60% 40%;
gap: 20px;
position: relative;
}
.advantages-treatment__info-inner::before {
content: "";
display: block;
position: absolute;
background: #f3f3f3;
clip-path: polygon(0 0, 0% 100%, 100% 45%);
width: calc(40px + 50 * ((100vw - 320px) / 1600));
height: calc(40px + 50 * ((100vw - 320px) / 1600));
top: 50%;
right: 0;
transform: translate(50%, -50%);
z-index: 2;
}
.advantages-treatment__desc {
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
align-items: center;
display: flex;
}
.advantages-treatment__list ul {
padding: 0;
margin-top: calc(20px + 60 * ((100vw - 320px) / 1600)) !important;
font-weight: 500;
}
.advantages-treatment__doctor {
position: relative;
}
.advantages-treatment__doctor-img {
height: calc(178px + 462 * ((100vw - 320px) / 1600));
}
.advantages-treatment__doctor-img img {
object-position: left top;
}
.advantages-treatment__doctor-info {
position: absolute;
top: calc(20px + 40 * ((100vw - 320px) / 1600));
left: calc(20px + 30 * ((100vw - 320px) / 1600));
width: 50%;
}
.advantages-treatment__doctor-name {
margin-bottom: 0.5em;
}
.advantages-treatment__doctor-post {
color: rgba(0, 0, 0, 0.5);
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
}
.advantages-treatment__doctor-post br {
display: none;
}
.service-form__inner {
display: flex;
flex-wrap: wrap;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
padding: calc(20px + 20 * ((100vw - 320px) / 1600)) 0;
}
.service-form__doctor {
position: relative;
}
.service-form__doctor-img {
height: calc(165px + 355 * ((100vw - 320px) / 1600));
}
.service-form__doctor-img img {
object-position: left top;
}
.service-form__doctor-info {
position: absolute;
top: calc(20px + 40 * ((100vw - 320px) / 1600));
left: calc(20px + 30 * ((100vw - 320px) / 1600));
width: 33%;
z-index: 2;
}
.service-form__doctor-name {
margin-bottom: 0.5em;
}
.service-form__doctor-post {
color: rgba(0, 0, 0, 0.5);
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
}
.service-form__doctor-post br {
display: none;
}
.service-form__info {
padding: calc(20px + 55 * ((100vw - 320px) / 1600)) calc(25px + 30 * ((100vw - 320px) / 1600));
background: #fff;
}
.service-form__title {
margin-bottom: 0.5em;
}
.service-form__box .form {
width: 100%;
justify-content: flex-start;
}
.service-form__box .form::after,
.service-form__box .form::before {
display: none;
}
.service-form__box .form input[type="checkbox"] + label,
.service-form__box .form input[type="checkbox"] + span {
justify-content: flex-start;
}
.service-form__box .form__inner {
margin: 0;
}
.service-form__box .form .agree {
text-align: left;
}
.service-form__box .form__submit {
margin: 35px 0 0;
}
.other-services {
position: relative;
}
.other-services__title-block {
padding-bottom: calc(15px + 15 * ((100vw - 320px) / 1600));
margin-bottom: calc(15px + 15 * ((100vw - 320px) / 1600));
}
.other-services .swiper-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 5px;
}
.other-services .services-item:nth-child(n + 4) {
display: none;
}
.other-services__control {
position: absolute;
top: 0;
right: 0;
transform: translateY(-25%);
display: none;
} .page-services__list {
margin-top: calc(45px + 70 * ((100vw - 320px) / 1600));
}
.page-services__main-form {
margin-top: calc(45px + 70 * ((100vw - 320px) / 1600));
}
.services-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 5px;
}
.services-item {
min-height: calc(236px + 120 * ((100vw - 320px) / 1600));
display: flex;
flex-direction: column;
position: relative;
}
.services-item__top {
flex: 0 0 50%;
position: relative;
}
.services-item__top::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(255, 255, 255, 0.5);
transition: all 0.5s ease;
}
.services-item__image {
height: 100%;
}
.services-item__image img {
object-position: center;
}
.services-item__title_top {
position: absolute;
left: calc(20px + 10 * ((100vw - 320px) / 1600));
top: calc(20px + 10 * ((100vw - 320px) / 1600));
z-index: 2;
}
.services-item__title p {
font-size: calc(12px + 6 * ((100vw - 320px) / 1600));
margin-top: 1em;
}
.services-item__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
z-index: 3;
justify-content: flex-end;
align-items: flex-end;
padding: calc(20px + 10 * ((100vw - 320px) / 1600));
}
.services-item__link span {
width: calc(38px + 20 * ((100vw - 320px) / 1600));
height: calc(38px + 20 * ((100vw - 320px) / 1600));
display: flex;
position: relative;
align-items: center;
justify-content: center;
border-radius: 50%;
overflow: hidden;
}
.services-item__link span::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
transform: scale(0);
transition: all 0.5s ease;
border-radius: 50%;
overflow: hidden;
}
.services-item__link span::after {
content: "";
display: block;
position: relative;
transform: rotate(-45deg);
transition: all 0.5s ease;
background-image: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: calc(14px + 10 * ((100vw - 320px) / 1600));
height: calc(14px + 10 * ((100vw - 320px) / 1600));
z-index: 1;
}
.services-item__link:hover span::before {
transform: scale(1);
}
.services-item__link:hover span::after {
transform: rotate(0deg);
}
.services-item__bottom {
flex: 0 0 50%;
padding: calc(10px + 10 * ((100vw - 320px) / 1600));
background: #f1f1f1;
transition: all 0.5s ease;
position: relative;
}
.services-item__subcategory {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.services-item__subcategory li a {
height: 40px;
overflow: hidden;
position: relative;
color: #000;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 1000px;
transition: all 0.5s ease;
padding: 0 10px;
font-size: calc(10px + 2 * ((100vw - 320px) / 1600));
}
.services-item__subcategory li a::after,
.services-item__subcategory li a::before {
content: "";
display: block;
height: 40px;
width: 20px;
border-color: #000;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.services-item__subcategory li a::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.services-item__subcategory li a::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.services-item__subcategory li a:hover {
color: #fff;
background: #373737;
}
.services-item__subcategory li a:hover::after,
.services-item__subcategory li a:hover::before {
opacity: 0;
}
.services-item:nth-child(5) .services-item__top,
.services-item:nth-child(7) .services-item__top,
.services-item:nth-child(1) .services-item__top,
.services-item:nth-child(3) .services-item__top {
color: #fff;
}
.services-item:nth-child(5) .services-item__top::before,
.services-item:nth-child(7) .services-item__top::before,
.services-item:nth-child(1) .services-item__top::before,
.services-item:nth-child(3) .services-item__top::before {
background: rgba(0, 0, 0, 0.5);
}
.services-item:nth-child(5) .services-item__bottom,
.services-item:nth-child(7) .services-item__bottom,
.services-item:nth-child(1) .services-item__bottom,
.services-item:nth-child(3) .services-item__bottom {
background-color: #373737;
color: #fff;
}
.services-item:nth-child(5) .services-item__subcategory li a,
.services-item:nth-child(7) .services-item__subcategory li a,
.services-item:nth-child(1) .services-item__subcategory li a,
.services-item:nth-child(3) .services-item__subcategory li a {
color: #fff;
}
.services-item:nth-child(5) .services-item__subcategory li a::after,
.services-item:nth-child(5) .services-item__subcategory li a::before,
.services-item:nth-child(7) .services-item__subcategory li a::after,
.services-item:nth-child(7) .services-item__subcategory li a::before,
.services-item:nth-child(1) .services-item__subcategory li a::after,
.services-item:nth-child(1) .services-item__subcategory li a::before,
.services-item:nth-child(3) .services-item__subcategory li a::after,
.services-item:nth-child(3) .services-item__subcategory li a::before {
border-color: #fff;
}
.services-item:nth-child(5) .services-item__subcategory li a:hover,
.services-item:nth-child(7) .services-item__subcategory li a:hover,
.services-item:nth-child(1) .services-item__subcategory li a:hover,
.services-item:nth-child(3) .services-item__subcategory li a:hover {
color: #373737;
background: #fff;
}
.services-item:nth-child(5) .services-item__link span::after,
.services-item:nth-child(7) .services-item__link span::after,
.services-item:nth-child(1) .services-item__link span::after,
.services-item:nth-child(3) .services-item__link span::after {
background-image: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/arrow-white.svg);
}
.services-item:nth-child(5) .services-item__link:hover span::after, .services-item:nth-child(1) .services-item__link:hover span::after,
.services-item:nth-child(3) .services-item__link:hover span::after {
background-image: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/arrow.svg);
}
.services-item:nth-child(1) {
grid-column: span 2;
order: 1;
}
.services-item:nth-child(2) {
order: 2;
}
.services-item:nth-child(3) {
order: 3;
}
.services-item:nth-child(4) {
grid-column: span 2;
order: 5;
}
.services-item:nth-child(5) {
order: 6;
}
.services-item:nth-child(6) {
order: 4;
}
.services-item:nth-child(7) {
order: 8;
}
.services-item:nth-child(8) {
order: 7;
}
.services-item:nth-child(9) {
order: 9;
} .services-item.services-item-order {
display: flex;
align-items: center;
justify-content: center;
order: 4;
}
.services-item.services-item-order a {
display: flex;
height: calc(226px + 60 * ((100vw - 320px) / 1600));
width: calc(226px + 60 * ((100vw - 320px) / 1600));
background: #373737;
color: #fff;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 50%;
overflow: hidden;
}
.services-item.services-item-order a:hover {
background: #000;
}
.services-item:hover .services-item__bottom {
background-color: #000;
color: #fff;
}
.services-item:hover .services-item__subcategory li a {
color: #fff;
}
.services-item:hover .services-item__subcategory li a::after,
.services-item:hover .services-item__subcategory li a::before {
border-color: #fff;
}
.services-item:hover .services-item__subcategory li a::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.services-item:hover .services-item__subcategory li a::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.services-item:hover .services-item__subcategory li a:hover {
color: #373737;
background: #fff;
}
.services-item:hover .services-item__subcategory li a:hover::after,
.services-item:hover .services-item__subcategory li a:hover::before {
opacity: 0;
}
.services-item:hover .services-item__top {
color: #fff;
}
.services-item:hover .services-item__top::before {
background: rgba(0, 0, 0, 0.7);
}
.page-action__wrapper {
display: flex;
flex-wrap: wrap;
}
.page-action__content > * {
display: grid;
grid-template-columns: repeat(2, 50%);
gap: 5px;
}
.page-action__text {
margin-top: calc(30px + 75 * ((100vw - 320px) / 1600));
}
.page-action__share {
margin-top: calc(20px + 70 * ((100vw - 320px) / 1600));
padding: calc(20px + 20 * ((100vw - 320px) / 1600)) 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
align-items: center;
}
.page-action__other {
margin: calc(30px + 75 * ((100vw - 320px) / 1600)) auto 0;
}
.page-action__advantages-treatment {
margin-top: calc(40px + 85 * ((100vw - 320px) / 1600));
}
.page-action__main-form {
margin: calc(40px + 115 * ((100vw - 320px) / 1600)) auto 0;
}
.action-header__title-block {
padding: calc(25px + 30 * ((100vw - 320px) / 1600));
background: #f1f1f1;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.action-header__img {
min-height: calc(240px + 120 * ((100vw - 320px) / 1600));
}
.action-header__img img {
object-position: center top;
}
.action-header a {
height: 3.75em;
overflow: hidden;
position: relative;
color: #373737;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
width: 12.75em;
}
.action-header a::after,
.action-header a::before {
content: "";
display: block;
height: 3.75em;
width: 1.875em;
border-color: #373737;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.action-header a::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.action-header a::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.action-header a:hover {
color: #fff;
background: #373737;
}
.action-header a:hover::after,
.action-header a:hover::before {
opacity: 0;
}
.ya-share2__container {
padding: 0 !important;
}
.ya-share2__badge {
display: none !important;
}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title {
height: 40px;
overflow: hidden;
position: relative;
color: #373737;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
width: 7.5em;
display: flex !important;
font-weight: 500;
font-family: "Mulish", sans-serif;
line-height: 1;
margin: 0 8px 0 0;
}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title::after,
.ya-share2__list.ya-share2__list_direction_horizontal
> .ya-share2__item
> .ya-share2__link
> .ya-share2__title::before {
content: "";
display: block;
height: 40px;
width: 20px;
border-color: #373737;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.ya-share2__list.ya-share2__list_direction_horizontal
> .ya-share2__item
> .ya-share2__link
> .ya-share2__title::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title:hover {
color: #fff;
background: #373737;
}
.ya-share2__list.ya-share2__list_direction_horizontal
> .ya-share2__item
> .ya-share2__link
> .ya-share2__title:hover::after,
.ya-share2__list.ya-share2__list_direction_horizontal
> .ya-share2__item
> .ya-share2__link
> .ya-share2__title:hover::before {
opacity: 0;
}
.actions-slider__list {
margin-top: calc(15px + 45 * ((100vw - 320px) / 1600));
}
.actions-slider__control {
position: absolute;
top: 0;
right: 0;
transform: translateY(-25%);
}
.actions-list-item {
position: relative;
display: flex;
flex-direction: column;
}
.actions-list-item__img {
height: calc(235px + 100 * ((100vw - 320px) / 1600));
overflow: hidden;
}
.actions-list-item__img img {
object-position: center top;
transition: all 1s ease;
position: relative;
}
.actions-list-item__img span {
position: absolute;
bottom: calc(20px + 10 * ((100vw - 320px) / 1600));
left: calc(20px + 20 * ((100vw - 320px) / 1600));
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: #fff;
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
font-weight: 600;
height: 40px;
border-radius: 100px;
overflow: hidden;
width: 10em;
z-index: 1;
}
.actions-list-item__info {
transition: all 0.5s ease;
padding: calc(20px + 10 * ((100vw - 320px) / 1600)) calc(20px + 20 * ((100vw - 320px) / 1600));
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1 1 auto;
}
.actions-list-item__info_light {
background: #f1f1f1;
}
.actions-list-item__info_dark {
background: #151515;
color: #fff;
}
.actions-list-item__info span {
width: calc(14px + 4 * ((100vw - 320px) / 1600));
height: calc(14px + 4 * ((100vw - 320px) / 1600));
display: block;
transition: all 0.5s ease;
opacity: 0;
transform: rotate(-45deg);
}
.actions-list-item__title {
margin-bottom: 0.8333em;
line-height: 1.2;
}
.actions-list-item__price {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: #fff;
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
font-weight: 600;
height: 40px;
border-radius: 100px;
overflow: hidden;
width: 10em;
z-index: 1;
color: #151515;
}
.actions-list-item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.actions-list-item:hover .actions-list-item__img img {
transform: scale(1.1);
}
.actions-list-item:hover .actions-list-item__info_light {
color: #fff;
background: #373737;
}
.actions-list-item:hover .actions-list-item__info_dark {
background: #373737;
}
.actions-list-item:hover .actions-list-item__info span {
opacity: 1;
transform: rotate(0);
} .page-actions__list {
margin: calc(45px + 70 * ((100vw - 320px) / 1600)) auto 0;
}
.page-actions__main-form {
margin-top: calc(45px + 70 * ((100vw - 320px) / 1600));
}
.actions-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(15.5555em, 1fr));
gap: 50px 5px;
}
.page-doctor__container {
display: flex;
flex-wrap: wrap;
}
.page-doctor__img {
padding-top: 59.34%;
}
.page-doctor__img img {
object-position: center top;
}
.page-doctor__intro {
margin-top: -2.7777em;
display: flex;
align-items: flex-end;
position: relative;
z-index: 1;
}
.page-doctor__info {
flex: 1 1 auto;
padding-right: 20px;
}
.page-doctor__info p {
line-height: 1.5;
margin-top: 0.8333em;
}
.page-doctor__intro-link {
height: calc(140px + 120 * ((100vw - 320px) / 1600));
display: grid;
grid-template-columns: repeat(2, calc(140px + 120 * ((100vw - 320px) / 1600)));
gap: calc(3px + 12 * ((100vw - 320px) / 1600));
}
.page-doctor__intro-link a {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
color: #fff;
background: #373737;
border-radius: 50%;
border: 1px solid #373737;
overflow: hidden;
}
.page-doctor__intro-link a:hover {
background: transparent;
color: #373737;
transform: scale(0.9);
}
.page-doctor__text {
margin-top: calc(20px + 80 * ((100vw - 320px) / 1600));
}
.page-doctor__main-form {
margin-top: calc(40px + 20 * ((100vw - 320px) / 1600));
}
.page-doctor__other {
margin-top: calc(40px + 20 * ((100vw - 320px) / 1600));
}
.doctor-text__block {
display: flex;
flex-wrap: wrap;
border-top: 1px solid #373737;
padding-top: calc(20px + 40 * ((100vw - 320px) / 1600));
}
.doctor-text__block:not(:first-child) {
margin-top: calc(20px + 40 * ((100vw - 320px) / 1600));
}
.doctor-text__title {
margin: 0 0 1.1111em 0;
}
.doctor-text__content ul:not(:last-child) {
margin-bottom: 1.1111em;
}
.doctor-text__content ul li:not(:last-child) {
margin-bottom: 1.1111em;
}
.doctor-text__content ul li strong {
font-weight: 700;
display: block;
}
.doctor-text__content p:not(:last-child) {
margin-bottom: 1.1111em;
}
.single-doctor .portfolio-slider .case-item__top {
display: none;
}
.certificates-gallery a {
display: block;
height: 160px;
}
.doctors-slider {
position: relative;
}
.doctors-slider__title-block {
border-bottom: 1px solid #828282;
padding-bottom: 30px;
margin-bottom: 30px;
}
.doctors-slider__control {
position: absolute;
top: 0;
right: 0;
transform: translateY(-25%);
}
.doctors-list-item {
position: relative;
}
.doctors-list-item > span {
position: absolute;
top: 0;
left: 0;
width: calc(14px + 4 * ((100vw - 320px) / 1600));
height: calc(14px + 4 * ((100vw - 320px) / 1600));
display: block;
transform: rotate(-45deg);
transition: all 0.5s ease;
}
.doctors-list-item__img {
display: block;
padding-top: 100%;
border-radius: 50%;
overflow: hidden;
}
.doctors-list-item__img img {
object-position: center top;
display: block;
border-radius: 50%;
transition: all 0.5s ease;
}
.doctors-list-item__img span {
position: absolute;
bottom: 3.4375em;
left: calc(50% - (13.3125em / 2));
width: 13.3125em;
height: 3.75em;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: scale(0);
transition: all 0.5s ease;
}
.doctors-list-item__title {
margin: 0.625em 0 0.4166em;
padding-right: 3em;
color: #373737;
}
.doctors-list-item__post {
color: rgba(0, 0, 0, 0.5);
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
padding-right: 10px;
}
.doctors-list-item__post br {
display: none;
}
.doctors-list-item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.doctors-list-item:hover > span {
transform: rotate(0);
}
.doctors-list-item:hover .doctors-list-item__img img {
transform: scale(1.1);
}
.doctors-list-item:hover .doctors-list-item__img span {
opacity: 1;
transform: scale(1);
}
.doctors-list-item:hover .doctors-list-item__title {
text-decoration: underline;
} .page-doctors__content {
margin-top: calc(45px + 70 * ((100vw - 320px) / 1600));
}
.page-doctors__main-form {
margin-top: calc(45px + 70 * ((100vw - 320px) / 1600));
}
.doctors-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(19.7777em, 1fr));
gap: 50px 5px;
}
.page-price__content {
margin: calc(45px + 70 * ((100vw - 320px) / 1600)) auto 0;
}
.page-price__main-form {
margin-top: 50px;
}
.price-content__table {
margin-top: 50px;
}
.price-slider {
position: relative;
}
.price-slider__control {
position: absolute;
left: calc(20px + 20 * ((100vw - 320px) / 1600));
bottom: calc(20px + 10 * ((100vw - 320px) / 1600));
z-index: 2;
}
.price-slider__control .control__arrow {
border: 1px solid #8f7575;
}
.price-slider .actions-list-item {
display: grid;
grid-template-columns: repeat(2, 50%);
gap: 4px;
}
.price-slider .actions-list-item__img {
height: calc(185px + 175 * ((100vw - 320px) / 1600));
}
.price-slider .actions-list-item__info {
justify-content: flex-start;
}
.accordion__body {
display: grid;
grid-template-columns: repeat(2, 50%);
border-top: 1px solid #000000;
padding: 1.5em 0;
column-gap: 4px;
align-items: flex-start;
}
.accordion__title {
color: rgba(0, 0, 0, 0.8);
cursor: pointer;
position: relative;
display: flex;
align-items: baseline;
flex-direction: column;
padding-left: calc(16px + 18 * ((100vw - 320px) / 1600));
}
.accordion__title p {
font-size: calc(14px + 4 * ((100vw - 320px) / 1600));
margin-top: 5px;
}
.accordion__title span {
display: block;
position: absolute;
height: calc(16px + 8 * ((100vw - 320px) / 1600));
width: calc(16px + 8 * ((100vw - 320px) / 1600));
left: 0;
top: calc(3px + 5 * ((100vw - 320px) / 1600));
}
.accordion__title span::before,
.accordion__title span::after {
content: "";
display: block;
width: 100%;
height: 2px;
background: #000;
position: absolute;
transition: all 0.5s ease;
}
.accordion__title span::before {
top: 50%;
left: 0;
transform: translateY(-50%);
}
.accordion__title span::after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
}
.accordion__title.ui-accordion-header-active span::before {
display: none;
}
.accordion__title.ui-accordion-header-active span::after {
left: 0;
transform: translateY(-50%);
}
.offer p {
font-weight: 700;
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
font-style: italic;
margin: 10px 0;
}
.page-price__full {
}
.full-price a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: #373737;
border: 1px solid #373737;
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
height: 3em;
border-radius: 6.25em;
overflow: hidden;
width: 18em;
z-index: 1;
color: #fff;
margin: 3.125em auto 0;
}
.full-price a:hover {
background: #fff;
color: #373737;
}
.tablepress tr {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 0.8888em 0;
}
.tablepress tr:last-child {
border: none;
}
.tablepress tr td {
color: rgba(0, 0, 0, 0.7);
}
.tablepress tr td.column-1 {
flex: 1 1 auto;
font-weight: 500;
padding: 0;
border: none;
}
.tablepress tr td.column-2 {
text-align: right;
flex: 0 0 8.3333em;
padding: 0;
border: none;
}
.page-portfolio__top {
margin: calc(40px + 40 * ((100vw - 320px) / 1600)) auto 0;
}
.page-portfolio__case {
margin-top: calc(40px + 40 * ((100vw - 320px) / 1600));
}
.page-portfolio__case-item:not(:first-child) {
margin-top: calc(40px + 40 * ((100vw - 320px) / 1600));
}
.page-portfolio__main-form {
margin-top: calc(45px + 70 * ((100vw - 320px) / 1600));
}
.portfolio-top {
display: grid;
grid-template-columns: repeat(2, 50%);
gap: 4px;
}
.portfolio-top__img {
min-height: calc(150px + 140 * ((100vw - 320px) / 1600));
}
.portfolio-top__text {
background: #f3f3f3;
padding: calc(20px + 40 * ((100vw - 320px) / 1600));
color: #373737;
display: flex;
align-items: center;
}
.case-item__top,
.case-item__content {
display: flex;
flex-wrap: wrap;
}
.case-item__top-info {
display: flex;
align-items: center;
padding: 8px 0;
border-top: 1px solid #4f4f4f;
}
.case-item__title {
flex: 1 1 auto;
}
.case-item__doctor {
flex: 0 0 54.3599%;
display: flex;
align-items: center;
}
.case-item__doctor-img {
flex: 0 0 calc(50px + 40 * ((100vw - 320px) / 1600));
height: calc(50px + 40 * ((100vw - 320px) / 1600));
border-radius: 50%;
overflow: hidden;
}
.case-item__doctor-img img {
object-position: center top;
transform: scale(1.5) translateY(15%);
}
.case-item__doctor-info {
padding-left: calc(15px + 10 * ((100vw - 320px) / 1600));
}
.case-item__doctor-name {
margin-bottom: 5px;
}
.case-item__doctor-post {
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
}
.case-item__doctor-post br {
display: none;
}
.case-item__info-inner {
height: calc(190px + 260 * ((100vw - 320px) / 1600));
background: #f3f3f3;
padding: calc(25px + 30 * ((100vw - 320px) / 1600));
margin-bottom: 10px;
}
.case-item__info-inner .twentytwenty-overlay {
display: none;
}
.case-item__img {
width: calc(222px + 306 * ((100vw - 320px) / 1600));
height: 100%;
border-radius: calc(50px + 50 * ((100vw - 320px) / 1600));
overflow: hidden;
margin: 0 auto;
}
.case-item__img img {
border-radius: calc(50px + 50 * ((100vw - 320px) / 1600));
}
.case-item__desc {
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
padding-left: calc(0px + 45 * ((100vw - 320px) / 1600));
}
.twenty20 {
margin-bottom: 0;
}
.twentytwenty-handle {
width: 20px;
height: 60px;
background: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/before-after.svg) no-repeat 0px 0px;
border: none;
border-radius: 0;
box-shadow: none;
margin-left: -10px;
margin-top: -30px;
}
.twentytwenty-handle > * {
display: none;
}
.twentytwenty-overlay {
position: relative;
top: auto;
bottom: auto;
display: flex;
justify-content: space-between;
height: auto;
width: 100%;
left: auto;
padding: 0;
box-sizing: border-box;
background: none !important;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
position: relative;
top: auto;
bottom: auto;
padding: 0;
border-radius: 0;
background: none;
color: #000;
opacity: 1;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
text-transform: lowercase;
line-height: 1;
letter-spacing: normal;
}
.twentytwenty-handle:before,
.twentytwenty-handle:after {
box-shadow: none;
}
.page-reviews__main {
margin-top: calc(45px + 70 * ((100vw - 320px) / 1600));
display: flex;
flex-wrap: wrap;
}
.page-reviews__tab {
display: none;
grid-template-columns: repeat(3, 1fr);
gap: 7px;
}
.page-reviews__tab._active {
display: grid;
}
.page-reviews__menu-item {
display: flex;
width: calc(88px + 91 * ((100vw - 320px) / 1600));
height: calc(88px + 91 * ((100vw - 320px) / 1600));
border: 1px solid rgba(0, 0, 0, 0.2);
justify-content: center;
align-items: center;
color: #373737;
font-weight: 600;
margin-bottom: 7px;
border-radius: 50%;
overflow: hidden;
cursor: pointer;
flex-direction: column;
background: #fff;
transition: all 0.5s ease;
padding: 1.5em;
}
.page-reviews__menu-item span {
display: flex;
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
align-items: center;
}
.page-reviews__menu-item span img {
margin-right: 5px;
}
.page-reviews__menu-item:hover {
transform: scale(1.2);
}
.page-reviews__main-form {
margin-top: calc(45px + 70 * ((100vw - 320px) / 1600));
}
.reviews-list-item {
background: #f3f3f3;
display: flex;
flex-direction: column;
}
.reviews-list-item__info {
height: calc(55px + 45 * ((100vw - 320px) / 1600));
display: flex;
}
.reviews-list-item__rating {
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
line-height: 1;
background: #373737;
color: #fff;
flex: 0 0 8.5em;
}
.reviews-list-item__rating::before {
background: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/star-white.svg) no-repeat 0px 0px;
content: "";
display: block;
width: calc(26px + 5 * ((100vw - 320px) / 1600));
height: calc(26px + 5 * ((100vw - 320px) / 1600));
margin-right: 5px;
}
.reviews-list-item__site {
flex: 1 1 auto;
background-position: center;
background-repeat: no-repeat;
background-size: 150px;
}
.reviews-list-item__site_yandex {
background-image: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/yandex.svg);
}
.reviews-list-item__site_google {
background-image: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/google.svg);
}
.reviews-list-item__site_zoon {
background-image: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/zoon.svg);
}
.reviews-list-item__site_yell {
background-image: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/yell.svg);
}
.reviews-list-item__site_gis {
background-image: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/gis.svg);
}
.reviews-list-item__site_pro { background-image: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/pro2.png);
}
.reviews-list-item__text {
padding: calc(20px + 20 * ((100vw - 320px) / 1600));
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.reviews-list-item__name {
font-weight: 800;
margin-bottom: 5px;
}
.reviews-list-item__data {
color: rgba(0, 0, 0, 0.2);
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
}
.reviews-list-item__content {
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
margin: calc(10px + 10 * ((100vw - 320px) / 1600)) 0 calc(15px + 15 * ((100vw - 320px) / 1600));
flex: 1 1 auto;
}
.reviews-list-item__link {
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
}
.reviews-list-item__link:hover {
text-decoration: underline;
} .reviews-slider {
position: relative;
}
.reviews-slider .reviews-list-item {
height: auto;
}
.reviews-slider__title-block {
padding-bottom: calc(15px + 15 * ((100vw - 320px) / 1600));
margin-bottom: calc(15px + 15 * ((100vw - 320px) / 1600));
}
.reviews-slider__control {
position: absolute;
top: 0;
right: 0;
transform: translateY(-25%);
}
.page-contacts__content {
margin-top: calc(45px + 70 * ((100vw - 320px) / 1600));
}
.page-contacts__main-form {
margin-top: calc(45px + 105 * ((100vw - 320px) / 1600));
}
.contacts {
display: grid;
grid-template-columns: repeat(2, 50%);
gap: 5px;
}
.contacts__connect {
background: #373737;
color: #fff;
min-height: calc(160px + 108 * ((100vw - 320px) / 1600));
padding: calc(25px + 30 * ((100vw - 320px) / 1600));
display: flex;
flex-direction: column;
justify-content: space-between;
}
.contacts__mail a {
font-size: calc(14px + 22 * ((100vw - 320px) / 1600));
}
.contacts__phone {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.contacts__phone a {
font-size: calc(14px + 10 * ((100vw - 320px) / 1600));
}
.contacts__phone img {
max-width: calc(40px + 50 * ((100vw - 320px) / 1600));
}
.contacts__info {
background: #f1f1f1;
min-height: calc(160px + 108 * ((100vw - 320px) / 1600));
padding: calc(25px + 30 * ((100vw - 320px) / 1600));
display: flex;
flex-direction: column;
justify-content: space-between;
}
.contacts__copy {
font-size: calc(14px + 22 * ((100vw - 320px) / 1600));
text-align: right;
}
.contacts__requisites {
font-size: calc(14px + 10 * ((100vw - 320px) / 1600));
display: flex;
justify-content: flex-end;
}
.contacts__requisites p:not(:first-child) {
margin-left: calc(0px + 45 * ((100vw - 320px) / 1600));
}
.contacts__requisites br {
display: none;
}
.contacts__address-box {
background: #373737;
color: #fff;
min-height: calc(160px + 108 * ((100vw - 320px) / 1600));
padding: calc(25px + 30 * ((100vw - 320px) / 1600));
display: flex;
flex-direction: column;
justify-content: space-between;
}
.contacts__address {
font-size: calc(14px + 22 * ((100vw - 320px) / 1600));
}
.contacts__work {
display: flex;
align-items: center;
justify-content: space-between;
font-size: calc(14px + 10 * ((100vw - 320px) / 1600));
}
.contacts__work p {
margin-right: 10px;
}
.contacts__work a span {
text-decoration: underline;
}
.contacts__work a:hover {
color: #faf6f3;
}
.contacts__work a:hover span {
text-decoration: none;
}
.contacts__map {
min-height: calc(160px + 108 * ((100vw - 320px) / 1600));
grid-column: span 2;
}
.contacts__map iframe {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.contacts__img {
min-height: calc(160px + 108 * ((100vw - 320px) / 1600));
}
.contacts__img img {
object-position: center;
}
.thanks-404__block {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.thanks-404__img {
height: calc(170px + 365 * ((100vw - 320px) / 1600));
}
.thanks-404__content {
padding-left: 10%;
}
.thanks-404__content p {
margin-bottom: calc(20px + 40 * ((100vw - 320px) / 1600));
}
.thanks-404__content a {
height: 3.75em;
overflow: hidden;
position: relative;
color: #373737;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
border-radius: 1000px;
transition: all 0.5s ease;
width: 12.75em;
}
.thanks-404__content a::after,
.thanks-404__content a::before {
content: "";
display: block;
height: 3.75em;
width: 1.875em;
border-color: #373737;
border-style: solid;
position: absolute;
transition: all 0.5s ease;
}
.thanks-404__content a::before {
border-width: 1px 0 1px 1px;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
left: 0;
}
.thanks-404__content a::after {
border-width: 1px 1px 1px 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
right: 0;
}
.thanks-404__content a:hover {
color: #fff;
background: #373737;
}
.thanks-404__content a:hover::after,
.thanks-404__content a:hover::before {
opacity: 0;
}
.grecaptcha-badge {
display: none !important;
}
.site-footer__mna {
grid-column: span 2;
justify-content: center;
display: flex;
padding-bottom: 1.25rem;
}
.site-footer__mna a {
display: flex;
width: auto;
height: auto;
align-items: center;
gap: 0.3125rem;
text-decoration: none !important;
font-size: 0.875rem;
}
.site-footer__mna img {
max-width: 2.5rem;
}
.page-article__wrapper {
display: flex;
flex-wrap: wrap;
}
.page-article__header {
display: grid;
grid-template-columns: repeat(2, 50%);
gap: 5px;
}
.article-header__title-block {
padding: calc(25px + 30 * ((100vw - 320px) / 1600));
background: #f1f1f1;
}
.article-header__img {
min-height: 22.5rem;
padding-top: 56.25%;
}
.page-article__body {
}
.article-body {
}
.page-article__intro {
margin-top: calc(40px + 30 * ((100vw - 320px) / 1600));
padding-bottom: calc(20px + 20 * ((100vw - 320px) / 1600));
border-bottom: 1px solid #000;
}
.page-article__body {
display: flex;
flex-wrap: wrap;
margin-top: calc(40px + 30 * ((100vw - 320px) / 1600));
}
.article-body__toc {
padding: 1.875rem;
background: #f1f1f1;
font-size: 0.875rem;
}
.article-body__toc ol {
padding: 0;
margin: 1.25rem 0 0;
}
.article-body__toc ol li:not(:last-child) {
margin-bottom: 0.8em;
}
.article-body__toc ol li a {
text-decoration: underline;
}
.article-body__toc ol li a:hover {
text-decoration: none;
}
.article-body__content {
padding-left: 2.5rem;
}
.article-body__text:not(:last-child) {
margin-bottom: calc(40px + 30 * ((100vw - 320px) / 1600));
}
.article-text__info {
margin-top: calc(20px + 20 * ((100vw - 320px) / 1600));
}
.article-text__img {
padding-top: 56.25%;
margin-bottom: 1.25rem;
}
.page-article__share {
margin-top: calc(40px + 30 * ((100vw - 320px) / 1600));
padding: calc(20px + 20 * ((100vw - 320px) / 1600)) 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
align-items: center;
display: grid;
grid-template-columns: 30% 70%;
gap: 2.5rem;
}
.page-blog__main-form,
.page-article__main-form {
margin: calc(40px + 115 * ((100vw - 320px) / 1600)) auto 0;
}
.sticky2 {
position: fixed;
z-index: 99;
}
.stop {
position: relative;
z-index: 0;
}
.page-blog__list {
margin-top: calc(40px + 30 * ((100vw - 320px) / 1600));
}
.blog-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.25rem;
}
.blog-item {
display: flex;
flex-direction: column;
position: relative;
}
.blog-item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.blog-item__img {
padding-top: 56.25%;
}
.blog-item__info {
padding: 1.25rem;
background: #373737;
transition: all 0.5s ease;
position: relative;
min-height: 8.75rem;
flex: 1 1 auto;
}
.blog-item__info h3 {
color: #fff;
line-height: 1.4;
}
.blog-item__info svg {
display: block;
width: 1.75rem;
height: 1.75rem;
margin: 0.625rem 0 0 auto;
transform: rotate(-45deg);
transition: all 0.5s ease;
}
.blog-item:hover .blog-item__info {
background: #000;
}
.blog-item:hover svg {
transform: rotate(0);
} .pum-container.custom-position {
padding: 0.625rem;
border-radius: 0.25rem;
}
.pum-content.popmake-content {
border: 1px solid #373737;
height: 100%;
padding: 4.375rem 0;
display: flex;
flex-direction: column;
gap: 2.5rem;
align-items: center;
text-align: center;
font-weight: 300;
font-size: 1.5rem;
line-height: 1.5;
text-align: center;
}
.pum-content.popmake-content h3 {
font-size: 2.625rem;
}
.pum-content.popmake-content hr {
background: #373737;
width: 5rem;
height: 1px;
margin: 0;
}
.pum-content.popmake-content + button.pum-close {
background: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/close.svg) no-repeat center / cover;
}
.pum-content.popmake-content + button.pum-close:hover {
}  @media (max-width: 1439px) {
.page-reviews__content {
width: 80%;
}
.services-list {
grid-template-columns: repeat(4, 1fr);
}
.services-item {
order: initial !important;
}
.services-item__subcategory {
display: none;
}
.services-item:nth-child(1),
.services-item:nth-child(4) {
grid-column: auto;
}
.services-item.services-item-order a {
height: calc(200px + 60 * ((100vw - 320px) / 1600));
width: calc(200px + 60 * ((100vw - 320px) / 1600));
}
.services-item__top {
position: initial;
}
.services-item__top::before {
height: 50%;
}
.services-item__title_top {
bottom: 0;
top: auto;
height: 50%;
padding-top: calc(20px + 10 * ((100vw - 320px) / 1600));
}
.other-services .services-item:nth-child(4) {
display: flex;
}
.home-top__info,
.home-top__actions {
width: 50%;
}
.number-list ul {
display: flex;
justify-content: space-between;
}
.number-list ul li {
font-size: 12px;
flex: 0 0 15.5833em;
height: 7.8333em;
}
.number-list ul li div {
font-size: 36px;
}
.advantages-item__name {
font-size: 16px;
}
.advantages-item__desc {
font-size: 12px;
}
.blog-list {
grid-template-columns: repeat(3, 1fr);
}
.doctors-list-item__post,
.doctors-list-item__title {
padding-right: 0;
}
}
@media (max-width: 1199px) {
[class*="__container"] {
padding-left: 30px;
padding-right: 30px;
}
.multi-button {
bottom: 30px;
right: 30px;
}
.site-footer__info-left br,
.site-footer__info-right br {
display: block !important;
}
.form {
width: 575px;
}
.form img {
max-width: 70px;
}
.form__input {
margin: 25px 0 10px;
}
.form__submit {
height: 40px;
margin: 15px auto 0;
}
.form__submit::after,
.form__submit::before {
height: 40px;
width: 20px;
}
select,
textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"] {
height: 40px;
}
.page-article__breadcrumbs,
.page-doctor__breadcrumbs,
.page-action__breadcrumbs {
width: 100%;
margin-bottom: 2.3333em;
}
.page-article__content,
.page-doctor__content,
.page-action__content {
width: 100%;
}
.page-action__other,
.page-actions__list,
.page-price__content {
width: 100%;
}
.accordion__body {
grid-template-columns: 1fr;
}
.accordion__title {
margin-bottom: 0.5em;
}
.accordion__content {
padding-left: 42px;
}
.page-portfolio__top {
width: 80%;
}
.case-item__empty {
display: none;
}
.case-item__top-info {
width: 80%;
margin: 0 auto;
}
.case-item__info {
width: 80%;
margin: 0 auto;
}
.case-item__desc {
width: 60%;
margin: 20px auto 0;
}
.page-reviews__menu {
width: 100%;
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 4px;
margin: 0 0 20px;
}
.page-reviews__content {
width: 100%;
}
.service-header__breadcrumbs {
width: 100%;
margin-bottom: 2.3333em;
}
.service-header__info {
width: 100%;
}
.service-header__empty {
display: none;
}
.service-price__inner {
width: 100%;
}
.service-price__top-text {
padding: 0 calc(0px + 60 * ((100vw - 320px) / 1600)) 0 0;
}
.page-service__text-block,
.page-service__doctors,
.page-service__reviews,
.page-service__other {
width: 100%;
}
.page-service__advantages-treatment {
padding: calc(20px + 40 * ((100vw - 320px) / 1600)) 0;
}
.advantages-treatment {
align-items: flex-end;
}
.advantages-treatment__info {
padding: 0 calc(0px + 35 * ((100vw - 320px) / 1600)) 0 0;
}
.advantages-treatment__title,
.advantages-treatment__desc {
grid-column: span 2;
}
.advantages-treatment__doctor-info {
position: relative;
top: auto;
left: auto;
width: 100%;
padding: 10px 0 0;
}
.advantages-treatment__doctor-img {
height: calc(178px + 170 * ((100vw - 320px) / 1600));
}
.advantages-treatment__doctor-img img {
object-position: center top;
}
.service-form__title br,
.service-form__desc br {
display: none;
}
.our-portfolio__inner {
width: 80%;
}
.slider-home__control .control__arrow_prev {
left: 30px;
}
.slider-home__control .control__arrow_next {
right: 30px;
}
.reviews-slider__inner .reviews-slider__list {
width: 100%;
}
.home-contacts__info,
.home-contacts__map {
flex: 0 0 50%;
}
.advantages-item {
flex: 0 0 33.3333%;
}
.page-home__reviews .reviews-slider__control,
.page-about__reviews .reviews-slider__control,
.implantation-calculator__inner,
.treatment-options__inner,
.treatment-options2__inner,
.service-stages__inner {
width: 100%;
}
.service-stages__item {
padding: 20px 12px;
}
.treatment-options__control .control__arrow,
.treatment-options2__control .control__arrow {
position: relative;
top: auto;
left: auto;
right: auto;
}
.treatment-options__control,
.treatment-options2__control {
display: flex;
justify-content: space-between;
}
.treatment-options__control .control__pagination,
.treatment-options2__control .control__pagination {
flex: 1 1 auto;
}
.treatment-options-item__info-desc,
.treatment-options2-item__info-desc {
font-size: 12px;
}
.treatment-options-item__info-desc p:first-of-type,
.treatment-options-item__info-desc p:last-of-type,
.treatment-options2-item__info-desc p:first-of-type,
.treatment-options2-item__info-desc p:last-of-type {
font-size: 11px;
}
.implantation-calculator__box {
padding: 20px 0;
}
.calculator-action__side_left {
align-self: flex-end;
}
.calculator-action__side_right {
align-self: flex-start;
margin: 65px 0 0;
}
.implantation-calculator__form {
padding: 0 20px 0 0;
margin-left: -90px;
}
.implantation-calculator__action {
flex: 0 0 510px;
}
.video-block__inner {
width: 100%;
}
.video-block__img svg {
width: 40px;
}
.blog-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 1023px) {
[class*="__container"] {
padding-left: 20px;
padding-right: 20px;
}
.multi-button {
bottom: 20px;
right: 20px;
}
.hidden-info__address {
display: none;
}
.hidden-info__contacts {
width: 100%;
justify-content: space-between;
}
.hidden-info__social {
width: 100%;
justify-content: center;
padding-top: 15px;
}
.hidden-info__social .social-box span {
display: none;
}
.contacts {
grid-template-columns: 1fr;
}
.contacts__copy {
text-align: left;
}
.contacts__requisites {
justify-content: flex-start;
}
.contacts__map {
grid-column: auto;
}
.doctor-text__gallery {
overflow: visible;
}
.page-portfolio__top {
width: 100%;
}
.case-item__empty {
display: none;
}
.case-item__top-info {
width: 100%;
margin: 0 auto;
}
.case-item__info {
width: 100%;
margin: 0 auto;
}
.case-item__desc {
width: 80%;
padding: 0;
}
.reviews-list-item__rating {
flex: 0 0 5.5em;
}
.page-reviews__menu {
grid-template-columns: repeat(3, calc(88px + 91 * ((100vw - 320px) / 1600)));
justify-content: center;
}
.service-price__content {
grid-template-columns: 1fr;
}
.service-price h2 {
margin-bottom: 0.5em;
}
.service-price h2 br {
display: none;
}
.page-service__text-block {
grid-template-columns: 1fr;
}
.page-service h2 {
margin-bottom: 0.5em;
}
.page-service h2 br {
display: none;
}
.advantages-treatment__info a {
margin: 0;
}
.advantages-treatment__info-inner {
grid-template-columns: 1fr;
gap: 1em;
}
.advantages-treatment__title,
.advantages-treatment__desc {
grid-column: span 1;
}
.advantages-treatment__list ul {
margin: 0 !important;
}
.services-list {
grid-template-columns: repeat(3, 1fr);
}
.services-item:nth-child(8) {
order: 8;
}
.other-services .swiper-wrapper {
grid-template-columns: repeat(7, 1fr);
}
.other-services .services-item:nth-child(n + 4) {
display: flex;
}
.other-services__control {
display: block;
}
.home-top__inner {
flex-wrap: wrap;
}
.home-top__info,
.home-top__actions {
width: 100%;
}
.home-top__info {
flex-direction: row;
}
.home-top__info-box {
height: 180px;
}
.home-top__title {
font-size: 18px;
}
.slider-home__inner {
width: calc(100% - 40px);
}
.slider-home__gallery {
width: 80%;
}
.number-list {
width: 80%;
}
.slider-home__control .control__arrow_prev {
left: 20px;
}
.slider-home__control .control__arrow_next {
right: 20px;
}
.service-stages__list {
grid-template-columns: repeat(2, 1fr);
}
.treatment-options__slider-box {
overflow: visible;
}
.implantation-calculator__form .form h3 br {
display: none;
}
.site-header__phone .social a {
font-size: 16px;
}
.page-article__header {
grid-template-columns: 1fr;
gap: 50px;
}
.article-header__title-block {
padding: 0;
background: none;
order: 2;
}
.article-header__img {
min-height: auto;
}
.page-article__body {
display: block;
}
.article-body__sidebar {
width: 100%;
margin-bottom: calc(40px + 30 * ((100vw - 320px) / 1600));
}
.article-body__content {
padding-left: 0;
width: 100%;
}
.pum-container.custom-position {
width: 18.75rem !important;
}
.pum-content.popmake-content {
padding: 3.125rem 0;
font-size: 1.125rem;
}
.pum-content.popmake-content h3 {
font-size: 2rem;
}
}
@media (max-width: 767px) {
[class*="col-2"],
[class*="col-3"],
[class*="col-4"],
[class*="col-5"],
[class*="col-6"],
[class*="col-7"],
[class*="col-8"],
[class*="col-9"],
[class*="col-10"] {
width: 100%;
}
.hidden-menu__services,
.hidden-menu__img {
display: none;
}
.site-footer__container {
padding: 0;
}
.site-footer__top {
flex-wrap: wrap;
}
.site-footer__logo {
flex: 0 0 100%;
order: 1;
height: 80px;
border-bottom: 1px solid #e0e0e0;
display: flex;
align-items: center;
justify-content: center;
}
.site-footer__description {
flex: 0 0 50%;
order: 2;
height: 80px;
}
.site-footer__order {
flex: 0 0 50%;
order: 3;
height: 80px;
}
.site-footer__order a::before {
display: none;
}
.site-footer__copy {
grid-column: span 2;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
order: 2;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.site-footer__contact-left {
justify-content: flex-end;
height: 50px;
order: 0;
}
.site-footer__contact-right {
height: 50px;
order: 1;
}
.site-footer__social {
order: 3;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
grid-column: span 2;
}
.site-footer__social .social-box span {
display: none;
}
.site-footer__menu-left {
order: 4;
}
.site-footer__menu-right {
order: 5;
}
.site-footer__info-left {
grid-column: span 2;
order: 6;
padding: 0 20px;
}
.site-footer__info-right {
grid-column: span 2;
order: 7;
padding: 0 20px;
}
.modal-form__inner {
padding: 35px;
}
.form {
width: 100%;
}
.form::before,
.form::after {
height: 300px;
width: 150px;
}
.form::before {
transform: translateX(-75%);
}
.form::after {
transform: translateX(75%);
}
.form__inner {
max-width: 100%;
}
.thanks-404__content {
padding: 30px 0 0;
}
.thanks-404__content br {
display: none;
}
.page-doctor__intro {
flex-wrap: wrap;
margin: 20px 0 0;
}
.page-doctor__info {
margin-bottom: calc(20px + 80 * ((100vw - 320px) / 1600));
}
.case-item__top-info {
display: block;
}
.case-item__title {
margin-bottom: 0.5em;
}
.page-reviews__tab {
grid-template-columns: repeat(2, 1fr);
gap: 4px;
}
.service-header__info {
grid-template-columns: 1fr;
}
.service-header__title-block {
min-height: calc(240px + 120 * ((100vw - 320px) / 1600));
}
.page-service__price {
padding-top: calc(240px + 120 * ((100vw - 320px) / 1600));
margin-top: calc(-240px - 120 * ((100vw - 320px) / 1600));
}
.service-price__top {
grid-template-columns: 1fr;
gap: 20px 0;
}
.advantages-treatment__info {
padding: 0 0 15px;
}
.advantages-treatment__info-inner::before {
top: 99%;
right: 50%;
transform: translate(50%, -50%) rotate(90deg);
}
.service-form__doctor-info {
position: relative;
top: auto;
left: auto;
width: 100%;
margin-bottom: 1em;
}
.services-list {
grid-template-columns: repeat(2, 1fr);
}
.home-top__img {
display: none;
}
.home-top__info-box {
flex: 0 0 100%;
}
.about-us__links {
justify-content: center;
gap: 5px;
}
.number-list {
width: 100%;
}
.number-list ul {
display: block;
}
.number-list ul li {
width: 15.5833em;
margin: 0 auto 30px;
}
.number-list ul li:last-child {
margin: 0 auto;
}
.home-services .services-list {
grid-template-columns: repeat(8, 1fr);
gap: 0;
}
.home-services .services-item-order {
display: none;
}
.home-services__control {
display: block;
}
.our-portfolio__inner {
width: 100%;
}
.our-portfolio__control {
display: flex;
align-items: center;
gap: 5px;
margin: 15px 0 0;
}
.our-portfolio__control .control__arrow {
position: relative;
top: auto;
left: auto;
right: auto;
}
.seo-block__text {
margin-top: 20px;
}
.seo-block__text br {
display: none;
}
.home-contacts {
flex-wrap: wrap;
}
.home-contacts__info,
.home-contacts__map {
flex: 0 0 100%;
}
.number-list__text {
grid-template-columns: 1fr;
}
.page-about__slider::before {
height: 463px;
}
.advantages-item {
flex: 0 0 50%;
}
.page-home__form .service-form__doctor-post,
.page-home__form .service-form__doctor-name,
.page-about__form .service-form__doctor-post,
.page-about__form .service-form__doctor-name {
color: #fff;
}
.treatment-options2-item__inner {
grid-template-columns: 1fr;
}
.treatment-options2-item__img {
padding: 10px 0;
}
.treatment-options2-item__info {
padding: 0;
}
.treatment-options2-item__info-top {
border-top: none;
border-left: 2px solid #f3f3f3;
}
.treatment-options-item__info-top {
display: block;
}
.treatment-options-item__info {
padding: calc(15px + 10 * ((100vw - 320px) / 1600)) calc(15px + 10 * ((100vw - 320px) / 1600)) 0;
}
.treatment-options-item__info-bottom {
padding: calc(10px + 5 * ((100vw - 320px) / 1600)) calc(15px + 25 * ((100vw - 320px) / 1600));
}
.implantation-calculator__box {
display: block;
border-radius: 50px;
margin: 0 -20px;
}
.implantation-calculator__action {
width: 100%;
padding: 50px 0;
display: block;
position: relative;
}
.calculator-action__side_right {
left: 20px;
top: 0;
position: absolute;
margin: 0;
}
.calculator-action__side_left {
right: 20px;
bottom: 0;
position: absolute;
margin: 0;
}
.implantation-calculator__form {
padding: 20px 20px 0;
margin-left: 0;
}
.implantation-calculator__form .form__input {
grid-template-columns: 1fr;
}
.teeth-input {
grid-column: auto;
}
.site-header__phone .social {
display: none;
}
.site-footer__mna {
order: 8;
}
.site-footer__mna a {
font-size: 0.75rem;
}
.blog-list,
.page-article__share {
grid-template-columns: 1fr;
}
.blog-item__info {
min-height: 6.25rem;
}
}
@media (max-width: 599px) {
.site-header__inner {
grid-template-columns: repeat(3, 1fr);
}
.site-header__description,
.site-header__order {
display: none;
}
.site-header__phone a {
font-size: 0;
flex: 0 0 24px;
height: 24px;
background: url(//vittorio-dental.ru/wp-content/themes/vittorio/images/phone.svg) no-repeat 0px 0px / cover;
display: block;
margin-left: auto;
}
.menu-toggle > span {
display: none;
}
.menu-toggle::after,
.menu-toggle::before {
display: none;
}
.form__input {
grid-template-columns: 1fr;
}
.modal-form__inner {
padding: 20px;
}
.contacts__requisites {
display: block;
}
.contacts__requisites p:not(:first-child) {
margin: 10px 0 0;
}
.contacts__work {
display: block;
}
.contacts__work p {
margin: 0 0 10px;
}
.doctors-slider__control {
position: relative;
top: auto;
right: auto;
transform: none;
margin-top: 30px;
}
.doctors-slider__list {
overflow: visible;
}
.page-action__content > * {
grid-template-columns: 1fr;
}
.page-action__content h2 {
margin-bottom: 0.5em;
}
.action-header__title-block {
height: calc(240px + 120 * ((100vw - 320px) / 1600));
}
.accordion__content {
padding-left: 0;
}
.price-slider .actions-list-item {
grid-template-columns: 1fr;
}
.price-slider .actions-list-item__info {
height: calc(185px + 175 * ((100vw - 320px) / 1600));
order: 2;
}
.portfolio-top {
grid-template-columns: 1fr;
}
.portfolio-top__text {
min-height: calc(150px + 140 * ((100vw - 320px) / 1600));
}
.page-reviews__tab {
grid-template-columns: 1fr;
}
.services-list {
grid-template-columns: 1fr;
}
.services-item.services-item-order {
display: none;
}
.services-slider,
.reviews-slider__list {
overflow: visible;
}
.home-top__title {
width: 75%;
}
.home-top__address {
font-size: 12px;
}
.top-control {
margin: 5px 0;
width: 100%;
}
.page-home > div:first-child {
padding-top: 30px;
}
.about-us__text::before {
width: 400px;
height: 200px;
top: auto;
bottom: -60%;
}
.about-us__text-block {
width: 300px;
font-size: 12px;
}
.slider-home__gallery {
width: 100%;
}
.slider-home__inner .gallery-img:nth-of-type(2),
.slider-home__inner .gallery-img:nth-of-type(3) {
display: none;
}
.slider-home__inner .gallery-img:nth-of-type(1) {
transform: translateX(-75%);
}
.slider-home__inner .gallery-img:nth-of-type(4) {
transform: translateX(75%);
}
.home-services__slider {
overflow: visible;
}
.technologies-item {
flex-wrap: wrap;
}
.technologies-item__img {
flex: 0 0 100%;
}
.page-privacy__header {
grid-template-columns: 1fr;
}
.page-privacy__title {
height: calc(240px + 120 * ((100vw - 320px) / 1600));
}
.advantages-item {
flex: 0 0 100%;
}
.page-services__list .services-item {
min-height: 100px;
flex-direction: row;
}
.page-services__list .services-item__top {
position: relative;
flex: 0 0 100px;
}
.page-services__list .services-item__top::before {
height: 100%;
}
.page-services__list .services-item__bottom {
flex: 1 1 auto;
}
.page-services__list .services-item__link {
padding: 10px;
}
.services-item_child .services-item__bottom {
display: none;
}
.page-services__list .services-item_child .services-item__top {
flex: 0 0 100%;
display: flex;
position: relative;
}
.services-item_child .services-item__image {
flex: 0 0 100px;
}
.services-item_child .services-item__title_top {
padding: 10px;
position: relative;
top: auto;
left: auto;
bottom: auto;
right: auto;
height: 100%;
flex: 1 1 auto;
}
.services-item.services-item_child .services-item__title {
background: #f1f1f1;
}
.services-item.services-item_child:nth-child(5) .services-item__top::before,
.services-item.services-item_child:nth-child(7) .services-item__top::before,
.services-item.services-item_child:nth-child(1) .services-item__top::before,
.services-item.services-item_child:nth-child(3) .services-item__top::before {
width: 100px;
}
.services-item.services-item_child:nth-child(5) .services-item__title,
.services-item.services-item_child:nth-child(7) .services-item__title,
.services-item.services-item_child:nth-child(1) .services-item__title,
.services-item.services-item_child:nth-child(3) .services-item__title {
background: #373737;
color: #fff;
}
.service-stages__list {
grid-template-columns: 1fr;
}
.stages-item__name br {
display: none;
}
.stages-item__desc {
margin-top: 0;
}
.treatment-options2-item__info-top {
position: relative;
}
.treatment-options2-item__all {
position: absolute;
top: 0;
right: calc(20px + 22 * ((100vw - 320px) / 1600));
transform: translateY(-50%);
}
.treatment-options2-item__info-bottom a {
width: 7em;
}
}
@media (max-width: 424px) {
.about-us__text::before {
width: 300px;
height: 150px;
bottom: -50%;
}
.about-us__text-block {
width: 260px;
}
.other-services__control,
.home-services__control {
position: relative;
top: auto;
right: auto;
}
.treatment-options-item__info-bottom {
padding: 10px;
}
.treatment-options-item__info {
padding: 10px 10px 0;
}
}