html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active, a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type=checkbox],
input[type=radio] {
box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
} input[type=search] {
-webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}@font-face {
font-family: "FixelDisplay";
src: url(//www.renova.km.ua/wp-content/themes/renova/font/FixelDisplay-Bold.woff2) format("woff2"), url(//www.renova.km.ua/wp-content/themes/renova/font/FixelDisplay-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "FixelDisplay";
src: url(//www.renova.km.ua/wp-content/themes/renova/font/FixelDisplay-SemiBold.woff2) format("woff2"), url(//www.renova.km.ua/wp-content/themes/renova/font/FixelDisplay-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "FixelDisplay";
src: url(//www.renova.km.ua/wp-content/themes/renova/font/FixelDisplay-Medium.woff2) format("woff2"), url(//www.renova.km.ua/wp-content/themes/renova/font/FixelDisplay-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "FixelDisplay";
src: url(//www.renova.km.ua/wp-content/themes/renova/font/FixelDisplay-Regular.woff2) format("woff2"), url(//www.renova.km.ua/wp-content/themes/renova/font/FixelDisplay-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url(//www.renova.km.ua/wp-content/themes/renova/font/Montserrat-SemiBold.woff2) format("woff2"), url(//www.renova.km.ua/wp-content/themes/renova/font/Montserrat-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url(//www.renova.km.ua/wp-content/themes/renova/font/Montserrat-Medium.woff2) format("woff2"), url(//www.renova.km.ua/wp-content/themes/renova/font/Montserrat-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
}
:root {
--color-white: #fff;
--color-900: #171717;
--color-primary: #0F5E59;
--color-secondary: #579A6E;
--color-secondary-light: #FFFBF5;
--color-neutral: #F5F5F5;
--color-neutral-200: #E5E5E5;
--color-neutral-400: #A1A1A1;
--color-neutral-500: #737373;
--color-neutral-600: #525252;
--fixel:"FixelDisplay", sans-serif;
--mont:"Montserrat", sans-serif;
}
*, *:before,
*:after {
box-sizing: border-box;
outline: none;
-webkit-tap-highlight-color: transparent;
}
*, body, html {
-webkit-text-size-adjust: none;
-webkit-appearance: none;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
button {
border: none;
}
mark {
-webkit-text-fill-color: initial;
text-fill-color: transparent;
background: none;
}
.img {
display: block;
}
.img.contain img {
object-fit: contain;
}
.img > img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
ul {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
text-decoration: none;
}
button {
background: transparent;
}
h1 {
margin: 0;
}
html {
font-size: 10px;
scroll-behavior: smooth;
}
@media only screen and (max-width: 1366px) {
html {
font-size: 9.49px;
}
}
@media only screen and (max-width: 1280px) {
html {
font-size: 8.88px;
}
}
@media only screen and (max-width: 1024px) {
html {
font-size: 7.11px;
}
}
@media only screen and (max-width: 768px) {
html {
font-size: 5.33px;
}
}
@media only screen and (max-width: 666px) {
html {
font-size: 10px;
}
}.wrap {
font-family: var(--fixel), sans-serif;
max-width: 100vw;
min-height: 100vh;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
color: var(--color-900);
overflow: hidden;
}
.wrap__main {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 1;
padding-top: 8rem;
}
.wrap.hidden {
height: 100vh;
}
.container {
width: 100%;
max-width: 144rem;
margin: 0 auto;
padding: 0 6.4rem;
}
.section__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
background: var(--color-neutral);
position: relative;
border-radius: 0.8rem;
overflow: hidden;
}
.section__item:after {
content: "";
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0.1rem solid var(--color-neutral-200);
border-radius: 0.8rem;
}
.section__checkbox {
position: relative;
}
.section__green {
background: var(--color-primary);
}
.section__green .container {
padding: 4rem 6.4rem;
color: white;
}
.section__green-block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
}
.section__green.transparent {
position: relative;
}
.section__green.transparent:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: linear-gradient(0deg, rgba(15, 94, 89, 0.25), rgba(15, 94, 89, 0.25)), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.section__green.transparent img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.section__green.transparent .container {
position: relative;
z-index: 1;
padding: 1.2rem 6.4rem 12.5rem;
color: white;
}
.section__green.transparent .section__green-block {
margin-top: 9.1rem;
}
.section__desc {
display: -ms-flexbox;
display: flex;
gap: 1.6rem;
-ms-flex-direction: column;
flex-direction: column;
}
.section__desc.center {
-ms-flex-align: center;
align-items: center;
text-align: center;
max-width: 86.6rem;
margin: 0 auto;
}
.section__top {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2.4rem;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 3.2rem;
}
.section__top .section__btn {
width: -moz-max-content;
width: max-content;
}
.section__flex {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section__form {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.4rem;
max-width: 75.5rem;
width: 100%;
}
.section__form-btn {
width: 100%;
margin-top: 0.8rem;
}
.section__input {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.8rem;
width: 100%;
}
.section__input.half {
width: calc(50% - 0.7rem);
}
.section__input input, .section__input textarea {
width: 100%;
padding: 1.2rem 2.8rem;
border-radius: 1.2rem;
border: 0.1rem solid var(--color-neutral-200);
font: 500 1.6rem/100% var(--fixel);
background: var(--color-neutral);
}
.section__input input:-ms-input-placeholder, .section__input textarea:-ms-input-placeholder {
color: var(--color-neutral-400);
}
.section__input input::placeholder, .section__input textarea::placeholder {
color: var(--color-neutral-400);
}
.section__input textarea {
padding: 1.6rem 2.8rem;
resize: none;
height: 20rem;
}
.section__block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 4rem;
}
.section__block .breadcrumbs {
margin: 0;
}
.section__nav > * {
width: 4.8rem;
height: 4.8rem;
border-radius: 50%;
background: white;
border: 0.1rem solid var(--color-primary);
position: absolute;
transition: all 0.2s ease;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
right: -1.2rem;
z-index: 1;
}
.section__nav > *:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 2rem;
height: 2rem;
transition: 0.2s ease;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/slider.svg) center/2rem 2rem no-repeat;
}
.section__nav > *:hover {
background: var(--color-primary);
}
.section__nav > *:hover:after {
filter: brightness(0) invert(1);
}
.section__nav-prev {
right: unset !important;
left: -2.4rem;
}
.section__nav-prev:after {
transform: translate(-50%, -50%) rotate(180deg);
}
.section__title {
font: 600 3.2rem/124% var(--mont);
}
.section__title.center {
text-align: center;
margin: 0 auto;
}
.section__title.big {
font-size: 4rem;
}
.section__title > * {
color: var(--color-primary);
}
.section__subtitle {
font: 600 2rem/100% var(--mont);
}
.section__text {
font: 400 1.6rem/138% var(--fixel);
}
.section__text.center {
text-align: center;
}
.section__text.small {
font-size: 1.4rem;
}
.section__ellipse {
position: relative;
z-index: 1;
}
.section__ellipse:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #579A6E;
filter: blur(400px);
opacity: 0.12;
z-index: -1;
pointer-events: none;
}
.section__btn {
white-space: nowrap;
text-align: center;
border-radius: 999rem;
padding: 1.6rem 2.4rem;
color: var(--color-white);
background: var(--color-primary);
font: 600 1.6rem/100% var(--fixel);
transition: 0.4s ease;
display: block;
width: 100%;
position: relative;
}
.section__btn.left {
text-align: left;
}
.section__btn.disabled {
opacity: 0.6;
pointer-events: none;
}
.section__btn:hover {
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
transition: 0.2s ease;
}
.section__btn.section__btn-card {
padding: 1.1rem 2.4rem;
font-size: 1.6rem;
}
.section__btn.arrow {
padding-right: 7.6rem;
}
.section__btn.arrow:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 2.8rem;
width: 2rem;
height: 2rem;
transition: 0.2s ease;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/arr-btn.svg) center/2rem 2rem no-repeat;
}
.section__btn.arrow:hover:before {
transform: translateY(-50%) scale(1.15);
}
.section__btn.border {
background: white;
color: var(--color-primary);
position: relative;
}
.section__btn.border:after {
content: "";
position: absolute;
top: 0;
width: 100%;
left: 0;
height: 100%;
border-radius: 999rem;
border: 0.15rem solid var(--color-primary);
pointer-events: none;
}
.section__btn.border:hover {
transition: 0.2s ease;
background: var(--color-primary);
color: var(--color-white);
}
.section__btn.border:hover img {
filter: brightness(0) invert(1);
}
.section__btn.border.arrow:before {
right: 1.6rem;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/arr-btn-primary.svg) center/1.6rem 1.6rem no-repeat;
}
.section__btn.border.arrow:hover:before {
filter: brightness(0) invert(1);
}
.breadcrumbs {
display: -ms-flexbox;
display: flex;
gap: 1.2rem 3.4rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-bottom:1.6rem;
}
.breadcrumbs a {
font: 400 1.6rem/100% var(--fixel);
position: relative;
color: #D4D4D4;
}
.breadcrumbs a:not(:last-child):before {
content: ">";
font: 400 1.6rem/100% var(--fixel);
color: #D4D4D4;
position: absolute;
top: 50%;
right: -2.2rem;
transform: translateY(-50%);
}
.breadcrumbs__absolute {
position: absolute;
top: 1.6rem;
left: 0;
width: 50%;
}
.breadcrumbs__absolute a {
color: #737373;
}
.breadcrumbs__absolute a:not(:last-child):before {
color: #737373;
}
.content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
}
.content p, .content p > *, .content span, .content li {
font: 400 1.6rem/130% var(--fixel);
}
.content ol, .content ul {
padding-left: 2rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.8rem;
}
.content ul li {
position: relative;
}
.content ul li:after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -1.5rem;
width: 0.2rem;
height: 0.2rem;
background-color: #171717;
border-radius: 50%;
pointer-events: none;
}
.content strong {
font-weight: 700;
}
.content h2, .content h3, .content h4, .content h5, .content h6 {
font: 600 2rem/100% var(--fixel);
}
.content a {
text-decoration: underline;
}
.terms .container {
padding: 4rem 6.4rem 8rem;
}
.modal {
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 5;
}
.modal__close {
position: absolute;
top: 4.55rem;
right: 4rem;
width: 2.8rem;
height: 2.8rem;
cursor: pointer;
z-index: 5;
}
.modal__close:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
transition: 0.2s ease;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/x.svg) center/100% 100% no-repeat;
}
.modal__wrap {
position: relative;
width: 100%;
height: 100%;
}
.modal__wrap:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: rgba(23, 23, 23, 0.4);
top: 0;
left: 0;
}
.modal__content {
max-width: 83.5rem;
width: 100%;
overflow: hidden;
border-radius: 2.8rem;
background-color: white;
position: absolute;
margin: 0 auto;
top: 50%;
left: 50%;
max-height: 95vh;
transform: translate(-50%, -50%);
z-index: 6;
}
.modal__content.small {
max-width: 57.6rem;
}
.modal__content.big {
max-width: 85.1rem;
}
.modal__overflow {
padding: 4rem;
width: 100%;
max-height: 95vh;
overflow: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.8rem;
}
.modal__overflow::-webkit-scrollbar {
background-color: transparent;
width: 0.4rem;
}
.modal__overflow::-webkit-scrollbar-thumb {
background-color: var(--color-primary);
}
.modal__btn {
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
}
.modal__btn-close {
background-color: var(--color-grey);
}
.modal__btn > * {
width: calc(50% - 1.2rem);
}
.modal__title {
font: 600 2.8rem/100% var(--fixel);
text-align: center;
}
.modal__text {
font: 400 1.6rem/2.8rem var(--fixel);
text-align: center;
}
.modal .section__form {
margin-top: 1.6rem;
}
.header {
background: white;
width: 100%;
top: 0;
z-index: 4;
left: 0;
position: fixed;
}
.header .container {
padding: 1.6rem 6.4rem;
}
.header__block {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
.header__logo {
width: 16.4rem;
min-width: 16.4rem;
}
.header__menu {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
color: var(--color-900);
}
.header__menu-item {
position: relative;
cursor: pointer;
}
.header__menu-item > a {
white-space: nowrap;
padding: 1.2rem;
position: relative;
display: block;
transition: 0.2s ease;
font: 400 1.6rem/100% var(--fixel);
}
.header__menu-item > a:after {
transition: 0.2s ease;
content: "";
position: absolute;
bottom: 0.3rem;
left: 50%;
transform: translateX(-50%);
height: 0.2rem;
background: var(--color-primary);
width: 0;
}
.header__menu-item > a:hover:after {
width: calc(100% - 2.4rem);
}
.header__menu-item.active:after {
content: "";
position: absolute;
bottom: 0.3rem;
left: 50%;
transform: translateX(-50%);
height: 0.2rem;
background: var(--color-primary);
width: calc(100% - 2.4rem);
}
.header__phone {
width: -moz-max-content;
width: max-content;
display: -ms-flexbox;
display: flex;
gap: 1rem;
padding: 1.3rem 2.4rem;
-ms-flex-align: center;
align-items: center;
}
.header__phone > img {
width: 2rem;
min-width: 2rem;
}
.header__burger {
display: none;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
position: relative;
z-index: 1;
width: 3.2rem;
height: 3.2rem;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.4rem;
transition: 0.2s ease;
}
.header__burger span {
transition: 0.2s ease;
background-color: var(--color-primary);
width: 2.4rem;
height: 0.2rem;
border-radius: 0.2rem;
}
.header__burger-open span {
display: block;
position: absolute;
top: 50%;
margin: 0;
transition: 0.2s ease;
}
.header__burger-open span:nth-child(1) {
background: var(--color-primary);
transform: rotate(-45deg);
}
.header__burger-open span:nth-child(2) {
background: var(--color-primary);
transform: rotate(45deg);
}
.header__burger-open span:nth-child(3) {
display: none;
}
.notfound {
padding: 10rem 6.4rem;
}
.notfound__block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.notfound__top {
font: 400 2rem/100% var(--fixel);
color: var(--color-primary);
}
.notfound__title {
font: 400 9.6rem/100% var(--mont);
color: #436C0F;
margin-bottom: 4rem;
}
.notfound__subtitle {
font: 400 4.4rem/100% var(--fixel);
margin-bottom: 2rem;
}
.notfound__text {
font: 600 1.8rem/100% var(--fixel);
color: #304D0B;
margin-bottom: 4rem;
}
.notfound .section__btn {
max-width: 29.9rem;
margin: 0 auto;
}
.footer {
background: var(--color-primary);
}
.footer .container {
padding: 6rem 4rem 2.4rem;
}
.footer__block {
display: -ms-flexbox;
display: flex;
gap: 2rem;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 9rem;
}
.footer__menu {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
min-width: 11.7rem;
}
.footer__menu > * {
color: var(--color-white);
font: 600 1.8rem/124% var(--fixel);
transition: 0.2s ease;
white-space: nowrap;
}
.footer__menu > *:hover {
color: var(--color-secondary);
}
.footer__menu-wrap {
display: -ms-flexbox;
display: flex;
gap: 8rem;
width: 100%;
-ms-flex-pack: end;
justify-content: flex-end;
}
.footer__logo {
width: 27.3rem;
min-width: 27.3rem;
}
.footer__contact {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
max-width: 33.6rem;
margin-left: 5%;
color: white;
}
.footer__address {
font: 500 1.8rem/140% var(--fixel);
max-width: 33.6rem;
width: 100%;
}
.footer__social {
margin-top: 1.2rem;
display: -ms-flexbox;
display: flex;
gap: 1.6rem;
-ms-flex-align: center;
align-items: center;
}
.footer__social > * {
width: 3.6rem;
aspect-ratio: 1/1;
overflow: hidden;
}
.footer__phone {
white-space: nowrap;
font: 600 3.6rem/100% var(--fixel);
}
.footer__bottom {
padding: 0 1.6rem;
text-align: center;
color: var(--color-white);
display: -ms-flexbox;
display: flex;
gap: 8.8rem;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer__bottom p {
font: 500 1.6rem/140% var(--fixel);
}
.footer__bottom-link {
font: 400 1.6rem/140% var(--fixel);
text-decoration: underline;
}
.footer__bottom > *:not(:last-child) {
position: relative;
}
.footer__bottom > *:not(:last-child):after {
content: "";
position: absolute;
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
background: #D9D9D9;
right: -4.8rem;
top: 50%;
transform: translateY(-50%);
}
label.error {
color: #B00000;
position: absolute;
bottom: -1.2rem;
left: 0;
font: 400 1.2rem/100% var(--fixel);
}
.swiper-pagination {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
gap: 0.4rem;
bottom: -2.4rem !important;
}
.swiper-pagination-bullet {
margin: 0 !important;
}
.swiper-pagination-bullet-active {
background: var(--color-primary);
}
.select2-container--default .select2-selection--single {
border: 0.1rem solid var(--color-neutral-200);
font: 500 1.6rem/100% var(--fixel);
background: var(--color-neutral);
padding: 1.5rem 2.8rem;
border-radius: 1.2rem;
height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
right: 2.8rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 0;
width: 2rem;
height: 2rem;
transition: 0.2s ease;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/down.svg) center/100% 100% no-repeat;
}
.select2-search {
display: none;
}
.select2-container--open .select2-selection--single .select2-selection__arrow:after {
transform: translateY(-50%) rotate(180deg);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-results__option {
font: 400 1.6rem/100% var(--fixel);
padding: 1.2rem 2.8rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: var(--color-primary);
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
background-color: transparent;
width: 0.4rem;
border-radius: 1.2rem;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
background-color: var(--color-primary);
border-radius: 1.2rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
height: auto;
line-height: 100%;
}
.select2-selection__clear {
display: none;
}
.doctor .swiper-wrapper {
-ms-flex-align: stretch;
align-items: stretch;
}
.doctor .swiper-slide {
height: auto;
max-width: 19.8rem;
width: 100%;
display: -ms-flexbox;
display: flex;
}
.doctor .container {
padding: 7rem 6.4rem;
}
.doctor__block {
position: relative;
}
.doctor__img {
overflow: hidden;
aspect-ratio: 198/240;
}
.doctor__info {
-ms-flex-positive: 1;
flex-grow: 1;
gap: 0.4rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0.4rem;
}
.doctor__info > * {
font: 600 1.8rem/140% var(--mont);
}
.doctor__info > h4 {
font: 400 1.4rem/124% var(--fixel);
color: var(--color-neutral-600);
}
.doctor__desc {
display: -ms-flexbox;
display: flex;
gap: 0.8rem;
-ms-flex-direction: column;
flex-direction: column;
padding: 1.6rem;
-ms-flex-positive: 1;
flex-grow: 1;
}
.doctor__list {
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.doctor__list > * {
width: calc((100% - 12rem) / 6);
}
.doctor__page .container {
padding-top: 4rem;
}
.services .container {
padding: 7rem 6.4rem;
}
.services .swiper-wrapper {
-ms-flex-align: stretch;
align-items: stretch;
}
.services .swiper-slide {
height: auto;
max-width: 31rem;
width: 100%;
display: -ms-flexbox;
display: flex;
}
.services__block {
position: relative;
}
.services__img {
overflow: hidden;
aspect-ratio: 31/24;
}
.services__info {
-ms-flex-positive: 1;
flex-grow: 1;
gap: 0.8rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.services__info > h3 {
font: 600 1.8rem/140% var(--mont);
}
.services__info .section__text {
color: #525252;
}
.services__info-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.4rem;
}
.services__info-list > * {
color: var(--color-primary);
font: 500 1.6rem/140% var(--fixel);
text-decoration: underline;
}
.services__desc {
display: -ms-flexbox;
display: flex;
gap: 2rem;
-ms-flex-direction: column;
flex-direction: column;
padding: 2.4rem;
-ms-flex-positive: 1;
flex-grow: 1;
}
.services__list {
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.services__list > * {
width: calc((100% - 7.2rem) / 3);
}
.services__page .container {
padding-top: 4rem;
}
.help .container {
padding: 7rem 6.4rem 14.6rem;
}
.help__flex {
gap: 4rem;
margin-top: 8rem;
}
.help .section__title {
position: relative;
z-index: 1;
}
.help .section__title span {
position: relative;
}
.help .section__title span:after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -5.5rem;
z-index: 0;
width: 27rem;
height: 7.6rem;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/Circles-help.svg) center/100% 100% no-repeat;
}
.help__info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 4.8rem;
position: relative;
}
.help__info-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.8rem;
}
.help__info-item > * {
color: var(--color-neutral-500);
font: 500 1.6rem/124% var(--fixel);
}
.help__info-desc {
color: #0A0A0A;
font: 600 1.8rem/124% var(--mont);
}
.help__contact-map {
overflow: hidden;
border-radius: 2.4rem;
width: 66%;
aspect-ratio: 867/520;
}
.help__center .help__info {
display: none;
}
.help__center .help__form {
margin: 0 auto;
}
.help__center .section__form {
max-width: 86.6rem;
}
.help__center .help__flex {
margin-top: 3.2rem;
}
.help__center .section__title span:after {
width: 33rem;
height: 7.6rem;
}
.call {
position: fixed;
bottom: 2.4rem;
right: 2.4rem;
width: 6.4rem;
height: 6.4rem;
z-index: 3;
}
.main .container {
padding: 0.8rem 6.4rem 7rem;
}
.main__circle {
position: relative;
aspect-ratio: 406/100;
}
.main__circle-wrap {
position: absolute;
z-index: -1;
top: -2rem;
right: 3.7rem;
width: 63%;
}
.main__circle-icon1 {
position: absolute;
bottom: 0;
right: 5rem;
}
.main__circle-icon2 {
position: absolute;
top: 0;
right: -1rem;
}
.main__block {
position: relative;
gap: 2.4rem;
-ms-flex-align: center;
align-items: center;
}
.main__block > * {
width: calc(50% - 1.2rem);
}
.main__info {
position: relative;
display: -ms-flexbox;
display: flex;
gap: 1.6rem;
-ms-flex-direction: column;
flex-direction: column;
}
.main__title {
font: 600 4.8rem/121% var(--mont);
}
.main__title > * {
color: var(--color-primary);
}
.main__img {
border-radius: 2.4rem;
aspect-ratio: 1/1;
overflow: hidden;
}
.main__btn.arrow {
font-size: 1.8rem;
margin-top: 1.6rem;
padding: 2.3rem 7.6rem 2.3rem 2.8rem;
width: -moz-max-content;
width: max-content;
}
.problem .swiper-wrapper {
-ms-flex-align: stretch;
align-items: stretch;
}
.problem .swiper-slide {
height: auto;
display: -ms-flexbox;
display: flex;
}
.problem .container {
padding: 7rem 6.4rem 10rem;
}
.problem__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.4rem;
position: relative;
}
.problem__block {
margin-top: 6rem;
position: relative;
}
.problem .section__nav {
display: none;
}
.problem__img {
width: 12rem;
margin-bottom: 1.6rem;
}
.problem__item {
background: white;
-ms-flex-align: center;
align-items: center;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.8rem;
width: calc((100% - 4.8rem) / 3);
position: relative;
border-radius: 2.4rem;
padding: 4rem 2.4rem;
background: white;
}
.problem__item:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 2.4rem;
border: 0.1rem solid var(--color-secondary);
pointer-events: none;
}
.problem__item:nth-child(odd) {
background: var(--color-secondary);
color: white;
}
.about .container {
padding: 10rem 6.4rem 7rem;
}
.about__block {
gap: 2.4rem;
-ms-flex-align: center;
align-items: center;
}
.about__block > * {
width: calc(50% - 1.2rem);
}
.about__img {
border-radius: 2.4rem;
position: relative;
aspect-ratio: 644/640;
overflow: hidden;
}
.about__img-wrap {
position: relative;
}
.about__img-wrap:after {
content: "";
position: absolute;
right: -24%;
bottom: -20%;
width: 134%;
aspect-ratio: 864/883;
height: auto;
z-index: -1;
pointer-events: none;
transition: 0.2s ease;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/about-circle.svg) center/100% 100% no-repeat;
}
.about__img-wrap:before {
content: "";
position: absolute;
right: -9%;
top: -12%;
width: 6.1rem;
height: 11.8rem;
z-index: 1;
pointer-events: none;
transition: 0.2s ease;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/about-decor.svg) center/100% 100% no-repeat;
}
.about__info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
padding-left: 4rem;
}
.about .section__btn {
margin-top: 2.4rem;
width: -moz-max-content;
width: max-content;
}
.why .container {
padding: 7rem 6.4rem;
}
.why__list {
max-width: 109rem;
margin: 4rem auto 0;
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.why__list:after {
content: "";
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
z-index: -1;
width: 160%;
height: 160%;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/circle-why.svg) center/100% 100% no-repeat;
}
.why__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
background: white;
padding: 2.4rem;
border-radius: 0.8rem;
width: calc(50% - 1.2rem);
}
.why__info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.8rem;
}
.why__img {
width: 8rem;
min-width: 8rem;
}
.about__top .container {
padding: 4rem 6.4rem 7rem;
}
.about__top-flex {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
-ms-flex-pack: justify;
justify-content: space-between;
}
.about__top-flex > * {
width: calc(50% - 1.2rem);
}
.about__top-img {
aspect-ratio: 64/52;
border-radius: 2.4rem;
overflow: hidden;
}
.about__top-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
max-width: 53.3rem;
}
.values .container {
padding: 7rem 6.4rem 7rem;
}
.values__list {
margin-top: 4rem;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.4rem;
position: relative;
}
.values__img {
width: 10rem;
margin-bottom: 1.6rem;
}
.values__item {
-ms-flex-align: center;
align-items: center;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.8rem;
width: calc((100% - 4.8rem) / 3);
position: relative;
border-radius: 0.8rem;
padding: 2.4rem;
background: #FFFBF5;
pointer-events: none;
}
.values__item:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
border-radius: 0.8rem;
border: 0.1rem solid var(--color-secondary);
}
.values__item:nth-child(even) {
background: var(--color-secondary);
color: white;
}
.faq .section__btn {
max-width: -moz-max-content;
max-width: max-content;
margin-top: 2.4rem;
}
.faq .container {
padding: 6.4rem 6.4rem 8rem;
}
.faq__flex {
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
}
.faq__info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
max-width: 43.7rem;
}
.faq__item {
transition: 0.2s ease;
position: relative;
}
.faq__header {
padding: 1.6rem 4rem 1.6rem 1.6rem;
position: relative;
cursor: pointer;
-ms-flex-direction: column;
flex-direction: column;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
transition: all 0.2s ease;
background: var(--color-secondary-light);
border-radius: 0.8rem;
}
.faq__header:before {
border-radius: 0.8rem;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0.1rem solid var(--color-secondary);
pointer-events: none;
}
.faq__header > * {
font: 400 1.6rem/124% var(--mont);
}
.faq__header:after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 1.6rem;
width: 2rem;
height: 2rem;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/plus.svg) center/100% 100% no-repeat;
}
.faq__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.2rem;
height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.4s ease, opacity 0.3s ease;
}
.faq__open {
position: relative;
}
.faq__open .faq__content {
padding: 2.8rem 2.4rem 1.6rem;
opacity: 1;
transition: all 0.4s ease, opacity 0.3s ease;
}
.faq__open .faq__header {
background: var(--color-secondary);
color: white;
}
.faq__open .faq__header:after {
transition: all 0.3s ease;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/minus.svg) center/100% 100% no-repeat;
}
.faq__list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.2rem;
max-width: 75.5rem;
}
.category .container {
padding: 4rem 6.4rem 7rem;
}
.category__block {
position: relative;
}
.category__item {
-ms-flex-direction: row;
flex-direction: row;
}
.category__img {
aspect-ratio: 1/1;
width: 18.4rem;
overflow: hidden;
min-width: 18.4rem;
border-radius: 0.8rem;
}
.category__info {
-ms-flex-positive: 1;
flex-grow: 1;
gap: 0.8rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 3.2rem;
}
.category__btn {
display: -ms-flexbox;
display: flex;
gap: 1.2rem;
margin-top: auto;
}
.category__btn > * {
width: -moz-max-content;
width: max-content;
}
.category .section__text, .category .section__text > * {
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.category__title {
font: 600 1.8rem/140% var(--mont);
}
.category__list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
}
.gallery__about .content {
gap: 2.4rem;
}
.gallery__about .content ul {
gap: 0.4rem;
}
.gallery .container {
padding: 7rem 6.4rem 7rem;
}
.gallery__block {
position: relative;
margin-top: 4rem;
}
.gallery__img {
aspect-ratio: 421/300;
width: 100%;
overflow: hidden;
border-radius: 1.2rem;
}
.gallery .gallery__slider .swiper-slide {
width: 42.1rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.gallery .swiper {
overflow: visible;
}
.gallery .section__title {
position: relative;
z-index: 1;
}
.gallery .section__title span {
position: relative;
}
.gallery .section__title span:after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -4.5rem;
z-index: 0;
width: 27rem;
height: 7.6rem;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/Circles-help.svg) center/100% 100% no-repeat;
}
.gallery .section__nav {
display: none;
}
.single__top .container {
padding: 2.8rem 6.4rem 7rem;
}
.single__top-flex {
gap: 2.4rem;
-ms-flex-align: center;
align-items: center;
flex-wrap: wrap;
}
.single__top .section__btn {
width: -moz-max-content;
width: max-content;
margin-top: 1.6rem;
font-size: 1.8rem;
padding-top: 2.3rem;
padding-bottom: 2.3rem;
}
.single__top-img {
border-radius: 2.4rem;
aspect-ratio: 1/1;
overflow: hidden;
width: 49%;
}
.single__top-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
width: calc(51% - 2.4rem);
}
.single__top-title {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.4rem;
}
.single__top-title span {
font: 500 1.6rem/130% var(--fixel);
}
.single__top-doctor .single__top-img {
width: 41%;
aspect-ratio: 533/640;
}
.single__top-doctor .single__top-info {
gap: 2rem;
}
.price .container {
padding: 4rem 6.4rem 7rem;
}
.price__list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.price__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
padding: 2rem 0;
-ms-flex-pack: justify;
justify-content: space-between;
}
.price__item:not(:last-child) {
border-bottom: 0.1rem solid var(--color-neutral-200);
}
.price__item-title {
font: 500 1.6rem/100% var(--mont);
}
.price__item-price {
font: 600 1.6rem/100% var(--mont);
}
.price .faq__list {
max-width: 100%;
}
.price .faq__open .faq__content {
padding: 0.8rem 2.8rem;
}
.price .faq__header > * {
font: 600 2rem/124% var(--mont);
}
.price .faq__header {
padding: 2.2rem 6rem 2.2rem 2.8rem;
}
.price .faq__header:after {
width: 2.8rem;
height: 2.8rem;
right: 2.6rem;
}
.price__page .faq__item:not(.faq__open) .faq__header {
background: var(--color-neutral);
}
.price__page .faq__item:not(.faq__open) .faq__header:before {
border: 0.1rem solid #E5E5E5;
}
.price__content {
margin-bottom: 6rem;
}
.pagination {
margin-top: 3.2rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 1.2rem;
}
.pagination .page-numbers {
width: 4rem;
height: 4rem;
border-radius: 50%;
background: #FAFAFA;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
font: 400 1.6rem/100% var(--fixel);
}
.pagination .page-numbers:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
pointer-events: none;
left: 0;
border-radius: 50%;
border: 0.1rem solid var(--color-primary);
}
.pagination .page-numbers.current {
background: var(--color-primary);
color: white;
font-weight: 600;
}
.pagination .page-numbers.prev:after, .pagination .page-numbers.next:after {
display: none;
}
.pagination .page-numbers.prev:before, .pagination .page-numbers.next:before {
content: "";
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
width: 2rem;
height: 2rem;
transition: 0.2s ease;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/arr-pag.svg) center/2rem 2rem no-repeat;
}
.pagination .page-numbers.prev:before {
transform: translate(-50%, -50%) rotate(180deg);
}
.review {
position: relative;
}
.review:after {
content: "";
position: absolute;
right: -13%;
bottom: -10%;
width: 47%;
aspect-ratio: 688/962;
height: auto;
z-index: -1;
pointer-events: none;
transition: 0.2s ease;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/rev1.svg) center/100% 100% no-repeat;
}
.review:before {
content: "";
position: absolute;
left: -14%;
top: 37%;
z-index: -1;
pointer-events: none;
width: 47%;
aspect-ratio: 683/949;
height: auto;
transition: 0.2s ease;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/rev2.svg) center/100% 100% no-repeat;
}
.review .container {
padding: 7rem 6.4rem;
}
.review__wrap {
margin: 3.2rem auto 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 4.8rem;
-ms-flex-align: center;
align-items: center;
max-width: 86.6rem;
width: 100%;
}
.review .section__form {
max-width: 100%;
}
.review__block {
width: 100%;
}
.review__list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.2rem;
}
.review__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.4rem;
padding: 1.6rem;
border: 0.1rem solid var(--color-neutral-200);
background: var(--color-neutral);
border-radius: 1.2rem;
}
.review__item-title {
font: 600 1.6rem/100% var(--fixel);
}
.review__item-department {
font: 400 1.2rem/100% var(--fixel);
color: var(--color-neutral-600);
}
.review__item .section__text, .review__item .content {
margin-top: 1.2rem;
}
.review__form {
position: relative;
}
.review__mess {
position: absolute;
left: 50%;
transform: translateX(-50%);
color: var(--color-secondary);
text-align: center;
bottom: -3.4rem;
font: 600 2.6rem/100% var(--fixel);
}
.review .pagination {
margin-top: 2rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 1.2rem;
}
.review .pagination__numbers {
display: -ms-flexbox;
display: flex;
gap: 1.2rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
.review .pagination__number {
width: 4rem;
height: 4rem;
border-radius: 50%;
text-align: center;
position: relative;
font: 400 1.6rem/100% var(--fixel);
}
.review .pagination__number:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
pointer-events: none;
left: 0;
border-radius: 50%;
border: 0.1rem solid var(--color-primary);
}
.review .pagination__number.active {
background: var(--color-primary);
color: white;
font-weight: 600;
}
.review .pagination__btn {
width: 4rem;
height: 4rem;
border-radius: 50%;
background: white;
position: relative;
}
.review .pagination__btn:after {
content: "";
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
width: 2rem;
height: 2rem;
transition: 0.2s ease;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/arr-pag.svg) center/2rem 2rem no-repeat;
}
.review .pagination__btn.prev:after {
transform: translate(-50%, -50%) rotate(180deg);
}
.comment {
padding: 7rem 0;
}
.comment__block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.4rem;
}
.comment .marquee {
overflow: hidden;
width: 100%;
}
.comment .track {
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
will-change: transform;
transform: translate3d(0, 0, 0);
}
.comment__author {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.4rem;
}
.comment__author h3 {
font: 600 1.6rem/100% var(--fixel);
}
.comment__author p {
font: 400 1.4rem/100% var(--fixel);
color: #E5E5E5;
}
.comment__item {
width: 100%;
padding: 2.4rem;
border-radius: 1.2rem;
background: var(--color-secondary);
color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.4rem;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
-ms-flex-pack: justify;
justify-content: space-between;
}
.comment__item:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
pointer-events: none;
left: 0;
border-radius: 1.2rem;
border: 0.1rem solid var(--color-secondary);
}
.comment .swiper-container {
width: 100%;
height: 100%;
position: relative;
}
.comment .swiper-wrapper {
transition-timing-function: linear !important;
position: relative;
}
.comment .swiper-slide {
width: 42rem;
}
.comment .swiper-slide:nth-child(odd) .comment__item {
background: var(--color-secondary-light);
color: #0A0A0A;
}
.comment .swiper-slide:nth-child(odd) .comment__item .comment__author p {
color: #525252;
}
@keyframes line-slide {
0% {
background-position: -5% 0;
}
100% {
background-position: 100% 0;
}
}
.comment__block {
pointer-events: auto;
}
.swiper-wrapper, .swiper-slide, .comment__item {
pointer-events: auto;
}
@media only screen and (max-width: 1440px) {
.gallery .section__nav {
display: block;
}
}
@media only screen and (max-width: 666px) {
.wrap__main {
padding-top: 6.1rem;
}
.wrap__main .container {
padding: 4rem 1.6rem;
}
.section__title {
font-size: 2.8rem;
}
.section__title.big {
font-size: 2.8rem;
}
.section__desc {
gap: 0.8rem;
}
.section__text {
font-size: 1.6rem;
}
.section__flex {
-ms-flex-direction: column;
flex-direction: column;
}
section .section__flex > * {
width: 100%;
}
.section__btn {
padding: 0.75rem 1.6rem;
font-size: 1.6rem;
}
.section__btn.arrow {
padding: 1.3rem 6.4rem 1.3rem 2.4rem;
}
.section__btn.section__btn-card {
padding: 1rem 1.6rem;
font-size: 1.6rem;
}
.section__btn.section__btn-card.arrow {
padding: 1rem 4.2rem 1rem 1.6rem;
}
.section__subtitle {
font-size: 1.8rem;
}
.section__text.small {
font-size: 1.4rem;
}
.header .container {
padding: 1.2rem 1.6rem 1.6rem;
}
.header__logo {
width: 11.2rem;
min-width: 11.2rem;
}
.header__menu-wrap {
left: -100%;
position: absolute;
transition: all 0.2s ease;
width: 0;
padding: 4rem 1.6rem 6rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 3.2rem;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
top: 5.2rem;
background: var(--color-primary);
min-height: calc(100vh - 5.2rem);
z-index: 6;
}
.header__menu-wrap.active {
left: 0;
width: 100%;
}
.header__menu {
color: white;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.4rem;
}
.header__menu-item.active {
color: var(--color-secondary);
}
.header__menu-item:after {
display: none !important;
}
.header__menu-item {
width: 100%;
}
.header__menu-item > a {
font-size: 2.4rem;
width: 100%;
padding: 0;
text-align: center;
font-weight: 600;
}
.header__burger {
display: -ms-flexbox;
display: flex;
}
.header__info {
gap: 1.2rem;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
.header__phone {
padding: 0.6rem 1.2rem;
font-size: 1.3rem;
}
.header__phone > img {
width: 1.2rem;
min-width: 1.2rem;
}
.section__nav > * {
width: 4rem;
height: 4rem;
}
.services__desc {
gap: 0.8rem;
padding: 1.2rem 1.6rem 1.6rem;
}
.section__green .container {
padding: 2.8rem 1.6rem;
}
.section__green.transparent .container {
padding: 0.8rem 1.6rem 2.8rem;
}
.section__green-block {
gap: 0.8rem;
}
.section__green.transparent .section__green-block {
margin-top: 0.9rem;
}
.section__input textarea {
height: 16rem;
}
.section__input.half {
width: 100%;
}
.section__input input, .section__input textarea { padding: 0.9rem 1.6rem;
}
.section__top {
position: relative;
margin-bottom: 2rem;
}
.section__top .section__desc {
gap: 1.6rem;
}
.section__top .section__title {
padding-right: 13rem;
}
.section__top .section__btn {
font-size: 1.6rem;
padding: 1rem 1.6rem;
position: absolute;
right: 0;
top: 0;
}
.modal__overflow {
padding: 2.4rem;
}
.modal__overflow .section__title {
font-size: 1.6rem;
}
.modal__close {
top: 2.4rem;
right: 2.4rem;
width: 2rem;
height: 2rem;
}
.modal__content {
max-width: calc(100% - 3.2rem);
}
.services__info > h3 {
font-size: 1.6rem;
}
.services__info-list{
gap:0.6rem;
}
.services__info-list > * {
font-size: 1.4rem;
}
.section__nav-prev {
left: -1.4rem;
}
.services__info {
gap: 0.4rem;
}
.services__page .container {
padding-top: 1.6rem;
}
.services__list {
gap: 0.8rem;
}
.services__list > * {
width: calc((100% - 0.8rem) / 2);
}
.services__img {
aspect-ratio: 168/180;
}
.services__list .services__desc {
padding: 1.2rem 1.6rem 1.6rem;
}
.services__list .services__info {
gap: 0.8rem;
}
.services__list .services__desc {
gap: 1.2rem;
}
.doctor__page .container {
padding-top: 1.6rem;
}
.doctor__img {
aspect-ratio: 150/180;
}
.doctor .swiper-slide{
max-width: unset;
}
.doctor__list {
gap: 0.8rem;
}
.doctor__list > * {
width: calc((100% - 1.6rem) / 3);
}
.doctor__desc {
padding-top: 1.2rem;
gap: 0.4rem;
}
.doctor__info > *{
font: 600 1.6rem/140% var(--mont);
}
.doctor__info > h4 { }
.help:not(.help__contact) .container {
padding-bottom: 8rem;
}
.help__flex {
margin-top: 3.2rem;
gap: 3.2rem;
}
.help__info-desc {
font-size: 1.4rem;
}
.help__info {
gap: 1.6rem;
}
.help .section__title span:after {
display: none;
}   .footer__logo {
width: 19.8rem;
min-width: 19.8rem;
}
.footer__block {
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
gap: 6rem;
margin-bottom: 6rem;
}
.footer__menu-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4rem;
}
.footer__menu > * {
font-size: 1.6rem;
}
.footer__menu {
-ms-flex-align: center;
align-items: center;
text-align: center;
width: 100%;
}
.footer__contact {
max-width: 100%;
margin: 0;
gap: 1.2rem;
width: 100%;
text-align: center;
align-items:center;
}
.footer__phone {
font-size: 2.4rem;
}
.footer__social {
margin-top: 2rem;
-ms-flex-pack: center;
justify-content: center;
}
.footer__bottom > *:not(:last-child):after {
display: none;
}
.footer__bottom {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.6rem;
padding: 0;
}
.footer__bottom-link, .footer__bottom p {
font-size: 1.4rem;
}
.footer .container {
padding: 4.4rem 1.6rem 2.8rem;
}
.footer__address {
font-size: 1.6rem;
}
.breadcrumbs {
gap: 1rem 1.3rem;
margin:2rem 0;
}
.breadcrumbs a:not(:last-child):before {
right: -1rem;
}
.breadcrumbs a, .breadcrumbs a:not(:last-child):before {
font-size: 1.4rem;
}
.content p, .content p > *, .content span, .content li {
font-size: 1.6rem;
}
.main__block {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.main .container {
padding-top: 0;
}
.main__img {
width: 100vw;
border-radius: 0;
margin: 0 -1.6rem;
}
.main__title {
font-size: 2.8rem;
}
.main__circle {
aspect-ratio: 254/62;
}
.main__circle-wrap {
width: 23.8rem;
right: unset;
left: 13rem;
top: -1rem;
}
.main__circle-icon1, .main__circle-icon2 {
display: none;
}
.main__info {
gap: 0.8rem;
}
.main__btn.arrow {
font-size: 1.6rem;
margin-top: 0.8rem;
padding: 1.3rem 6.4rem 1.3rem 2.4rem;
}
.main .section__text {
font-size: 1.6rem;
}
.main .main__img {
border-radius: 0;
width: 100vw;
}
.about__info {
padding-left: 0;
}
.about .section__title {
text-align: center;
}
.about__block {
gap: 1.6rem;
}
.about__img {
aspect-ratio: 343/280;
margin-bottom: 0.8rem;
}
.about .content p, .about .content p > *, .about .content span, .about .content li {
font-size: 1.6rem;
}
.about .section__btn {
margin-top: 0.4rem;
}
.services .swiper-slide {
max-width: 100%;
}
.why__item {
padding: 1.6rem;
width: 100%;
gap: 1.6rem;
}
.why__list {
gap: 0.8rem;
margin-top: 2.4rem;
}
.why__list:after {
display: none;
}
.why__img {
width: 4.6rem;
min-width: 4.6rem;
}
.category .container {
padding: 1.6rem 1.6rem 4rem;
}
.category__info {
padding: 1.6rem;
}
.category__title {
font-size: 1.4rem;
}
.category .section__text, .category .section__text > * {
font-size: 1.6rem;
-webkit-line-clamp: 5;
}
.problem__list {
gap: 0;
-ms-flex-wrap: unset;
flex-wrap: unset;
}
.problem__block {
margin-top: 2.8rem;
}
.problem .section__nav {
display: block;
}
.problem__item {
padding: 2.4rem 1.6rem;
gap: 0.4rem;
border-radius: 1.2rem;
}
.problem__item:after {
border-radius: 1.2rem;
}
.problem__img {
margin-bottom: 1.2rem;
width: 6.4rem;
}
.about__top .container {
padding-top: 0;
}
.about__top .about__top-img {
width: 100vw;
border-radius: 0;
}
.about__top-flex {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.about__top .section__title.big {
font-size: 2.8rem;
}
.about__top-info {
gap: 0.8rem;
}
.values__list {
margin-top: 2.4rem;
gap: 0.8rem;
}
.values__item {
width: 100%;
padding: 1.6rem;
}
.values__img {
width: 4.8rem;
margin-bottom: 0.8rem;
}
.values .section__subtitle {
font-size: 1.6rem;
}
.values .section__text {
font-size: 1.4rem;
}
.faq__info {
gap: 0.8rem;
}
.faq .section__btn {
margin-top: 0.4rem;
}
.faq__flex {
gap: 4rem;
}
.faq__list {
gap: 0.8rem;
}
.faq__header {
padding: 1.2rem 4rem 1.3rem 1.6rem;
}
.faq__header > * {
font-size: 1.6rem;
}
.faq__open .faq__content {
padding: 2.4rem 1.6rem 1.6rem;
}
.faq__open .faq__content p, .faq__open .faq__content p > *, .faq__open .faq__content span, .faq__open .faq__content li {
font-size: 1.6rem;
}
.gallery__block {
margin-top: 2rem;
}
.gallery .swiper {
overflow: hidden;
}
.gallery__img {
aspect-ratio: 343/220;
}
.gallery__about .content {
gap: 0.8rem;
}
.gallery .section__title span:after {
display: none;
}
.terms .container {
padding: 1.6rem 1.6rem 4.8rem;
}
.single__top .container {
padding-top: 0;
}
.single__top-img {
width: 100vw !important;
border-radius: 0;
margin: 0 -1.6rem;
aspect-ratio: 375/280;
}
.single__top-flex {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.single__top .section__title.big {
font-size: 2.8rem;
}
.single__top .section__btn {
font-size: 1.4rem;
}
.single__top-info {
gap: 0.8rem;
}
.single__top .section__btn {
margin-top: 0.8rem;
}
.single__top-doctor .single__top-img {
aspect-ratio: 1/1.15;
}
.breadcrumbs__absolute {
top: 0.8rem;
}
.breadcrumbs__absolute a, .breadcrumbs__absolute a:not(:last-child):before {
color: #737373;
}
.price .container {
padding: 1.6rem 1.6rem 4rem;
}
.price .faq__open .faq__content {
padding: 0 1.6rem;
}
.price__item-title, .price__item-price {
font-size: 1.4rem;
}
.price__item-price{
white-space: nowrap;
}
.price .section__title {
padding: 0;
}
.price .section__desc {
gap: 0.8rem;
}
.price .section__btn {
position: relative;
}
.price .section__top {
gap: 1.6rem;
-ms-flex-direction: column;
flex-direction: column;
}
.price .faq__header {
padding: 1.2rem 4rem 1.3rem 1.6rem;
}
.price .faq__header > * {
font-size: 1.6rem;
}
.price .faq__header:after {
width: 2rem;
height: 2rem;
right: 1.6rem;
}
.price__content {
margin-bottom: 2.8rem;
}
.select2-container--default .select2-selection--single {
font-size: 1.2rem;
padding: 1.1rem 1.6rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
width: 1.6rem;
height: 1.6rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
right: 1.6rem;
}
.select2-results__option {
padding: 1rem 1.6rem;
font-size: 1.2rem;
}
.review__mess {
font-size: 1.8rem;
width: 100%;
}
.review__item-title {
font-size: 1.2rem;
}
.review__item-department {
font-size: 1rem;
}
.help__contact .container {
padding-top: 0;
}
.help__contact .help__flex {
margin-top: 0;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.help__contact-map {
margin: 0 -1.6rem;
width: 100vw !important;
border-radius: 0;
aspect-ratio: 375/360;
}
.review:after, .review:before {
display: none;
}
.pagination {
margin-top: 2rem;
}
.about__img-wrap:before {
display: none;
}
.about__img-wrap:after {
content: "";
position: absolute;
right: unset;
left: 50%;
transform: translateX(-50%);
bottom: unset;
top: -6.5rem;
width: 100vw;
aspect-ratio: 375/401;
height: auto;
z-index: -1;
pointer-events: none;
transition: 0.2s ease;
background: url(//www.renova.km.ua/wp-content/themes/renova/img/Circles-mob.svg) center/100% 100% no-repeat;
}
.comment .container {
padding: 4rem 1.6rem 0;
}
.comment__block {
gap: 0.8rem;
}
.comment .swiper-slide { width: 22rem;
}
.comment__item {
padding: 1.6rem;
gap: 1.6rem;
}
.modal__overflow {
width: calc(100vw - 3.2rem);
}
.modal__overflow .section__title {
padding-right: 2.4rem;
}
.modal__overflow .section__title.center {
padding: 0 2.4rem;
}
.services__block .section__nav > * {
top: 48vw;
}
.comment {
padding: 0 0 4rem;
}
}
@media only screen and (max-width: 560px) {
.services__list > *{
width: 100%;
}
}
@media only screen and (max-width: 490px) {
.category__item {
-ms-flex-direction: column;
flex-direction: column;
}
.category__img {
border-radius: 0;
aspect-ratio: 343/160;
width: 100%;
}
.category__info {
padding-top: 1.2rem;
}
.category__btn {
margin-top: 0.4rem;
}
.doctor__list > * {
width: calc((100% - 0.8rem) / 2);
}
}