@charset "UTF-8";
.engine-popup {
position: fixed;
inset: 0;
z-index: 9999;
display: none;
}
.engine-popup.is-visible {
display: block;
}
.engine-popup__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
}
.engine-popup__dialog {
position: relative;
z-index: 2;
width: min(90vw, 600px);
margin: 8vh auto 0;
background: #fff;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}
.engine-popup__close {
position: absolute;
top: 12px;
right: 12px;
width: 42px;
height: 42px;
border: 0;
border-radius: 999px; font-size: 28px;
line-height: 1;
cursor: pointer;
}
.engine-popup__image-wrap {
line-height: 0;
padding: 32px 32px 0;
}
.engine-popup__image {
display: block;
max-width: 100%;
height: auto;
}
.engine-popup__header {
display: flex;
align-items: flex-start;
gap: 16px;
}
.engine-popup__icon {
flex: 0 0 auto;
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.engine-popup__header.no-title .engine-popup__icon {
margin-top: 1em;
}
.engine-popup__icon svg.none {
display: none;
}
.engine-popup__icon svg.default {
width: 100%;
height: 100%;
display: block;
fill: var(--color-text-default);
}
.engine-popup__icon svg.green {
fill: var(--color-brand-1);
}
.engine-popup__icon svg.blue {
fill: var(--color-brand-2);
}
.engine-popup__icon svg.yellow {
fill: var(--color-brand-3);
}
.engine-popup__icon svg.red {
fill: var(--color-brand-4);
}
.engine-popup__body {
flex: 1 1 auto;
min-width: 0;
}
.engine-popup__content {
padding: 32px;
}
.nav__item-title.engine-popup__title {
margin: 0 0 16px; line-height: 1.1;
width: 100%;
padding: 0;
}
.engine-popup__text {
margin-bottom: 24px; line-height: 1.6;
color: #333;
}
.engine-popup__button:hover,
.engine-popup__button:focus {
opacity: 0.92;
color: #fff;
text-decoration: none;
}
body.engine-popup-open {
overflow: hidden;
}
@media (max-width: 640px) {
.engine-popup__dialog {
width: min(83vw, 83vw);
margin-top: 5vh;
}
.engine-popup__icon {
width: 40px;
height: 40px;
}
.engine-popup__content {
padding: 16px 32px 32px 32px;
}
.engine-popup__title {
font-size: 26px;
}
}
 @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") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.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);
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
} .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-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
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-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:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .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);
}
} :root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
} .swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
} *,
*::before,
*::after {
box-sizing: inherit;
}
:where(:root) {
line-height: 1.15;
box-sizing: border-box;
}
:where(html) {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
:where(body) {
margin: 0;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
}
:where(main) {
display: block;
}
:where(a) {
background-color: transparent;
}
:where(button, input, optgroup, select, textarea) {
line-height: inherit;
border: 0;
font-weight: inherit;
font-size: inherit;
font-family: inherit;
color: inherit;
}
:where(button) {
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
text-transform: none;
border-radius: 0;
}
:where(button, [type=button], [type=reset], [type=submit]) {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
padding: 1px 6px;
cursor: pointer;
}
:where(label, select, summary, [role=button], [role=option]) {
cursor: pointer;
}
:where(input) {
overflow: visible;
border-radius: 0;
}
:where(fieldset) {
margin: 0;
padding: 0;
border: 1px solid currentcolor;
}
:where(legend) {
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}
:where(progress) {
display: inline-block;
vertical-align: baseline;
}
:where(select) {
text-transform: none;
}
:where(textarea) {
overflow: auto;
vertical-align: top;
}
:where([type=checkbox], [type=radio]) {
box-sizing: border-box;
padding: 0;
}
:where([type=search]) {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -2px;
}
:where([type=color]) {
background: inherit;
}
:where(:disabled) {
cursor: not-allowed;
}
:where(label:has(> input:disabled),
label:has(+ input:disabled)) {
cursor: not-allowed;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
::input-placeholder {
color: inherit;
opacity: 0.5;
}
::-webkit-search-decoration,
::-webkit-file-upload-button {
-webkit-appearance: button;
appearance: button;
font: inherit;
}
::-moz-focus-inner {
border: 0;
}
:-moz-focusring {
outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
box-shadow: none;
}
:where(hr) {
box-sizing: content-box;
height: 0;
color: inherit;
overflow: visible;
}
:where(ol ol, ol ul, ol dl, ul ol, ul ul, ul dl, dl ol, dl ul, dl dl) {
margin: 0;
}
:where(b, strong) {
font-weight: bolder;
}
:where(audio, video) {
display: inline-block;
}
:where(audio):not([controls]) {
display: none;
height: 0;
}
:where(img) {
border: 0;
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
display: block;
}
:where(img, picture, svg) {
max-inline-size: 100%;
block-size: auto;
}
:where(svg):not(:root) {
overflow: hidden;
}
:where(table) {
text-indent: 0;
border-color: inherit;
}
:where(details) {
display: block;
}
:where(dialog) {
background-color: inherit;
border: solid;
color: inherit;
display: block;
height: -moz-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: fit-content;
}
:where(dialog):not([open]) {
display: none;
}
:where(summary) {
display: list-item;
}
:where(canvas) {
display: inline-block;
}
:where(template) {
display: none;
}
:where([hidden]) {
display: none;
}
:where([hidden]:not([hidden=until-found])) {
display: none !important;
}
:where(:focus-visible) {
outline: 2px solid var(--focus-color, Highlight);
outline-offset: 2px;
}              @font-face {
font-family: "Ubuntu";
src: url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-bolditalic.woff2) format("woff2"), url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-bolditalic.woff) format("woff");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "ubuntu";
src: url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-bold.woff2) format("woff2"), url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "ubuntu";
src: url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-italic.woff2) format("woff2"), url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-italic.woff) format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "ubuntu";
src: url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-medium.woff2) format("woff2"), url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "ubuntu";
src: url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-mediumitalic.woff2) format("woff2"), url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-mediumitalic.woff) format("woff");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "ubuntu";
src: url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-regular.woff2) format("woff2"), url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "ubuntu";
src: url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-light.woff2) format("woff2"), url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "ubuntu";
src: url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-lightitalic.woff2) format("woff2"), url(//sionsbergnetwerkziekenhuis.nl/wp-content/themes/sionsberg/fonts/ubuntu-lightitalic.woff) format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
:root {
--color-black: #000;
--color-theme-black: #333;
--color-theme-inverse: #333;
--color-white: #fff;
--color-white-80: rgba(255, 255, 255, 0.8);
--color-gray: #F5F5F5;
--color-gray-dark: #B1B3B4;
--color-gray-light: #ECECEC;
--color-gray-light-inverse: #ECECEC;
--color-muted: #DEE5E1;
--color-muted-active: #C9453E;
--color-brand-1: #97BF0D;
--color-brand-1-hover: #7A9A0D;
--color-brand-1-active: #00931C;
--color-brand-2: #71B6CD;
--color-brand-2-rgb: rgba(113, 182, 205, 0.1);
--color-brand-2-active: #4289A1;
--color-brand-3: #F7A212;
--color-brand-3-active: #C17C07;
--color-brand-4: #F7736C;
--color-brand-4-rgb: 247, 115, 108;
--color-brand-4-active: #C9453E;
--color-text-default: #2d2d2d;
--color-text-secondary: #16535e;
--color-text: var(--color-theme-black);
--color-text-black: var(--color-black);
--background-default: var(--color-white);
--color-theme: var(--color-theme-black);
--color-theme-light: var(--color-theme-black);
--color-theme-active: vvar(--color-theme-black);
--color-theme-black-inverse: var(--color-theme-black);
--color-table-th-bg: #E3F0F5;
--box-shadow-default: rgba(0, 0, 0, 0.04);
--font-primary: ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", roboto, oxygen-sans, cantarell, "Helvetica Neue", sans-serif;
--card-title-height: 95px;
--card-title-height-hover: 180px;
}
html {
min-height: 100vh;
height: 100%;
min-width: 320px;
font-family: ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", roboto, oxygen-sans, cantarell, "Helvetica Neue", sans-serif;
color: var(--color-text);
scroll-behavior: smooth;
scroll-padding-top: 120px;
}
html.brand-1-theme {
--color-theme: var(--color-brand-1);
--color-theme-light: rgba(151, 191, 13, 0.1);
--color-theme-active: var(--color-brand-1-active);
}
html.brand-2-theme {
--color-theme: var(--color-brand-2);
--color-theme-light: var(--color-brand-2-rgb);
--color-theme-active: var(--color-brand-2-active);
}
html.brand-3-theme {
--color-theme: var(--color-brand-3);
--color-theme-light: rgba(247, 162, 18, 0.1);
--color-theme-active: var(--color-brand-3-active);
}
html.brand-4-theme {
--color-theme: var(--color-brand-4);
--color-theme-light: rgba(247, 115, 108, 0.1);
--color-theme-active: var(--color-brand-4-active);
}
html.contrast-theme {
--color-theme: var(--color-theme-black);
--color-theme-light: #F5F5F5;
--color-brand-1: var(--color-theme-black);
--color-brand-1-active: var(--color-gray-dark);
--color-brand-1-hover: var(--color-gray-dark);
--color-brand-2: var(--color-theme-black);
--color-brand-2-active: var(--color-gray-dark);
--color-brand-2-hover: var(--color-gray-dark);
--color-brand-3: var(--color-theme-black);
--color-brand-3-active: var(--color-gray-dark);
--color-brand-3-hover: var(--color-gray-dark);
--color-brand-4: var(--color-theme-black);
--color-brand-4-active: var(--color-gray-dark);
--color-brand-4-hover: var(--color-gray-dark);
--color-table-th-bg: var(--color-gray-dark);
}
html.contrast-theme .header__logo > img:first-child {
display: none;
}
html.contrast-theme .header__logo > img:last-child {
display: block;
}
html.contrast-theme .footer__logo > img:first-child {
display: none;
}
html.contrast-theme .footer__logo > img:last-child {
display: block;
}
html.contrast-theme .specialties__icon,
html.contrast-theme .footer__icon,
html.contrast-theme .footer__icons {
filter: brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(1%) hue-rotate(163deg) brightness(86%) contrast(85%);
}
html.contrast-theme .homepage::before {
background: linear-gradient(180deg, rgba(51, 51, 51, 0) 10.9%, rgba(51, 51, 51, 0.08) 61.62%, rgba(51, 51, 51, 0.12) 100%);
}
html.contrast-theme .page-wrapper:after {
background: linear-gradient(180deg, rgba(51, 51, 51, 0) 10.9%, rgba(51, 51, 51, 0.08) 61.62%, rgba(51, 51, 51, 0.12) 100%);
}
body {
height: 100%;
background-color: var(--background-default);
}
body.menu-active {
overflow: hidden;
}
a,
button {
transition: 0.2s;
}
button {
cursor: pointer;
}
a {
color: currentColor;
}
svg {
display: block;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
width: 100%;
height: 100%;
fill: currentColor;
}
img {
vertical-align: top;
height: auto;
max-width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
img[draggable=false] {
pointer-events: none;
-webkit-user-drag: none;
}
figure,
picture {
display: inline-block;
margin: 0;
line-height: 0;
}
figure img,
picture img {
width: 100%;
}
ol,
ul {
margin: 0;
padding: 0;
}
video {
outline: none;
width: 100%;
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
.main {
flex-grow: 1;
}
.background-default {
background-color: var(--background-default);
}
.background-muted {
background-color: #DEE5E1;
color: #333;
}
.background-primary {
background-color: #97BF0D;
color: #fff;
}
.background-secondary {
background-color: #71B6CD;
color: #fff;
}
.background-theme {
background-color: var(--color-theme);
}
.background-theme h1 {
color: var(--color-theme);
}
.background-none {
background-color: transparent !important;
}
.text-default {
color: #2d2d2d;
}
.text-muted {
color: #DEE5E1;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
.text-left {
text-align: left !important;
}
.text-uppercase {
text-transform: uppercase;
}
.mt-0 {
margin-bottom: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.full-width {
width: 100% !important;
}
.overflow-hidden {
overflow: hidden;
}
.clearfix {
overflow: auto;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
[data-collapse-content] {
max-height: 0;
opacity: 0;
transform: translateY(-10px);
overflow: hidden;
transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}
[data-collapse-content].active {
max-height: 1000px;
opacity: 1;
transform: translateY(0);
transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}
[data-collapse-target] {
transition: all 0.5s ease;
}
.hidden {
display: none;
}
.active {
display: block;
}
.visually-hidden {
position: absolute;
overflow: hidden;
margin: -1px;
width: 1px;
height: 1px;
clip: rect(0 0 0 0);
}
.visible-laptop {
display: none;
}
.visible-tablet {
display: none !important;
}
.hidden-tablet {
display: flex !important;
}
.hidden-laptop {
display: flex;
}
.hidden-desktop {
display: flex;
}
.visible-desktop {
display: none;
}
.list-none {
list-style-type: none;
}
.link-hover {
font-size: 15px;
display: inline-flex;
align-items: center;
gap: 12px;
position: relative;
overflow: hidden;
text-decoration: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-decoration: none;
text-align: center;
justify-content: center;
}
.link-hover:focus:before,
.link-hover:hover:before {
transform: translateX(0);
}
.link-hover:focus:after,
.link-hover:hover:after {
background-position: 100% 50%;
}
.link-hover::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
transform: translateX(-100%);
height: 2px;
width: 100%;
background-color: #97BF0D;
transition: transform 0.5s;
}
.link-hover:after {
content: "";
flex-shrink: 0;
transition: background-position 0.5s;
width: 25px;
height: 28px;
display: block;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='15' fill='none'%3E%3Cpath fill='%23D62028' d='M1 6.5a1 1 0 1 0 0 2v-2Zm23.294 1.707a1 1 0 0 0 0-1.414L17.931.429a1 1 0 1 0-1.415 1.414L22.173 7.5l-5.657 5.657a1 1 0 0 0 1.414 1.414l6.364-6.364ZM1 8.5h22.587v-2H1v2Z'/%3E%3C/svg%3E");
background-position: -10px 50%;
background-size: 28px 16px;
}
.mt-md {
margin-top: 90px;
}
.mt-lg {
margin-top: 120px;
}
.mb-md {
margin-top: 90px;
}
.mb-lg {
margin-top: 120px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
margin-top: 0;
word-break: break-word;
color: inherit;
}
h1,
.h1 {
font-size: 26px;
line-height: 44px;
font-weight: 400;
margin-bottom: 20px;
letter-spacing: -0.3px;
}
h2,
.h2 {
font-size: 26px;
}
h3,
.h3 {
font-size: 20px;
font-weight: 500;
line-height: 44px;
}
.h4 {
font-size: 15px;
}
.h5 {
font-size: 10px;
}
.h6 {
font-size: 8px;
}
p {
font-size: 15px;
font-weight: 300;
color: var(--color-text);
line-height: 25px;
}
ul li {
font-size: 15px;
font-weight: 300;
color: var(--color-text);
line-height: 25px;
}
ul li::marker {
font-size: 0.9em;
}
[data-scrollspy] {
opacity: 1;
}
.page-loaded .animate__animated {
animation-duration: 2s;
animation-fill-mode: both;
}
.page-loaded .animate__animated[data-scrollspy=animate__fadeInDownBefore]::before {
animation-duration: 2s;
animation-fill-mode: both;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate__fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 75%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownMoon {
from {
opacity: 0;
transform: translate3d(0, -15%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.animate__fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.animate__fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes displayIn {
from {
display: none;
opacity: 0;
}
to {
display: block;
opacity: 1;
}
}
.animate__displayIn {
animation-name: displayIn;
animation-duration: 0s;
}
@keyframes fadeInSplash {
0% {
opacity: 0;
}
20% {
opacity: 1;
}
60% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.animate__fadeInSplash {
animation-name: fadeInSplash;
}
@keyframes slideInLeft {
from {
transform: translate3d(-20px, 0, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(20px, 0, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__scaleUp {
animation-name: scaleUp;
}
@keyframes scaleUp {
from {
transform: scale(1);
}
to {
transform: scale(1.08);
}
}
.animate__scaleUp {
animation-name: scaleUp;
}
@keyframes bounceInRight {
0% {
transform: translateX(0);
}
20% {
transform: translateX(6px);
}
60% {
transform: translateX(3px);
}
100% {
transform: translateX(6px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(6px);
}
20% {
transform: translateX(0px);
}
60% {
transform: translateX(2px);
}
100% {
transform: translateX(0);
}
}
@keyframes bounceInDown {
0% {
transform: translateY(-78px);
opacity: 0;
}
20% {
transform: translateY(-8px);
opacity: 1;
}
60% {
transform: translateY(0);
}
100% {
transform: translateY(-4px);
}
100% {
transform: translateY(-8px);
}
}
.accordion {
overflow: hidden;
}
.accordion {
border-bottom: 1px solid var(--color-theme);
}
.accordion summary {
list-style: none;
cursor: pointer;
outline: none;
}
.accordion summary::-webkit-details-marker {
display: none;
}
.accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
transition: background-color 0.3s ease;
gap: 11px;
}
summary.accordion-header h3 {
font-size: 16px !important;
font-weight: 400;
margin: 0 !important;
padding: 12px 0 11px !important;
color: var(--color-text);
transition: color 0.3s ease;
}
.accordion-icon {
width: 18px;
height: 8px;
color: var(--color-theme);
transition: transform 0.3s ease;
}
.accordion[open] .accordion-icon {
transform: rotate(180deg);
}
.accordion[open] .accordion-header h3 {
color: var(--color-theme);
}
.accordion-content {
overflow: hidden;
max-height: 0;
opacity: 0;
padding-bottom: 5px;
padding-right: 50px;
transition: max-height 0.3s ease, opacity 0.3s ease;
}
.accordion[open] .accordion-content {
max-height: 5000px;
opacity: 1;
}
.accordion .accordion-content p {
margin-bottom: 0;
}
.accordion .accordion-content p + p {
margin-top: 16px;
}
.article {
font-weight: 300;
font-size: 15px;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
font-weight: 500;
color: var(--color-theme);
}
.article h3 {
font-size: 20px;
font-weight: 500;
line-height: 26px;
margin-top: 40px;
margin-bottom: 12px;
}
.article h4 {
margin-top: 30px;
margin-bottom: 5px;
}
.article p {
margin-top: 0;
margin-bottom: 16px;
}
.article b,
.article strong {
font-weight: 500;
}
.article ul,
.article ol {
padding-left: 25px;
line-height: 25px;
margin-top: 24px;
margin-bottom: 32px;
}
.article q,
.article .note {
display: inline-block;
line-height: 25px;
border-left: 2px solid var(--color-theme);
padding-left: 16px;
margin-top: 10px;
margin-bottom: 10px;
}
.article q b,
.article q strong,
.article .note b,
.article .note strong {
color: var(--color-theme);
}
.article q:before,
.article .note:before {
display: none;
}
.article a {
font-weight: 500;
text-decoration: none;
color: var(--color-theme);
}
.article a:focus,
.article a:hover,
.article a:active {
text-decoration: underline;
}
.article a.button {
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
line-height: 15px;
padding: 12px 25px;
background-color: var(--color-theme);
}
.article a.button:focus,
.article a.button:hover,
.article a.button:active {
text-decoration: none;
}
.article img {
display: inline-block;
margin-right: 40px;
margin-bottom: 20px;
}
.article-links {
display: flex;
flex-direction: column;
gap: 16px;
list-style-type: none;
padding: 0 !important;
margin: 0 0 32px 0;
}
.article-link {
display: flex;
align-items: center;
gap: 16px;
padding-top: 12px;
padding-bottom: 10px;
font-size: 14px;
line-height: 20px;
border-bottom: 1px solid var(--color-theme);
text-decoration: none;
}
.article-link:focus,
.article-link:hover,
.article-link:active {
text-decoration: none !important;
}
.article-link:focus > span,
.article-link:hover > span,
.article-link:active > span {
color: var(--color-theme);
}
.article-link:focus > svg:last-child,
.article-link:hover > svg:last-child,
.article-link:active > svg:last-child {
transform: translateX(-12px);
}
.article-link > b {
width: 42%;
flex-shrink: 0;
}
.article-link span {
font-weight: 300;
color: var(--color-text);
transition: color 0.4s;
}
.article-link svg {
width: 37px;
height: 37px;
color: var(--color-theme);
}
.article-link svg:last-child {
width: 8px;
height: 12px;
margin-left: auto;
transition: transform 0.4s;
}
.article-link span:last-child {
margin-left: auto;
color: var(--color-theme);
}
.article-files {
display: flex;
flex-direction: column;
gap: 26px;
margin-bottom: 32px;
}
.file-link {
display: flex;
padding: 21px 20px 17px;
border-radius: 10px;
gap: 19px;
line-height: 21px;
text-decoration: none;
background-color: var(--color-theme-light);
}
.file-link:focus,
.file-link:hover,
.file-link:active {
background-color: var(--color-theme);
text-decoration: none !important;
color: var(--color-white);
}
.file-link:focus > span,
.file-link:focus > span > b,
.file-link:hover > span,
.file-link:hover > span > b,
.file-link:active > span,
.file-link:active > span > b {
color: var(--color-white);
}
.file-link > span {
font-weight: 300;
display: block;
font-size: 15px;
color: var(--color-text);
}
.file-link > span > b {
display: block;
color: var(--color-theme);
}
.file-link svg {
width: 40px;
height: 40px;
stroke: var(--color-theme);
}
.page-rights .article-accordions {
margin-top: 44px;
}
.page-rights .article-accordions > h3 {
font-size: 20px;
margin-bottom: 10px !important;
}
.article-form {
margin-top: 20px;
}
.article-form h3 {
margin-bottom: 10px !important;
}
.article-form .checkbox-box__label {
max-width: 440px;
margin-bottom: 12px;
}
.article-form .button {
padding: 10px 24px;
}
.button,
a.button {
border-radius: 20px;
padding: 10px 20px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0;
text-align: left;
text-decoration: none;
background-color: var(--color-theme);
color: var(--background-default);
}
.button:focus,
.button:hover,
.button:active,
a.button:focus,
a.button:hover,
a.button:active {
background-color: var(--color-theme-active);
}
.button.button--brand-1 {
background-color: var(--color-brand-1);
}
.button.button--brand-1:focus,
.button.button--brand-1:hover,
.button.button--brand-1:active {
background-color: var(--color-brand-1-active);
}
.button.button--brand-2 {
background-color: var(--color-brand-2);
border-color: var(--color-brand-2);
}
.button.button--brand-2:focus,
.button.button--brand-2:hover,
.button.button--brand-2:active {
background-color: var(--color-brand-2-active);
}
.button.button--brand-3 {
background-color: var(--color-brand-3);
border-color: var(--color-brand-3);
}
.button.button--brand-3:focus,
.button.button--brand-3:hover,
.button.button--brand-3:active {
background-color: var(--color-brand-3-active);
}
.button.button--brand-4 {
background-color: var(--color-brand-4);
border-color: var(--color-brand-4);
}
.button.button--brand-4:focus,
.button.button--brand-4:hover,
.button.button--brand-4:active {
background-color: var(--color-brand-4-active);
}
.card {
max-width: 405px;
padding: 25px;
box-shadow: 0 4px 45px 0 rgba(0, 0, 0, 0.0784313725);
background-color: #fff;
}
.card h3 {
font-weight: 500;
font-size: 28px;
margin-bottom: 40px;
}
.card p {
font-size: 15px;
}
.card--contact {
background-color: #97BF0D;
color: #fff;
}
.card--contact h3 {
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
}
.card--contact p {
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 300;
}
.card--contact b {
font-weight: 300;
font-size: 18px;
}
.card--contact__section {
margin-top: 50px;
}
.card--contact__section a {
text-decoration: none;
border-bottom: 1px solid #fff;
}
.card--contact__section a:focus,
.card--contact__section a:hover {
border-bottom: 1px solid transparent;
}
.card__body {
padding: 24px 40px;
}
.card__footer {
padding-top: 42px;
}
.card-aside {
max-width: 480px;
padding: 52px;
}
.card-contact {
z-index: 4;
width: 334px;
padding: 35px;
box-shadow: 0px 4px 46.7px 0px rgba(214, 32, 40, 0.3019607843);
}
.card-contact h3 {
font-weight: 500;
}
.card-contact .card__footer {
padding-right: 0;
padding-left: 0;
}
.card.card--service {
display: block;
background-color: #fff;
padding: 0;
text-decoration: none;
box-shadow: 0px 4px 46.7px 10px rgba(0, 0, 0, 0.1);
}
.card.card--service:focus .card__body,
.card.card--service:hover .card__body {
background-color: #97BF0D;
color: #fff;
}
.card.card--service:focus h3,
.card.card--service:hover h3 {
color: #fff;
}
.card.card--service h3 {
font-size: 20px;
font-family: ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", roboto, oxygen-sans, cantarell, "Helvetica Neue", sans-serif;
margin-bottom: 0;
color: #97BF0D;
transition: color 0.2s;
}
.card.card--service p {
font-weight: 300;
transition: color 0.2s;
}
.card.card--service .card__body {
background-color: #fff;
transition: background-color 0.2s;
}
.checkbox {
display: flex;
}
.checkbox-input {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
}
.checkbox-input:focus ~ .checkbox-box:before {
border-color: var(--color-theme-active);
}
.checkbox-input ~ .checkbox-box {
display: flex;
align-items: flex-start;
position: relative;
}
.checkbox-input ~ .checkbox-box:before {
content: "";
position: relative;
top: 4px;
flex-shrink: 0;
width: 20px;
height: 20px;
margin-right: 12px;
overflow: hidden;
background-color: #fff;
border: 1px solid var(--color-theme);
}
.checkbox-input:checked ~ .checkbox-box:after {
content: "";
position: absolute;
top: 6px;
left: 2px;
width: 16px;
height: 16px;
background-color: var(--color-theme);
}
.container {
width: 100%;
margin-inline: auto;
max-width: 1440px;
padding-inline: 30px;
}
.container-sm {
max-width: 940px;
}
.container--fluid {
max-width: 100%;
}
.contact {
display: flex;
flex-direction: column;
margin: 0 auto;
row-gap: 30px;
}
.contact h3 {
font-size: 17px;
font-weight: 500;
}
.contact__link a {
color: #333;
font-weight: 300;
}
.contact__numbers {
margin-bottom: 40px;
}
.contact__numbers [data-collapse-content] {
width: 100%;
background-color: var(--background-default);
box-shadow: 0px 13px 10px 5px var(--box-shadow-default);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.contact__link {
display: flex;
flex-direction: column;
gap: 10px;
}
.contact__link a {
text-decoration: none;
}
.contact__link a span {
color: var(--color-theme);
}
.contact__bottom h3 {
margin-top: 0;
}
.contact__bottom p {
margin-bottom: 25px;
}
.contact .contact__form h3 {
color: var(--color-theme);
font-size: 22px;
margin-bottom: 28px;
line-height: 1;
letter-spacing: 0;
text-align: left;
}
.contact__numbers h3,
.contact__map h3 {
color: var(--color-theme);
}
.footer {
flex-shrink: 0;
background-color: var(--background-default);
color: var(--color-text-default);
width: 100%;
overflow: visible;
}
.footer .button {
margin-top: 9px;
padding: 10px 20px;
border-radius: 20px;
color: var(--background-default);
line-height: 20px;
font-size: 14px;
font-weight: 400;
width: -moz-fit-content;
width: fit-content;
}
.footer__body {
z-index: 1;
padding-top: 65px;
padding-bottom: 48px;
background-image: linear-gradient(to left, var(--color-brand-1) 0%, var(--color-brand-1) 28px, var(--background-default) 28px, var(--background-default) 100%);
border-radius: 15px 15px 0 0;
box-shadow: 0px 4px 28px 3px var(--box-shadow-default);
height: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 40px;
color: var(--color-text);
}
.footer__icon {
position: absolute;
display: flex;
justify-content: center;
z-index: 2;
top: -27px;
left: 0;
width: 100%;
transition: transform 1.2s;
max-width: 100% !important;
}
.footer__icon > img {
width: 55px;
height: 60px;
}
.footer__icon:hover {
transform: rotate(90deg);
}
.footer__body > div {
text-align: center;
max-width: 200px;
margin: 0 auto;
}
.footer__body address {
font-size: 15px;
line-height: 25px;
font-style: normal;
margin-top: 0;
margin-bottom: 0;
color: var(--color-theme-black);
font-weight: 300;
}
.footer__body p {
font-weight: 300;
max-width: 200px;
margin: 0;
}
.footer__nav-wrap {
display: none;
grid-area: 2/1/4/2;
font-weight: 500;
}
.footer__vacancies {
grid-area: 2/3/3/4;
}
.footer__contacts {
grid-area: 1/3/2/4;
}
.footer__address {
grid-area: 1/2/2/3;
}
.footer__logo {
grid-area: 1/1/2/2;
}
.footer__schedule {
grid-area: 2/2/3/3;
}
.footer__icons {
margin-top: 10px;
grid-area: 3/3/4/4;
display: flex;
align-items: end;
}
.footer__legal {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
max-width: 320px !important;
gap: 0 20px;
padding: 0 40px;
}
.footer__legal > a {
text-decoration: none;
color: rgb(177, 179, 180);
font-size: 13px;
font-weight: 400;
line-height: 26px;
}
.footer__legal > a:focus,
.footer__legal > a:hover,
.footer__legal > a:active {
color: var(--color-theme-black-inverse);
text-decoration: underline;
}
.footer__logo {
display: flex;
justify-content: center;
width: 140px;
height: 31px;
}
.footer__logo > img:last-child {
display: none;
}
.footer__title {
font-weight: 700;
font-size: 15px;
line-height: 25px;
margin: 0;
}
.footer__title--primary {
color: var(--color-brand-1);
}
.footer__title--secondary {
color: var(--color-brand-2);
}
.footer__nav {
display: flex;
flex-direction: column;
row-gap: 15px;
}
.footer__nav > a {
text-decoration: none;
text-align: left;
font-weight: 500;
color: var(--color-gray-dark);
}
.footer__nav > a:focus,
.footer__nav > a:hover,
.footer__nav > a:active {
color: var(--color-theme-black-inverse);
text-decoration: underline;
}
.footer__social {
grid-area: 3/2/4/3;
}
.footer__social {
display: flex;
flex-direction: row;
align-items: center;
-moz-column-gap: 16px;
column-gap: 16px;
margin-top: 18px;
}
.footer__social > a {
width: 38px;
height: 38px;
color: var(--color-brand-2);
}
.footer__social > a:focus,
.footer__social > a:hover,
.footer__social > a:active {
color: var(--color-brand-2-active);
}
.form {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -0.75rem;
margin-left: -0.75rem;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem;
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.header {
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
background: transparent;
z-index: 101;
}
.header .container {
position: relative;
}
.header__inner {
position: relative;
z-index: 10;
display: flex;
align-items: center;
justify-content: space-between;
height: 110px;
width: 100%;
background-color: var(--background-default);
border-radius: 0 0 20px 20px;
padding-left: 30px;
padding-right: 30px;
transition: all 0.3s ease;
padding-top: 0;
box-shadow: 0 4px 30px 3px var(--box-shadow-default);
}
.header__inner.active {
border-radius: 0px;
box-shadow: 0 -20px 30px 3px var(--box-shadow-default);
}
.header__logo {
display: flex;
width: 147px;
height: auto;
}
.header__logo > img:last-child {
display: none;
}
.header__menu-toggle svg,
.header__menu-toggle span {
pointer-events: none;
}
.header__menu-toggle > a {
display: inline-block;
padding-right: 11px;
}
.header__menu-toggle {
order: 1;
width: 40px;
min-height: 56px;
border-radius: 50px;
flex-direction: row;
align-items: center;
color: var(--color-text);
background-color: var(--color-gray);
padding: 0 0 0 40px;
font-weight: 300;
font-size: 16px;
transition: all 0.3s ease;
position: relative;
z-index: 10;
text-decoration: none;
flex-shrink: 0;
}
.header__menu-toggle svg {
transition: all 0.3s ease;
}
.header__menu-toggle.active {
color: var(--color-black);
}
.header__menu-toggle.active .header__toggle-icon span {
background-color: var(--background-default);
}
.header__menu-toggle.active .header__toggle-icon span:nth-child(1) {
transform: rotate(-45deg) translate(-3px, 4px);
}
.header__menu-toggle.active .header__toggle-icon span:nth-child(2) {
opacity: 0;
}
.header__menu-toggle.active .header__toggle-icon span:nth-child(3) {
transform: rotate(45deg) translate(-3px, -4px);
}
.header__toggle-icon {
width: 12px;
height: 10px;
display: block;
margin-left: 12px;
transition: all 0.3s ease;
transform: translate(-50%, -50%);
cursor: pointer;
margin-top: 3px;
}
.header__toggle-icon span {
display: block;
height: 1px;
width: 12px;
background: var(--color-theme-black);
border-radius: 2px;
transition: all 0.3s ease;
margin: 4px 0;
}
.header__menu-nav {
width: 100%;
flex-direction: column;
}
.header__menu-content {
list-style-type: none;
width: 100%;
}
.header__menu {
position: absolute;
top: 110px;
left: 0;
margin-left: 30px;
margin-right: 30px;
z-index: 5;
display: flex;
flex-direction: column;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
padding-top: 0px;
transform: translateY(-150px);
background-color: var(--background-default);
border-radius: 0px 0px 20px 20px;
height: 100dvh;
width: calc(100% - 60px);
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
left: 0;
right: 0;
max-height: 1000px;
height: auto;
}
.header__menu.active {
box-shadow: 0px 4px 30px 3px var(--box-shadow-default);
animation: bounceInDown;
animation-fill-mode: both;
animation-duration: 1s;
}
.header__menu-desktop {
position: absolute;
margin-left: 30px;
margin-right: 30px;
z-index: 5;
display: flex;
flex-direction: column;
gap: 28px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
padding-top: 0px;
transform: none;
background-color: var(--background-default);
border-radius: 0px 0px 20px 20px;
height: 100dvh;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
top: 110px;
left: 0;
right: 0;
max-height: 1000px;
height: auto;
list-style-type: none;
display: none;
}
.header__menu-desktop.active {
animation: bounceInDown;
animation-fill-mode: both;
animation-duration: 1s;
box-shadow: 0 30px 30px 3px var(--box-shadow-default);
}
.header__menu-desktop > li .header__menu-toggle.active .header__item-icon > svg {
opacity: 1;
}
.header__menu-desktop > li:first-child .header__item-icon {
background-color: var(--color-brand-3);
transition: all 0.3s;
}
.header__menu-desktop > li:first-child .header__item-content .header__item:hover,
.header__menu-desktop > li:first-child .header__item-content .header__item:hover > svg {
color: var(--color-brand-3);
}
.header__menu-desktop > li:nth-child(2) .header__item-content .header__item:hover,
.header__menu-desktop > li:nth-child(2) .header__item-content .header__item:hover > svg {
color: var(--color-brand-2);
}
.header__menu-desktop > li:nth-child(3) .header__item-content .header__item:hover,
.header__menu-desktop > li:nth-child(3) .header__item-content .header__item:hover > svg {
color: var(--color-brand-4);
}
.header__menu-desktop > li:nth-child(4) .header__item-content .header__item:hover,
.header__menu-desktop > li:nth-child(4) .header__item-content .header__item:hover > svg {
color: var(--color-brand-1);
}
.header__menu-desktop > li:first-child .header__item-icon:hover {
background-color: var(--color-brand-3);
}
.header__menu-desktop > li:nth-child(2) .header__item-icon {
background-color: var(--color-brand-2);
}
.header__menu-desktop > li:nth-child(2) .header__item-icon:hover {
background-color: var(--color-brand-2);
}
.header__menu-desktop > li:nth-child(3) .header__item-icon {
background-color: var(--color-brand-4);
}
.header__menu-desktop > li:nth-child(3) .header__item-icon:hover {
background-color: var(--color-brand-4);
}
.header__menu-desktop > li:nth-child(4) .header__item-icon {
background-color: var(--color-brand-1);
}
.header__menu-desktop > li:nth-child(4) .header__item-icon:hover {
background-color: var(--color-brand-1);
}
.header__menu-desktop > li:nth-child(2) .header__menu-toggle.active {
color: var(--color-brand-2);
}
.header__menu-desktop > li:nth-child(3) .header__menu-toggle.active {
color: var(--color-brand-4);
}
.header__menu-desktop > li:nth-child(4) .header__menu-toggle.active {
color: var(--color-brand-1);
}
.header__inner.active .header__menu-desktop {
display: flex;
}
.header__menu-desktop > li {
display: flex;
flex-direction: column-reverse;
}
.header__menu-desktop .header__menu-toggle {
display: flex;
width: 100%;
}
.header__menu-toggle.header__menu-toggle--menu {
padding: 2px;
min-height: 40px;
justify-content: center;
}
.header__menu-toggle.header__menu-toggle--menu.active {
background-color: var(--color-brand-3);
color: white;
}
.header__menu-desktop .header__menu-toggle + .header__menu-content {
transition: max-height 0.3s ease;
pointer-events: none;
}
.header__menu-desktop .header__menu-toggle.active {
color: inherit;
}
.header__menu-desktop .header__menu-toggle.active + .header__menu-content {
animation: bounceInDown !important;
animation-fill-mode: both !important;
animation-duration: 1s !important;
padding-top: 16px;
transform: none;
top: 0;
right: 0;
left: 0;
padding: 30px 0 0;
background-color: white;
pointer-events: all;
width: 100%;
margin-bottom: -15px;
max-height: 1000px;
opacity: 1;
}
.header__menu[data-collapse-content] {
transition: max-height 0.3s ease;
pointer-events: none;
}
.header__menu[data-collapse-content].active {
transition: max-height 0.3s ease;
pointer-events: all;
}
.header__nav {
display: flex;
flex-direction: column;
width: 100%;
}
.header__nav-toggle {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
height: 56px;
border-radius: 50px;
padding: 0px;
background-color: var(--color-gray);
transition: all 0.3s;
opacity: 1;
margin-bottom: 28px;
}
.header__nav-toggle span {
width: 70%;
text-align: left;
margin-left: 40px;
font-weight: 200;
font-size: 16px;
}
.header__nav-toggle svg {
transform: rotate(0deg);
}
.header__nav-toggle.inactive {
opacity: 0;
display: none;
}
.header__nav-toggle.active {
opacity: 1;
}
.header__nav-toggle.active .header__nav-icon svg {
transform: rotate(180deg);
}
.header__nav-icon {
width: 30%;
height: 56px;
border-radius: 0px 50px 50px 0px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.header__nav-icon svg {
width: 25px;
color: var(--background-default);
transition: all 0.3s;
}
.header__nav-content {
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
font-size: 16px;
position: relative;
}
.header__nav-content > a:first-child {
display: none;
text-decoration: none;
}
.header__nav-content.active,
.header__nav-content.current-menu-item {
margin-top: -5px;
margin-bottom: 23px;
display: flex;
flex-direction: row;
}
.header__item-toggle {
display: none;
}
.header__item-icon {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 56px;
padding-left: 0;
margin-left: auto;
transition: transform 0.3s ease;
color: var(--color-white);
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.header__item-icon > svg {
width: 17px;
height: 17px;
}
.header__item-content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin-top: 0;
list-style-type: none;
}
.header__item {
width: 100%;
height: 100%;
background-color: var(--color-gray);
border-radius: 10px;
font-weight: 400;
display: flex;
flex-direction: row;
align-items: center;
padding: 16px 12px;
margin-bottom: 11px;
font-weight: 300;
font-size: 12px;
line-height: 16px;
cursor: pointer;
transition: color 0.2s;
word-break: break-word;
text-decoration: none;
}
.header__item svg {
height: 30px;
width: 30px;
flex-shrink: 0;
margin-right: 10px;
color: var(--color-gray-dark);
}
.header__nav-toggle:nth-child(1) .header__nav-icon {
background-color: var(--color-brand-3);
}
.header__nav-toggle:nth-child(1).active,
.header__nav-toggle:nth-child(1):hover {
color: var(--color-theme-black-inverse);
}
.header__nav-toggle:nth-child(1).active .header__nav-icon svg,
.header__nav-toggle:nth-child(1):hover .header__nav-icon svg {
color: var(--background-default);
}
.header__nav-content:nth-child(1) .header__item-toggle.active + .header__item-content {
display: grid;
grid-template-columns: calc(50% - 5px) calc(50% - 5px);
gap: 10px;
}
.header__nav-content:nth-child(1) .header__item {
margin-bottom: 0;
}
.header__nav-toggle:nth-child(2).active,
.header__nav-toggle:nth-child(2):hover {
color: var(--color-theme-black);
}
.header__nav-toggle:nth-child(2).active .header__nav-icon svg,
.header__nav-toggle:nth-child(2):hover .header__nav-icon svg {
color: var(--background-default);
}
.header__nav-toggle:nth-child(3) .header__nav-icon {
background-color: var(--color-brand-4);
}
.header__nav-toggle:nth-child(3).active,
.header__nav-toggle:nth-child(3):hover {
color: var(--color-theme-black);
}
.header__nav-toggle:nth-child(3).active .header__nav-icon svg,
.header__nav-toggle:nth-child(3):hover .header__nav-icon svg {
color: var(--background-default);
}
.header__nav-toggle:nth-child(4) .header__nav-icon {
background-color: var(--color-brand-1);
}
.header__nav-toggle:nth-child(4).active,
.header__nav-toggle:nth-child(4):hover {
color: var(--color-theme-black);
}
.header__nav-toggle:nth-child(4).active .header__nav-icon svg,
.header__nav-toggle:nth-child(4):hover .header__nav-icon svg {
color: var(--background-default);
}
.header__button-contact {
cursor: pointer;
text-decoration: none !important;
font-size: 16px !important;
min-height: 56px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-bottom: 28px;
border-radius: 50px !important;
}
.header__button-contact > a {
font-size: 16px;
font-weight: 300;
width: 100%;
text-align: center;
padding: 18px 20px;
border-radius: 50px;
}
.header__button-theme {
margin-left: auto;
margin-right: 20px;
padding-left: 20px;
}
.header__toggle-text {
display: none;
}
.theme-indicator {
width: 22px;
height: 22px;
border-radius: 50%;
border: 2px solid var(--color-theme-black);
background: linear-gradient(to right, var(--color-theme-black) 50%, var(--background-default) 50%);
display: inline-block;
cursor: pointer;
}
.header__menu-toggle.active .header__item-icon > svg {
transform: rotate(180deg);
}
.input {
width: 100%;
border: 1px solid var(--color-theme);
border-radius: 10px;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03);
font-size: 16px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0;
text-align: left;
padding: 6px 0 6px 20px;
background-color: var(--background-default);
color: var(--color-text);
}
.input:focus,
.input:hover,
.input:active {
border-color: var(--color-theme-active);
outline: none;
}
.control {
width: 100%;
}
.control + .control {
margin-top: 20px;
}
::-moz-placeholder {
font-weight: 300;
font-size: 14px;
-moz-transition: 0.2s;
transition: 0.2s;
color: #7c7c7c;
}
::placeholder {
font-weight: 300;
font-size: 14px;
transition: 0.2s;
color: #7c7c7c;
}
.label {
display: block;
font-weight: 300;
font-size: 16px;
margin-bottom: 17px;
}
.link {
display: flex;
align-items: center;
text-decoration: none;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.link span {
font-size: 16px;
font-weight: 400;
line-height: 26px;
border-bottom: 1px solid transparent;
transition: border 0.2s;
color: var(--color-theme-black);
}
.link svg {
flex-shrink: 0;
width: 12px;
height: 12px;
margin-left: 6px;
animation: bounceOutRight 0.4s ease-in-out;
}
.link-brand-1 {
color: var(--color-brand-1);
}
.link-brand-1:hover span {
border-color: var(--color-brand-1);
}
.link-brand-2 {
color: var(--color-brand-2);
}
.link-brand-2:hover span {
border-color: var(--color-brand-2);
}
.link-brand-3 {
color: var(--color-brand-3);
}
.link-brand-3:hover span {
border-color: var(--color-brand-3);
}
.link-brand-4 {
color: var(--color-brand-4);
}
.link-brand-4:hover span {
border-color: var(--color-brand-4);
}
.link:hover svg {
animation: bounceInRight 0.4s ease-in-out;
animation-fill-mode: both;
}
.list {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 26px;
font-size: 20px;
}
.list.list--services {
gap: 30px;
line-height: 1;
font-size: 15px;
}
.list.list--services li {
font-weight: 400;
}
.list li {
display: flex;
align-items: center;
gap: 15px;
font-weight: 200;
}
.list li::before {
content: "";
display: block;
flex-shrink: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8.5px 14px;
border-color: transparent transparent #97BF0D;
transform: rotate(90deg);
}
.background-primary .list li::before {
border-color: transparent transparent #fff;
}
.menu-toggle {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column-reverse;
width: inherit;
height: inherit;
padding: 0;
background: none;
border: 0;
width: 40px;
}
.menu-toggle:focus,
.menu-toggle:focus-visible {
outline: none;
}
.menu-active .menu-toggle {
z-index: 10;
position: relative;
display: flex;
}
.menu-icon {
width: 40px;
height: 40px;
position: relative;
cursor: pointer;
transform: rotate(0deg);
transition: all 0.5s ease-in-out;
}
.menu-icon:focus .menu-icon__line:nth-child(3),
.menu-icon:active .menu-icon__line:nth-child(3) {
width: 21px;
}
.menu-toggle:not(.active) .menu-icon {
height: 40px;
}
.menu-icon .menu-icon__line {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #97BF0D;
border-radius: 50px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: all 0.5s ease-in-out;
}
.menu-icon .menu-icon__line:nth-child(1) {
top: 0;
width: 31px;
right: 0;
left: 0;
margin-inline: auto;
}
.menu-icon .menu-icon__line:nth-child(2) {
top: 13px;
left: 0;
right: 0;
margin-inline: auto;
width: 26px;
}
.menu-icon .menu-icon__line:nth-child(3) {
top: 26px;
left: 0;
right: 0;
margin-inline: auto;
width: 40px;
}
.menu-toggle.active {
top: 28px;
right: 40px;
}
.menu-toggle.active .menu-icon__line:nth-child(1) {
top: 20px;
transform: rotate(135deg);
}
.menu-toggle.active .menu-icon__line:nth-child(2) {
display: none;
opacity: 0;
}
.menu-toggle.active .menu-icon__line:nth-child(3) {
top: 20px;
left: 0;
right: 0;
margin-inline: auto;
transform: rotate(-135deg);
width: 31px;
}
.menu-toggle > .menu-toggle__text {
display: block;
}
.menu-toggle > .menu-toggle__text + .menu-toggle__text {
display: none;
}
.menu-toggle.active > .menu-toggle__text {
display: none;
}
.menu-toggle.active > .menu-toggle__text + .menu-toggle__text {
display: block;
}
.menu-toggle__text {
color: #333;
display: none;
font-weight: 700;
font-size: 12px;
line-height: 1.7;
}
.menu-toggle__text-active {
display: block;
}
.navbar__link {
font-weight: 600;
text-decoration: none;
}
.navbar__link:focus,
.navbar__link:hover,
.navbar__link:active {
color: #97BF0D;
}
.navbar__list {
display: flex;
align-items: center;
flex-direction: column;
list-style-type: none;
gap: 32px;
}
.page-header {
position: relative;
border-bottom-left-radius: 50px;
padding: 40px 26px 0;
color: var(--color-white);
}
.brand-1-theme .page-header {
background-color: transparent;
}
.brand-3-theme .page-header {
background-color: transparent;
}
.brand-2-theme .page-header {
background-color: transparent;
}
.brand-4-theme .page-header {
background-color: transparent;
}
.page-header.page-header--image-left {
padding: 0;
height: 336px;
margin-bottom: 50px;
}
.page-header__image {
height: 158px;
margin-right: -26px;
margin-left: -26px;
max-width: calc(100% + 52px);
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.page-body.page-body--image-left {
padding-top: 0;
}
.page-body--image-left .page-content {
display: grid;
grid-template-columns: 50px 1fr 25px 50px;
justify-content: center;
}
.page-body--image-left .page-content > .page-header {
grid-column: 1/3;
}
.page-body--image-left .page-content > *:nth-child(2) {
grid-column: 2/3;
}
.page-header--image-left .page-header__image {
height: 336px;
top: 0;
bottom: auto;
left: 0;
width: 100%;
margin-right: 0;
margin-left: 0;
border-radius: 50px;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.pagination {
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: 300;
font-size: 18px;
gap: 20px;
width: -moz-fit-content;
width: fit-content;
margin-top: 40px;
}
.pagination svg {
width: 15px;
height: 10px;
}
.pagination__item.is-active {
color: var(--color-white);
background-color: var(--color-theme);
}
.pagination__link {
display: block;
padding-right: 8px;
padding-left: 8px;
font-weight: 500;
text-align: center;
font-size: 13px;
}
.pagination__list {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 20px;
list-style-type: none;
}
.pagination__list a {
text-decoration: none;
}
.pagination__next,
.pagination__prev {
width: 26px;
height: 26px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--background-default);
transition: all 0.3s ease;
}
.pagination__next:hover,
.pagination__next:active,
.pagination__prev:hover,
.pagination__prev:active {
color: var(--color-white);
background-color: var(--color-brand-2);
}
.pagination__prev svg {
width: 10px;
height: 10px;
transform: rotate(180deg);
}
.pagination__next svg {
width: 10px;
height: 10px;
}
.pagination__item {
width: 26px;
height: 26px;
border-radius: 5px;
background-color: var(--background-default);
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
.pagination__item:focus,
.pagination__item:hover,
.pagination__item:active {
background-color: var(--color-theme);
color: var(--color-white);
cursor: pointer;
}
.pagination__item:focus a,
.pagination__item:hover a,
.pagination__item:active a {
color: var(--color-white);
}
.section-contact address a > b {
text-decoration: none;
}
.section-contact address a > b:focus,
.section-contact address a > b:hover,
.section-contact address a > b:active {
text-decoration: underline;
}
.textarea {
font-size: 16px;
font-weight: 400;
line-height: 26px;
padding: 20px;
border-radius: 10px;
background-color: var(--background-default);
border: 1px solid var(--color-theme);
color: var(--color-text);
resize: none;
width: 100%;
}
.textarea:focus,
.textarea:hover,
.textarea:active {
border-color: var(--color-theme-active);
outline: none;
}
.specilist__card {
border-top: 1px solid var(--color-brand-3);
border-right: 1px solid var(--color-brand-3);
border-bottom: 1px solid var(--color-brand-3);
border-left: 28px solid var(--color-brand-3);
border-radius: 15px;
padding: 0 30px 25px 29px;
display: flex;
flex-direction: column;
position: relative;
margin-top: 251px;
}
.specilist__card h3 {
font-size: 20px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0;
text-align: left;
color: var(--color-black-inverse);
}
.specialist__img {
position: absolute;
left: 50%;
right: 50%;
transform: translate(-50%, -50%);
top: 0;
width: 168px;
height: 168px;
border-radius: 15px;
-o-object-fit: cover;
object-fit: cover;
flex-shrink: 0;
}
.specilist__card-info {
display: flex;
flex-direction: column;
gap: 20px;
font-size: 15px;
font-weight: 400;
line-height: 25px;
text-align: left;
margin-top: 114px;
letter-spacing: 0;
}
.specialist__card_info-wrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
.specilist__info {
display: flex;
flex-direction: column;
margin-top: 40px;
margin-bottom: 92px;
}
.specilist__info blockquote {
margin: 0;
height: 100%;
}
.specilist__quote {
padding: 34px 39px 29px 39px;
font-size: 15px;
font-weight: 300;
line-height: 25px;
text-align: center;
border-radius: 20px;
background-color: var(--color-theme-light);
height: 100%;
}
.specilist__about {
margin: 0 auto;
margin-top: 40px;
}
.specilist__about h3 {
font-size: 22px;
margin-top: 0;
}
.specilist__link {
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: left;
width: 100%;
position: relative;
}
.specilist__link a {
font-size: 14px;
font-weight: 200;
line-height: 24px;
letter-spacing: 0;
text-align: left;
text-decoration: none;
}
.specilist__link a::after {
content: "";
position: absolute;
left: 0;
bottom: -13px;
width: 100%;
height: 1px;
background-color: var(--color-brand-3);
}
.specilist__link a:hover {
cursor: pointer;
}
.specialist__details {
display: flex;
flex-direction: column;
gap: 24px;
}
.specialist__details-item {
display: flex;
flex-direction: column;
}
.specialist__details-item h4 {
font-size: 15px;
margin-bottom: -3px;
font-weight: 500;
}
.specialist__details-item p {
margin: 0;
font-weight: 200;
font-size: 16px;
}
.tabs-main {
margin-top: 28px;
}
.tabs-main svg {
top: 17px;
width: 34px;
height: 34px;
margin: 0 auto;
position: relative;
z-index: 1;
color: white;
}
.tabs-main h2 {
text-align: center;
color: #71B6CD;
margin-bottom: 0;
font-weight: 700;
font-size: 20px;
letter-spacing: 0;
}
.tabs-main img.hidden-desktop {
height: 106px;
margin-left: auto;
margin-right: auto;
margin-bottom: 27px;
}
.tabs-container {
width: 100%;
border-radius: 30px;
background-color: white;
padding: 0;
}
.tab-content__centered {
display: none;
}
.tabs {
width: 100%;
gap: 0;
}
.tab-button {
width: 50%;
background-color: white;
padding: 20px 20px;
font-weight: 700;
font-size: 28px;
color: #DEE5E1;
}
.tab-button[aria-expanded=true] {
background-color: #97BF0D;
color: #71B6CD;
}
.tab-button:first-child {
border-radius: 30px 0px 0px 0px;
}
.tab-button:last-child {
border-radius: 0px 30px 0px 0px;
}
.tab-content-laptop {
position: relative;
width: 100%;
height: -moz-fit-content;
height: fit-content;
padding: 32px 40px;
}
.tab-content-laptop .tab-content__item {
max-width: 100%;
display: none;
}
.tab-content-laptop .tab-content__item[aria-expanded=true] {
display: block;
}
.tab-content-laptop .tab-content__item h3 {
font-size: 28px;
margin-top: 8px;
margin-bottom: 30px;
margin-top: 0;
}
.section-tabs-team {
padding-top: 54px;
padding-bottom: 34px;
}
.tabs-team {
width: 100%;
height: -moz-fit-content;
height: fit-content;
display: flex;
flex-direction: column;
position: relative;
z-index: 3;
justify-content: space-between;
}
.tabs__team-title {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 12px;
position: relative;
}
.tabs__team-title h2 {
font-size: 20px;
letter-spacing: 0;
margin-bottom: 8px;
}
.tabs__team-title svg {
width: 34px;
height: 34px;
color: white;
top: 0;
}
.tabs__team-toggle {
display: flex;
flex-direction: row;
justify-content: space-around;
z-index: 3;
}
.tabs__toggle-img {
position: relative;
width: 122px;
height: 122px;
}
.tabs__toggle-img img {
width: 122px;
height: 122px;
border: 5px solid transparent;
border-radius: 50%;
transition: border 0.3s ease;
-o-object-fit: cover;
object-fit: cover;
}
.tabs__toggle-img {
background-color: transparent;
}
.tab-content__text {
display: none;
margin-top: -60px;
}
.tab-content__text[aria-expanded=true] {
display: block;
}
.tab-content__text h3 {
font-size: 30px;
margin-bottom: 22px;
}
.tab-content__text div {
margin-top: 45px;
}
.tab-content__text img {
display: none;
width: 32px;
margin: 0px 10px 0px 0px;
}
.tab-content__item {
width: 100%;
max-width: 100%;
}
.tabs__team-name {
position: absolute;
display: flex;
flex-direction: row;
z-index: 4;
width: -moz-fit-content;
width: fit-content;
align-items: center;
}
.tabs__team-name .svg-wrapper {
width: 57px;
height: 50px;
background-color: transparent;
}
.tabs__team-name svg {
height: 47px;
transition: color 0.3s ease;
color: #DEE5E1;
}
.tabs__team-name span {
position: absolute;
color: #DEE5E1;
font-family: ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", roboto, oxygen-sans, cantarell, "Helvetica Neue", sans-serif;
font-size: 18px;
font-weight: 700;
transition: color 0.3s ease;
}
.tabs__team-name--left {
top: 185px;
left: clamp(80px, 27%, 390px);
}
.tabs__team-name--left span {
top: 37px;
left: -70px;
}
.tabs__team-name--left svg {
transform: scaleY(-1) rotate(-138deg);
transform-origin: center center;
}
.tabs__team-name--right {
top: 190px;
right: clamp(70px, 25%, 390px);
}
.tabs__team-name--right svg {
transform: scaleY(-1) rotate(130deg);
transform-origin: center center;
}
.tabs__team-name--right span {
top: 65px;
right: -15px;
}
.tab-img,
.tab-img-hover {
position: absolute;
top: 0;
left: 0;
transition: opacity 0.3s ease;
width: 100%;
height: 100%;
}
.tab-img-hover {
opacity: 0;
}
.tabs__team-container {
display: flex;
flex-direction: column;
}
.tab-content__text[aria-expanded=true] {
background-color: white;
border-radius: 30px;
padding: 170px 40px 40px 40px;
}
.tabs__toggle-img[aria-expanded=true] img {
border: 5px solid #97BF0D;
border-radius: 50%;
}
.tabs__team-name.active svg {
fill: #97BF0D;
}
.tabs__team-name.active span {
color: #97BF0D;
}
.site-header {
background-color: #ffffff;
border-radius: 1.5rem;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
padding: 0.75rem 1rem;
position: relative;
transition: all 0.3s ease-in-out;
}
.site-header__container {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 1001;
}
.site-header__logo img {
height: 30px;
}
.site-header__actions {
display: flex;
align-items: center;
gap: 0.75rem;
}
.site-header__menu-toggle {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 1rem;
border-radius: 999px;
background-color: #f3f4f6;
font-size: 1rem;
font-weight: 500;
}
.site-header__menu-icon {
width: 20px;
height: 20px;
stroke: #4a4a4a;
stroke-width: 2.5;
}
.site-header__menu-icon--close {
display: none;
}
.site-header__contact {
display: none;
padding: 0.75rem 1.5rem;
background-color: #97BF0D;
color: #ffffff;
font-weight: 500;
border-radius: 999px;
transition: background-color 0.2s;
}
.site-header__contact:hover {
background-color: grey;
}
.site-header__extra-icon {
display: none;
}
.nav {
display: none;
flex-direction: column;
padding: 7rem 1rem 1rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.nav__list {
display: flex;
flex-direction: column;
gap: 0.75rem;
width: 100%;
}
.nav__item {
width: 100%;
}
.nav__link {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0.75rem 1.5rem;
font-size: 1.1rem;
font-weight: 500;
background-color: #f3f4f6;
border-radius: 999px;
text-align: left;
}
.nav__arrow {
width: 20px;
height: 20px;
color: #ffffff;
transition: transform 0.3s ease;
}
.nav__link--toggle > .nav__arrow {
background-color: var(--item-color);
border-radius: 50%;
padding: 0.2rem;
}
.nav__submenu-wrapper {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-in-out;
padding-left: 1rem;
}
.nav__submenu {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.5rem;
padding: 1rem 0;
}
.nav__submenu-link {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
padding: 1rem;
background-color: #f3f4f6;
border-radius: 0.75rem;
text-align: center;
font-size: 0.9rem;
font-weight: 500;
line-height: 1.2;
}
.nav__submenu-icon {
height: 32px;
filter: grayscale(1);
opacity: 0.7;
}
.site-header.is-open {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 0;
overflow-y: auto;
}
.site-header.is-open .site-header__container {
padding: 0.75rem 1rem;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.site-header.is-open .site-header__menu-toggle {
background-color: #f59e0b;
color: #ffffff;
}
.site-header.is-open .site-header__menu-toggle .site-header__menu-icon {
stroke: #ffffff;
}
.site-header.is-open .site-header__menu-icon--open {
display: none;
}
.site-header.is-open .site-header__menu-icon--close {
display: block;
}
.site-header.is-open .nav {
display: flex;
}
.site-header.is-open .nav:after {
content: "Contact";
display: block;
text-align: center;
padding: 1rem;
margin-top: 1rem;
width: 100%;
background-color: #97BF0D;
color: #ffffff;
font-weight: 500;
border-radius: 999px;
}
.site-header.is-open .nav__item.is-active .nav__link--toggle {
background-color: var(--item-color);
color: #ffffff;
}
.site-header.is-open .nav__item.is-active .nav__arrow {
transform: rotate(180deg);
}
.site-header.is-open .nav__item.is-active .nav__submenu-wrapper {
max-height: 500px;
}
.page-wrapper {
position: relative;
display: flex;
flex-direction: column;
padding-top: 0;
}
.page-wrapper:before {
display: none;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1060px;
pointer-events: none;
height: 1500px;
}
.brand-1-theme .page-wrapper:before {
display: block;
background: linear-gradient(180deg, rgba(151, 191, 13, 0.06) 10.9%, rgba(151, 191, 13, 0.04) 61.62%, rgba(151, 191, 13, 0) 100%);
}
.brand-2-theme .page-wrapper:before {
display: block;
background: linear-gradient(180deg, rgba(113, 182, 205, 0.08) 10.9%, rgba(113, 182, 205, 0.06) 61.62%, rgba(113, 182, 205, 0) 100%);
}
.brand-3-theme .page-wrapper:before {
display: block;
background: linear-gradient(180deg, rgba(247, 162, 18, 0.06) 10.9%, rgba(247, 162, 18, 0.04) 61.62%, rgba(247, 162, 18, 0) 100%);
}
.brand-4-theme .page-wrapper:before {
display: block;
background: linear-gradient(180deg, rgba(247, 115, 108, 0.06) 10.9%, rgba(247, 115, 108, 0.04) 61.62%, rgba(247, 115, 108, 0) 100%);
}
.page-wrapper:after {
display: none;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1060px;
pointer-events: none;
height: 1500px;
}
.brand-1-theme .page-wrapper:after {
display: block;
background: linear-gradient(180deg, rgba(151, 191, 13, 0) 10.9%, rgba(151, 191, 13, 0.04) 61.62%, rgba(151, 191, 13, 0.06) 100%);
}
.brand-2-theme .page-wrapper:after {
display: block;
background: linear-gradient(180deg, rgba(113, 182, 205, 0) 10.9%, rgba(113, 182, 205, 0.06) 61.62%, rgba(113, 182, 205, 0.08) 100%);
}
.brand-3-theme .page-wrapper:after {
display: block;
background: linear-gradient(180deg, rgba(247, 162, 18, 0) 10.9%, rgba(247, 162, 18, 0.04) 61.62%, rgba(247, 162, 18, 0.06) 100%);
}
.brand-4-theme .page-wrapper:after {
display: block;
background: linear-gradient(180deg, rgba(247, 115, 108, 0) 10.9%, rgba(247, 115, 108, 0.04) 61.62%, rgba(247, 115, 108, 0.06) 100%);
}
.page-body {
padding-top: 140px;
padding-bottom: 105px;
}
.page-body:has(.page-aside) {
display: grid;
grid-template-columns: 1fr;
margin: 0 auto;
justify-content: center;
width: 100%;
padding-inline: 30px;
}
.page-aside {
grid-column: 4/4;
grid-row-start: 1;
}
.page-content {
grid-column: 4/4;
grid-row-start: 2;
}
.page-body--inverse .page-nav {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-right: 0;
border-left: 20px solid var(--color-theme);
}
.page-body--inverse .page-nav__body {
margin-left: 0;
margin-right: auto;
}
.page-article {
padding-right: 26px;
padding-left: 26px;
}
.page-article__slider {
max-width: 960px;
}
.page-article__pagination {
max-width: 220px;
margin-left: auto;
}
.page-body--article .article {
line-height: 26px;
}
.page-body--article .article h1 {
font-size: 26px;
font-weight: 400;
line-height: 30px;
color: var(--color-text);
letter-spacing: 0;
margin-bottom: 24px;
}
.page-body--article .article h3 {
font-size: 15px;
margin-bottom: 0;
padding: 12px 0 11px;
line-height: 1.4;
}
.page-body--article .page-nav__list {
max-height: 1000px;
opacity: 1;
transform: translateY(0);
overflow: hidden;
transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}
.page-body--article .page-nav__list:after {
display: none;
}
.page-body--article .page-nav__title {
pointer-events: none;
}
.page-body--article .page-nav__title-icon {
display: none;
}
.page-body--article:has(.page-aside) {
display: flex;
flex-direction: column-reverse;
gap: 120px;
}
.page-body--article:has(.page-aside) .page-header {
background-color: transparent;
padding: 30px 0 40px;
}
.page-body--article:has(.page-aside) .page-header__image {
left: 0;
position: static;
max-width: 675px;
width: 100%;
height: 196px;
margin: 0;
}
.page-body--article:has(.page-aside) .page-article {
padding: 0 28px;
}
.page-body--article:has(.page-aside) .page-article__news {
flex-direction: column;
flex-wrap: wrap;
gap: 28px;
align-content: center;
}
.page-body--article:has(.page-aside) .page-article__news > * {
flex-shrink: 0;
width: 336px;
}
.page-body--article:has(.page-aside) .page-aside {
padding-inline: 58px 0;
margin: 0 -28px;
}
.page-body--article:has(.page-aside) .page-nav h3 {
font-size: 22px;
font-weight: 400;
margin-bottom: 28px;
margin-top: 6px;
}
.homepage {
position: relative;
}
.homepage::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1500px;
background: linear-gradient(0deg, rgba(113, 182, 205, 0) 10.9%, rgba(113, 182, 205, 0.08) 61.62%, rgba(113, 182, 205, 0.12) 100%);
}
.homepage::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1560px;
background: linear-gradient(180deg, rgba(113, 182, 205, 0) 10.9%, rgba(113, 182, 205, 0.08) 61.62%, rgba(113, 182, 205, 0.12) 100%);
}
.page-nav {
position: relative;
z-index: 100;
border-radius: 20px;
margin: 0 auto;
font-size: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.page-nav.page-nav--no-style {
border: 0;
background-color: transparent;
box-shadow: none;
}
.page-nav__body {
margin-left: auto;
}
.page-nav__link {
display: flex;
align-items: baseline;
gap: 8px;
font-weight: 400;
text-decoration: none;
color: var(--color-text-black);
animation: bounceOutRight 0.4s ease-in-out;
}
.page-nav__link:focus,
.page-nav__link:hover,
.page-nav__link:active {
animation: bounceInRight 0.4s ease-in-out;
animation-fill-mode: both;
}
.page-nav__link:focus > span,
.page-nav__link:hover > span,
.page-nav__link:active > span {
border-bottom: 1px solid var(--color-theme);
}
.page-nav__link > span {
max-width: 75%;
border-bottom: 1px solid transparent;
}
.page-nav__link svg {
width: 8px;
height: 13px;
color: var(--color-theme);
padding-top: 1px;
}
.page-nav__title {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 17px;
font-weight: 500;
line-height: 26px;
width: 100%;
border-radius: 15px;
padding: 0;
background-color: var(--background-default);
color: var(--color-theme);
}
.page-nav__title > span {
padding: 13px 0 15px 28px;
}
.page-nav__title svg {
width: 22px;
height: 12px;
color: var(--background-default);
}
.page-nav__title.active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.page-nav__title.active .page-nav__title-icon {
border-bottom-right-radius: 0;
}
.page-nav__title.active .page-nav__title-icon svg {
transform: rotate(180deg);
}
.page-nav__title-icon {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-theme);
width: 49px;
height: 56px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
transition: none;
}
.page-nav__list {
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
padding-left: 26px;
padding-right: 20px;
list-style-type: none;
background-color: var(--background-default);
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.page-nav__list:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 49px;
height: 100%;
background-color: var(--color-theme);
}
.page-nav__list.active {
padding-top: 8px;
padding-bottom: 26px;
}
.page-nav.page-nav--other {
border: 0;
background-color: transparent;
box-shadow: none;
}
.page-nav.page-nav--other .page-nav__list {
padding: 0;
padding-right: 58px;
gap: 27px;
background-color: transparent;
}
.page-nav.page-nav--other .page-nav__title {
margin-bottom: 10px;
background-color: transparent;
pointer-events: none;
}
.page-nav.page-nav--other .page-nav__title > span {
padding: 0;
color: var(--color-text);
}
.page-nav.page-nav--other .page-nav__link {
padding: 16px 26px;
font-size: 16px;
border-radius: 10px;
background-color: var(--color-gray);
}
.page-nav.page-nav--other .page-nav__link:focus,
.page-nav.page-nav--other .page-nav__link:hover,
.page-nav.page-nav--other .page-nav__link:active {
transform: none;
}
.page-nav.page-nav--other .page-nav__link:focus > span,
.page-nav.page-nav--other .page-nav__link:hover > span,
.page-nav.page-nav--other .page-nav__link:active > span {
border-bottom: 0;
}
.page-nav.page-nav--other .page-nav__link > span {
border-bottom: 0;
}
.section-specialties {
position: relative;
margin-left: 0;
}
.specialties {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-align: center;
align-items: center;
padding: 60px 28px 30px 28px;
border-radius: 20px;
border-top-right-radius: 0;
box-shadow: 0px -25px 30px 6px rgba(50, 107, 123, 0.0784313725);
}
.specialties .link.hidden-tablet {
margin-top: 36px;
}
.specialties .link.hidden-tablet svg {
color: var(--color-brand-3);
}
.specialties .link.hidden-tablet span:after {
background-color: var(--color-brand-3);
}
.specialties-list {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
}
.specialties-item {
position: relative;
display: flex;
width: 100%;
height: 45px;
}
.specialties-link {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
border: 1px solid var(--color-brand-3);
border-radius: 10px;
width: inherit;
text-decoration: none;
padding-left: 86px;
}
.specialties-link span {
font-size: 12px;
line-height: 12px;
font-weight: 400;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
text-align: left;
padding: 10px 20px 10px 0;
}
.specialties-link__icon {
position: absolute;
top: 0;
left: 0;
width: 41px;
height: 100%;
padding: 10px;
background-color: var(--color-brand-3);
color: var(--color-white);
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
transition: all 0.4s ease-in-out;
}
.specialties-link__icon svg {
width: 40px;
margin: 0 auto;
}
.specialties__icon {
position: absolute;
top: -27px;
left: 0px;
right: 0px;
margin: 0 auto;
width: 42px;
height: 54px;
transition: transform 1.2s;
}
.specialties__icon:hover {
transform: rotate(-180deg);
}
.specialties__title {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 31px;
}
.specialties__title h2 {
text-align: center;
margin-bottom: 0px;
font-size: 26px;
}
.specialties__title .link svg {
color: var(--color-brand-3);
}
.specialties__title .link span::after {
background-color: var(--color-brand-3);
}
.card-person {
position: relative;
width: 220px;
height: 240px;
border-radius: 16px;
}
.card-person::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 52.4%, rgba(0, 0, 0, 0.6) 100%);
border-radius: 16px;
}
.card-person__text {
position: absolute;
color: #ffffff;
bottom: -3px;
left: 18px;
font-weight: 300;
z-index: 1;
word-break: break-word;
}
.card-person__text h3 {
font-weight: 500;
font-size: 14px;
line-height: 26px;
margin-bottom: 0;
}
.card-person__text p {
font-weight: 300;
font-size: 14px;
line-height: 26px;
margin-top: -3px;
color: var(--color-white);
}
.card-person img {
width: 100%;
height: 100%;
border-radius: 16px;
-o-object-fit: cover;
object-fit: cover;
}
.section-quote {
width: 100%;
position: relative;
height: 580px;
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-top: 45px;
margin-bottom: 79px;
}
.quote {
display: flex;
flex-direction: row-reverse;
height: -moz-fit-content;
height: fit-content;
margin-left: calc(30px + 30px);
margin-right: 0px;
}
.quote__text {
margin-left: 0px;
margin-right: auto;
width: -moz-fit-content;
width: fit-content;
padding: 143px 40px 32px 35px;
height: -moz-fit-content;
height: fit-content;
background-color: #F1F8FA;
border-radius: 20px 0px 0px 20px;
border-left: 20px solid var(--color-brand-2);
}
.quote__text blockquote {
margin: 0;
}
.quote__text blockquote p {
margin: 0;
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: var(--color-theme-black-inverse);
}
.quote__text p {
color: var(--color-brand-2);
font-size: 14px;
line-height: 26px;
font-weight: 500;
margin: 13px 0 10px;
}
.quote__img {
position: absolute;
top: 0;
left: 30px;
right: 30px;
}
.quote__img img {
-o-object-fit: cover;
object-fit: cover;
max-width: calc(100% + 20px);
width: 100%;
height: 224px;
margin-left: 0px;
transition: transform 0.3s ease;
border-radius: 20px;
-o-object-position: 50% 20%;
object-position: 50% 20%;
}
.toggle-wrap {
position: relative;
box-shadow: 0px 3px 10px 5px var(--box-shadow-default);
border-radius: 10px;
}
.toggle {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: var(--background-default);
color: var(--color-theme);
border-radius: 10px;
font-size: 13px;
font-weight: 400;
line-height: 44px;
text-align: left;
padding: 0;
}
.toggle span {
font-weight: 500;
padding: 8px 0 5px 20px;
}
.toggle svg {
width: 26px;
height: 14px;
}
.toggle.active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.toggle.active .toggle__wrapper-svg {
border-radius: 0 10px 0 0;
}
.toggle.active svg {
transform: rotate(180deg);
}
.toggle__wrapper-svg {
display: flex;
width: 60px;
height: 60px;
background-color: var(--color-theme);
color: #ffffff;
border-radius: 0 10px 10px 0;
justify-content: center;
align-items: center;
}
.toggle__content {
display: flex;
flex-direction: column;
gap: 10px;
height: 100%;
font-size: 13px;
font-weight: 400;
line-height: 44px;
letter-spacing: 0;
text-align: left;
padding: 10px 10px 15px 20px;
list-style-type: none;
border-right: 60px solid var(--color-theme);
border-radius: 0 0 10px 0;
}
.article ul {
margin-bottom: 32px;
}
a.toggle__item-wrapper {
color: var(--color-black-inverse);
}
.toggle__item-wrapper {
text-decoration: none;
display: flex;
flex-direction: column;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0;
width: 100%;
}
@keyframes cardBounceInUp {
0% {
transform: translateY(0);
}
20% {
transform: translateY(-20px);
}
60% {
transform: translateY(-16px);
}
100% {
transform: translateY(-20px);
}
}
@keyframes cardBounceInDown {
0% {
transform: translateY(-20px);
}
20% {
transform: translateY(0);
}
60% {
transform: translateY(4px);
}
100% {
transform: translateY(0);
}
}
@keyframes cardTitleBounceInUp {
0% {
height: var(--card-title-height);
}
20% {
height: var(--card-title-height-hover);
}
60% {
height: calc(var(--card-title-height-hover) - 10px);
}
100% {
height: var(--card-title-height-hover);
}
}
@keyframes cardTitleBounceInDown {
0% {
height: var(--card-title-height-hover);
}
20% {
height: var(--card-title-height);
}
60% {
height: calc(var(--card-title-height) - 10px);
}
100% {
height: var(--card-title-height);
}
}
.recommend {
display: grid;
grid-template-columns: 30px 1fr 30px 30px 30px;
grid-template-rows: minmax(350px, 1fr) 338px 30px 243px 94px 65px 1fr;
width: 100%;
z-index: 5;
position: relative;
margin-bottom: 130px;
}
.recommend__card:nth-child(1) {
grid-column: 2/5;
grid-row: 2;
}
.recommend__card:nth-child(1) .recommend__card-title {
background-color: var(--color-brand-2);
}
.recommend__card:nth-child(2) {
grid-column: 2/5;
grid-row: 4;
}
.recommend__card:nth-child(2) .recommend__card-title {
background-color: var(--color-brand-1);
}
.recommend__card-icon {
grid-column: 2/5;
grid-row: 7;
width: 100%;
height: -moz-fit-content;
height: fit-content;
position: relative;
margin-left: auto;
margin-right: auto;
}
.recommend__card {
width: 100%;
height: 272px;
position: relative;
animation-name: cardBounceInDown;
animation-duration: 0.4s;
animation-fill-mode: both;
}
.recommend__card img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
z-index: 5;
display: block;
}
.recommend__card-title {
position: absolute;
bottom: -67px;
left: 0;
z-index: 10;
height: var(--card-title-height);
width: calc(100% - 28px);
padding: 20px 18px 20px 20px;
border-radius: 0px 20px 20px 20px;
display: flex;
flex-direction: row;
align-content: flex-start;
justify-content: space-between;
animation-name: cardTitleBounceInDown;
animation-duration: 0.8s;
animation-fill-mode: both;
pointer-events: none;
}
.recommend__card-title div {
width: -moz-fit-content;
width: fit-content;
}
.recommend__card-title p {
margin: 0px;
font-size: 20px;
line-height: 24px;
font-weight: 400;
color: var(--color-white);
}
.recommend__card-title p:nth-child(2) {
display: none;
font-weight: 300;
opacity: 0;
margin-top: 10px;
margin-bottom: 40px;
font-size: 14px;
line-height: 22px;
font-weight: 300;
}
.recommend__card-title svg {
opacity: 1;
width: 40px;
height: 40px;
margin-top: auto;
margin-bottom: 0;
}
.recommend__card img:hover {
cursor: pointer;
animation-name: cardBounceInUp;
}
.recommend__card img:hover + .recommend__card-title {
height: var(--card-title-height-hover);
animation-name: cardTitleBounceInUp;
pointer-events: none;
}
.recommend__card img:hover + .recommend__card-title p:nth-child(2) {
display: block;
max-height: 65px;
opacity: 1;
}
.recommend__card:nth-of-type(1) .recommend__card-title svg {
color: #64A5BA;
}
.recommend__card:nth-of-type(1) .recommend__card-title svg:hover {
color: #5A91A4;
}
.recommend__card:nth-of-type(2) .recommend__card-title svg {
color: #87AB0D;
}
.recommend__card:nth-of-type(2) .recommend__card-title svg:hover {
color: var(--color-brand-1-hover);
}
.recommend__icon {
width: 100%;
height: 100%;
position: relative;
background-color: var(--background-default);
z-index: 1;
border-radius: 20px;
padding: 26px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.089);
border: 1px solid transparent;
transition: all 0.3s ease;
}
.recommend__icon p {
color: var(--color-theme-black);
margin-top: 34px;
font-size: 16px;
font-weight: 200;
line-height: 26px;
margin-bottom: 0;
}
.recommend__icon-title {
width: 100%;
z-index: 5;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.recommend__icon-title svg {
width: 50px;
height: 40px;
color: var(--color-brand-4);
fill: transparent;
display: none;
transition: all 0.3s ease;
}
.recommend__icon-title span {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
line-height: 26px;
font-weight: 700;
border-radius: 50%;
background-color: var(--color-brand-4);
color: var(--color-white);
}
.recommend__icon-title img {
width: -moz-fit-content;
width: fit-content;
height: 38px;
}
.recommend__icon-footer {
display: flex;
flex-direction: row;
margin-top: 26px;
justify-content: space-between;
align-items: center;
}
.recommend__icon-footer svg {
width: 36px;
height: 30px;
flex-shrink: 0;
fill: none;
color: var(--color-brand-4);
margin-top: 2px;
}
.recommend__icon-footer .link svg {
width: 15px;
height: 15px;
}
.recommend__icon-footer .heart {
display: none;
}
.recommend__footer-link {
display: flex;
flex-direction: column;
width: 100%;
justify-content: space-between;
}
.recommend__footer-link .link:nth-child(2) {
margin-top: 15px;
}
.recommend__back {
content: "";
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
background-color: var(--color-gray-light);
top: 0;
left: 0;
border-radius: 20px;
transform: rotate(5deg);
border: 1px solid transparent;
transition-property: transform;
transition-duration: 0.5s;
}
.recommend__card-icon:hover .recommend__back {
transform: rotate(0deg);
border: 1px solid var(--color-brand-4);
background-color: transparent;
z-index: 1;
}
.recommend__card-icon:hover .recommend__icon {
border: 1px solid var(--color-brand-4);
transition-delay: 0.3s;
background-color: var(--color-white);
cursor: pointer;
}
.recommend__card-icon:hover svg {
fill: var(--color-brand-4);
}
.recommend__text {
grid-column: 1/4;
grid-row: 1/5;
padding: 48px 20px 56px 57px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
background-color: var(--color-gray);
}
.recommend__text h2 {
font-size: 28px;
margin-bottom: 0px;
}
.recommend__text p {
margin-top: 17px;
margin-bottom: 25px;
font-size: 16px;
font-weight: 300;
line-height: 26px;
color: var(--color-theme-black-inverse);
}
.recommend__text-wrap {
grid-column: 3/6;
}
.link {
display: flex;
align-items: center;
text-decoration: none;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.link span {
font-size: 16px;
font-weight: 400;
line-height: 26px;
border-bottom: 1px solid transparent;
transition: border 0.2s;
color: var(--color-theme-black);
}
.link svg {
flex-shrink: 0;
width: 12px;
height: 12px;
margin-left: 6px;
animation: bounceOutRight 0.4s ease-in-out;
}
.link-brand-1 {
color: var(--color-brand-1);
}
.link-brand-1:hover span {
border-color: var(--color-brand-1);
}
.link-brand-2 {
color: var(--color-brand-2);
}
.link-brand-2:hover span {
border-color: var(--color-brand-2);
}
.link-brand-3 {
color: var(--color-brand-3);
}
.link-brand-3:hover span {
border-color: var(--color-brand-3);
}
.link-brand-4 {
color: var(--color-brand-4);
}
.link-brand-4:hover span {
border-color: var(--color-brand-4);
}
.link:hover svg {
animation: bounceInRight 0.4s ease-in-out;
animation-fill-mode: both;
}
.wrapper-freeze {
display: flex;
width: calc(100% + 116px);
margin-left: -58px;
flex-direction: column;
}
.wrapper-freeze .sticky-col {
min-width: 170px !important;
width: 170px !important;
position: sticky;
left: 0;
background-color: var(--color-theme-light);
border: 1px solid var(--color-theme);
z-index: 10;
}
.wrapper-freeze .scroll-area {
overflow-x: auto;
overflow-y: hidden;
flex: 1;
scrollbar-width: none;
-ms-overflow-style: none;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scroll-padding-left: 0;
border-left: 1px solid var(--color-theme);
border-right: 1px solid var(--color-theme);
}
.scroll-area::-webkit-scrollbar {
display: none;
}
.wrapper-freeze .scroll-area table {
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
width: 200%;
scroll-snap-align: start;
}
.wrapper-freeze .scroll-area th,
.wrapper-freeze .scroll-area td {
padding: 7px 18px;
border: 1px solid var(--color-theme);
border-left: 0;
white-space: nowrap;
text-align: left;
background-color: var(--color-white);
font-size: 13px;
font-weight: 300;
text-wrap: wrap;
width: 50%;
min-width: 50%;
scroll-snap-align: start;
}
.wrapper-freeze .scroll-area th {
font-weight: 400;
background-color: var(--color-table-th-bg);
}
.wrapper-freeze .scroll-area th.child-col {
padding: 7px;
}
.wrapper-freeze .scroll-area td.sticky-col {
font-weight: 400;
}
.wrapper-freeze .scroll-area th.sticky-col {
background-color: var(--color-table-th-bg);
}
.wrapper-freeze thead {
background-color: var(--color-theme-light);
}
.wrapper-freeze tbody tr:nth-child(even) td:not(.sticky-col) {
background-color: var(--color-theme-light);
}
.table-info {
display: flex;
margin-bottom: 14px;
margin-top: 58px;
}
.table-info div:first-child {
width: 170px;
flex-shrink: 0;
}
.table-info div:last-child {
width: 60%;
}
.table-info div:last-child {
display: flex;
flex-direction: row;
border-left: 1px solid var(--color-brand-2);
padding: 0px 26px 0px 11px;
justify-content: space-between;
align-items: center;
}
.table-info div:last-child p {
width: 80%;
}
.table-info div:last-child svg {
width: 28px;
height: 28px;
padding: 7px;
border-radius: 5px;
background-color: var(--color-brand-2);
}
.wrapper-freeze .scroll-area th.sticky-col.has-shadow,
.wrapper-freeze .scroll-area td.sticky-col.has-shadow {
border-right: 0;
}
.wrapper-freeze .scroll-area th.sticky-col.has-shadow:after,
.wrapper-freeze .scroll-area td.sticky-col.has-shadow:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 100%;
pointer-events: none;
box-shadow: 15px 0px 20px 0px rgba(51, 51, 51, 0.1019607843);
border-right: 1px solid var(--color-theme);
}
.card-news {
width: 100%;
height: 260px;
position: relative;
padding: 0px;
}
.card-news img {
width: 100%;
height: 158px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px 20px 30px 30px;
position: relative;
z-index: 2;
}
.card-news:hover {
cursor: pointer;
}
.card-news__inner {
width: 100%;
height: 146px;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 5;
border-radius: 0px 30px 0px 30px;
padding: 27px 20px 13px 20px;
background-color: rgb(94, 154, 214);
transition: all 0.3s ease;
}
.card-news__inner .link svg {
color: var(--color-brand-2);
}
.card-news__inner .link span::after {
background-color: var(--color-brand-2);
}
.card-news__btn {
display: flex;
align-items: center;
padding: 0;
color: var(--color-white);
font-weight: 300;
font-size: 14px;
position: absolute;
bottom: 20px;
right: 20px;
width: 26px;
border-radius: 5px;
transition: all 0.3s ease;
}
.card-news__btn span {
position: absolute;
opacity: 0;
margin-left: 16px;
}
.card-news__btn svg {
width: 26px;
height: 26px;
margin-left: auto;
margin-right: 0px;
}
.card-news__title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
width: 100%;
margin-top: 0px;
margin-bottom: 14px;
font-size: 18px;
line-height: 20px;
font-weight: 400;
color: var(--color-white);
}
.card-news__subtitle {
width: 80%;
margin-top: 0px;
margin-bottom: 0px;
font-size: 13px;
line-height: 20px;
font-weight: 300;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color: var(--color-white);
}
.card-news--compact {
height: 250px;
}
.card-news--compact .card-news__inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 94px;
padding: 20px 28px 20px 36px;
bottom: 26px;
width: calc(100% - 26px);
gap: 40px;
border-radius: 0 30px 30px 30px;
}
.card-news--compact .card-news__inner p {
margin-bottom: 0;
}
.card-news--compact .card-news__inner .card-news__btn {
width: 40px;
position: static;
}
.card-news--compact .card-news__inner .card-news__btn svg {
width: 40px;
height: 40px;
}
.card-news--compact .card-news__title {
font-size: 17px;
}
.card-news--compact.card-news:hover .card-news__inner {
height: 135px;
}
.card-news--compact.card-news:hover .card-news__btn {
width: auto;
}
.card-news--compact.card-news:hover .card-news__btn > span {
display: none;
}
address {
font-size: 16px;
font-style: normal;
line-height: 1.6;
margin-top: 30px;
margin-bottom: 40px;
}
address a {
display: flex;
font-weight: 300;
color: var(--color-text);
text-decoration: none;
}
address a:focus,
address a:hover,
address a:active {
text-decoration: none;
}
address a:focus b,
address a:hover b,
address a:active b {
text-decoration: none;
}
address a > b {
text-decoration: underline;
}
address a > span:first-child {
min-width: 85px;
}
address b {
font-weight: 500;
color: var(--color-theme);
}
address p {
margin-top: 0;
margin-bottom: 0;
}
.page-article__slider {
grid-column: 1/5;
grid-row-start: 2;
max-width: 100%;
height: 350px;
position: relative;
}
.slider-specialists {
grid-column: 3/5;
overflow: hidden;
width: 100%;
padding: 48px 56px 60px 56px;
}
.swiper-back {
grid-column: 1/4;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
}
.swiper-back span {
display: block;
background-color: var(--color-gray);
border-radius: 0px 30px 30px 0px;
height: 100%;
width: 100%;
}
.swiper-title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
width: calc(100% + 20px);
}
.swiper-title h3 {
margin-left: 0px;
margin-bottom: 0px;
font-size: 20px;
font-weight: 500;
line-height: 30px;
width: 150px;
color: var(--color-brand-3);
}
.swiper-navigation {
margin-right: 15px;
display: flex;
gap: 5px;
}
.swiper-button-prev,
.swiper-button-next {
position: static;
margin: 0;
background: none;
color: var(--color-theme);
height: 20px;
width: 21px;
}
.swiper-button-prev:after,
.swiper-button-next:after {
display: none;
}
.swiper-wrapper {
height: 240px;
}
.swiper-slide {
flex: 0 0 auto;
width: 220px;
}
.hero {
position: relative;
width: 100%;
height: -moz-fit-content;
height: fit-content;
max-width: 1920px;
margin: 0 auto;
}
.hero__img {
width: 78%;
max-width: 700px;
height: 364px;
-o-object-fit: cover;
object-fit: cover;
margin-left: auto;
margin-right: 0px;
margin-top: 84px;
}
.hero__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-bottom-left-radius: 50px;
-o-object-position: 65% center;
object-position: 65% center;
}
.hero__text {
margin-top: 238px;
margin-bottom: 130px;
margin-left: 29px;
margin-right: 0px;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
align-items: flex-start;
}
.hero__text-title h1 {
word-break: normal;
width: 240px;
color: var(--color-theme-black-inverse);
line-height: 32px;
margin-bottom: 0;
}
.hero__text-title h1 span {
color: var(--color-brand-1);
font-weight: 700;
}
.hero__text p {
color: var(--color-theme-black-inverse);
margin-left: 0px;
width: 100%;
margin-top: 20px;
margin-bottom: 32px;
}
.hero__nav {
position: absolute;
top: 57px;
width: calc(100% - 60px);
}
.hero__nav-search {
width: 100%;
height: 168px;
display: flex;
flex-direction: row;
position: absolute;
top: 335px;
background-color: transparent;
border-radius: 20px;
background-color: var(--color-white-80);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.123);
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.hero__nav-search:hover,
.hero__nav-search:focus {
cursor: pointer;
}
.hero__nav-search .nav__item-title {
width: 100%;
justify-content: flex-start;
}
.hero__nav-search .nav__item-title span {
margin-top: 20px;
}
.hero__nav-search .nav__title-search {
width: 200px;
margin-top: 12px;
}
.hero__nav-search .nav__title-search input {
width: 83%;
}
.hero__nav-search .nav__title-search button {
background-color: var(--color-brand-1);
width: 42px;
height: 42px;
}
.hero__nav-search:hover .nav__title-search button,
.hero__nav-search:focus .nav__title-search button {
background-color: var(--color-brand-1);
}
.hero__nav-search .nav__title-search button:hover {
background-color: var(--color-brand-1-hover);
}
.hero__nav-search .nav__title-search button svg {
color: var(--color-white);
}
.hero__nav-search .nav__item-btn {
display: flex;
}
.hero__nav-calendar {
width: 100px;
height: 85px;
display: flex;
flex-direction: row;
position: absolute;
top: 0px;
background-color: transparent;
border-radius: 20px;
background-color: var(--color-white-80);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.hero__nav-calendar:hover {
box-shadow: 0 0 20px rgba(var(--color-brand-2-rgb), 0.15);
}
.hero__nav-calendar .nav__item-title {
flex-direction: column;
align-items: center;
padding-left: 0px;
justify-content: flex-end;
}
.hero__nav-calendar .nav__item-title svg {
width: 24px;
height: 24px;
color: var(--color-brand-2);
margin-bottom: 4px;
}
.hero__nav-calendar .nav__item-title span {
font-size: 12px;
margin-left: 0;
height: 46px;
background-color: var(--color-brand-2);
color: var(--color-white);
width: 100%;
border-radius: 0 0 15px 15px;
text-align: center;
padding-top: 6px;
line-height: 1.5;
}
.hero__nav-calendar .nav__item-btn {
background-color: var(--color-brand-2);
}
.hero__nav-calendar:hover .nav__item-btn {
width: 41px;
}
.hero__nav-calendar:hover .nav__item-btn svg {
opacity: 1;
}
.hero__nav-phone {
width: 100px;
height: 85px;
display: flex;
flex-direction: row;
position: absolute;
top: 110px;
background-color: transparent;
border-radius: 20px;
background-color: var(--color-white-80);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.hero__nav-phone:hover {
box-shadow: 0 0 20px rgba(var(--color-brand-4-rgb), 0.15);
}
.hero__nav-phone .nav__item-title {
flex-direction: column;
align-items: center;
padding-left: 0px;
justify-content: flex-end;
}
.hero__nav-phone .nav__item-title svg {
width: 22px;
height: 22px;
color: var(--color-brand-4);
margin-bottom: 8px;
}
.hero__nav-phone .nav__item-title span {
font-size: 12px;
margin-left: 0px;
height: 46px;
background-color: var(--color-brand-4);
color: var(--color-white);
width: 100%;
border-radius: 0px 0px 15px 15px;
text-align: center;
padding-top: 8px;
line-height: 14px;
padding-left: 10px;
padding-right: 10px;
}
.hero__nav-phone .nav__item-btn {
background-color: var(--color-brand-4);
}
.hero__nav-phone:hover .nav__item-btn {
width: 41px;
}
.hero__nav-phone:hover .nav__item-btn svg {
opacity: 1;
}
.nav__item-title {
padding-left: 40px;
width: 190px;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
border-radius: 15px;
transition: width 0.3s ease-in-out;
}
.nav__item-title span {
color: var(--color-theme-black-inverse);
font-size: 22px;
line-height: 28px;
}
.nav__title-search {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 18px;
}
.nav__title-search input {
width: 170px;
background-color: transparent;
border: 0px;
border-bottom: 1px solid var(--color-brand-1);
font-size: 16px;
line-height: 30px;
color: var(--color-theme-black);
transition: width 0.3s ease-in-out;
}
.nav__title-search input:focus {
border: 0px;
border-bottom: 1px solid var(--color-brand-1);
outline: none;
}
.nav__title-search button {
width: 39px;
height: 35px;
padding: 6px 8px;
background-color: transparent;
margin-left: 5px;
border-radius: 8px;
transition: all 0.3s ease-in-out;
}
.nav__title-search button svg {
color: var(--color-brand-1);
}
.nav__item-btn {
width: 20px;
background-color: var(--color-brand-1);
border-radius: 0px 20px 20px 0px;
transition: width 0.3s ease-in-out;
display: none;
justify-content: center;
}
.nav__item-btn svg {
opacity: 0;
width: 15px;
color: var(--color-white);
}
.page-news.page-body {
padding-bottom: 0px;
}
.page-news {
grid-template-columns: 1fr;
padding-bottom: 80px !important;
}
.page-news .page-content {
gap: 0px;
display: flex;
flex-direction: column;
padding-left: 26px;
padding-right: 12px;
}
.page-news .page-header {
margin-bottom: 0px;
padding: 0px;
width: 100%;
}
.page-news .page-header h1 {
margin-top: 24px;
}
.page-news .page-header p {
color: var(--color-theme-black-inverse);
font-weight: 300;
}
.page-news .page-header h1 {
line-height: 32px;
}
.page-news .page-article {
margin-top: 42px;
padding-left: 0px;
padding-right: 0px;
}
.page-news .page-article .page-article__pagination {
margin-right: 0;
margin-left: auto;
max-width: -moz-fit-content;
max-width: fit-content;
}
.page-news .page-aside {
display: none;
}
.page-article__news {
width: 100%;
position: relative;
z-index: 10;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
gap: 48px;
}
.page-article__news .card-news:nth-child(4n+2) .card-news__inner,
.page-article__news .card-news:nth-child(4n+3) .card-news__inner {
background-color: var(--color-brand-1);
}
.page-article__news .card-news:nth-child(4n+2) .card-news__btn,
.page-article__news .card-news:nth-child(4n+3) .card-news__btn {
background-color: var(--color-brand-1-hover);
}
.page-article__news .card-news:nth-child(4n+2) .card-news__btn svg,
.page-article__news .card-news:nth-child(4n+3) .card-news__btn svg {
color: var(--color-brand-1-hover);
}
.page-article__news .card-news:nth-child(4n+1) .card-news__inner,
.page-article__news .card-news:nth-child(4n+4) .card-news__inner {
background-color: var(--color-brand-2);
}
.page-article__news .card-news:nth-child(4n+1) .card-news__btn,
.page-article__news .card-news:nth-child(4n+4) .card-news__btn {
background-color: var(--color-brand-2-active);
}
.page-article__news .card-news:nth-child(4n+1) .card-news__btn svg,
.page-article__news .card-news:nth-child(4n+4) .card-news__btn svg {
color: var(--color-brand-2-active);
}
.page-news .page-nav {
background-color: transparent;
border-left: 0px;
box-shadow: none;
margin-left: 12px;
margin-right: 0px;
font-size: 20px;
top: 120px;
}
.page-news .page-nav__title {
background-color: transparent;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 17px;
font-weight: 500;
}
.page-news .page-nav__title span {
padding: 0;
}
.page-news .page-nav__list {
background-color: transparent;
padding-left: 20px;
padding-right: 10px;
justify-content: space-between;
display: flex;
gap: 0;
}
.page-news .page-nav__item {
background-color: var(--color-white);
border-radius: 15px;
padding: 14px 27px 14px 26px;
transition: all 0.2s;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}
.page-news .page-nav__item:last-child {
margin-bottom: 40px;
}
.page-news .page-nav__item:hover {
cursor: pointer;
background-color: var(--color-brand-2);
color: var(--color-white);
}
.page-news .page-nav__item:hover .page-nav__link > span {
color: var(--color-white);
}
.page-news .page-nav__link > span {
border-bottom: 0px;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.page-news .page-nav__link:hover {
transform: translate(0);
}
.page-news .page-nav__link:hover > span,
.page-news .page-nav__link:focus > span {
border-bottom: 0px;
}
.page-news .page-nav__body,
.page-news .page-nav__list {
padding: 0;
}
.page-speciality {
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px;
padding-bottom: 104px;
}
.page-content-bottom {
grid-column: 2/4;
grid-row-start: 4;
}
.page-speciality .page-header {
padding: 0px;
margin-top: 0px;
margin-bottom: 45px;
height: 313px;
}
.page-speciality .page-header img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-bottom-left-radius: 50px;
}
.page-article.specialists {
padding-left: 30px;
padding-right: 30px;
}
.page-article.specialists h3 {
color: var(--color-brand-3);
margin-bottom: 6px;
padding-left: 24px;
padding-right: 24px;
}
.page-article.specialists p {
padding-left: 24px;
padding-right: 24px;
font-weight: 400;
}
.page-article.specialists ul {
margin-top: 24px;
margin-bottom: 25px;
margin-left: 21px;
padding-left: 28px;
padding-right: 28px;
}
.page-article.specialists img {
width: 100%;
height: 158px;
border-radius: 20px;
-o-object-fit: cover;
object-fit: cover;
margin-top: 27px;
margin-bottom: 0px;
margin-right: 0px;
}
.page-article.specialists .article-files {
margin-top: 30px;
margin-bottom: 48px;
}
.page-article.specialists .article-links {
margin-right: 0;
margin-top: 0px;
gap: 0px;
-moz-column-gap: 80px;
column-gap: 80px;
padding: 0 !important;
margin-bottom: 0;
}
.page-article.specialists .article-link {
font-size: 14px;
padding-top: 24px;
}
.speciality__title {
display: flex;
flex-direction: row;
align-items: center;
margin-left: -3px;
margin-bottom: 18px;
padding-left: 24px;
padding-right: 24px;
margin-top: 24px;
}
.speciality__title h1 {
margin-bottom: 0px;
margin-left: 14px;
font-weight: 400;
color: var(--color-black);
}
.speciality__title svg {
width: 45px;
height: 45px;
color: var(--color-brand-3);
}
.page-speciality .page-aside {
grid-row-start: 1;
grid-column: 1/4;
margin-top: 110px;
display: block;
padding: 0 28px;
}
.page-speciality .page-content {
grid-column: 1/5;
grid-row-start: 2;
}
.page-speciality .page-nav {
border-left: none;
box-shadow: none;
}
.page-speciality .page-nav__body {
display: flex;
flex-direction: column;
}
.page-speciality .page-nav__phone-inner {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
padding: 0px 79px 15px 30px;
border-radius: 0px 0px 15px 15px;
background-color: var(--background-default);
order: 4;
}
.page-speciality .page-nav__phone-inner::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 49px;
height: 100%;
background-color: var(--color-theme);
border-radius: 0px 0px 15px 0px;
}
.page-speciality .page-nav__phone-inner .page-nav__phone {
opacity: 0;
max-height: 0px;
}
.page-speciality .page-nav__phone {
display: flex;
flex-direction: row;
align-items: center;
}
.page-speciality .page-nav__phone svg {
width: 20px;
height: 20px;
color: var(--color-brand-3);
margin-right: 18px;
}
.page-speciality .page-nav__phone span {
font-size: 17px;
font-weight: 500;
line-height: 26px;
padding: 0px;
color: var(--color-brand-3);
}
.page-speciality .page-nav__phone-inner p {
font-size: 15px;
line-height: 25px;
font-weight: 400;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
}
.page-speciality .page-nav__title {
margin-top: 30px;
display: flex;
position: relative;
z-index: 5;
}
.page-speciality .page-nav__title-contact {
margin-top: 28px;
justify-content: space-between;
align-items: center;
font-size: 17px;
font-weight: 500;
line-height: 26px;
width: 100%;
border-radius: 15px;
padding: 0;
background-color: var(--background-default);
color: var(--color-theme);
transition: all 0.5s ease;
order: 3;
margin-top: 14px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.page-speciality .page-nav__title-contact .page-nav__phone {
display: none;
}
.page-speciality .page-nav__title-contact span {
padding-left: 28px;
}
.page-speciality .page-nav__title-contact .page-nav__title-icon svg {
width: 22px;
height: 12px;
color: var(--background-default);
transition: all 0.5s ease;
}
.page-speciality .page-nav__title-contact.active {
border-radius: 15px 15px 0px 0px;
display: flex;
}
.page-speciality .page-nav__title-contact.active .page-nav__phone {
display: flex;
padding-left: 28px;
}
.page-speciality .page-nav__title-contact.active .page-nav__phone span {
display: block;
padding-left: 0px;
}
.page-speciality .page-nav__title-contact.active span {
display: none;
}
.page-speciality .page-nav__title-contact.active .page-nav__title-icon {
border-bottom-right-radius: 0px;
transition: all 0.5s ease;
}
.page-speciality .page-nav__title-contact.active .page-nav__title-icon svg {
transform: rotate(180deg);
}
.page-speciality .page-nav__list {
padding: 0px 79px 15px 30px;
margin-top: 0px;
gap: 11px;
display: flex;
}
.page-speciality .page-article__slider {
margin-top: 50px;
height: -moz-fit-content;
height: fit-content;
grid-row-start: 3;
}
.page-speciality .page-article__slider:before {
content: "";
display: block;
width: calc(100% - 28px);
height: 100%;
position: absolute;
top: 0;
left: 0;
background: var(--color-gray);
border-radius: 0 20px 20px 0;
}
.page-rights h3 {
margin-top: 10px;
margin-bottom: 0 !important;
padding: 12px 0 4px !important;
}
.page-rights ul {
margin-top: 0;
margin-bottom: 0;
}
.page-rights .page-aside {
grid-column: 1/4;
}
.page-rights .page-content {
grid-column: 1/4;
}
.page-rights.page-body--article:has(.page-aside) .page-content {
grid-column: 2/3;
}
@media (min-width: 0) {
.hidden-xs {
display: none;
}
.col {
flex: 1 0 0%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.3333333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.6666666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 393px) {
.swiper-navigation {
margin-right: 7px;
}
}
@media (min-width: 395px) {
.recommend__icon-footer .heart {
display: block;
}
.hero__nav-search .nav__title-search {
width: 250px;
}
.hero__nav-search .nav__title-search input {
width: 73%;
}
}
@media (min-width: 400px) {
.specialist__img {
width: 200px;
height: 200px;
}
}
@media (min-width: 429px) {
.section-quote {
height: 470px;
}
}
@media (min-width: 576px) {
.hidden-sm {
display: none;
}
.col-sm {
flex: 1 0 0%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 586px) {
.section-quote {
height: 430px;
}
}
@media (min-width: 768px) {
.hidden-md {
display: none;
}
.visible-tablet {
display: flex !important;
}
.hidden-tablet {
display: none !important;
}
h2,
.h2 {
font-size: 28px;
}
.article h3 {
margin-bottom: 5px;
}
.article-link {
font-size: 16px;
line-height: 24px;
}
.file-link > span {
font-size: 16px;
}
.card__footer {
padding: 34px 0;
}
.card-aside {
padding: 25px;
}
.card-contact {
padding: 35px;
}
.container {
padding-inline: 80px;
}
.container-sm {
padding-right: 107px;
padding-left: 107px;
}
.contact__numbers {
width: 90%;
}
.footer .button {
line-height: 22px;
font-size: 12px;
padding: 6px 25px;
margin-top: 4px;
}
.footer__body {
padding: 62px 52px;
border-radius: 30px 30px 0 0;
background-image: linear-gradient(to left, var(--color-brand-1) 0%, var(--color-brand-1) 38px, var(--background-default) 38px, var(--background-default) 100%);
display: grid;
grid-template-columns: 28% repeat(2, 36%);
grid-template-rows: repeat(4, 1fr);
gap: 0;
}
.footer__icon {
justify-content: flex-start;
left: -33px;
top: -38px;
width: auto !important;
height: auto !important;
}
.footer__icon > img {
width: 68px;
height: 75px;
}
.footer__body > div {
max-width: 100%;
width: 100%;
height: 100%;
text-align: left;
}
.footer__body address {
font-size: 12px;
line-height: 22px;
}
.footer__body p {
font-size: 12px;
line-height: 22px;
max-width: 90px;
}
.footer__nav-wrap {
display: block;
font-size: 12px;
line-height: 22px;
}
.footer__icons {
padding-left: 74px;
margin: 0;
padding-bottom: 0;
}
.footer__icons > img {
width: 90px;
height: 20px;
}
.footer__legal {
padding: 0 40px 0 0;
height: auto !important;
max-width: 100% !important;
justify-content: flex-start;
grid-area: 4/1/4/4;
}
.footer__logo {
justify-content: start;
align-items: start;
width: 118px;
height: 26px;
}
.footer__social-wrap {
display: flex;
flex-direction: row;
align-items: flex-end;
-moz-column-gap: 18px;
column-gap: 18px;
padding-bottom: 8px;
}
.footer__title {
font-size: 12px;
line-height: 22px;
}
.footer__social {
display: flex;
flex-direction: column;
justify-content: start;
}
.footer__social {
display: flex;
flex-direction: row;
align-items: center;
margin: 0;
-moz-column-gap: 11px;
column-gap: 11px;
}
.footer__social > a {
width: 26px;
height: 26px;
}
.col-md {
flex: 1 0 0%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
.header__inner {
height: 78px;
justify-content: flex-start;
border-radius: 0 0 50px 50px;
padding-left: 60px;
padding-right: 35px;
}
.header__menu-toggle {
background: none;
padding: 0;
width: 100px;
margin-left: auto;
font-size: 14px;
font-weight: 400;
color: #B1B3B4;
min-height: auto;
}
.header__toggle-icon {
margin-top: 3px;
margin-left: 16px;
}
.header__menu-nav {
width: -moz-fit-content;
width: fit-content;
}
.header__menu-content {
padding-left: 58px;
width: -moz-fit-content;
width: fit-content;
margin-top: 4px;
}
.header__menu {
border-radius: 0px 0px 50px 50px;
flex-direction: row;
padding-left: 60px;
padding-right: 60px;
padding-bottom: 50px;
padding-top: 18px;
height: auto;
width: auto;
margin-left: 80px;
margin-right: 80px;
top: 78px;
}
.header__menu-desktop {
border-radius: 0 0 50px 50px;
flex-direction: row;
padding-left: 60px;
padding-right: 60px;
padding-bottom: 50px;
padding-top: 45px;
height: auto;
width: auto;
margin-left: 0;
margin-right: 0;
top: 78px;
gap: 34px;
min-height: 500px;
}
.header__menu-desktop > li .header__item-icon > svg {
transform: rotate(270deg) !important;
transition: none;
opacity: 0;
}
.header__menu-desktop > li ul > li .header__item-icon > svg {
opacity: 1;
transform: rotate(0deg) !important;
color: var(--color-black);
}
.header__menu-desktop > li:first-child .header__item-icon {
background-color: transparent;
color: var(--color-brand-3);
}
.header__menu-desktop > li:first-child .header__nav-content .header__item-toggle.active,
.header__menu-desktop > li:first-child .header__nav-content .header__item-toggle.active svg {
color: var(--color-brand-3);
}
.header__menu-desktop > li:nth-child(2) .header__nav-content .header__item-toggle.active,
.header__menu-desktop > li:nth-child(2) .header__nav-content .header__item-toggle.active svg {
color: var(--color-brand-2);
}
.header__menu-desktop > li:nth-child(3) .header__nav-content .header__item-toggle.active,
.header__menu-desktop > li:nth-child(3) .header__nav-content .header__item-toggle.active svg {
color: var(--color-brand-4);
}
.header__menu-desktop > li:nth-child(4) .header__nav-content .header__item-toggle.active,
.header__menu-desktop > li:nth-child(4) .header__nav-content .header__item-toggle.active svg {
color: var(--color-brand-1);
}
.header__menu-desktop > li:first-child .header__menu-toggle.active .header__item-icon > svg {
color: var(--color-brand-3);
}
.header__menu-desktop > li:nth-child(2) .header__menu-toggle.active .header__item-icon > svg {
color: var(--color-brand-2);
}
.header__menu-desktop > li:nth-child(3) .header__menu-toggle.active .header__item-icon > svg {
color: var(--color-brand-4);
}
.header__menu-desktop > li:nth-child(4) .header__menu-toggle.active .header__item-icon > svg {
color: var(--color-brand-1);
}
.header__menu-desktop > li:first-child .header__item-icon:hover {
background-color: transparent;
}
.header__menu-desktop > li:nth-child(2) .header__item-icon {
background-color: transparent;
color: var(--color-brand-2);
}
.header__menu-desktop > li:nth-child(2) .header__item-icon:hover {
background-color: transparent;
}
.header__menu-desktop > li:nth-child(3) .header__item-icon {
background-color: transparent;
color: var(--color-brand-4);
}
.header__menu-desktop > li:nth-child(3) .header__item-icon:hover {
background-color: transparent;
}
.header__menu-desktop > li:nth-child(4) .header__item-icon {
background-color: transparent;
color: var(--color-brand-1);
}
.header__menu-desktop > li:nth-child(4) .header__item-icon:hover {
background-color: transparent;
}
.header__inner.active .header__menu-desktop {
flex-direction: column;
}
.header__menu-desktop > li {
flex-direction: row;
}
.header__menu-desktop .header__menu-toggle {
width: auto;
margin-right: auto;
margin-left: 0;
}
.header__menu-desktop .header__menu-toggle + .header__menu-content {
position: absolute;
}
.header__menu-desktop .header__menu-toggle.active + .header__menu-content {
padding: 38px 30px 20px 232px;
margin-bottom: 0;
animation: none;
}
.header__nav {
flex-direction: row;
justify-content: space-between;
}
.header__nav-toggle span {
font-size: 14px;
color: #B1B3B4;
}
.header__nav-toggle.active .header__nav-icon svg {
transform: rotate(-90deg);
}
.header__nav-toggle {
width: 130px;
height: 25px;
background-color: transparent;
border-radius: 0px;
margin-bottom: 30px;
}
.header__nav-toggle span {
width: -moz-fit-content;
width: fit-content;
margin-left: 0px;
font-weight: 400;
}
.header__nav-toggle svg {
transform: rotate(-90deg);
}
.header__nav-icon {
border-radius: 0px;
width: -moz-fit-content;
width: fit-content;
margin-left: 25px;
}
.header__nav-icon svg {
color: var(--color-theme-black);
width: 15px;
}
.header__nav-content {
justify-content: flex-start;
flex-direction: column;
font-size: 14px;
}
.header__nav-content > a:first-child {
display: block;
height: 25px;
margin-top: 0;
margin-bottom: 30px;
}
.header__nav-content.active {
flex-direction: column;
}
.header__nav-content .header__item-content {
display: none !important;
}
.header__item-toggle {
background-color: transparent;
display: flex;
flex-direction: row;
height: 25px;
align-items: center;
padding: 0px;
margin-bottom: 8px;
}
.header__item-toggle span {
margin: 0px;
}
.header__item-toggle.active .header__item-icon {
transform: rotate(180deg);
}
.header__item-icon {
width: 70px;
height: 20px;
margin-top: 0;
}
.header__item {
font-size: 14px;
padding-left: 0;
background-color: transparent;
}
.header__nav-toggle:nth-child(1) .header__nav-icon {
background-color: transparent;
}
.header__nav-toggle:nth-child(1) .header__nav-icon svg {
color: var(--background-default);
}
.header__nav-toggle:nth-child(1).active,
.header__nav-toggle:nth-child(1):hover {
color: var(--color-brand-3);
}
.header__nav-toggle:nth-child(1).active .header__nav-icon svg,
.header__nav-toggle:nth-child(1):hover .header__nav-icon svg {
color: var(--color-brand-3);
}
.header__nav-content:nth-child(1) .header__item-toggle.active + .header__item-content {
grid-template-columns: repeat(2, auto);
justify-content: start;
-moz-column-gap: 50px;
column-gap: 50px;
}
.header__nav-toggle:nth-child(2).active,
.header__nav-toggle:nth-child(2):hover {
color: var(--color-brand-2);
}
.header__nav-toggle:nth-child(2).active .header__nav-icon svg,
.header__nav-toggle:nth-child(2):hover .header__nav-icon svg {
color: var(--color-brand-2);
}
.header__nav-content .header__item-toggle.active + .header__item-content {
display: grid !important;
}
.header__nav-toggle:nth-child(3) .header__nav-icon {
background-color: transparent;
}
.header__nav-toggle:nth-child(3) .header__nav-icon svg {
color: var(--background-default);
}
.header__nav-toggle:nth-child(3).active,
.header__nav-toggle:nth-child(3):hover {
color: var(--color-brand-4);
}
.header__nav-toggle:nth-child(3).active .header__nav-icon svg,
.header__nav-toggle:nth-child(3):hover .header__nav-icon svg {
color: var(--color-brand-4);
}
.header__nav-toggle:nth-child(4) .header__nav-icon {
background-color: transparent;
}
.header__nav-toggle:nth-child(4) .header__nav-icon svg {
color: var(--background-default);
}
.header__nav-toggle:nth-child(4).active,
.header__nav-toggle:nth-child(4):hover {
color: var(--color-brand-1);
}
.header__nav-toggle:nth-child(4).active .header__nav-icon svg,
.header__nav-toggle:nth-child(4):hover .header__nav-icon svg {
color: var(--color-brand-1);
}
.header__button-contact {
order: 1;
width: 100px;
height: 40px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 10px;
}
.header__button-contact > a {
padding: 10px 20px;
font-size: 14px;
}
.header__button-theme {
order: 1;
margin-left: 30px;
margin-right: 0;
padding-left: 0;
}
.header__toggle-text {
display: block;
}
.menu-toggle.active {
right: 0;
}
.page-header {
padding: 144px 100px 140px 135px;
border-bottom-right-radius: 0;
margin-bottom: 140px;
}
.brand-1-theme .page-header {
background-color: var(--color-theme-light);
}
.brand-3-theme .page-header {
background-color: var(--color-theme-light);
}
.brand-2-theme .page-header {
background-color: var(--color-theme-light);
}
.brand-4-theme .page-header {
background-color: var(--color-theme-light);
}
.page-header p {
max-width: 413px;
}
.page-header__image {
position: absolute;
bottom: -105px;
left: 130px;
width: 413px;
height: 210px;
max-width: 100%;
margin: 0;
}
.page-body--image-left .page-content {
grid-template-columns: 140px minmax(590px, auto) 25px 100px;
}
.page-header--image-left .page-header__image {
max-width: 100%;
}
.specilist__card {
padding: 46px 25px 63px 53px;
border-radius: 20px;
margin-top: 163px;
display: flex;
flex-direction: row;
}
.specialist__img {
position: static;
margin-top: -20px;
width: 182px;
height: 156px;
transform: none;
border-radius: 12px;
}
.specilist__card-info {
flex-direction: row;
justify-content: space-between;
margin-top: 0;
width: 100%;
}
.specialist__card_info-wrapper {
gap: 10px;
}
.specilist__info {
align-items: center;
flex-direction: row;
gap: 52px;
margin-top: 52px;
}
.specilist__quote {
max-width: 320px;
padding: 34px 27px;
font-size: 17px;
font-weight: 400;
line-height: 27px;
text-align: center;
letter-spacing: 0;
}
.specilist__about {
margin-top: 16px;
margin: 0;
}
.specilist__link a {
font-weight: 400;
}
.specialist__details-item {
flex-direction: row;
gap: 24px;
}
.specialist__details-item h4 {
min-width: 143px;
}
.tab-content__text img {
display: block;
}
.site-header {
padding: 1rem 1.5rem;
}
.site-header__logo img {
height: 35px;
}
.site-header__contact {
display: inline-block;
}
.site-header.is-open {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: auto;
border-radius: 1.5rem;
}
.site-header.is-open .site-header__container {
box-shadow: none;
padding: 0;
}
.site-header.is-open .nav {
flex-direction: row;
padding: 6rem 2rem 2rem;
gap: 2rem;
}
.site-header.is-open .nav:after {
display: none;
}
.site-header.is-open .nav__list {
flex: 0 0 200px;
gap: 0.25rem;
}
.site-header.is-open .nav__link {
background-color: transparent;
padding: 0.75rem 0;
border-radius: 0;
font-size: 1rem;
position: relative;
}
.site-header.is-open .nav__link--toggle .nav__arrow {
display: none;
}
.site-header.is-open .nav__item .nav__link:after {
content: ">";
position: absolute;
right: 0;
font-weight: bold;
color: #f59e0b;
font-size: 1.5rem;
opacity: 0;
transition: opacity 0.2s;
}
.site-header.is-open .nav__item.is-active > .nav__link:after {
opacity: 1;
}
.site-header.is-open .nav__submenu-wrapper {
max-height: none;
overflow: visible;
padding-left: 0;
flex: 1;
}
.site-header.is-open .nav__submenu {
display: none;
grid-template-columns: repeat(2, 1fr);
padding: 0;
}
.site-header.is-open .nav__item.is-active .nav__submenu {
display: grid;
}
.page-wrapper:before {
height: 676px;
}
.page-wrapper:after {
height: 676px;
}
.page-body:has(.page-aside) {
padding-top: 0;
grid-template-columns: 1fr 80px 100px 80px auto 80px 1fr;
padding-inline: 0;
}
.page-aside {
grid-column: 1/5;
}
.page-content {
grid-column: 4/7;
grid-row-start: 1;
}
.page-body--inverse:has(.page-aside) {
grid-template-columns: auto auto 80px minmax(180px, 1fr);
}
.page-body--inverse:has(.page-aside) .page-aside {
grid-column: 5/8;
}
.page-body--inverse:has(.page-aside) .page-content {
grid-column: 1/6;
}
.page-article {
max-width: 543px;
padding-left: 130px;
padding-right: 0;
}
.page-body--article .article h3 {
font-size: 20px;
}
.page-body--article:has(.page-aside) .page-header {
padding: 150px 80px 50px;
margin-bottom: 0;
}
.page-body--article:has(.page-aside) .page-header__image {
height: 260px;
margin: 0 auto;
}
.page-body--article:has(.page-aside) .page-article {
margin: 0 auto;
max-width: 600px;
}
.page-body--article:has(.page-aside) .page-aside {
padding: 0;
margin: 0;
}
.page-body--article:has(.page-aside) .page-nav__body {
max-width: 550px;
margin: 0 auto;
}
.homepage::before {
height: 597px;
}
.homepage::after {
height: 640px;
}
.page-nav {
position: sticky;
top: 130px;
border-radius: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-right: 20px solid var(--color-theme);
background-color: var(--background-default);
}
.page-nav__body {
max-width: 240px;
}
.page-nav__link > span {
max-width: 100%;
}
.page-nav__title {
pointer-events: none;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
}
.page-nav__title > span {
padding-left: 56px;
padding-top: 30px;
padding-bottom: 16px;
}
.page-nav__title-icon {
display: none;
}
.page-nav__list {
gap: 18px;
padding-right: 40px;
padding-left: 56px;
padding-bottom: 30px;
max-height: 1000px;
opacity: 1;
transform: translateY(0);
border-bottom-right-radius: 20px;
}
.page-nav__list:after {
display: none;
}
.page-nav.page-nav--other .page-nav__list {
padding-right: 0;
}
.section-specialties {
margin-left: 0;
padding-right: 100px;
}
.specialties {
box-shadow: -3px -20px 30px 6px rgba(50, 107, 123, 0.0392156863);
padding: 53px 40px 52px 77px;
margin-left: 40px;
padding-right: 120px;
margin-right: calc(-50vw + 50%);
width: calc(50vw + 50%);
}
.specialties-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 26px;
margin-right: auto;
}
.specialties-item {
height: 52px;
}
.specialties-link {
flex-direction: row;
justify-content: space-between;
padding-left: 0;
padding-right: 70px;
}
.specialties-link span {
padding: 0px 0px 0px 20px;
font-size: 13px;
line-height: 18px;
}
.specialties-link__icon {
right: 0;
left: auto;
width: 56px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.specialties__icon {
top: -33px;
left: -28px;
right: auto;
width: 48px;
height: 62px;
}
.specialties__title {
justify-content: space-between;
margin-bottom: 45px;
max-width: 1330px;
margin-right: auto;
}
.specialties__title h2 {
text-align: start;
}
.specialties__title .link {
margin-top: 5px;
}
.card-person__text {
bottom: -2px;
left: 20px;
}
.card-person__text p {
margin-top: -2px;
margin-bottom: 12px;
}
.section-quote {
height: -moz-fit-content;
height: fit-content;
justify-content: center;
margin-top: 50px;
margin-bottom: 105px;
}
.quote {
align-items: center;
margin-left: 0;
margin-right: 110px;
flex-direction: row;
border-radius: 0 20px 20px 0;
padding-left: 0;
display: grid;
grid-template-columns: minmax(0, 1fr) 80px 40px 260px 30px 260px 52px 0 minmax(0, 1fr);
}
.quote__text {
position: relative;
padding: 40px 40px 20px 0px;
margin-left: 0;
margin-right: 0;
grid-column: 5/7;
border-left: 0;
border-right: 20px solid var(--color-brand-2);
border-radius: 0 20px 20px 0;
}
.quote__text:before {
content: "";
z-index: -1;
width: 75vw;
height: 100%;
position: absolute;
top: 0;
left: -75vw;
background-color: #F1F8FA;
}
.quote__text blockquote p {
font-size: 16px;
line-height: 24px;
}
.quote__text p {
font-size: 16px;
margin: 14px 0;
}
.quote__img {
position: static;
margin-left: 0;
grid-column: 3/5;
}
.quote__img img {
margin-left: 0;
max-width: 100%;
width: 260px;
height: 208px;
}
.toggle span {
padding: 8px 0 5px 34px;
}
.toggle__content {
font-size: 14px;
padding: 10px 50px 15px 20px;
}
.toggle__item-wrapper {
flex-direction: row;
justify-content: space-between;
line-height: 44px;
}
.recommend {
grid-template-columns: minmax(0, 1fr) 80px 40px 272px 30px 260px 52px 105px minmax(0, 1fr);
grid-template-rows: 192px 78px 1fr 80px auto;
}
.recommend__card:nth-child(1) {
grid-column: 3/5;
grid-row: 1;
}
.recommend__card:nth-child(2) {
grid-column: 6/8;
grid-row: 1;
}
.recommend__card-icon {
grid-column: 4/7;
grid-row: 5;
}
.recommend__card-title {
--card-title-height: 80px;
width: 260px;
bottom: 0;
border-radius: 0px 20px 0px 20px;
padding: 17px 18px 20px 32px;
justify-content: flex-start;
}
.recommend__card-title p:nth-child(2) {
font-size: 14px;
line-height: 22px;
}
.recommend__card-title svg {
max-height: 0px;
opacity: 0;
margin-top: auto;
margin-bottom: 0px;
}
.recommend__card-title p {
font-size: 17px;
}
.recommend__card img:hover + .recommend__card-title svg {
max-height: 40px;
opacity: 1;
}
.recommend__icon {
padding: 50px;
}
.recommend__icon p {
max-width: 80%;
margin-top: 27px;
margin-bottom: 0px;
}
.recommend__icon-title svg {
display: block;
}
.recommend__icon-title img {
width: -moz-fit-content;
width: fit-content;
height: 45px;
margin-left: 0px;
margin-top: 6px;
}
.recommend__icon-title span {
width: 55px;
height: 55px;
font-size: 19px;
line-height: 26px;
font-weight: 700;
}
.recommend__icon-footer {
margin-top: 25px;
align-items: center;
}
.recommend__icon-footer .heart {
display: none;
}
.recommend__footer-link {
flex-direction: row;
}
.recommend__footer-link .link:nth-child(2) {
margin-top: 0px;
}
.recommend__text {
display: grid;
grid-template-columns: subgrid;
grid-column: 1/7;
grid-row: 2/4;
padding-top: 120px;
padding-right: 60px;
padding-bottom: 25px;
padding-left: 30px;
}
.recommend__text a {
margin-left: auto;
}
.recommend__text p {
order: 1;
margin-top: 16px;
max-width: 90%;
}
.recommend__text-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.card-news {
height: 260px;
}
.card-news img {
width: 100%;
height: 142px;
}
.card-news__inner {
width: 100%;
height: 157px;
bottom: 0px;
border-radius: 0px 30px 0px 30px;
padding: 27px 20px 13px 20px;
z-index: 5;
}
.card-news__title {
width: 100%;
font-size: 18px;
line-height: 20px;
width: calc(100% - 60px);
color: var(--color-white);
}
.card-news__subtitle {
font-size: 14px;
line-height: 20px;
-webkit-line-clamp: 3;
}
.card-news--compact .card-news__inner {
height: 115px;
}
.slider-specialists {
padding-right: 20px;
padding-left: 80px;
}
.swiper-back {
width: calc(100% - 533px);
margin-left: 0px;
}
.swiper-title {
margin-bottom: 27px;
width: 100%;
}
.swiper-title h3 {
font-size: 20px;
line-height: 44px;
width: 100%;
}
.swiper-navigation {
margin-right: 35px;
}
.swiper-button-prev,
.swiper-button-next {
margin-top: 2px;
}
.hero__img {
width: 83%;
max-width: 1350px;
height: 438px;
margin-top: 0px;
}
.hero__img img {
-o-object-position: center;
object-position: center;
}
.hero__text {
margin-top: 160px;
margin-bottom: 38px;
margin-left: auto;
margin-right: auto;
flex-direction: row;
}
.hero__text-title h1 {
margin-bottom: 28px;
}
.hero__text-title {
margin-left: 22px;
}
.hero__text p {
margin-left: 40px;
width: 300px;
margin-top: 8px;
margin-bottom: 15px;
}
.hero__nav {
top: 161px;
width: 0px;
}
.hero__nav-search {
width: 500px;
height: 141px;
top: 230px;
}
.hero__nav-search .nav__item-title {
width: 480px;
justify-content: center;
}
.hero__nav-search .nav__item-title span {
font-size: 24px;
margin-top: 5px;
line-height: 28px;
}
.hero__nav-search .nav__title-search {
width: 420px;
margin-top: 12px;
}
.hero__nav-search .nav__title-search input {
width: 375px;
}
.hero__nav-search .nav__title-search button {
width: 35px;
height: 35px;
}
.hero__nav-search .nav__item-btn {
display: flex;
}
.hero__nav-calendar {
top: -5px;
width: 210px;
height: 60px;
}
.hero__nav-calendar .nav__item-title {
flex-direction: row;
align-items: center;
padding-left: 28px;
justify-content: flex-start;
}
.hero__nav-calendar .nav__item-title svg {
width: 28px;
height: 28px;
}
.hero__nav-calendar .nav__item-title span {
font-size: 14px;
margin-left: 10px;
height: -moz-fit-content;
height: fit-content;
background-color: transparent;
color: var(--color-theme-black);
width: -moz-fit-content;
width: fit-content;
border-radius: none;
text-align: left;
padding-top: 0;
}
.hero__nav-phone {
top: 75px;
width: 210px;
height: 60px;
}
.hero__nav-phone .nav__item-title {
flex-direction: row;
align-items: center;
padding-left: 20px;
justify-content: flex-start;
width: 190px;
}
.hero__nav-phone .nav__item-title svg {
width: 25px;
height: 25px;
margin-bottom: 0px;
}
.hero__nav-phone .nav__item-title span {
font-size: 14px;
margin-left: 15px;
height: -moz-fit-content;
height: fit-content;
background-color: transparent;
color: var(--color-theme-black);
width: -moz-fit-content;
width: fit-content;
border-radius: none;
text-align: left;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
.nav__item-title {
border-radius: 20px 0 0 40px;
}
.nav__title-search button {
width: 33px;
height: 33px;
padding: 7px 7px;
}
.nav__item-btn {
display: flex;
}
.page-news {
grid-template-columns: 1fr auto minmax(450px, 100%) 50px 80px 100px 20px 40px 1fr auto !important;
}
.page-news .page-content {
margin-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
.page-news .page-header {
padding: 150px 186px 90px 80px;
flex-shrink: 0;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 0px;
}
.page-news .page-header h1 {
margin-bottom: 24px;
margin-top: 0px;
}
.page-news .page-header p {
line-height: 26px;
}
.page-news .page-header p {
font-size: 16px;
}
.page-news .page-article {
padding-right: 0;
margin-top: -51px;
padding-left: 80px;
max-width: 100%;
padding-right: 130px;
}
.page-news .page-aside {
display: block;
}
.page-article__news {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 26px;
}
.page-news .page-nav {
margin-left: 0;
}
.page-news .page-nav__title {
font-size: 20px;
text-align: left;
padding-bottom: 14px;
padding-left: 0;
padding-right: 0;
}
.page-news .page-nav__list {
gap: 10px;
height: calc(100% + 40px);
width: calc(100% + 40px);
padding: 20px 20px 0 20px;
margin: -20px;
}
.page-speciality {
grid-template-columns: 1fr auto minmax(450px, 100%) 50px 80px 100px 20px 40px 1fr auto !important;
}
.page-content-bottom {
grid-row-start: 3;
}
.page-article.specialists {
padding-left: 80px;
padding-right: 0px;
}
.page-article.specialists h3 {
padding-left: 0px;
padding-right: 0px;
}
.page-article.specialists p {
padding-left: 0px;
padding-right: 0px;
font-weight: 300;
}
.page-article.specialists ul {
padding-left: 0px;
padding-right: 0px;
margin-left: 25px;
}
.page-article.specialists img {
display: none;
}
.speciality__title {
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
margin-left: -8px;
margin-bottom: 26px;
}
.speciality__title h1 {
margin-left: 16px;
}
.page-speciality .page-aside {
grid-column: 5/9 !important;
margin-top: 0;
padding: 0;
}
.page-speciality .page-content {
grid-row-start: 1;
}
.page-speciality .page-nav {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
border-left: 20px solid var(--color-theme);
}
.page-speciality .page-nav__body {
padding: 58px 30px 10px 35px;
display: block;
}
.page-speciality .page-nav__phone-inner {
max-height: -moz-fit-content;
max-height: fit-content;
opacity: 1;
padding: 0px;
border-radius: 0px;
background-color: transparent;
box-shadow: none;
}
.page-speciality .page-nav__phone-inner::after {
display: none;
}
.page-speciality .page-nav__phone-inner .page-nav__phone {
opacity: 1;
max-height: -moz-fit-content;
max-height: fit-content;
}
.page-speciality .page-nav__phone-inner p {
margin-top: 24px;
}
.page-speciality .page-nav__title span {
padding: 0px;
}
.page-speciality .page-nav__title {
display: none;
margin-top: 20px;
}
.page-speciality .page-nav__list {
display: none;
margin-top: 11px;
padding: 0px;
}
.page-speciality .page-article {
max-width: 515px;
}
.page-speciality .page-article__slider {
grid-row-start: 2;
max-width: 495px;
}
.page-speciality .page-article__slider:before {
width: 100%;
border-radius: 0 50px 50px 0;
}
.page-rights {
padding-top: 140px !important;
}
.page-rights h3 {
font-size: 15px !important;
}
.page-rights .page-aside {
grid-column: 4/5 !important;
}
.page-rights .page-content {
grid-column: 2/3 !important;
}
}
@media (min-width: 950px) {
.swiper-back {
width: calc(100% - 390px);
}
}
@media (min-width: 992px) {
.hidden-lg {
display: none;
}
.col-lg {
flex: 1 0 0%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1000px) {
.recommend__icon-title span {
margin-left: auto;
margin-right: 50px;
}
}
@media (min-width: 1024px) {
.site-header {
padding: 0 2rem;
}
.site-header__container {
justify-content: flex-start;
gap: 2rem;
}
.site-header__menu-toggle {
display: none;
}
.site-header__actions {
margin-left: auto;
}
.site-header__extra-icon {
display: block;
}
.nav {
display: flex !important;
position: static;
flex-direction: row;
align-items: center;
padding: 0;
height: auto;
width: auto;
}
.nav__list {
flex-direction: row;
gap: 1.5rem;
}
.nav__item {
position: relative;
}
.nav__link {
padding: 2rem 0;
gap: 0.5rem;
background: transparent !important;
color: #4a4a4a !important;
}
.nav__arrow {
display: block !important;
background-color: transparent !important;
color: #4a4a4a !important;
width: 18px;
height: 18px;
}
.nav__item > .nav__link:after {
display: none;
}
.nav__submenu-wrapper {
position: absolute;
top: 100%;
left: -2rem;
width: 800px;
background: #ffffff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
border-radius: 0 0 1.5rem 1.5rem;
padding: 1.5rem 2rem;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
.nav__submenu {
grid-template-columns: repeat(5, 1fr);
gap: 1rem;
}
.site-header.is-open {
position: relative;
overflow: visible;
}
.nav__item.is-active .nav__arrow {
transform: rotate(180deg);
}
.nav__item.is-active .nav__submenu-wrapper {
max-height: none;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}
@media (min-width: 1025px) {
html {
font-size: 20px;
scroll-padding-top: 108px;
}
.visible-laptop {
display: flex;
}
.hidden-laptop {
display: none;
}
.link-hover {
justify-content: flex-start;
font-weight: 500;
font-size: 20px;
background-color: transparent;
text-align: left;
color: #97BF0D;
}
.card p {
font-size: 20px;
}
.card-aside {
padding: 52px;
}
.card-contact {
width: auto;
}
.footer__legal {
gap: 0 45px;
}
.list.list--services {
font-size: 20px;
line-height: normal;
gap: 66px;
}
.list.list--services li {
font-weight: 600;
}
.navbar__list {
flex-direction: row;
}
.tabs__toggle-img {
width: 240px;
height: 240px;
}
.tabs__toggle-img img {
width: 240px;
height: 240px;
}
.tab-content__text {
margin-top: -120px;
}
.tab-content__text h3 {
margin-bottom: 55px;
}
.tabs__team-name .svg-wrapper {
width: 105px;
height: 110px;
}
.tabs__team-name svg {
height: 100px;
}
.tabs__team-name span {
font-size: 26px;
}
.tabs__team-name--left {
top: 260px;
left: clamp(200px, 34%, 390px);
}
.tabs__team-name--left svg {
transform: scaleY(-1) rotate(-90deg);
transform-origin: center center;
}
.tabs__team-name--left span {
top: 83px;
left: -55px;
}
.tabs__team-name--right {
top: 288px;
right: clamp(200px, 28%, 390px);
}
.tabs__team-name--right svg {
transform: scaleY(-1) rotate(130deg);
transform-origin: center center;
}
.tabs__team-name--right span {
top: 105px;
right: -30px;
}
.tab-content__text[aria-expanded=true] {
padding: 260px 40px 40px 40px;
}
.quote {
grid-template-columns: minmax(0, 1fr) 80px 40px 320px 60px 230px 52px 0 minmax(0, 1fr);
margin-right: 100px;
}
.quote__text {
grid-column: 6/8;
}
}
@media (min-width: 1050px) {
.swiper-back {
width: calc(100% - 290px);
}
}
@media (min-width: 1110px) {
.section-quote {
height: 340px;
}
.quote__img img {
width: 420px;
height: 340px;
}
}
@media (min-width: 1140px) {
.page-header {
border-bottom-right-radius: 50px;
}
}
@media (min-width: 1150px) {
.swiper-back {
width: calc(100% - 190px);
}
}
@media (min-width: 1200px) {
.hidden-xl {
display: none;
}
.col-xl {
flex: 1 0 0%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
.page-speciality .page-article {
max-width: 850px;
}
.page-speciality .page-article__slider {
max-width: 850px;
}
}
@media (min-width: 1440px) {
.hidden-xxl {
display: none;
}
html {
scroll-padding-top: 140px;
}
body.menu-active {
overflow: visible;
}
.hidden-desktop {
display: none;
}
.visible-desktop {
display: flex;
}
h1,
.h1 {
font-size: 34px;
}
h2,
.h2 {
font-size: 34px;
}
h3,
.h3 {
font-size: 26px;
}
.h4 {
font-size: 16px;
}
.h5 {
font-size: 20px;
}
.h6 {
font-size: 16px;
}
p {
font-size: 16px;
line-height: 26px;
}
ul li {
font-size: 16px;
line-height: 26px;
}
.article {
font-size: 16px;
}
.article h3 {
font-size: 26px;
margin-top: 60px;
margin-bottom: 8px;
}
.article img {
margin-bottom: 0;
}
.article-links {
display: grid;
grid-template-columns: 1fr 1fr;
-moz-column-gap: 80px;
column-gap: 80px;
margin-top: 30px;
}
.article-link {
padding-top: 28px;
padding-bottom: 24px;
}
.article-files {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 40px;
}
.file-link {
line-height: 14px;
}
.file-link > span > b {
margin-top: 12px;
}
.page-rights .article-accordions {
margin-top: 35px;
margin-bottom: 40px;
}
.article-form h3 {
font-size: 20px !important;
margin-bottom: 20px !important;
}
.card {
padding: 50px;
}
.card--contact {
margin-right: 0 !important;
}
.card--contact h3 {
font-size: 30px;
}
.card--contact p {
font-size: 18px;
}
.card--contact b {
font-size: 24px;
}
.card.card--service h3 {
font-size: 28px;
}
.container {
padding-inline: 100px 160px;
}
.contact {
display: grid;
grid-template-columns: 520px 1fr;
row-gap: 0;
-moz-column-gap: 60px;
column-gap: 60px;
}
.contact article {
padding-right: 45px;
}
.contact h3 {
font-size: 26px;
line-height: 44px;
letter-spacing: 0;
text-align: left;
color: var(--color-theme);
margin-bottom: 16px;
}
.contact__numbers {
width: 100%;
}
.contact__numbers [data-collapse-content] {
position: absolute;
top: 60px;
left: 0;
}
.footer .container {
padding-left: 140px;
}
.footer .button {
margin-top: 12px;
font-size: 14px;
padding: 9px 25px;
}
.footer__body {
padding: 67px 120px 67px 67px;
display: grid;
grid-template-columns: 26% 30% 23% 21%;
grid-template-rows: repeat(3, auto);
row-gap: 10px;
border-radius: 50px 50px 0 0;
background-image: linear-gradient(to left, var(--color-brand-1) 0%, var(--color-brand-1) 60px, var(--background-default) 60px, var(--background-default) 100%);
}
.footer__icon {
top: -44px;
left: -44px;
}
.footer__icon > img {
width: 103px;
height: 111px;
}
.footer__body address {
font-size: 16px;
line-height: 26px;
}
.footer__body p {
font-size: 16px;
line-height: 26px;
max-width: 100%;
}
.footer__vacancies {
display: flex;
flex-direction: column;
justify-content: end;
}
.footer__contacts {
grid-area: 2/2/3/3;
display: flex;
flex-direction: column;
justify-content: end;
}
.footer__schedule {
grid-area: 1/3/2/5;
}
.footer__icons {
grid-area: 3/4/4/5;
}
.footer__icons > img {
width: 133px;
height: 29px;
}
.footer__legal {
padding: 0;
flex-direction: row;
justify-content: space-between;
align-items: end;
grid-area: 3/2/4/4;
height: 100% !important;
}
.footer__logo {
width: 179px;
height: 40px;
}
.footer__social-wrap {
margin-left: auto;
justify-content: flex-end;
}
.footer__title {
font-size: 16px;
line-height: 1;
margin-bottom: 5px;
}
.footer__nav {
row-gap: 16px;
}
.footer__nav > a {
font-size: 16px;
line-height: 26px;
}
.footer__social {
grid-area: 2/4/3/5;
justify-content: end;
}
.footer__social > a {
width: 29px;
height: 29px;
}
.col-xxl {
flex: 1 0 0%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.3333333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.6666666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.3333333333%;
}
.offset-xxl-2 {
margin-left: 16.6666666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.3333333333%;
}
.offset-xxl-5 {
margin-left: 41.6666666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.3333333333%;
}
.offset-xxl-8 {
margin-left: 66.6666666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.3333333333%;
}
.offset-xxl-11 {
margin-left: 91.6666666667%;
}
.header .container {
padding-right: 145px;
}
.header__inner {
height: 120px;
padding-right: 40px;
justify-content: space-between;
gap: 28px;
}
.header__logo {
width: 180px;
}
.header__menu-toggle > a {
padding-right: 17px;
}
.header__menu-toggle > span {
display: inline-block;
padding-right: 16px;
}
.header__menu-toggle {
color: var(--color-black);
font-weight: 400;
border-radius: 20px;
height: 40px;
width: -moz-fit-content;
width: fit-content;
height: 39px;
margin-left: 25px;
border-radius: 20px;
background-color: transparent;
gap: 0;
padding-left: 20px;
}
.header__menu-toggle.active {
background-color: transparent;
color: var(--color-theme-black-inverse);
}
.header__menu-toggle.active svg {
transform: rotate(180deg);
}
.header__menu-toggle:nth-of-type(1) {
margin-left: auto;
}
.header__menu-toggle:nth-of-type(1) .header__item-icon:hover {
color: var(--color-white);
}
.header__menu-toggle:nth-of-type(2) {
margin-left: auto;
}
.header__menu-toggle:nth-of-type(2) .header__item-icon:hover {
background-color: var(--color-brand-2);
color: var(--color-white);
}
.header__menu-toggle:nth-of-type(3) {
margin-left: auto;
}
.header__menu-toggle:nth-of-type(3) .header__item-icon:hover {
background-color: var(--color-brand-4);
color: var(--color-white);
}
.header__menu-toggle:nth-of-type(4) {
margin-left: auto;
}
.header__menu-toggle:nth-of-type(4) .header__item-icon:hover {
background-color: var(--color-brand-1);
color: var(--color-white);
}
.header__menu-content {
padding-left: 0;
width: 100%;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
}
.header__menu {
margin-left: 100px;
margin-right: 145px;
padding-top: 0;
padding-bottom: 0;
top: 110px;
}
.header__menu-desktop {
display: flex;
border-radius: 0;
position: static;
opacity: 1;
margin-left: 100px;
padding: 0;
top: 0;
transform: none;
gap: 25px;
margin-left: auto;
min-height: auto;
transform: none !important;
}
.header__menu-desktop.active {
animation: none;
overflow: visible;
padding-top: 0;
box-shadow: none;
}
.header__menu-desktop > li .header__item-icon > svg {
transform: rotate(0) !important;
transition: all 0.3s;
opacity: 1;
}
.header__menu-desktop > li .header__menu-toggle.active .header__item-icon > svg {
transform: rotate(180deg) !important;
}
.header__menu-desktop > li:first-child .header__item-icon:hover {
background-color: var(--color-brand-3);
}
.header__menu-desktop > li:nth-child(2) .header__item-icon:hover {
background-color: var(--color-brand-2);
}
.header__menu-desktop > li:nth-child(3) .header__item-icon:hover {
background-color: var(--color-brand-4);
}
.header__menu-desktop > li:nth-child(4) .header__item-icon:hover {
background-color: var(--color-brand-1);
}
.header__menu-desktop > li:hover {
background: linear-gradient(90deg, var(--color-gray) 0%, var(--color-gray) calc(100% - 39px), transparent calc(100% - 39px), transparent 100%);
}
.header__inner.active .header__menu-desktop {
flex-direction: row;
}
.header__menu-desktop > li {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.header__menu-desktop .header__menu-toggle.active + .header__menu-content {
padding: 20px 60px 20px 60px;
animation: bounceInDown;
top: 120px;
margin-top: 0;
box-shadow: 0 20px 30px 3px var(--box-shadow-default);
}
.header__nav-toggle {
height: 40px;
border-radius: 20px;
}
.header__nav-content > a:first-child {
display: none;
}
.header__item-toggle {
margin-bottom: 0;
}
.header__item-icon {
width: 39px;
height: 39px;
padding-right: 0;
padding-left: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.header__item-icon:hover svg {
color: var(--color-white) !important;
}
.header__item-content {
display: grid;
grid-template-columns: repeat(5, 1fr);
}
.header__item {
font-weight: 400;
font-size: 14px;
width: 100%;
}
.header__nav-content:nth-child(1) .header__item-toggle.active + .header__item-content {
grid-template-columns: repeat(5, 1fr);
}
.header__nav-content:nth-child(2) .header__item-toggle.active + .header__item-content {
grid-template-columns: repeat(4, 1fr);
}
.header__nav-content:nth-child(3) .header__item-toggle.active + .header__item-content {
grid-template-columns: repeat(4, 1fr);
}
.header__nav-content:nth-child(4) .header__item-toggle.active + .header__item-content {
grid-template-columns: repeat(4, 1fr);
}
.header__button-contact {
font-size: 14px;
font-weight: 400;
margin-left: 0;
}
.header__button-contact > a {
font-weight: 500;
}
.header__button-theme {
margin-left: 0;
}
.header__menu-desktop > li:first-child > ul li .header__item-content {
grid-template-columns: repeat(5, 1fr);
}
.header__menu-desktop > li:nth-child(2) > ul li .header__item-content {
grid-template-columns: repeat(4, 1fr) !important;
}
.header__menu-desktop > li:nth-child(3) > ul li .header__item-content {
grid-template-columns: repeat(5, 1fr) !important;
}
.header__menu-desktop > li:nth-child(4) > ul li .header__item-content {
grid-template-columns: repeat(4, 1fr) !important;
}
.label {
font-size: 20px;
}
.page-header {
padding: 210px 60px 200px 160px;
margin-bottom: 220px;
}
.page-header p {
max-width: 720px;
}
.page-header.page-header--image-left {
height: 520px;
margin-bottom: 60px;
}
.page-header__image {
width: 720px;
height: 320px;
bottom: -160px;
left: 160px;
}
.page-body--image-left .page-content {
grid-template-columns: 220px 980px 90px 160px;
}
.page-header--image-left .page-header__image {
height: 520px;
}
.pagination__link {
font-size: 16px;
}
.pagination__next,
.pagination__prev {
width: 40px;
height: 40px;
}
.pagination__prev svg {
width: 18px;
height: 18px;
}
.pagination__next svg {
width: 18px;
height: 18px;
}
.pagination__item {
width: 40px;
height: 40px;
}
.specilist__card {
padding: 0;
margin: 10px 100px 0 100px;
margin-top: 170px;
max-width: 981px;
border-radius: 20px;
border-left: 20px solid var(--color-brand-3);
}
.specilist__card h3 {
font-size: 28px;
line-height: 44px;
}
.specialist__img {
width: 340px;
height: 100%;
margin: 0;
border-radius: 0px 20px 20px 0px;
padding: 0;
}
.specialist__card_info-wrapper {
padding: 56px 56px 72px 62px;
gap: 0;
box-sizing: border-box;
}
.specilist__info {
gap: 80px;
margin-left: 100px;
margin-right: 100px;
margin-bottom: 160px;
}
.specilist__quote {
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0;
text-align: center;
}
.specilist__link a {
font-weight: 400;
}
.specialist__details-item {
gap: 52px;
}
.specialist__details-item h4 {
font-size: 16px;
min-width: 152px;
line-height: 26px;
}
.specialist__details-item p {
font-weight: 400;
}
.tabs-main {
margin-top: 73px;
}
.tabs-main svg {
top: 26.5px;
width: 53px;
height: 53px;
}
.tabs-main h2 {
font-size: 20px;
letter-spacing: 0;
margin-bottom: -10px;
}
.tabs-main h3 {
font-size: 40px;
color: #71B6CD;
font-weight: 700;
margin-top: 0;
letter-spacing: -1px;
margin-bottom: 32px;
}
.tab-content__centered {
display: flex;
justify-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 20%;
margin: 0 auto;
height: 100%;
}
.tab-content__centered::before {
content: "";
position: absolute;
top: 50px;
right: 0;
left: 0;
margin: 0 auto;
height: calc(100% - 130px);
width: 1px;
bottom: 60px;
margin: auto;
background-color: #97BF0D;
}
.tab-content__centered img {
position: absolute;
top: 135px;
padding-bottom: 20px;
background-color: white;
}
.tab-content-laptop {
display: flex;
justify-content: space-between;
padding: 40px 80px;
}
.tab-content-laptop .tab-content__item {
display: block;
}
.tab-content-laptop .tab-content__item h3 {
font-size: 40px;
}
.section-tabs-team {
padding-top: 54px;
padding-bottom: 203px;
}
.tabs__team-title {
position: absolute;
top: 10px;
left: calc(50% - 75px);
z-index: 5;
}
.tabs__team-title svg {
width: 53px;
height: 53px;
position: absolute;
top: 36px;
left: calc(50% - 26.5px);
}
.tabs__team-title h2 {
text-align: center;
color: #71B6CD;
margin-bottom: 40px;
font-weight: 700;
}
.tabs__team-toggle:before {
content: "";
position: absolute;
width: 100%;
height: 409px;
background-color: white;
border-radius: 30px;
z-index: -11;
top: 70px;
}
.tabs__toggle-img {
width: 360px;
height: 550px;
}
.tabs__toggle-img img {
width: 360px;
height: 550px;
border-radius: 0;
}
.tabs__toggle-img--left {
margin-left: -60px;
}
.tabs__toggle-img--right {
margin-right: -60px;
}
.tab-content__text {
display: block;
width: 46%;
margin-top: 70px;
}
.tab-content__text h3 {
letter-spacing: -0.8px;
}
.tab-content__item {
width: 32.5%;
}
.tabs__team-name .svg-wrapper {
width: 165px;
height: 150px;
}
.tabs__team-name svg {
width: 150px;
height: 132px;
color: #97BF0D;
}
.tabs__team-name span {
position: relative;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
font-family: ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", roboto, oxygen-sans, cantarell, "Helvetica Neue", sans-serif;
font-size: 30px;
font-weight: 700;
color: #97BF0D;
}
.tabs__team-name {
flex-direction: row;
width: -moz-fit-content;
width: fit-content;
align-items: center;
}
.tabs__team-name--left {
top: 110px;
left: clamp(320px, 33%, 490px);
}
.tabs__team-name--left svg {
transform: scaleY(1) rotate(0deg);
}
.tabs__team-name--left span {
top: 0;
left: 0;
margin-bottom: 20px;
}
.tabs__team-name--right {
top: 320px;
right: clamp(350px, 33%, 520px);
}
.tabs__team-name--right span {
margin-top: -29px;
margin-right: -28px;
top: 0;
left: 0;
}
.tabs__team-name--right svg {
transform: scaleY(1) rotate(0deg);
}
.tabs__toggle-img:hover .tab-img-hover {
opacity: 1;
}
.tabs__toggle-img:hover .tab-img {
opacity: 0;
}
.tabs__team-container {
flex-direction: row;
justify-content: space-between;
}
.tab-content__text[aria-expanded=true] {
padding: 0px;
background-color: transparent;
}
.tabs__toggle-img[aria-expanded=true] img {
border: none;
border-radius: 0;
}
.page-wrapper:before {
height: 1060px;
}
.page-wrapper:after {
height: 1060px;
}
.page-body:has(.page-aside) {
padding-bottom: 160px;
grid-template-columns: 1fr 320px 80px 860px 180px 1fr;
}
.page-aside {
grid-column: 1/4;
}
.page-content {
grid-column: 3/5;
}
.page-body--inverse:has(.page-aside) {
grid-template-columns: 1fr 860px 80px minmax(320px, 1fr);
}
.page-article {
max-width: 880px;
padding-left: 160px;
}
.page-body--article .article h1 {
font-size: 34px;
margin-bottom: 38px;
}
.page-body--article .article h3 {
margin: 15px 0 4px;
}
.page-body--article:has(.page-aside) {
display: grid;
grid-template-columns: 1fr 160px 770px 80px 360px 80px 1fr;
gap: 0;
}
.page-body--article:has(.page-aside) .page-header {
padding-top: 310px;
margin-bottom: 230px;
max-width: 720px;
}
.page-body--article:has(.page-aside) .page-header__image {
position: absolute;
max-width: 100%;
height: 320px;
}
.page-body--article:has(.page-aside) .page-content {
grid-column: 3/5;
}
.page-body--article:has(.page-aside) .page-article {
padding: 0 80px;
max-width: 100%;
}
.page-body--article:has(.page-aside) .page-article__news {
gap: 44px;
display: flex;
flex-direction: column;
}
.page-body--article:has(.page-aside) .page-article__news > * {
width: 100%;
}
.page-body--article:has(.page-aside) .page-aside {
padding-inline: 0;
grid-column: 5/6;
}
.homepage::before {
height: 1060px;
}
.homepage::after {
height: 860px;
}
.page-nav {
top: 180px;
font-size: 16px;
}
.page-nav__body {
max-width: 380px;
}
.page-nav__title {
font-weight: 400;
font-size: 24px;
line-height: 44px;
}
.page-nav__title > span {
padding-top: 26px;
padding-bottom: 10px;
padding-left: 120px;
}
.page-nav__list {
gap: 14px;
font-size: 16px;
line-height: 26px;
padding-right: 60px;
padding-left: 120px;
}
.page-nav.page-nav--other .page-nav__link {
padding: 26px 36px;
font-size: 18px;
border-radius: 16px;
}
.page-nav.page-nav--other .page-nav__title {
font-size: 22px;
}
.section-specialties {
margin-left: 0;
padding-right: 0;
}
.specialties {
margin-left: 0;
padding: 45px 160px 30px 60px;
box-shadow: -20px -20px 30px 6px rgba(50, 107, 123, 0.0392156863);
}
.specialties-list {
grid-template-columns: repeat(4, 1fr);
gap: 30px;
max-width: 1330px;
}
.specialties-item {
height: 80px;
max-height: 80px;
}
.specialties-link {
border-radius: 20px;
gap: 27px;
padding-right: 86px;
}
.specialties-link:hover .specialties-link__icon {
width: 75px;
}
.specialties-link span {
font-size: 15px;
padding: 28px 0px 28px 20px;
}
.specialties-link__icon {
width: 64px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.specialties__icon {
top: -39px;
left: -30px;
right: auto;
width: 60px;
height: 78px;
}
.specialties__title {
margin-bottom: 35px;
max-width: 1330px;
}
.specialties__title h2 {
font-size: 34px;
}
.specialties__title .link {
margin-top: 10px;
}
.card-person__text {
bottom: 7px;
}
.section-quote {
margin-top: 110px;
margin-bottom: 130px;
}
.quote {
grid-template-columns: minmax(0, 1fr) 240px 420px 60px minmax(0, 1fr);
margin-right: auto;
margin-left: auto;
}
.quote__text {
position: relative;
width: 500px;
padding: 45px 55px 30px 0;
margin-left: 80px;
}
.quote__text:before {
left: -75vw;
width: 75vw;
}
.quote__text blockquote p {
font-size: 20px;
line-height: 30px;
}
.quote__img {
margin-bottom: -40px;
margin-top: -40px;
}
.toggle {
font-size: 16px;
}
.toggle__content {
padding: 13px 50px 0 33px;
font-size: 16px;
padding-bottom: 21px;
}
a.toggle__item-wrapper {
text-decoration: none;
}
.recommend {
grid-template-columns: 1fr 100px 360px 40px 300px 60px 40px 360px 180px 1fr;
grid-template-rows: 225px 94px 40px auto;
}
.recommend__card:nth-child(1) {
grid-column: 3/4;
grid-row: 1;
}
.recommend__card:nth-child(2) {
grid-column: 5/7;
grid-row: 1/3;
}
.recommend__card-icon {
position: sticky;
top: 200px;
grid-column: 8/9;
grid-row: 1/3;
}
.recommend__card {
height: 320px;
}
.recommend__card-title {
--card-title-height: 95px;
width: 300px;
padding: 20px 18px 20px 40px;
}
.recommend__card-title p:nth-child(2) {
font-size: 14px;
}
.recommend__card-title p {
font-size: 20px;
line-height: 26px;
}
.recommend__card-title div {
padding-right: 20px;
}
.recommend__card-title p {
font-size: 20px;
}
.recommend__icon {
padding: 40px;
}
.recommend__icon p {
max-width: 100%;
margin-top: 34px;
margin-bottom: 16px;
}
.recommend__icon-title svg {
display: none;
}
.recommend__icon-title img {
width: -moz-fit-content;
width: fit-content;
height: 45px;
margin-left: 5px;
margin-top: -8px;
}
.recommend__icon-title span {
width: 60px;
height: 60px;
margin-left: 0px;
margin-right: 0px;
font-size: 22px;
}
.recommend__icon-footer {
margin-top: 34px;
}
.recommend__icon-footer svg {
width: 53px;
height: 45px;
color: var(--color-brand-4);
margin-top: 2px;
}
.recommend__icon-footer .heart {
display: block;
}
.recommend__footer-link {
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
justify-content: flex-start;
}
.recommend__footer-link .link:nth-child(2) {
margin-top: 20px;
}
.recommend__back {
width: 100%;
transform: rotate(7deg);
}
.recommend__text {
grid-column: 1/6;
grid-row: 2/5;
padding-top: 144px;
padding-left: 100px;
padding-bottom: 75px;
padding-right: 80px;
}
.recommend__text h2 {
font-size: 34px;
line-height: 50px;
}
.recommend__text p {
margin-top: 34px;
max-width: 492px;
}
.wrapper-freeze {
display: flex;
width: 100%;
margin-top: 45px;
margin-left: 0;
}
.wrapper-freeze .scroll-area {
overflow-x: hidden;
overflow-y: hidden;
border-right: none;
}
.wrapper-freeze .scroll-area table {
width: 100%;
}
.wrapper-freeze .scroll-area th,
.wrapper-freeze .scroll-area td {
width: 100%;
min-width: 100%;
line-height: 24px;
text-align: left;
vertical-align: top;
height: -moz-fit-content;
height: fit-content;
}
.wrapper-freeze .scroll-area td {
text-wrap: nowrap;
}
.wrapper-freeze .scroll-area th.child-col {
text-wrap: nowrap;
}
.wrapper-freeze .scroll-area td.sticky-col {
text-wrap: wrap;
width: 100px !important;
}
.wrapper-freeze .scroll-area th.sticky-col {
width: 120px !important;
}
.wrapper-freeze .scroll-area th:last-child {
width: 100px !important;
}
.card-news {
width: 100%;
height: 380px;
}
.card-news img {
width: 100%;
height: 270px;
}
.card-news:hover .card-news__inner {
height: 220px;
}
.card-news:hover .card-news__btn {
width: calc(100% - 60px);
background-color: black;
}
.card-news:hover .card-news__btn > span {
opacity: 1;
transition: opacity 0.2s;
transition-delay: 0.2s;
}
.card-news__inner {
height: 160px;
padding: 25px 30px 25px 36px;
}
.card-news__btn {
width: 40px;
right: 30px;
bottom: 30px;
}
.card-news__btn svg {
width: 40px;
height: 40px;
margin-left: auto;
margin-right: 0;
}
.card-news__title {
font-size: 20px;
line-height: 26px;
}
.card-news__subtitle {
line-height: 24px;
-webkit-line-clamp: 2;
}
.card-news--compact {
height: 270px;
}
.card-news--compact .card-news__inner {
border-radius: 0 30px 0 30px;
bottom: 0;
width: 100%;
}
address {
margin-top: 45px;
margin-bottom: 55px;
}
.slider-specialists {
padding-left: 0;
}
.swiper-back {
width: calc(100% - 90px);
}
.swiper-title h3 {
margin-left: 80px;
font-size: 26px;
}
.swiper-navigation {
margin-right: 50px;
gap: 7px;
}
.swiper-button-prev,
.swiper-button-next {
height: 19px;
width: 30px;
margin-top: -3px;
}
.hero__img {
width: 74.7%;
max-width: 1350px;
height: 580px;
}
.hero__text {
margin-top: 52px;
margin-left: auto;
margin-right: 0px;
margin-bottom: 68px;
align-items: center;
}
.hero__text-title h1 {
width: 311px;
line-height: 44px;
margin-bottom: 14px;
}
.hero__text-title {
margin-left: 0px;
}
.hero__text p {
width: 500px;
margin-left: 70px;
margin-top: 16px;
margin-bottom: 15px;
}
.hero__nav-search {
width: 300px;
top: 0;
}
.hero__nav-search:hover,
.hero__nav-search:focus {
width: 500px;
}
.hero__nav-search .nav__item-title {
width: 280px;
}
.hero__nav-search:hover .nav__item-title,
.hero__nav-search:focus .nav__item-title {
width: 480px;
}
.hero__nav-search .nav__item-title span {
font-size: 22px;
line-height: 28px;
margin-top: 0px;
}
.hero__nav-search .nav__title-search {
width: 390px;
}
.hero__nav-search:hover .nav__title-search,
.hero__nav-search:focus .nav__title-search {
width: 400px;
}
.hero__nav-search .nav__title-search input {
width: 165px;
}
.hero__nav-search:hover .nav__title-search input,
.hero__nav-search:focus .nav__title-search input {
width: 380px;
}
.hero__nav-search .nav__title-search button {
background-color: transparent;
width: 39px;
height: 35px;
}
.hero__nav-search:hover .nav__title-search button,
.hero__nav-search:focus .nav__title-search button {
background-color: var(--color-brand-1);
}
.hero__nav-search .nav__title-search button svg {
color: var(--color-brand-1);
}
.hero__nav-search:hover .nav__title-search button svg,
.hero__nav-search:focus .nav__title-search button svg {
color: var(--color-white);
}
.hero__nav-calendar {
top: 180px;
width: 300px;
height: 76px;
}
.hero__nav-calendar .nav__item-title {
width: 280px;
padding-left: 42px;
}
.hero__nav-calendar:hover .nav__item-title {
width: 261px;
}
.hero__nav-calendar .nav__item-title svg {
width: 36px;
height: 36px;
}
.hero__nav-calendar .nav__item-title span {
margin-left: 21px;
font-size: 16px;
}
.hero__nav-phone {
top: 280px;
height: 76px;
width: 300px;
}
.hero__nav-phone .nav__item-title {
padding-left: 42px;
width: 280px;
}
.hero__nav-phone:hover .nav__item-title {
width: 261px;
}
.hero__nav-phone .nav__item-title svg {
width: 36px;
height: 36px;
}
.hero__nav-phone .nav__item-title span {
font-size: 16px;
margin-left: 21px;
}
.page-news {
grid-template-columns: 100px 60px 870px 50px 140px 60px 120px 40px !important;
}
.page-news .page-content {
grid-column: 3/6 !important;
margin-top: 120px;
}
.page-news .page-header {
margin-bottom: 0px;
padding: 65px 60px 287px 100px;
border-bottom-left-radius: 50px;
}
.page-news .page-header h1 {
margin-bottom: 24px;
}
.page-news .page-header p {
line-height: 25px;
}
.page-news .page-header h1 {
line-height: 44px;
}
.page-news .page-article {
margin-top: -219px;
padding-left: 100px;
padding-right: 200px;
}
.page-news .page-aside {
grid-column: 5/8 !important;
}
.page-article__news {
gap: 40px;
}
.page-news .page-nav {
margin-left: 0;
margin-right: 0;
top: 180px;
}
.page-news .page-nav__title {
text-align: center;
padding-bottom: 17px;
}
.page-news .page-nav__list {
gap: 20px;
height: 100%;
}
.page-news .page-nav__item {
padding: 19px 50px 18px;
}
.page-news .page-nav__link > span {
font-size: 16px;
font-weight: 400;
line-height: 23px;
}
.page-speciality {
grid-template-columns: 1fr 100px 60px 870px 50px 140px 60px 120px 40px 1fr !important;
}
.page-speciality .page-header {
margin-top: 0;
margin-bottom: 50px;
height: 520px;
}
.page-article.specialists {
padding: 0px 80px 0px 79px;
}
.page-article.specialists h3 {
margin-top: 45px;
}
.page-article.specialists ul {
margin-top: 27px;
margin-bottom: 26px;
margin-left: 25px;
}
.speciality__title {
margin-bottom: 23px;
}
.speciality__title h1 {
margin-left: 21px;
}
.speciality__title svg {
width: 83px;
height: 83px;
}
.page-speciality .page-aside {
grid-column: 5/11 !important;
grid-row: 1;
}
.page-speciality .page-content {
grid-column: 4/7 !important;
}
.page-speciality .page-nav__body {
padding: 40px 40px 45px 60px;
}
.page-speciality .page-nav__phone svg {
margin-right: 11px;
}
.page-speciality .page-nav__phone span {
font-size: 20px;
line-height: 44px;
}
.page-speciality .page-nav__phone-inner p {
font-size: 16px;
line-height: 26px;
margin-top: 11px;
}
.page-speciality .page-nav__title {
display: flex;
}
.page-speciality .page-nav__title:first-child span {
display: none;
}
.page-speciality .page-nav__list {
display: flex;
}
.page-speciality .page-article__slider {
margin-top: 55px;
max-width: 795px;
}
.page-speciality .page-article__slider:after {
content: "";
display: block;
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: -100vw;
background: var(--color-gray);
}
.page-rights {
padding-top: 200px !important;
}
.page-rights h3 {
font-size: 20px !important;
padding: 8px 0 0px !important;
}
.page-rights.page-body--article:has(.page-aside) {
grid-template-columns: 160px 760px 120px 340px 60px;
}
.page-rights.page-body--article:has(.page-aside) .page-article {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1440px) and (min-width: 1440px) {
.header__menu-toggle:nth-of-type(1) {
margin-left: 0;
}
}
@media (min-width: 1600px) {
.card--contact p {
font-size: 20px;
}
.header .container {
padding-right: 160px;
}
.header__menu {
margin-right: 160px;
}
.header__menu-desktop {
margin-right: 0;
}
.tab-content-laptop {
padding: 85px 140px;
}
.tab-content__item {
width: 34%;
}
.specialties-list {
grid-template-columns: repeat(5, 1fr);
}
}
@media (min-width: 1800px) {
.card-contact {
padding: 70px 70px 40px;
}
}
@media (max-width: 1023px) {
.quote__img img {
animation: none;
}
}
@media (max-width: 470px) {
.tab-button {
font-size: 19px;
}
}
@media (max-width: 460px) {
.header__item {
width: 100%;
}
}
@media (prefers-reduced-motion: no-preference) {
:where(html:focus-within) {
scroll-behavior: smooth;
}
html {
scroll-behavior: smooth;
}
}li.phone .header__item svg {
height: 26px;
width: 26px;
}
.page-body--article .article h1 {
line-height: 1.1;
}
.page-body--article .article h3 {
margin: 0;
padding: 0;
}
.card-person svg {
color: var(--color-brand-3);
}
.card-person__text {
right: 10px;
}
.recommend__card-title,
.recommend__card {
animation-duration: 1s !important;
}
#map {
padding: 40px 0 20px 0;
}
#map iframe {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
max-width: 100%;
} .footer__nav ul li {
list-style-type: none;
}
.footer__nav ul li > a {
text-decoration: none;
text-align: left;
font-weight: 500;
color: var(--color-gray-dark);
}
.footer__nav ul li > a:focus,
.footer__nav ul li > a:hover,
.footer__nav ul li > a:active {
color: var(--color-theme-black-inverse);
text-decoration: underline;
} .footer__legal ul {
display: inline-flex;
flex-direction: column;
align-items: center;
grid-area: 3/2/4/4;
max-width: 100%;
width: 100%;    
}
.footer__legal ul li {
list-style-type: none;    
}
.footer__legal ul li > a {
text-decoration: none;
color: rgb(177, 179, 180);
font-size: 13px;
font-weight: 400;
line-height: 26px;    
}
.footer__legal ul li > a:focus,
.footer__legal ul li > a:hover,
.footer__legal ul li > a:active {
color: var(--color-theme-black-inverse);
text-decoration: underline;
} .mobile-only { display: inline-flex; }
.desktop-only { display: none; }    
@media (min-width: 768px) {
.mobile-only { display: none; }
.desktop-only { display: inline-flex; }
.page-speciality .page-nav__body {
margin-top: 240px;
}
.footer__icons {
padding-bottom: 8px;    
}
.footer__legal {
padding: 0;
}    
.footer__legal ul {
display: grid;
grid-template-columns: 28% repeat(2, 36%);
grid-template-rows: repeat(1, 1fr);
gap: 0;
}
.footer__legal ul li:nth-of-type(1) {
grid-area: 1 / 1 / 3 / 3;
}
.footer__legal ul li:nth-of-type(2) {
grid-area: 1 / 2 / 3 / 3;
}    
.footer__legal ul li:nth-of-type(3) {
grid-area: 1 / 3 / 3 / 3;
}
}
@media (min-width: 1440px) {
.header__menu-desktop > li:nth-child(2) > ul li .header__item-content {
grid-template-columns: repeat(5, 1fr) !important;
}
.hero__nav-calendar .nav__item-title span {
line-height: 1.3;
padding-right: 12px;
}
.page-speciality .page-nav__body {
margin-top: 460px;
}
.file-link {
line-height: 1.1;
}
.footer__nav ul {
align-items: flex-start;
display: flex;
flex-direction: column;        
row-gap: 16px;
}
.footer__nav ul li > a {
font-size: 16px;
line-height: 26px;
}
.footer__legal ul {
display: flex;
flex-direction: row;
justify-content: space-between;
}
} .gform_wrapper.gravity-theme .gform_fields {
grid-row-gap: 0px !important;
}
.gfield--type-consent {
padding: 20px 0 0 0 !important;
}
.gfield_consent_label {
line-height: 1.3;
}
input[type="checkbox"] {
}
.input,
.contact__form .gfield.control input {
width: 100%;
border: 1px solid var(--color-theme);
border-radius: 10px;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03);
font-size: 16px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0;
text-align: left;
padding: 6px 0 6px 20px;
background-color: var(--background-default);
color: var(--color-text);
}
.contact__form .gfield.control input:focus,
.contact__form .gfield.control input:hover,
.contact__form .gfield.control input:active {
border-color: var(--color-theme-active);
outline: none;
}
.gform_confirmation_message {
font-weight: 500;
font-size: 20px;
line-height: 1.3;
padding-top: 40px;    
}.gform_wrapper.gravity-theme fieldset,.gform_wrapper.gravity-theme legend{background:0 0;padding:0}.gform_wrapper.gravity-theme fieldset{border:none;display:block;margin:0}.gform_wrapper.gravity-theme legend{margin-left:0;margin-right:0}@font-face{font-family:gform-icons-theme;src:url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/fonts/gform-icons-theme.woff2?o6rzdt) format('woff2'),url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/fonts/gform-icons-theme.ttf?o6rzdt) format('truetype'),url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/fonts/gform-icons-theme.woff?o6rzdt) format('woff'),url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/fonts/gform-icons-theme.svg?o6rzdt#gform-icons-theme) format('svg');font-weight:400;font-style:normal;font-display:block}.gform-icon{font-family:gform-icons-theme!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gform-icon--photograph:before{content:"\e91e"}.gform-icon--star-border:before{content:"\e915"}.gform-icon--star:before{content:"\e914"}.gform-icon--left-arrow:before{content:"\e910"}.gform-icon--right-arrow:before{content:"\e91b"}.gform-icon--circle-error:before{content:"\e91a"}.gform-icon--close-small:before{content:"\e905"}.gform-icon--info:before{content:"\e900"}.gform-icon--verified:before{content:"\e901"}.gform-icon--circle-close:before{content:"\e903"}.gform-icon--close-big:before{content:"\e904"}.gform-icon--down-arrow:before{content:"\e906"}.gform-icon--format-bold:before{content:"\e907"}.gform-icon--format-italic:before{content:"\e908"}.gform-icon--format-list-bulleted:before{content:"\e909"}.gform-icon--format-list-numbered:before{content:"\e90a"}.gform-icon--insert-link:before{content:"\e90b"}.gform-icon--line:before{content:"\e90c"}.gform-icon--password-eye:before{content:"\e90d"}.gform-icon--password-eye-closed:before{content:"\e90e"}.gform-icon--redo:before{content:"\e90f"}.gform-icon--schedule:before{content:"\e911"}.gform-icon--clock:before{content:"\e912"}.gform-icon--search:before{content:"\e913"}.gform-icon--star-half:before{content:"\e916"}.gform-icon--check:before{content:"\e917"}.gform-icon--undo:before{content:"\e918"}.gform-icon--unfold-more:before{content:"\e919"}.gform-icon--create:before{content:"\e91c"}.gform-icon--cog:before{content:"\e91d"}.gform-icon--circle-check:before{content:"\e902"}.gform_wrapper.gravity-theme .gform-ul-reset{list-style-type:none;margin:0;padding:0}.gform_wrapper.gravity-theme .gform-text-input-reset,.gform_wrapper.gravity-theme input.gform-text-input-reset,body[class*=avada] .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]).gform-text-input-reset{background-color:transparent;border:none;border-color:transparent;border-radius:0;font-family:inherit;font-size:inherit;outline:0;padding:inherit}.gform_wrapper.gravity-theme .gform_drop_area{background:rgba(0,0,0,.02);border:1px dashed #ccc;border-radius:4px;margin-bottom:8px;padding:32px;text-align:center}.gform_wrapper.gravity-theme .gform_drop_instructions{display:block;margin-bottom:8px}.gform_wrapper.gravity-theme .gform_delete,.gform_wrapper.gravity-theme .gform_delete_file{cursor:pointer;vertical-align:middle}.gform_wrapper.gravity-theme .gform_delete_file{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:0 0;border:none}.gform_wrapper.gravity-theme .gfield_fileupload_filesize{padding:0 6px}.gform_wrapper.gravity-theme .gfield_validation_message ul{margin:16px 0;padding-left:24px}.gform_wrapper.gravity-theme .gfield_validation_message ul:empty{display:none}.gform_wrapper.gravity-theme .ginput_preview{margin:16px 0}.gform_wrapper.gravity-theme .gform_fileupload_rules{display:block;margin-top:8px}.gform_wrapper.gravity-theme .ginput_container_password>span{position:relative}.gform_wrapper.gravity-theme .gform_show_password:focus{outline:0}.gform_wrapper.gravity-theme .gform_show_password{background-color:inherit;border:none;cursor:pointer;height:100%;padding:0;position:absolute;right:20px;top:0}.gform_wrapper.gravity-theme .password_input_container{display:block;position:relative}.gform_wrapper.gravity-theme .gfield_password_strength{background-color:#eee;border:1px solid #ddd;border-bottom:3px solid #ddd;margin-top:8px;padding:8px;text-align:center}.gform_wrapper.gravity-theme .gfield_password_strength.mismatch,.gform_wrapper.gravity-theme .gfield_password_strength.short{background-color:#ffa0a0;border-bottom:3px solid #f04040;border-color:#f04040}.gform_wrapper.gravity-theme .gfield_password_strength.bad{background-color:#ffb78c;border-bottom:3px solid #ff853c;border-color:#ff853c}.gform_wrapper.gravity-theme .gfield_password_strength.good{background-color:#ffec8b;border-bottom:3px solid #fc0;border-color:#fc0}.gform_wrapper.gravity-theme .gfield_password_strength.strong{background-color:#c3ff88;border-bottom:3px solid #8dff1c;border-color:#8dff1c}.gform_wrapper.gravity-theme .field_sublabel_above .gfield_password_strength{margin-top:16px}.gravity-theme.ui-datepicker{background-color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 5px rgba(0,0,0,.1);display:none;margin:2.4px;padding:8px}.gravity-theme.ui-datepicker[style]{z-index:9999!important}.gravity-theme.ui-datepicker .ui-datepicker-header{border-bottom:1px solid rgba(0,0,0,.1);margin:0 -8px 8px;padding:0 8px 8px;position:relative}.gravity-theme.ui-datepicker .ui-datepicker-next,.gravity-theme.ui-datepicker .ui-datepicker-prev{cursor:pointer;position:absolute}.gravity-theme.ui-datepicker .ui-datepicker-next::before,.gravity-theme.ui-datepicker .ui-datepicker-prev::before{border-style:solid;border-width:.18em .18em 0 0;content:"";display:inline-block;height:.55em;left:.15em;position:relative;top:.3em;transform:rotate(-135deg);vertical-align:top;width:.55em}.gravity-theme.ui-datepicker .ui-datepicker-next .ui-icon,.gravity-theme.ui-datepicker .ui-datepicker-prev .ui-icon{display:none}.gravity-theme.ui-datepicker .ui-datepicker-prev{left:16px}.gravity-theme.ui-datepicker .ui-datepicker-next{right:16px}.gravity-theme.ui-datepicker .ui-datepicker-next::before{left:0;transform:rotate(45deg)}.gravity-theme.ui-datepicker .ui-datepicker-title{text-align:center}.gravity-theme.ui-datepicker .ui-datepicker-title select{margin:0 4px}.gravity-theme.ui-datepicker .ui-datepicker table{border-spacing:0;margin:0}.gravity-theme.ui-datepicker .ui-datepicker thead{font-size:.85em}.gravity-theme.ui-datepicker .ui-datepicker td{padding:0;width:35.2px}.gravity-theme.ui-datepicker a.ui-state-default{border-radius:50%;color:#222;display:block;line-height:35.2px;text-align:center;text-decoration:none;width:100%}.gravity-theme.ui-datepicker a.ui-state-default:hover{background-color:rgba(0,0,0,.1)}.gravity-theme.ui-datepicker a.ui-state-active,.gravity-theme.ui-datepicker a.ui-state-active:hover{background-color:#3498db;color:#fff}.gform_wrapper.gravity-theme ::-ms-reveal{display:none}.gform_wrapper.gravity-theme .gform_validation_container,body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gform_validation_container,body .gform_wrapper.gravity-theme .gform_fields .gfield.gform_validation_container,body .gform_wrapper.gravity-theme .gform_validation_container{display:none!important;left:-9000px;position:absolute!important}.gform_wrapper.gravity-theme .chosen-container{display:inline-block;font-size:16px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.gform_wrapper.gravity-theme .chosen-container *{box-sizing:border-box}.gform_wrapper.gravity-theme .chosen-container .chosen-drop{background:#fff;border:1px solid #aaa;border-top:0;box-shadow:0 4px 5px rgba(0,0,0,.15);display:none;position:absolute;top:100%;width:100%;z-index:1010}.gform_wrapper.gravity-theme .chosen-container.chosen-with-drop .chosen-drop{display:block}.gform_wrapper.gravity-theme .chosen-container a{cursor:pointer}.gform_wrapper.gravity-theme .chosen-container .chosen-single .group-name,.gform_wrapper.gravity-theme .chosen-container .search-choice .group-name{color:#999;font-weight:400;margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gform_wrapper.gravity-theme .chosen-container .chosen-single .group-name::after,.gform_wrapper.gravity-theme .chosen-container .search-choice .group-name::after{content:":";padding-left:2px;vertical-align:top}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single{background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;background-color:#fff;border:1px solid #aaa;border-radius:5px;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;display:block;height:40px;line-height:24px;overflow:hidden;padding:0 0 0 8px;position:relative;text-decoration:none;white-space:nowrap}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single input[type=text]{cursor:pointer;opacity:0;position:absolute;width:0}.gform_wrapper.gravity-theme .chosen-container-single .chosen-default{color:#999}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single span{display:block;line-height:38.4px;margin-right:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single-with-deselect span{margin-right:36px}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single abbr{background:url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png) -42px 1px no-repeat;display:block;font-size:1px;height:12px;position:absolute;right:26px;top:6px;width:12px}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.gform_wrapper.gravity-theme .chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div{display:block;height:100%;position:absolute;right:0;top:0;width:18px}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b{background:url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png) no-repeat 0 10px;display:block;height:100%;width:100%}.gform_wrapper.gravity-theme .chosen-container-single .chosen-search{margin:0;padding:3px 4px;position:relative;white-space:nowrap;z-index:1010}.gform_wrapper.gravity-theme .chosen-container-single .chosen-search input[type=text]{background:url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png) no-repeat 100% -20px;border:1px solid #aaa;border-radius:0;font-family:sans-serif;font-size:1em;height:auto;line-height:normal;margin:1px 0;outline:0;padding:4px 20px 4px 5px;width:100%}.gform_wrapper.gravity-theme .chosen-container-single .chosen-drop{background-clip:padding-box;border-radius:0 0 4px 4px;margin-top:-1px}.gform_wrapper.gravity-theme .chosen-container-single.chosen-container-single-nosearch .chosen-search{opacity:0;pointer-events:none;position:absolute}.gform_wrapper.gravity-theme .chosen-container .chosen-results{color:#444;margin:0 4px 4px 0;max-height:240px;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:0 0 0 4px;position:relative}.gform_wrapper.gravity-theme .chosen-container .chosen-results li{display:none;line-height:15px;list-style:none;margin:0;padding:5px 6px;-webkit-touch-callout:none;word-wrap:break-word}.gform_wrapper.gravity-theme .chosen-container .chosen-results li.active-result{cursor:pointer;display:list-item}.gform_wrapper.gravity-theme .chosen-container .chosen-results li.disabled-result{color:#ccc;cursor:default;display:list-item}.gform_wrapper.gravity-theme .chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.gform_wrapper.gravity-theme .chosen-container .chosen-results li.no-results{background:#f4f4f4;color:#777;display:list-item}.gform_wrapper.gravity-theme .chosen-container .chosen-results li.group-result{cursor:default;display:list-item;font-weight:700}.gform_wrapper.gravity-theme .chosen-container .chosen-results li.group-option{padding-left:15px}.gform_wrapper.gravity-theme .chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices{background-color:#fff;border:1px solid #aaa;cursor:text;height:auto;margin:0;overflow:hidden;padding:8px;position:relative;width:100%}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li{float:left;list-style:none}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-field input[type=text]{background:0 0!important;border:0!important;border-radius:0;box-shadow:none;color:#999;font-family:sans-serif;font-size:100%;height:25px;line-height:normal;margin:1px 0;outline:0;padding:0;width:25px}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice{background-clip:padding-box;background-color:#eee;background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-repeat:repeat-x;background-size:100% 19px;border:1px solid #aaa;border-radius:3px;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;cursor:default;line-height:13px;margin:3px 5px 3px 0;max-width:100%;padding:3px 20px 3px 5px;position:relative}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{background:url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png) -42px 1px no-repeat;display:block;font-size:1px;height:12px;position:absolute;right:3px;top:4px;width:12px}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice-disabled{background-color:#e4e4e4;background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);border:1px solid #ccc;color:#666;padding-right:5px}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-results{margin:0;padding:0}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-drop .result-selected{color:#ccc;cursor:default;display:list-item}.gform_wrapper.gravity-theme .chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.gform_wrapper.gravity-theme .chosen-container-active.chosen-with-drop .chosen-single{background-image:linear-gradient(#eee 20%,#fff 80%);border:1px solid #aaa;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 1px 0 #fff inset}.gform_wrapper.gravity-theme .chosen-container-active.chosen-with-drop .chosen-single div{background:0 0;border-left:none}.gform_wrapper.gravity-theme .chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 10px}.gform_wrapper.gravity-theme .chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.gform_wrapper.gravity-theme .chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.gform_wrapper.gravity-theme .chosen-disabled{cursor:default;opacity:.5!important}.gform_wrapper.gravity-theme .chosen-disabled .chosen-single{cursor:default}.gform_wrapper.gravity-theme .chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.gform_wrapper.gravity-theme .chosen-rtl{text-align:right}.gform_wrapper.gravity-theme .chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.gform_wrapper.gravity-theme .chosen-rtl .chosen-single span{direction:rtl;margin-left:26px;margin-right:0}.gform_wrapper.gravity-theme .chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.gform_wrapper.gravity-theme .chosen-rtl .chosen-single div{left:3px;right:auto}.gform_wrapper.gravity-theme .chosen-rtl .chosen-single abbr{left:26px;right:auto}.gform_wrapper.gravity-theme .chosen-rtl .chosen-choices li{float:right}.gform_wrapper.gravity-theme .chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.gform_wrapper.gravity-theme .chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.gform_wrapper.gravity-theme .chosen-rtl .chosen-choices li.search-choice .search-choice-close{left:4px;right:auto}.gform_wrapper.gravity-theme .chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.gform_wrapper.gravity-theme .chosen-rtl .chosen-results li.group-option{padding-left:0;padding-right:15px}.gform_wrapper.gravity-theme .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.gform_wrapper.gravity-theme .chosen-rtl .chosen-search input[type=text]{background:url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png) no-repeat -30px -20px;direction:rtl;padding:4px 5px 4px 20px}.gform_wrapper.gravity-theme .chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.gform_wrapper.gravity-theme .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.gform_wrapper.gravity-theme .chosen-container .chosen-results-scroll-down span,.gform_wrapper.gravity-theme .chosen-container .chosen-results-scroll-up span,.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices .search-choice .search-choice-close,.gform_wrapper.gravity-theme .chosen-container-single .chosen-search input[type=text],.gform_wrapper.gravity-theme .chosen-container-single .chosen-single abbr,.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b,.gform_wrapper.gravity-theme .chosen-rtl .chosen-search input[type=text]{background-image:url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/legacy/css/chosen-sprite@2x.png)!important;background-repeat:no-repeat!important;background-size:52px 37px!important}}body .gform_wrapper.gravity-theme .chosen-container a.chosen-single{border-radius:inherit}body .gform_wrapper.gravity-theme ul.chosen-results li{line-height:inherit}@media only screen and (max-width:641px){.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){line-height:2;min-height:32px}.gform_wrapper.gravity-theme textarea{line-height:1.5}.gform_wrapper.gravity-theme .chosen-container.chosen-container-single[style]{width:100%!important}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single{height:40px;line-height:2.8}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b{position:relative;top:10px}.gform_wrapper.gravity-theme div.chosen-container.chosen-container-multi[style]{width:100%!important}.gform_wrapper.gravity-theme .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice,.gform_wrapper.gravity-theme .chosen-container.chosen-container-multi ul.chosen-choices li.search-field{float:none;line-height:inherit;width:100%}.gform_wrapper.gravity-theme .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice span{margin-bottom:0}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{top:calc(50% - 6px)}.gform_wrapper.gravity-theme .chosen-container span:not(.ginput_price){display:block;margin-bottom:8px}.gform_wrapper.gravity-theme li.field_sublabel_below .ginput_complex{margin-top:12px!important}.gform_wrapper.gravity-theme ul.gfield_checkbox li label,.gform_wrapper.gravity-theme ul.gfield_radio li label{cursor:pointer;width:85%}}@media only screen and (min-width:641px){body .gform_wrapper.gravity-theme select.medium.gfield_select+div.chosen-container-multi[style],body .gform_wrapper.gravity-theme select.medium.gfield_select+div.chosen-container-single[style]{width:calc(50% - 8px)!important}body .gform_wrapper.gravity-theme select.large.gfield_select+div.chosen-container-multi[style],body .gform_wrapper.gravity-theme select.large.gfield_select+div.chosen-container-single[style]{width:100%!important}body .gform_wrapper.gravity-theme select.small.gfield_select+div.chosen-container-multi[style],body .gform_wrapper.gravity-theme select.small.gfield_select+div.chosen-container-single[style]{width:25%!important}}.gform_wrapper.gravity-theme .gf_hide_ampm .gfield_time_ampm{display:none!important}.gform_wrapper.gravity-theme .gf_invisible,.gform_wrapper.gravity-theme .gfield_visibility_hidden{left:-9999px;position:absolute;visibility:hidden}.gform_wrapper.gravity-theme .gf_hide_charleft div.charleft{display:none!important}.gform_wrapper.gravity-theme .gf_hidden,.gform_wrapper.gravity-theme .gform_hidden{display:none}.gform_wrapper.gravity-theme .hidden_label .gfield_label,.gform_wrapper.gravity-theme .hidden_sub_label,.gform_wrapper.gravity-theme .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.gform_wrapper.gravity-theme button.screen-reader-text:focus{border:0;clip:auto;clip-path:none;height:auto;margin:0;position:static!important;width:auto}@media only screen and (min-width:641px){.gform_wrapper.gravity-theme .gfield.gf_list_2col .gfield_checkbox,.gform_wrapper.gravity-theme .gfield.gf_list_2col .gfield_radio{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(auto-fill,auto);grid-column-gap:2rem}.gform_wrapper.gravity-theme .gfield.gf_list_3col .gfield_checkbox,.gform_wrapper.gravity-theme .gfield.gf_list_3col .gfield_radio{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fill,auto);grid-column-gap:2rem}.gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_checkbox,.gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_radio{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(auto-fill,auto);grid-column-gap:2rem}.gform_wrapper.gravity-theme .gfield.gf_list_5col .gfield_checkbox,.gform_wrapper.gravity-theme .gfield.gf_list_5col .gfield_radio{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(auto-fill,auto);grid-column-gap:2rem}.gform_wrapper.gravity-theme .gf_list_2col_vertical .gfield_checkbox,.gform_wrapper.gravity-theme .gf_list_2col_vertical .gfield_radio{-moz-column-count:2;column-count:2;grid-column-gap:2rem;display:block}.gform_wrapper.gravity-theme .gf_list_3col_vertical .gfield_checkbox,.gform_wrapper.gravity-theme .gf_list_3col_vertical .gfield_radio{-moz-column-count:3;column-count:3;grid-column-gap:2rem;display:block}.gform_wrapper.gravity-theme .gf_list_4col_vertical .gfield_checkbox,.gform_wrapper.gravity-theme .gf_list_4col_vertical .gfield_radio{-moz-column-count:4;column-count:4;grid-column-gap:2rem;display:block}.gform_wrapper.gravity-theme .gf_list_5col_vertical .gfield_checkbox,.gform_wrapper.gravity-theme .gf_list_5col_vertical .gfield_radio{-moz-column-count:5;column-count:5;grid-column-gap:2rem;display:block}.gform_wrapper.gravity-theme .gfield.gf_list_height_25 .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_height_25 .gfield_radio .gchoice{height:25px}.gform_wrapper.gravity-theme .gfield.gf_list_height_50 .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_height_50 .gfield_radio .gchoice{height:50px}.gform_wrapper.gravity-theme .gfield.gf_list_height_75 .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_height_75 .gfield_radio .gchoice{height:75px}.gform_wrapper.gravity-theme .gfield.gf_list_height_100 .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_height_100 .gfield_radio .gchoice{height:100px}.gform_wrapper.gravity-theme .gfield.gf_list_height_125 .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_height_125 .gfield_radio .gchoice{height:125px}.gform_wrapper.gravity-theme .gfield.gf_list_height_150 .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_height_150 .gfield_radio .gchoice{height:150px}}.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_checkbox,.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_radio,.gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_checkbox,.gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_radio{display:block}.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_radio .gchoice,.gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_radio .gchoice{display:inline-block;padding-inline-end:16px;vertical-align:top}.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_checkbox .gchoice label,.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_radio .gchoice label,.gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_checkbox .gchoice label,.gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_radio .gchoice label{max-width:none}.gform_wrapper.gravity-theme .gf_hide_ampm .gfield_time_ampm{display:none!important}.gform_wrapper.gravity-theme .gsection.gf_scroll_text{background-color:#fff;border:1px solid #ccc;height:240px;overflow-x:hidden;overflow-y:scroll;padding:32px}.gform_wrapper.gravity-theme .gsection.gf_scroll_text .gsection_title{margin-top:0}.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_blue,.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_gray,.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_green,.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_red,.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_yellow{border-radius:3px;margin:20px 0!important;padding:20px!important}.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_green{background-color:#cbeca0;border:1px solid #97b48a;color:#030;text-shadow:#dfb 1px 1px}.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_red{background-color:#faf2f5;border:1px solid #cfadb3;color:#832525;text-shadow:#fff 1px 1px}.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_yellow{background-color:#fffbcc;border:1px solid #e6db55;color:#222;text-shadow:#fcfaea 1px 1px}.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_gray{background-color:#eee;border:1px solid #ccc;color:#424242;text-shadow:#fff 1px 1px}.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_blue{background-color:#d1e4f3;border:1px solid #a7c2e7;color:#314475;text-shadow:#e0f1ff 1px 1px}.gform_wrapper.gravity-theme .gf_simple_horizontal{margin:0 auto;width:calc(100% - 16px)}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body,.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label{display:table-cell;margin:0;padding:0;position:relative;vertical-align:middle}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body{max-width:75%;width:auto}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label{display:table;width:100%}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield{display:table-cell;height:auto;padding-right:1em}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .large,.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .medium,.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .small{width:100%}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .ginput_container_checkbox .gchoice,.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .ginput_container_radio .gchoice{display:inline-block;margin-right:.5em}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label.form_sublabel_above .gfield,.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label.form_sublabel_below .gfield{vertical-align:middle}.gform_wrapper.gravity-theme .gf_simple_horizontal .gfield,.gform_wrapper.gravity-theme .gf_simple_horizontal .ginput_container{margin-top:0!important}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label{margin:0;max-width:25%;padding:0;text-align:left;width:auto}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label input[type=button],.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label input[type=image],.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label input[type=submit]{height:auto}.gform_wrapper.gravity-theme .gf_simple_horizontal .gfield_description:not(.validation_message),.gform_wrapper.gravity-theme .gf_simple_horizontal .gfield_label,.gform_wrapper.gravity-theme .gf_simple_horizontal .ginput_complex label{display:block;height:1px;left:-9000px;overflow:hidden;position:absolute;top:0;width:1px}.gform_wrapper.gravity-theme body:not(.rtl) .gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label{text-align:left}.gform_confirmation_wrapper.gf_confirmation_simple_yellow{background-color:#fffbcc;border-bottom:1px solid #e6db55;border-top:1px solid #e6db55;color:#424242;font-size:25px;margin:30px 0;max-width:99%;padding:32px}.gform_confirmation_wrapper.gf_confirmation_simple_gray{background-color:#eaeaea;border-bottom:1px solid #ccc;border-top:1px solid #ccc;color:#424242;font-size:25px;margin:30px 0;max-width:99%;padding:32px}.gform_confirmation_wrapper.gf_confirmation_yellow_gradient{background-color:#fffbd2;border:1px solid #e6db55;box-shadow:0 0 5px rgba(221,215,131,.75);margin:30px 0;position:relative}.gform_confirmation_wrapper.gf_confirmation_yellow_gradient .gform_confirmation_message{background:#fffce5;background:linear-gradient(to bottom,#fffce5 0,#fff9bf 100%);background-color:#fffbcc;border-bottom:1px solid #e6db55;border-top:2px solid #fff;color:#424242;font-size:28px;margin:0;max-width:99%;padding:40px}.gform_confirmation_wrapper.gf_confirmation_green_gradient{background-color:#f1fcdf;border:1px solid #a7c37c;box-shadow:0 0 5px rgba(86,122,86,.4);margin:30px 0;position:relative}.gform_confirmation_wrapper.gf_confirmation_green_gradient .gform_confirmation_message{background:#dbf2b7;background:linear-gradient(to bottom,#dbf2b7 0,#b4d088 100%);background-color:#fffbcc;border-bottom:1px solid #a7c37c;border-top:2px solid #effade;color:#030;font-size:28px;margin:0;max-width:99%;padding:40px;text-shadow:#dfb 1px 1px}.gform_confirmation_wrapper.gf_confirmation_green_gradient::after,.gform_confirmation_wrapper.gf_confirmation_green_gradient::before,.gform_confirmation_wrapper.gf_confirmation_yellow_gradient::after,.gform_confirmation_wrapper.gf_confirmation_yellow_gradient::before{background:rgba(0,0,0,.2);bottom:15px;box-shadow:0 15px 10px rgba(0,0,0,.2);content:"";left:10px;max-width:40%;position:absolute;top:80%;transform:rotate(-3deg);width:50%;z-index:-1}.gform_confirmation_wrapper.gf_confirmation_green_gradient::after,.gform_confirmation_wrapper.gf_confirmation_yellow_gradient::after{left:auto;right:10px;transform:rotate(3deg)}.gform_wrapper.gravity-theme .gfield textarea{width:100%}.gform_wrapper.gravity-theme .gfield textarea.small{height:96px}.gform_wrapper.gravity-theme .gfield textarea.medium{height:192px}.gform_wrapper.gravity-theme .gfield textarea.large{height:288px}.gform_wrapper.gravity-theme .gfield input,.gform_wrapper.gravity-theme .gfield select{max-width:100%}.gform_wrapper.gravity-theme .gfield input.small,.gform_wrapper.gravity-theme .gfield select.small{width:calc(25% - 16px * 3 / 4)}.gform_wrapper.gravity-theme .gfield input.medium,.gform_wrapper.gravity-theme .gfield select.medium{width:calc(50% - 16px / 2)}.gform_wrapper.gravity-theme .gfield input.large,.gform_wrapper.gravity-theme .gfield select.large{width:100%}.gform_wrapper.gravity-theme *{box-sizing:border-box}.gform_wrapper.gravity-theme .gform_fields{display:grid;grid-column-gap:2%;-ms-grid-columns:(1fr 2%)[12];grid-row-gap:16px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(auto-fill,auto);width:100%}.gform_wrapper.gravity-theme .gfield{grid-column:1/-1;min-width:0}.gform_wrapper.gravity-theme .gfield.gfield--width-full{grid-column:span 12;-ms-grid-column-span:12}.gform_wrapper.gravity-theme .gfield.gfield--width-eleven-twelfths{grid-column:span 11;-ms-grid-column-span:11}.gform_wrapper.gravity-theme .gfield.gfield--width-five-sixths{grid-column:span 10;-ms-grid-column-span:10}.gform_wrapper.gravity-theme .gfield.gfield--width-three-quarter{grid-column:span 9;-ms-grid-column-span:9}.gform_wrapper.gravity-theme .gfield.gfield--width-two-thirds{grid-column:span 8;-ms-grid-column-span:8}.gform_wrapper.gravity-theme .gfield.gfield--width-seven-twelfths{grid-column:span 7;-ms-grid-column-span:7}.gform_wrapper.gravity-theme .gfield.gfield--width-half{grid-column:span 6;-ms-grid-column-span:6}.gform_wrapper.gravity-theme .gfield.gfield--width-five-twelfths{grid-column:span 5;-ms-grid-column-span:5}.gform_wrapper.gravity-theme .gfield.gfield--width-third{grid-column:span 4;-ms-grid-column-span:4}.gform_wrapper.gravity-theme .gfield.gfield--width-quarter{grid-column:span 3;-ms-grid-column-span:3}.gform_wrapper.gravity-theme .gfield.gfield--width-one-sixth{-ms-grid-column-span:2;grid-column:span 2}.gform_wrapper.gravity-theme .gfield.gfield--width-one-twelfth{-ms-grid-column-span:1;grid-column:span 1}@media (max-width:640px){.gform_wrapper.gravity-theme .gform_fields{grid-column-gap:0}.gform_wrapper.gravity-theme .gfield:not(.gfield--width-full){grid-column:1/-1}}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-full{width:100%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-eleven-twelfths{width:91.6666%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-five-sixths{width:83.3333%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-three-quarter{width:75%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-two-thirds{width:66.6666%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-seven-twelfths{width:58.3333%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-half{width:50%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-five-twelfths{width:41.6666%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-third{width:33.3333%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-quarter{width:25%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-one-sixth{width:16.6666%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-one-twelfth{width:8.3333%}.gform_wrapper.gravity-theme .left_label .gfield:not(.gsection):not(.gfield_html):not(fieldset),.gform_wrapper.gravity-theme .right_label .gfield:not(.gsection):not(.gfield_html):not(fieldset){display:flex;flex-wrap:wrap;justify-content:flex-end;width:100%}.gform_wrapper.gravity-theme .left_label .gfield_label,.gform_wrapper.gravity-theme .right_label .gfield_label{margin:0;padding:0;width:30%}@media (max-width:640px){.gform_wrapper.gravity-theme .left_label .gfield_label,.gform_wrapper.gravity-theme .right_label .gfield_label{width:100%}}.gform_wrapper.gravity-theme .gform_fields.left_label fieldset,.gform_wrapper.gravity-theme .gform_fields.right_label fieldset{clear:both}.gform_wrapper.gravity-theme .gform_fields.left_label fieldset .ginput_container,.gform_wrapper.gravity-theme .gform_fields.right_label fieldset .ginput_container{float:left;width:70%}@media (max-width:640px){.gform_wrapper.gravity-theme .gform_fields.left_label fieldset .ginput_container,.gform_wrapper.gravity-theme .gform_fields.right_label fieldset .ginput_container{width:100%}}@media (max-width:640px){.gform_wrapper.gravity-theme .gform_fields.left_label fieldset>.ginput_complex,.gform_wrapper.gravity-theme .gform_fields.right_label fieldset>.ginput_complex{width:100%}}.gform_wrapper.gravity-theme .gform_fields.left_label legend.gfield_label,.gform_wrapper.gravity-theme .gform_fields.right_label legend.gfield_label{display:block;float:left;padding-right:1em;width:30%}@media (max-width:640px){.gform_wrapper.gravity-theme .gform_fields.left_label legend.gfield_label,.gform_wrapper.gravity-theme .gform_fields.right_label legend.gfield_label{width:100%}}.gform_wrapper.gravity-theme .gform_fields.left_label .gfield_validation_message,.gform_wrapper.gravity-theme .gform_fields.right_label .gfield_validation_message{float:right;width:70%}@media (max-width:640px){.gform_wrapper.gravity-theme .gform_fields.left_label .gfield_validation_message,.gform_wrapper.gravity-theme .gform_fields.right_label .gfield_validation_message{width:100%}}.gform_wrapper.gravity-theme .gform_fields.validation_above.left_label fieldset .ginput_container,.gform_wrapper.gravity-theme .gform_fields.validation_above.right_label fieldset .ginput_container{float:right}.gform_wrapper.gravity-theme .left_label .ginput_complex .ginput_container,.gform_wrapper.gravity-theme .right_label .ginput_complex .ginput_container{width:auto}.gform_wrapper.gravity-theme .left_label div.gfield>div:not(.ui-resizable-handle):not(.gfield-admin-icons),.gform_wrapper.gravity-theme .right_label div.gfield>div:not(.ui-resizable-handle):not(.gfield-admin-icons){width:70%}@media (max-width:640px){.gform_wrapper.gravity-theme .left_label div.gfield>div:not(.ui-resizable-handle):not(.gfield-admin-icons),.gform_wrapper.gravity-theme .right_label div.gfield>div:not(.ui-resizable-handle):not(.gfield-admin-icons){width:100%}}.gform_wrapper.gravity-theme .right_label .gfield_label{padding-right:1em;text-align:right}.gform_wrapper.gravity-theme .left_label.gform_fields,.gform_wrapper.gravity-theme .right_label.gform_fields{position:relative}.gform_wrapper.gravity-theme .left_label .gfield_html_formatted,.gform_wrapper.gravity-theme .right_label .gfield_html_formatted{margin-left:30%}.gform_wrapper.gravity-theme .left_label #field_submit,.gform_wrapper.gravity-theme .right_label #field_submit{justify-content:flex-start}.gform_wrapper.gravity-theme .left_label #field_submit input,.gform_wrapper.gravity-theme .right_label #field_submit input{margin-left:30%}.gform_wrapper.gravity-theme .field_sublabel_below .ginput_complex{align-items:flex-start}.gform_wrapper.gravity-theme .field_sublabel_above .ginput_complex{align-items:flex-end}.gform_wrapper.gravity-theme .left_label.validation_above .copy_values_option_container,.gform_wrapper.gravity-theme .right_label.validation_above .copy_values_option_container{float:right;width:70%;padding-left:8px}@media (max-width:640px){.gform_wrapper.gravity-theme .left_label.validation_above .copy_values_option_container,.gform_wrapper.gravity-theme .right_label.validation_above .copy_values_option_container{width:100%}}.rtl .gform_wrapper.gravity-theme .left_label legend.gfield_label,.rtl .gform_wrapper.gravity-theme .right_label legend.gfield_label{margin-left:1em;position:absolute;right:0;text-align:left;width:30%}.rtl .gform_wrapper.gravity-theme .left_label legend.gfield_label{width:30%}.rtl .gform_wrapper.gravity-theme .left_label .gfield_label{padding-left:1em;text-align:left!important}.rtl .gform_wrapper.gravity-theme .left_label fieldset.gfield,.rtl .gform_wrapper.gravity-theme .right_label fieldset.gfield{margin-left:0;padding-right:30%}.rtl .gform_wrapper.gravity-theme .right_label .gfield_label,.rtl .gform_wrapper.gravity-theme .right_label legend.gfield_label{padding:0;text-align:right}.rtl .gform_wrapper.gravity-theme .right_label label.gfield_label{padding-right:0}.rtl .gform_wrapper.gravity-theme .left_label .gfield_html_formatted,.rtl .gform_wrapper.gravity-theme .right_label .gfield_html_formatted{margin-left:0;margin-right:30%}html[dir=rtl] .gform_wrapper.gravity-theme code,html[dir=rtl] .gform_wrapper.gravity-theme input[type=email],html[dir=rtl] .gform_wrapper.gravity-theme input[type=tel],html[dir=rtl] .gform_wrapper.gravity-theme input[type=url]{direction:rtl}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_label{direction:rtl}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_required{margin-left:0;margin-right:4px}html[dir=rtl] .gform_wrapper.gravity-theme ::-webkit-input-placeholder{text-align:right}html[dir=rtl] .gform_wrapper.gravity-theme ::-moz-placeholder{text-align:right}html[dir=rtl] .gform_wrapper.gravity-theme :-ms-input-placeholder{text-align:right}html[dir=rtl] .gform_wrapper.gravity-theme :-moz-placeholder{text-align:right}html[dir=rtl] .gform_wrapper.gravity-theme .gform_wrapper.gravity-theme fieldset{display:block}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_header_item+.gfield_header_item:not(:last-child),html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_group_item+.gfield_list_group_item{margin-left:0;margin-right:16px}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full){padding-left:0;padding-right:16px}@media (min-width:641px){html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full){padding-left:0;padding-right:16px}html[dir=rtl] .gform_wrapper.gravity-theme .gform_show_password{left:8px;right:unset}}@media (max-width:640px){html[dir=rtl] .gform_wrapper.gravity-theme .left_label fieldset.gfield,html[dir=rtl] .gform_wrapper.gravity-theme .right_label fieldset.gfield{padding-right:0}html[dir=rtl] .gform_wrapper.gravity-theme .left_label legend.gfield_label,html[dir=rtl] .gform_wrapper.gravity-theme .right_label legend.gfield_label{margin:0;padding:0;position:relative;width:100%}html[dir=rtl] .gform_wrapper.gravity-theme .left_label .gfield_label{text-align:right!important}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full){padding-right:0}}.gform_wrapper.gravity-theme .ginput_counter{color:#767676;font-size:.8em}.gform_wrapper.gravity-theme .ginput_counter_tinymce{border-top:1px solid #eee;font-size:12px;padding:2px 10px}.gform_wrapper.gravity-theme .validation_message--hidden-on-empty:empty{display:none}.gform_wrapper.gravity-theme .gform_card_icon_container{display:flex;height:32px;margin:8px 0 6.4px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon{background-image:url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/images/gf-creditcards.svg);background-repeat:no-repeat;height:32px;margin-right:4.8px;text-indent:-9000px;width:40px}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_amex{background-position:-167px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_discover{background-position:-221px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_mastercard{background-position:-275px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_visa{background-position:-59px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_jcb{background-position:-329px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_maestro{background-position:-5px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_selected{position:relative}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_selected::after{background:url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/images/gf-creditcards-check.svg) center center no-repeat;bottom:4px;content:"";display:block;height:10px;position:absolute;right:0;width:13px}.gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_cardinfo_right{align-items:center;display:inline-flex;flex-flow:row wrap;justify-content:flex-start}.gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_cardinfo_right label{width:100%}.gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_card_security_code_icon{background-image:url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/images/gf-creditcards.svg);background-position:-382px center;background-repeat:no-repeat;display:block;flex:none;height:32px;margin-left:.3em;width:40px}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_card_security_code_icon{margin-left:0;margin-right:.3em}.gform_wrapper.gravity-theme .gfield_list_group,.gform_wrapper.gravity-theme .gfield_list_header{display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:8px}.gform_wrapper.gravity-theme .gfield_list_group:last-child{margin-bottom:0}.gform_wrapper.gravity-theme .gfield_header_item{word-break:break-word}.gform_wrapper.gravity-theme .gfield_header_item,.gform_wrapper.gravity-theme .gfield_list_group_item{flex-grow:1;width:0}.gform_wrapper.gravity-theme .gfield_header_item+.gfield_header_item:not(.gfield_header_item--icons),.gform_wrapper.gravity-theme .gfield_list_group_item+.gfield_list_group_item{margin-left:2%}.gform_wrapper.gravity-theme .gfield_list_group_item input,.gform_wrapper.gravity-theme .gfield_list_group_item select{width:100%}.gform_wrapper.gravity-theme .gfield_header_item--icons,.gform_wrapper.gravity-theme .gfield_list_icons{align-items:center;display:flex;flex:none;justify-content:center;width:48px}.gform_wrapper.gravity-theme .gfield_list_icons button{background:transparent url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/images/list-add.svg);border:none;font-size:0;height:16px;opacity:.5;padding:0;transition:opacity .5s ease-out;width:16px}.gform_wrapper.gravity-theme .gfield_list_icons button:focus,.gform_wrapper.gravity-theme .gfield_list_icons button:hover{opacity:1;outline:0}.gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item{background-image:url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/images/list-remove.svg);margin-left:5px}.gform_wrapper.gravity-theme .gfield_list_icons a.delete_list_item{margin-inline-start:5px}.gform_wrapper.gravity-theme .gfield_list_icons img{background-color:transparent!important;background-position:0;background-repeat:no-repeat;background-size:16px 16px!important;block-size:16px!important;border:none!important;inline-size:16px!important;opacity:.5;transition:var(--gf-transition-ctrl)}.gform_wrapper.gravity-theme .gfield_list_icons a:focus,.gform_wrapper.gravity-theme .gfield_list_icons a:focus img,.gform_wrapper.gravity-theme .gfield_list_icons a:hover img{outline:0}.gform_wrapper.gravity-theme .gfield_list_icons a:focus img,.gform_wrapper.gravity-theme .gfield_list_icons a:hover img{opacity:1}@media (max-width:640px){.gform_wrapper.gravity-theme .gfield_list_header{display:none}.gform_wrapper.gravity-theme .gfield_list_group{border:1px solid rgba(0,0,0,.2);display:block;margin-bottom:16px;padding:16px}.gform_wrapper.gravity-theme .gfield_header_item,.gform_wrapper.gravity-theme .gfield_list_group_item{width:auto}.gform_wrapper.gravity-theme .gfield_list_group:last-child{margin-bottom:0}.gform_wrapper.gravity-theme .gfield_list_group_item:not(:last-child){margin-bottom:8px}.gform_wrapper.gravity-theme .gfield_list_group_item::before{content:attr(data-label);font-size:14.992px}.gform_wrapper.gravity-theme .gfield_list_icons{background-color:rgba(0,0,0,.1);line-height:0;margin:16px -16px -16px;padding:12px 16px;text-align:left;width:auto}.gform_wrapper.gravity-theme .gfield_header_item+.gfield_header_item:not(.gfield_header_item--icons),.gform_wrapper.gravity-theme .gfield_list_group_item+.gfield_list_group_item{margin-left:0}}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_header_item+.gfield_header_item:not(.gfield_header_item--icons),html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_group_item+.gfield_list_group_item{margin-left:0;margin-right:16px}@media (max-width:640px){html[dir=rtl] .gform_wrapper.gravity-theme .gfield_header_item+.gfield_header_item:not(.gfield_header_item--icons),html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_group_item+.gfield_list_group_item{margin-right:0}}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item{margin-left:0;margin-right:5px}.gform_wrapper.gravity-theme .gfield_label{display:inline-block;font-size:16px;font-weight:700;margin-bottom:8px;padding:0}.gform_wrapper.gravity-theme .gfield_header_item,.gform_wrapper.gravity-theme .gform_fileupload_rules,.gform_wrapper.gravity-theme .ginput_complex label{font-size:15px;padding-top:5px}.gform_wrapper.gravity-theme.left_label fieldset.gfield,.gform_wrapper.gravity-theme.right_label fieldset.gfield{padding:16px 16px 16px 30%}.gform_wrapper.gravity-theme.left_label fieldset.gfield .gfield_description,.gform_wrapper.gravity-theme.left_label fieldset.gfield .ginput_container:not(.ginput_container_time),.gform_wrapper.gravity-theme.right_label fieldset.gfield .gfield_description,.gform_wrapper.gravity-theme.right_label fieldset.gfield .ginput_container:not(.ginput_container_time){width:100%}.gform_wrapper.gravity-theme.left_label legend.gfield_label,.gform_wrapper.gravity-theme.right_label legend.gfield_label{left:0}.gform_wrapper.gravity-theme.left_label .gfield:not(.gsection):not(.gfield_html):not(fieldset),.gform_wrapper.gravity-theme.right_label .gfield:not(.gsection):not(.gfield_html):not(fieldset){justify-content:flex-start}.gform_wrapper.gravity-theme.left_label .gfield_html.gfield_html_formatted,.gform_wrapper.gravity-theme.right_label .gfield_html.gfield_html_formatted{display:flex}.gform_wrapper.gravity-theme.left_label .gfield.gfield_html:not(.gfield_html_formatted) .gf-html-container,.gform_wrapper.gravity-theme.right_label .gfield.gfield_html:not(.gfield_html_formatted) .gf-html-container{width:100%}.gform_wrapper.gravity-theme.right_label legend.gfield_label{text-align:right}.gform_wrapper.gravity-theme:not(.top_label) .ginput_container.ginput_single_email{margin-left:0}.gform_wrapper.gravity-theme .gform_validation_errors{background:#fff9f9;border-radius:5px;border:1.5px solid #c02b0a;box-shadow:0 1px 4px rgba(0,0,0,.11),0 0 4px rgba(18,25,97,.0405344);margin-block-end:8px;margin-block-start:8px;padding-block:16px;padding-inline-end:16px;padding-inline-start:48px;position:relative;width:100%}.gform_wrapper.gravity-theme .gform_validation_errors:focus{outline:2px solid #c02b0a;outline-offset:2px}.gform_wrapper.gravity-theme .gform_validation_errors>h2{color:#c02b0a;font-size:13.2px;font-weight:500;line-height:17.6px;margin-block-end:12px;margin-block-start:0;margin-inline:0}.gform_wrapper.gravity-theme .gform_validation_errors>h2::before{display:none}.gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon{align-items:center;display:flex;font-size:28px;height:100%;inset-inline-start:12px;position:absolute;inset-block-start:0}.gform_wrapper.gravity-theme .gform_validation_errors>h2.hide_summary{margin:0;padding:0}.gform_wrapper.gravity-theme .gform_validation_errors>ol{padding-inline-start:20px}.gform_wrapper.gravity-theme .gform_validation_errors>ol a{color:#c02b0a;font-size:13.2px}.gform_wrapper.gravity-theme .gform_validation_errors>ol a:focus{outline:2px solid #c02b0a;outline-offset:2px}.gform_wrapper.gravity-theme .gform_validation_errors>ol li{color:#c02b0a;font-size:13.2px;list-style-type:disc!important;margin-block-end:8px;margin-block-start:0;margin-inline:0}.gform_wrapper.gravity-theme .gform_validation_errors>ol li:last-of-type{margin-block-end:0}.gform_wrapper.gravity-theme .gfield_required{color:#c02b0a;display:inline-block;font-size:13.008px;padding-inline-start:0.125em}.gform_wrapper.gravity-theme .gfield_required .gfield_required_custom,.gform_wrapper.gravity-theme .gfield_required .gfield_required_text{font-style:italic;font-weight:400}.gform_wrapper.gravity-theme .gform_required_legend .gfield_required{padding-inline-start:0}.gform_wrapper.gravity-theme .validation_error{border-block-end:2px solid #c02b0a;border-block-start:2px solid #c02b0a;color:#c02b0a;font-size:1em;font-weight:700;margin-block-end:32px;padding:16px;text-align:center}.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,.gform_wrapper.gravity-theme .gfield_error label,.gform_wrapper.gravity-theme .gfield_error legend,.gform_wrapper.gravity-theme .gfield_validation_message,.gform_wrapper.gravity-theme .validation_message,.gform_wrapper.gravity-theme [aria-invalid=true]+label,.gform_wrapper.gravity-theme label+[aria-invalid=true]{color:#c02b0a}.gform_wrapper.gravity-theme .gfield_validation_message,.gform_wrapper.gravity-theme .validation_message{background:#fff9f9;border:1px solid #c02b0a;font-size:14.992px;margin-block-start:8px;padding:12.992px 24px}.gform_wrapper.gravity-theme .left_label.validation_above fieldset .gfield_validation_message,.gform_wrapper.gravity-theme .left_label.validation_above fieldset .validation_message,.gform_wrapper.gravity-theme .right_label.validation_above fieldset .gfield_validation_message,.gform_wrapper.gravity-theme .right_label.validation_above fieldset .validation_message{clear:right}.gform_wrapper.gravity-theme .validation_above .gfield_validation_message,.gform_wrapper.gravity-theme .validation_above .validation_message{margin-block-end:16px}.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]{border:1px solid #c02b0a}.gform_wrapper.gravity-theme .gform_previous_button.button,.gform_wrapper.gravity-theme .gform_save_link.button{-webkit-appearance:none!important;background-color:#fff;color:#6b7280;text-decoration:none}.gform_wrapper.gravity-theme .gform_previous_button.button svg,.gform_wrapper.gravity-theme .gform_save_link.button svg{display:inline-block;margin-right:4px}.gform_wrapper.gravity-theme button.button:disabled{opacity:.6}.gform_wrapper.gravity-theme #field_submit,.gform_wrapper.gravity-theme .gform_footer{display:flex}.gform_wrapper.gravity-theme #field_submit input,.gform_wrapper.gravity-theme .gform_footer input{align-self:flex-end}.gform_wrapper.gravity-theme #field_submit .gform_image_button,.gform_wrapper.gravity-theme .gform_footer .gform_image_button{background-color:transparent;border:none;border-radius:0;height:auto;padding:0;width:auto}.gform_wrapper.gravity-theme #field_submit .gform-button--width-full,.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full{text-align:center;width:100%}.gform_wrapper.gravity-theme .ginput_complex{display:flex;flex-flow:row wrap}.gform_wrapper.gravity-theme .ginput_complex fieldset,.gform_wrapper.gravity-theme .ginput_complex span{flex:1}.gform_wrapper.gravity-theme .ginput_complex .ginput_full{flex:0 0 100%}.gform_wrapper.gravity-theme .ginput_complex .clear-multi{display:flex}.gform_wrapper.gravity-theme .ginput_complex label,.gform_wrapper.gravity-theme .ginput_complex legend{display:block}.gform_wrapper.gravity-theme .ginput_complex input,.gform_wrapper.gravity-theme .ginput_complex select{width:100%}.gform_wrapper.gravity-theme .ginput_container_address{margin-left:-1%;margin-right:-1%}.gform_wrapper.gravity-theme .ginput_container_address span{flex:0 0 50%;padding-left:.9804%;padding-right:.9804%}@media (min-width:641px){.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full){padding-right:1%}.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full){padding-left:1%;padding-right:0}.gform_wrapper.gravity-theme .ginput_container_address span,.gform_wrapper.gravity-theme .ginput_full:not(:last-of-type){margin-bottom:8px}.gform_wrapper.gravity-theme .ginput_container_address{margin-bottom:-8px}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full){padding-left:1%;padding-right:0}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full){padding-left:0;padding-right:1%}}@media (max-width:640px){.gform_wrapper.gravity-theme .ginput_complex span{flex:0 0 100%;margin-bottom:8px;padding-left:0}.gform_wrapper.gravity-theme .ginput_complex.ginput_container_address span{padding-left:.9804%}}.gform_wrapper.gravity-theme .description,.gform_wrapper.gravity-theme .gfield_description,.gform_wrapper.gravity-theme .gsection_description,.gform_wrapper.gravity-theme .instruction{clear:both;font-family:inherit;font-size:15px;letter-spacing:normal;line-height:inherit;padding-top:13px;width:100%}.gform_wrapper.gravity-theme .field_description_above .description,.gform_wrapper.gravity-theme .field_description_above .gfield_description,.gform_wrapper.gravity-theme .field_description_above .gsection_description,.gform_wrapper.gravity-theme .field_description_above .instruction{padding-bottom:16px}.gform_wrapper.gravity-theme .field_sublabel_above .description,.gform_wrapper.gravity-theme .field_sublabel_above .gfield_description,.gform_wrapper.gravity-theme .field_sublabel_above .gsection_description{margin-top:9.008px}.gform_wrapper.gravity-theme .top_label .gsection_description{margin-bottom:9.008px;width:100%}.gform_wrapper.gravity-theme .field_description_below .gfield_consent_description,.gform_wrapper.gravity-theme .gfield_consent_description{border:1px solid #ddd;font-size:13.008px;margin-top:12.8px;max-height:240px;overflow-y:scroll;padding:6.4px 8px;width:100%}.gform_wrapper.gravity-theme .field_description_above .gfield_choice_limit_message,.gform_wrapper.gravity-theme .field_sublabel_above .gfield_choice_limit_message,.gform_wrapper.gravity-theme .gfield_choice_limit_message{display:block;margin-bottom:8px;margin-top:0;padding-bottom:0;padding-top:0}.gform_wrapper.gravity-theme .gfield_creditcard_warning{background-color:rgba(255,223,224,.25);border-bottom:4px solid #c02b0a;border-top:2px solid #c02b0a;padding:16px}.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message{color:#c02b0a;font-family:inherit;font-size:16px;font-weight:700;min-height:32px;position:relative}.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMTA2NyAyODY1IDI0IDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xMDY3IDI4NjUgMjQgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3OTAwMDA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTA1MywyODY1Yy01LjUsMC0xMCw0LjUtMTAsMTBoNGMwLTMuMywyLjctNiw2LTZjMy4zLDAsNiwyLjcsNiw2djJoLTIwdjE0YzAsMy4zLDIuNyw2LDYsNmgxMg0KCWMzLjMsMCw2LTIuNyw2LTZ2LTE2Qy0xMDQzLDI4NjkuNS0xMDQ3LjUsMjg2NS0xMDUzLDI4NjV6IE0tMTA0OSwyODkzaC0xMmMtMS4xLDAtMi0wLjktMi0ydi0xMGgxNnYxMA0KCUMtMTA0NywyODkyLjEtMTA0Ny45LDI4OTMtMTA0OSwyODkzeiBNLTEwNTMsMjg4N2MwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJTLTEwNTMsMjg4NS45LTEwNTMsMjg4N3oiLz4NCjwvc3ZnPg0K);background-position:0 3.2px;background-repeat:no-repeat;background-size:24px 16px;border-bottom:1px solid #c02b0a;display:block;letter-spacing:.1pt;margin-bottom:16px;padding:0 0 16px 24px;text-transform:uppercase}.gform_wrapper.gravity-theme .ginput_cardextras{display:flex;flex-wrap:wrap}.gform_wrapper.gravity-theme .ginput_complex .ginput_cardinfo_right input{max-width:112px;width:30%}.gform_wrapper.gravity-theme .ginput_card_expiration_container{display:flex;flex-wrap:wrap}.gform_wrapper.gravity-theme .ginput_card_expiration_month{flex:1;margin-right:16px}.gform_wrapper.gravity-theme .ginput_card_expiration_year{flex:1}.gform_wrapper.gravity-theme .ginput_cardinfo_left label,.gform_wrapper.gravity-theme .ginput_cardinfo_left legend,.gform_wrapper.gravity-theme .ginput_cardinfo_right label,.gform_wrapper.gravity-theme .ginput_cardinfo_right legend{flex:1 1 100%}.gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left{display:flex;flex-direction:column}.gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left legend{float:left;padding-top:5px}.gform_wrapper.gravity-theme .field_sublabel_below fieldset.ginput_cardinfo_left{flex-direction:column-reverse}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_card_expiration_month{margin-left:16px;margin-right:0}html[dir=rtl] .gform_wrapper.gravity-theme .gform_card_icon{float:right}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span{background-position:right 3.2px;background-repeat:no-repeat;background-size:24px 16px;display:block;margin-bottom:16px;padding:0 24px 16px 0}html[dir=rtl] .gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left{display:flex}@media (max-width:640px){.gform_wrapper.gravity-theme .ginput_card_expiration{flex:none}.gform_wrapper.gravity-theme .ginput_card_expiration_month{margin-bottom:8px}}.gform_wrapper.gravity-theme .ginput_container_date+.ginput_container_date{margin-left:2%}.gform_wrapper.gravity-theme .ginput_container_date[style*="display:none"]+.ginput_container_date{margin-left:0}.gform_wrapper.gravity-theme .ginput_container_date label{display:block}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date+.ginput_container_date{margin-left:0;margin-right:16px}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date[style*="display:none"]+.ginput_container_date{margin-right:0}.gravity-theme.ui-datepicker{background:#fff;border:1px solid #d0d1d3;border-radius:3px;box-shadow:0 .0625rem .25rem rgba(0,0,0,.11),0 0 .25rem rgba(18,25,97,.0405344);color:#607382;font-size:.8125rem;font-weight:var(--gform-theme-font-weight-medium);margin-top:5px;max-width:400px;padding:18px 15px;width:auto}.gravity-theme.ui-datepicker table,.gravity-theme.ui-datepicker td,.gravity-theme.ui-datepicker th,.gravity-theme.ui-datepicker thead,.gravity-theme.ui-datepicker tr{background:0 0;border:0;margin:0}.gravity-theme.ui-datepicker td,.gravity-theme.ui-datepicker th{padding:5px;text-shadow:none;text-transform:none}.gravity-theme.ui-datepicker .ui-datepicker-header{border:0;display:flex;flex-direction:row;justify-content:center;margin:0 0 5px;padding:0;position:relative;width:100%}.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next,.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{align-items:center;background:0 0;border:0;color:#607382;cursor:pointer;display:flex;font-family:gform-icons-theme!important;font-size:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:30px;justify-content:center;line-height:1;position:absolute;speak:never;text-decoration:none;top:50%;transform:translateY(-50%);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;width:30px}.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus,.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus,.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover{color:#2f4054}.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon{display:none}.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before{border:0;height:auto;position:static;transform:none;width:auto}.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{left:0}.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before{content:"\e910"}.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next{right:0}.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before{content:"\e91b"}.gravity-theme.ui-datepicker .ui-datepicker-header select{-webkit-appearance:none;background-color:transparent;background-image:url(//sionsbergnetwerkziekenhuis.nl/wp-content/plugins/gravityforms/images/theme/down-arrow.svg);background-position:100% 50%;background-repeat:no-repeat;background-size:24px 24px;border:0;border-radius:0;box-shadow:none;color:#585e6a;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:var(--gform-theme-font-weight-medium);height:auto;min-height:0;padding:0 22px 0 0;width:auto}.gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-month{margin-right:20px;-moz-text-align-last:right;text-align-last:right}.gravity-theme.ui-datepicker .ui-datepicker-calendar{table-layout:fixed;width:100%}.gravity-theme.ui-datepicker .ui-datepicker-calendar a,.gravity-theme.ui-datepicker .ui-datepicker-calendar span{font-weight:var(--gform-theme-font-weight-normal)}.gravity-theme.ui-datepicker .ui-datepicker-calendar th span{align-items:center;color:#2f4054;display:flex;font-size:.8125rem;font-weight:var(--gform-theme-font-weight-medium);height:40px;justify-content:center;width:40px}.gravity-theme.ui-datepicker .ui-datepicker-calendar td{font-size:.8125rem;height:50px;width:50px}.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default{align-items:center;background:0 0;border:1px solid transparent;border-radius:100%;box-shadow:none;color:#2f4054;display:flex;height:40px;justify-content:center;text-decoration:none;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;width:40px}.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:focus,.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover{background:0 0;border-color:#607382;outline:0}.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:active{background:#f2f3f5;border-color:#607382}.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default{background:#607382;border-color:#607382;box-shadow:0 .125rem .125rem rgba(58,58,87,.0596411);color:#fff}.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:focus,.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:hover{border-color:#607382}.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled{background:0 0}.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default{align-items:center;background:#f2f3f5;border:1px solid rgba(32,32,46,.079);border-radius:100%;box-shadow:0 .125rem .125rem rgba(58,58,87,.0596411);color:#686e77;cursor:text;display:flex;height:40px;justify-content:center;text-decoration:none;width:40px}@media (max-width:640px){.gravity-theme.ui-datepicker{max-width:235px}.gravity-theme.ui-datepicker .ui-datepicker-header{margin-bottom:10px}.gravity-theme.ui-datepicker td,.gravity-theme.ui-datepicker th{padding:3px}.gravity-theme.ui-datepicker .ui-datepicker-calendar th span{height:20px;width:20px}.gravity-theme.ui-datepicker .ui-datepicker-calendar td{height:30px;width:30px}.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default{height:20px;width:20px}.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default{height:20px;width:20px}}html[dir=rtl] #ui-datepicker-div.gform-theme-datepicker[style]{right:auto!important}.gform_wrapper.gravity-theme .gform_footer,.gform_wrapper.gravity-theme .gform_page_footer{margin:6px 0 0;padding:16px 0}.gform_wrapper.gravity-theme .gform_footer.left_label,.gform_wrapper.gravity-theme .gform_footer.right_label,.gform_wrapper.gravity-theme .gform_page_footer.left_label,.gform_wrapper.gravity-theme .gform_page_footer.right_label{padding:16px 0 10px 30%}.gform_wrapper.gravity-theme .gform_footer button,.gform_wrapper.gravity-theme .gform_footer input,.gform_wrapper.gravity-theme .gform_page_footer button,.gform_wrapper.gravity-theme .gform_page_footer input{margin-bottom:8px}.gform_wrapper.gravity-theme .gform_footer button.button:disabled,.gform_wrapper.gravity-theme .gform_footer input.button:disabled,.gform_wrapper.gravity-theme .gform_page_footer button.button:disabled,.gform_wrapper.gravity-theme .gform_page_footer input.button:disabled{opacity:.6}.gform_wrapper.gravity-theme .gform_footer button+input,.gform_wrapper.gravity-theme .gform_footer input+button,.gform_wrapper.gravity-theme .gform_footer input+input,.gform_wrapper.gravity-theme .gform_page_footer button+input,.gform_wrapper.gravity-theme .gform_page_footer input+button,.gform_wrapper.gravity-theme .gform_page_footer input+input{margin-left:8px}html[dir=rtl] .gform_wrapper.gravity-theme button+input,html[dir=rtl] .gform_wrapper.gravity-theme input+button,html[dir=rtl] .gform_wrapper.gravity-theme input+input{margin-right:8px}.gform_wrapper.gravity-theme .gfield_checkbox label,.gform_wrapper.gravity-theme .gfield_radio label{display:inline-block;font-size:15px}.gform_wrapper.gravity-theme .gfield_checkbox button,.gform_wrapper.gravity-theme .gfield_checkbox input[type=text],.gform_wrapper.gravity-theme .gfield_radio button,.gform_wrapper.gravity-theme .gfield_radio input[type=text]{margin-top:16px}.gform_wrapper.gravity-theme .gfield-choice-input{display:inline-block;margin-top:0;top:0;vertical-align:middle}.gform_wrapper.gravity-theme .gfield-choice-input+label{margin-bottom:0;max-width:calc(100% - 32px);vertical-align:middle}.gform_wrapper.gravity-theme .gfield-choice-input:disabled+label{color:#757575}.gform_wrapper.gravity-theme input[type=number]{display:inline-block}.gform_wrapper.gravity-theme input[type=color],.gform_wrapper.gravity-theme input[type=date],.gform_wrapper.gravity-theme input[type=datetime-local],.gform_wrapper.gravity-theme input[type=datetime],.gform_wrapper.gravity-theme input[type=email],.gform_wrapper.gravity-theme input[type=month],.gform_wrapper.gravity-theme input[type=number],.gform_wrapper.gravity-theme input[type=password],.gform_wrapper.gravity-theme input[type=search],.gform_wrapper.gravity-theme input[type=tel],.gform_wrapper.gravity-theme input[type=text],.gform_wrapper.gravity-theme input[type=time],.gform_wrapper.gravity-theme input[type=url],.gform_wrapper.gravity-theme input[type=week],.gform_wrapper.gravity-theme select,.gform_wrapper.gravity-theme textarea{font-size:15px;margin-bottom:0;margin-top:0;padding:8px}.gform_wrapper.gravity-theme .chosen-container-multi,.gform_wrapper.gravity-theme .ginput_product_price,.gform_wrapper.gravity-theme .ginput_product_price_label,.gform_wrapper.gravity-theme .ginput_quantity_label{font-size:15px}.gform_wrapper.gravity-theme .chosen-choices{padding:8px}.gform_wrapper.gravity-theme .ginput_container_date{align-content:flex-start;align-items:center;display:flex}.gform_wrapper.gravity-theme .ginput_container_date input{width:auto}.gform_wrapper.gravity-theme .ginput_container_date .datepicker_with_icon.large{width:calc(100% - 48px)}.gform_wrapper.gravity-theme .ginput_container_date img.ui-datepicker-trigger{display:block;margin-left:12.8px;max-height:25.6px;max-width:25.6px}.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date{flex-basis:min-content;flex-flow:row wrap;max-width:30%}.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date input,.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date select{min-width:84px;width:100%}.gform_wrapper.gravity-theme .gfield_chainedselect.horizontal select{min-width:100px}.gform_wrapper.gravity-theme .gform_show_password{align-items:center;background:0 0;color:inherit;display:flex;height:100%}.gform_wrapper.gravity-theme .gform_show_password:focus,.gform_wrapper.gravity-theme .gform_show_password:hover{background:0 0}.gform_wrapper.gravity-theme .gfield_consent_description{border:1px solid #ddd;font-size:.8em;margin-top:8px;max-height:240px;overflow-y:scroll;padding:8px}.gform_wrapper.gravity-theme .gfield .ginput_quantity{width:auto}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield_checkbox,.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield_radio{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice{align-self:start;display:block;inline-size:200px;max-inline-size:200px;min-inline-size:200px;position:relative}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .gfield-image-choice-wrapper-outer{display:block}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice label{display:inline;margin:0}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice input{margin-inline-start:0}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after{font-family:gform-icons-theme!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;align-items:center;background-color:#607382;block-size:38px;border-radius:50%;color:#fff;content:"\e917";display:flex;filter:drop-shadow(0 1px 1px rgba(18, 25, 97, .15)) drop-shadow(0 2px 5px rgba(18, 25, 97, .1)) drop-shadow(0 0 0 rgba(18, 25, 97, .05));font-size:32px;inline-size:38px;inset-block-start:10px;inset-inline-end:10px;justify-content:center;position:absolute;z-index:5}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after{font-family:gform-icons-theme!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;align-items:center;background-color:#607382;block-size:38px;border-radius:50%;color:#fff;content:"\e917";display:flex;filter:drop-shadow(0 1px 1px rgba(18, 25, 97, .15)) drop-shadow(0 2px 5px rgba(18, 25, 97, .1)) drop-shadow(0 0 0 rgba(18, 25, 97, .05));font-size:32px;inline-size:38px;inset-block-start:10px;inset-inline-end:10px;justify-content:center;position:absolute;z-index:5}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after{font-family:gform-icons-theme!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;align-items:center;background-color:#607382;block-size:38px;border-radius:50%;color:#fff;content:"\e917";display:flex;filter:drop-shadow(0 1px 1px rgba(18, 25, 97, .15)) drop-shadow(0 2px 5px rgba(18, 25, 97, .1)) drop-shadow(0 0 0 rgba(18, 25, 97, .05));font-size:32px;inline-size:38px;inset-block-start:10px;inset-inline-end:10px;justify-content:center;position:absolute;z-index:5}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:has(input:checked))::after{font-family:gform-icons-theme!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;align-items:center;background-color:#607382;block-size:38px;border-radius:50%;color:#fff;content:"\e917";display:flex;filter:drop-shadow(0 1px 1px rgba(18, 25, 97, .15)) drop-shadow(0 2px 5px rgba(18, 25, 97, .1)) drop-shadow(0 0 0 rgba(18, 25, 97, .05));font-size:32px;inline-size:38px;inset-block-start:10px;inset-inline-end:10px;justify-content:center;position:absolute;z-index:5}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:focus-within) .gfield-choice-image-wrapper::before{border-color:currentColor}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where([\:has\(.gfield-choice-input\:disabled\)]) .gfield-choice-image-wrapper{opacity:.5}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:has(.gfield-choice-input:disabled)) .gfield-choice-image-wrapper{opacity:.5}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-wrapper{aspect-ratio:1/1;margin-block-end:8px;opacity:1;overflow:hidden;position:relative}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-wrapper::before{border:2px solid transparent;content:"";display:block;inset-block:0;inset-inline:0;position:absolute;z-index:1}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-no-image{font-family:gform-icons-theme!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;background-color:#d0d1d3;block-size:100%;color:#607382;display:block;inline-size:100%;position:relative}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-no-image::before{content:"\e91e";font-size:60px;inset-block-start:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-no-image span{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image{block-size:100%!important;display:block;inline-size:100%;max-block-size:100%;max-inline-size:100%;-o-object-fit:cover;object-fit:cover}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice_other_control{margin-block-start:16px;max-inline-size:100%}.gform_wrapper.gravity-theme .gfield_error .ginput_container_image_choice .gfield-choice-image-wrapper::before{border-color:#c02b0a}.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--label-hide .gchoice .gfield-choice-image-wrapper{margin-block-end:0}.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--label-hide .gchoice .gfield-choice-input,.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--label-hide .gchoice .gfield-image-choice-wrapper-inner,.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--label-hide .gchoice .gform-field-label{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--input-hide .gchoice .gform-field-label{margin-inline-start:0}.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--input-hide .gchoice .gfield-choice-input{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after{font-family:gform-icons-common!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;content:"\e904";font-size:20px}.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after{font-family:gform-icons-common!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;content:"\e904";font-size:20px}.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after{font-family:gform-icons-common!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;content:"\e904";font-size:20px}.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gchoice:where(:has(input:checked))::after{font-family:gform-icons-common!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;content:"\e904";font-size:20px}.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gfield-choice-image-no-image{font-family:gform-icons-common!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none}.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gfield-choice-image-no-image::before{content:"\e90f"}.gforms_edit_form.gf_browser_safari .gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gfield-choice-image{max-block-size:-webkit-fill-available}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date img.ui-datepicker-trigger{margin-left:0;margin-right:12.8px;order:1}.gform_wrapper.gravity-theme .gsection{border-bottom:1px solid #ccc;padding:0 16px 8px 0}html[dir=rtl] .gform_wrapper.gravity-theme .gsection{padding:0 0 8px 16px}.gform_wrapper.gravity-theme .gf_progressbar_title{color:#767676;font-size:12.992px;font-weight:400;margin:0 0 4.8px 0}.gform_wrapper.gravity-theme .gf_progressbar{background:#e8e8e8;border-radius:10.5px;margin-bottom:16px;position:relative}.gform_wrapper.gravity-theme .gf_progressbar_percentage{border-radius:10.5px;height:20.992px;text-align:right;vertical-align:middle}.gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100){border-radius:10.5px 0 0 10.5px}.gform_wrapper.gravity-theme .gf_progressbar_percentage span{display:block;float:right;font-size:13px;line-height:21px;margin-left:8px;margin-right:8px;min-width:2em;width:auto}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_0 span{color:#959595;float:none;margin-left:9.6px;text-shadow:none}.gform_wrapper.gravity-theme .gf_progressbar_blue{background:#d2d6dc}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue{background-color:#1e7ac4;color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_gray{background:#d2d6dc}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_gray{background-color:#6b7280;color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_green{background:#e8e8e8}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_green{background-color:#aac138;color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_orange{background:#e8eaec}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_orange{background-color:#ff5d38;color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_red{background:#e8eaec}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_red{background-color:#ec1e31;color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_spring{background:#d2d6dc}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_spring{background:linear-gradient(270deg,#9cd790 0,#76d7db 100%);color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_blues{background:#d2d6dc}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blues{background:linear-gradient(270deg,#00c2ff 0,#7838e2 100%);color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_rainbow{background:#d2d6dc}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_rainbow{background:linear-gradient(270deg,#1dbeea 0,#cd6ad6 50%,#f35160 100%);color:#fff}html[dir=rtl] .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100){border-radius:0 10.5px 10.5px 0}.gform_wrapper.gravity-theme .gf_page_steps{border-bottom:1px solid #e5e7eb;margin-bottom:16px}.gform_wrapper.gravity-theme .gf_step{display:inline-block;margin:8px 32px 8px 0}.gform_wrapper.gravity-theme .gf_step_label,.gform_wrapper.gravity-theme .gf_step_number{display:table-cell;vertical-align:middle}.gform_wrapper.gravity-theme .gf_step_number{background:0 0;border:2px solid #cfd3d9;border-radius:20px;color:#585e6a;font-size:14px;font-weight:500;height:40px;text-align:center;width:40px}.gform_wrapper.gravity-theme .gf_step_active .gf_step_number{background:#cfd3d9;color:#607382}.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number{position:relative}.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before{background:#607382;border:2px solid #607382;border-radius:20px;content:"";display:table-cell;height:40px;left:-2px;position:absolute;top:-2px;width:40px}.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::after{align-items:center;color:#fff;content:"\e917";display:flex;font-family:gform-icons-theme;font-size:24px;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:5}.gform_wrapper.gravity-theme .gf_step_label{color:inherit;font-size:14px;font-weight:600;line-height:16px;padding-left:16px}.gform_wrapper.gravity-theme .gf_step_hidden{display:none}.gform_wrapper.gravity-theme .ginput_product_price_wrapper{display:inline-block}.gform_wrapper.gravity-theme .ginput_product_price_wrapper input:-moz-read-only{background:0 0;border:none;padding:0}.gform_wrapper.gravity-theme .ginput_product_price_wrapper input:read-only{background:0 0;border:none;padding:0}.gform_wrapper.gravity-theme .ginput_product_price,.gform_wrapper.gravity-theme .ginput_shipping_price{color:#900}.gform_wrapper.gravity-theme .ginput_total{color:#060}.gform_wrapper.gravity-theme .gfield_repeater_cell{margin-top:8px}.gform_wrapper.gravity-theme .gfield_repeater_cell label{color:#9b9a9a;font-size:12.8px;font-weight:400;padding-top:8px}.gform_wrapper.gravity-theme .gfield_repeater_items .gfield_repeater_cell:not(:first-child){padding-top:8px}.gform_wrapper.gravity-theme .gfield_repeater_wrapper input{border:1px solid #c5c6c5;border-radius:4px}.gform_wrapper.gravity-theme .gfield_repeater_cell>.gfield_repeater_wrapper{background-color:rgba(1,1,1,.02);border-bottom:1px solid #eee;border-left:8px solid #f1f1f1;border-radius:8px;box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 1px -1px rgba(0,0,0,.06),0 1px 5px 0 rgba(0,0,0,.06);padding:10px 20px}.gform_wrapper.gravity-theme .gfield_repeater_buttons{padding-top:16px}.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus:hover,.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text:hover,.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus:hover,.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text:hover{background:#fafafa;border:1px solid #757575;color:#374750}.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus:focus,.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text:focus,.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus:focus,.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text:focus{outline:0}.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text,.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text{background:rgba(242,242,242,.5);border:1px solid rgba(117,117,117,.4);border-radius:20px;color:#757575;font-size:12px;font-weight:400;height:32px;margin-bottom:8px;margin-right:8px;min-width:100px;transition:all .3s cubic-bezier(.67, .17, .4, .83)}.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus,.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus{background:rgba(242,242,242,.5);border:1px solid rgba(117,117,117,.4);border-radius:50%;color:#757575;font-size:16px;font-weight:700;height:24px;margin:10px 5px 0 5px;padding:0;transition:all .3s cubic-bezier(.67, .17, .4, .83);width:24px}.gform_wrapper.gravity-theme .gfield_repeater .gfield_repeater_items .gfield_repeater_item:not(:last-child){border-bottom:2px solid #e0e0e6;margin-bottom:20px;margin-right:8px;padding-bottom:20px}.gform_wrapper.gravity-theme .gform-loader{align-self:center;animation:gformLoader 1.1s infinite linear;block-size:8em;border-block-end:1.1em solid #000;border-block-start:1.1em solid #fff;border-inline-end:1.1em solid #fff;border-inline-start:1.1em solid #000;border-radius:50%;display:inline-block;font-size:2px;inline-size:8em;margin-inline-start:2em;position:relative;transform:translateZ(0);vertical-align:middle}@keyframes gformLoader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.gform_wrapper.gravity-theme .gfield_time_hour label.hour_label,.gform_wrapper.gravity-theme .gfield_time_minute label.minute_label{display:block;font-size:15px;margin:0;padding-top:5px}.gform_wrapper.gravity-theme .ginput_container_time{flex-basis:min-content;max-width:64px;min-width:64px}.gform_wrapper.gravity-theme .ginput_container_time input{margin-left:0;margin-right:0;min-width:100%}.gform_wrapper.gravity-theme .gfield_time_minute{position:relative}.gform_wrapper.gravity-theme .hour_minute_colon{line-height:2;padding:0 8px}.gform_wrapper.gravity-theme .field_sublabel_above .hour_minute_colon{align-self:flex-end}.gform_wrapper.gravity-theme .gfield_time_ampm{align-items:flex-end;display:flex;margin-left:16px}.gform_wrapper.gravity-theme .gfield_time_ampm.below,.gform_wrapper.gravity-theme .hour_minute_colon.below{align-items:flex-start}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_time_ampm{margin-left:16px;margin-right:0}html[dir=rtl] .gform_wrapper.gravity-theme .gfield--type-time .gform-grid-row{flex-direction:row-reverse;justify-content:flex-end}