.dscw-infinite-scroll-wrapper {
width: 100%;
overflow: hidden;
position: relative;
margin: 20px 0;
padding: 20px 0;
}
.dscw-infinite-scroll-container {
display: flex;
width: fit-content;
will-change: transform;
position: relative;
}
.dscw-infinite-scroll-track {
display: flex;
flex-shrink: 0;
animation: dscw-scroll-left linear infinite;
will-change: transform;
}
.dscw-scroll-item {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.dscw-scroll-item img {
display: block;
max-width: 100%;
height: auto;
object-fit: cover;
transition: transform 0.3s ease;
user-select: none;
-webkit-user-drag: none;
}
.dscw-scroll-item img:hover {
transform: scale(1.05);
} @keyframes dscw-scroll-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
} .dscw-infinite-scroll-wrapper[data-pause-on-hover="true"]:hover .dscw-infinite-scroll-track {
animation-play-state: paused;
} .dscw-infinite-scroll-wrapper::before,
.dscw-infinite-scroll-wrapper::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 100px;
z-index: 2;
pointer-events: none;
}
.dscw-infinite-scroll-wrapper::before {
left: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.dscw-infinite-scroll-wrapper::after {
right: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
} @media (prefers-color-scheme: dark) {
.dscw-infinite-scroll-wrapper::before {
background: linear-gradient(to right, var(--background-color, #1a1a1a), rgba(26, 26, 26, 0));
}
.dscw-infinite-scroll-wrapper::after {
background: linear-gradient(to left, var(--background-color, #1a1a1a), rgba(26, 26, 26, 0));
}
} @media (max-width: 768px) {
.dscw-infinite-scroll-wrapper {
padding: 15px 0;
margin: 15px 0;
}
.dscw-infinite-scroll-wrapper::before,
.dscw-infinite-scroll-wrapper::after {
width: 50px;
}
}
@media (max-width: 480px) {
.dscw-infinite-scroll-wrapper {
padding: 10px 0;
margin: 10px 0;
}
.dscw-infinite-scroll-wrapper::before,
.dscw-infinite-scroll-wrapper::after {
width: 30px;
}
} [dir="rtl"] .dscw-infinite-scroll-track {
animation-direction: reverse;
} .dscw-infinite-scroll-container {
backface-visibility: hidden;
perspective: 1000px;
}
.dscw-scroll-item {
backface-visibility: hidden;
transform: translateZ(0);
}* {box-sizing: border-box;outline: none;}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}

:root {
color-scheme: light;
--content-box-width: 1200px;
--container-padding: 20px;
--font-def: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--blue: #009fe3;
--red: #E30E0E;
--color-bg: #ffffff;
--color-surface: rgba(255, 255, 255, 0.78);
--color-surface-solid: #ffffff;
--color-text: #0b1220;
--color-muted: #516072;
--color-border: rgba(15, 23, 42, 0.12);
--radius-sm: 10px;
--radius-md: 16px;
--radius-lg: 22px;
--shadow-sm: 0 8px 22px rgba(15, 23, 42, 0.10);
--shadow-md: 0 14px 42px rgba(15, 23, 42, 0.16);
--shadow-lg: 0 26px 70px rgba(15, 23, 42, 0.20);
--focus-ring: 0 0 0 4px rgba(0, 159, 227, 0.22);
--header-offset: 170px;
}
@media (prefers-color-scheme: dark) {
:root {
--color-bg: #070b12;
--color-surface: rgba(16, 22, 34, 0.70);
--color-surface-solid: #101622;
--color-text: #e8eef9;
--color-muted: #b0bfd6;
--color-border: rgba(231, 238, 249, 0.14);
--shadow-sm: 0 10px 26px rgba(0, 0, 0, 0.40);
--shadow-md: 0 18px 52px rgba(0, 0, 0, 0.46);
--shadow-lg: 0 28px 86px rgba(0, 0, 0, 0.55);
--focus-ring: 0 0 0 4px rgba(0, 159, 227, 0.28);
}
}
@media (max-width: 768px) {
:root {
--container-padding: 16px;
--header-offset: 150px;
}
}
.content-box {
width: var(--content-box-width);
max-width: 100%;
margin: 0 auto;
padding-left: var(--container-padding);
padding-right: var(--container-padding);
}
.flex-grid {
display: flex;
flex-flow: row wrap;
margin: 0 -10px;
}
.flex-grid__item {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
@supports (gap: 20px) {
.flex-grid {
margin: 0;
gap: 20px;
}
.flex-grid__item {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
}
.prices-units.flex-grid {
margin-bottom: 50px;
}
table
{
height:fit-content !important;
}
table tbody
{
padding:10px;
}
table tbody tr
{
height:fit-content;
border:1px solid #aaa;
}
table tbody tr:hover
{
background-color:#009fe3;
}
table tbody tr td
{
vertical-align:middle;
height:fit-content;
padding:8px 20px;
}
@media (max-width:768px)
{
table tbody
{
font-size:3.5vw;
}
table tbody tr td
{
padding:3px;
}
}
body {
font-family: var(--font-def);
font-weight: normal;
font-size: 16px;
line-height: 1.55;
color: var(--color-text);
background: var(--color-bg);
margin-top: var(--header-offset);
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
.main-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: url(//xn----8sbbdpb0bduddg8jxb.xn--p1ai/wp-content/themes/motorfat_wp/assets/img/main-bg.webp) repeat center center;
background-size: auto;
background-attachment: fixed;
opacity: .06;
width: 100%;
height: 100%;
}
.main-wrapper {
position: relative;
z-index: 2;
}
.news a
{
color:black;
font-size:20px;
}
.news li
{
display:flex;
flex-flow:column;
}
.news .wp-block-post-featured-image {
max-height: 300px;
overflow: hidden;
margin-bottom:20px;
}
.error-404
{
padding:20vh 0;
font-size:2vw;
text-align:center;
}
.error-404 h1
{
font-size:3vw;
margin:3vh;
}
#CookiesAlert {
position: fixed;
z-index: 9999999999;
bottom: 0;
left: 0;
padding: 0;
width: 100%;
text-align: center;
align-items: center;
display: none;
color: var(--color-text);
margin: auto;
font-family: "Tahoma", "Arial";
}
#CookiesAlert.active {
display: block
}
#CookiesAlert .content {
max-width: 98%;
padding: 15px;
margin: auto auto auto 0;
text-align: center;
background: var(--color-surface);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
box-shadow: var(--shadow-md);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
max-width: 100%;
}
#CookiesAlert .content h2 {
margin: auto auto 10px;
line-height: 1;
font-size: 18px
}
#CookiesAlert .content p {
margin: auto auto 0;
line-height: 1;
font-size: 14px
}
#CookiesAlert .content .buttons a.CUAgree {
margin: auto 0
}
#CookiesAlert .buttons .button
{
margin:10px auto;
cursor:pointer;
padding:20px;
background:#227db9;
max-width:300px;
}
.text-danger {
color: var(--red);
}
.visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
@media (max-width: 768px) {
#CookiesAlert {
right:0;
width: 95%
}
}
.grid-double
{
display:grid;
grid-template-columns:1fr 1fr;
}
.flex-row
{
display:flex;
}
.lower
{
align-items:flex-end;
}
.alert
{
font-size:12px;
}
@media (max-width: 768px) {
.main-bg {
background-attachment: scroll;
}
}
@media (prefers-reduced-motion: reduce) {
* {
scroll-behavior: auto !important;
transition: none !important;
animation: none !important;
}
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden; display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
} .fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
} .fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
} .fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
} .fancybox-close-small {
background: var(--red);
border: 0;
border-radius: 0;
color: #fff;
cursor: pointer;
opacity: 1;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
z-index: 9999;
}
.fancybox-close-small:hover {
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
} .fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
} .fancybox-caption {
background: linear-gradient(to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .3) 50%,
rgba(0, 0, 0, .15) 65%,
rgba(0, 0, 0, .075) 75.5%,
rgba(0, 0, 0, .037) 82.85%,
rgba(0, 0, 0, .019) 88%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
} .fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
} .fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
} .fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
} .fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
} .fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
} .fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1);
} @media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-slide--image .fancybox-close-small {
background: var(--red);
color: #fff;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
border-radius: 0;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
} .fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
} .fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
} @media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
} #callback-popup > #quiz,
#callback-popup > .quiz-popup {
display: none !important;
} .fancybox-slide--html .fancybox-content#callback-popup,
#callback-popup.popup.popup-callback.fancybox-content {
width: min(520px, calc(100vw - 32px)) !important;
max-width: 520px;
padding: 0 !important;
border-radius: 28px;
overflow: hidden;
background: #fff;
box-shadow: 0 28px 80px rgba(11, 18, 32, 0.28);
} .fancybox-slide--html .fancybox-close-small,
.fancybox-slide--html .fancybox-content > .fancybox-close-small,
#callback-popup > .fancybox-close-small,
#quiz > .fancybox-close-small {
background: transparent;
border-radius: 10px;
right: 10px;
top: 10px;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small svg,
#callback-popup > .fancybox-close-small svg,
#quiz > .fancybox-close-small svg {
display: none !important;
}
.fancybox-slide--html .fancybox-close-small::before,
.fancybox-slide--html .fancybox-close-small::after,
#callback-popup > .fancybox-close-small::before,
#callback-popup > .fancybox-close-small::after,
#quiz > .fancybox-close-small::before,
#quiz > .fancybox-close-small::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 2.5px;
margin-left: -10px;
margin-top: -1.25px;
background: var(--red, #e30e0e);
border-radius: 1px;
transform-origin: center;
}
.fancybox-slide--html .fancybox-close-small::before,
#callback-popup > .fancybox-close-small::before,
#quiz > .fancybox-close-small::before {
transform: rotate(45deg);
}
.fancybox-slide--html .fancybox-close-small::after,
#callback-popup > .fancybox-close-small::after,
#quiz > .fancybox-close-small::after {
transform: rotate(-45deg);
}
.fancybox-slide--html .fancybox-close-small:hover,
#callback-popup > .fancybox-close-small:hover,
#quiz > .fancybox-close-small:hover {
background: rgba(227, 14, 14, 0.08);
}
.fancybox-slide--html .fancybox-close-small:hover::before,
.fancybox-slide--html .fancybox-close-small:hover::after,
#callback-popup > .fancybox-close-small:hover::before,
#callback-popup > .fancybox-close-small:hover::after,
#quiz > .fancybox-close-small:hover::before,
#quiz > .fancybox-close-small:hover::after {
background: #c90c0c;
} .fancybox-slide--html .fancybox-content#quiz,
#quiz.quiz-popup.fancybox-content {
width: min(860px, calc(100vw - 32px)) !important;
max-width: 860px;
padding: 0 !important;
border-radius: 28px;
overflow: hidden;
background: #fff;
box-shadow: 0 28px 80px rgba(11, 18, 32, 0.28);
}
button,
.btn,
.wpcf7-submit,
input[type="submit"] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-ms-progress-appearance: none;
background: none;
box-shadow: none;
font-family: var(--font-def);
display: inline-block;
cursor: pointer;
text-decoration: none;
}
.btn {
font-family: var(--font-def);
font-weight: 400;
font-style: normal;
font-size: 16px;
background: linear-gradient(135deg, var(--blue), #227db9);
border: none;
border-bottom: 1px solid rgba(0,0,0,.08);
border-radius: var(--radius-sm);
color: #FFF;
padding: 12px 20px;
text-transform: uppercase;
text-align: center;
box-shadow: var(--shadow-sm);
transition: 0.25s transform ease, 0.25s box-shadow ease, 0.25s background-color ease, 0.25s filter ease;
}
.btn:hover {
filter: brightness(0.98);
transform: translateY(-1px);
box-shadow: var(--shadow-md);
}
.btn:focus-visible,
.wpcf7-submit:focus-visible,
input[type="submit"]:focus-visible {
outline: none;
box-shadow: var(--shadow-md), var(--focus-ring);
}
.btn__icon,
.btn__text {
display: inline-block;
vertical-align: middle;
}
input[type=email],
input[type=tel],
input[type=text],
textarea {
display: inline-block;
width: 100%;
font-family: var(--font-def);
font-size: 16px;
padding: 16px;
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
background: var(--color-surface-solid);
color: var(--color-text);
box-shadow: var(--shadow-sm);
transition: 0.2s box-shadow ease, 0.2s border-color ease, 0.2s transform ease;
} .wpcf7 form label,
.wpcf7-form label {
color: #000;
}
.wpcf7 form input::placeholder,
.wpcf7 form textarea::placeholder,
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
color: rgba(0, 0, 0, 0.45);
} .mf-form__label,
.mf-consent__text {
color: #000;
opacity: 1;
} img.messenger-icon {
width: 32px;
height: 32px;
object-fit: contain;
}
.contacts-messengers-inline .top-header__social-link img {
width: 32px;
height: 32px;
object-fit: contain;
display: block;
}
input[type=email]:focus-visible,
input[type=tel]:focus-visible,
input[type=text]:focus-visible,
textarea:focus-visible {
outline: none;
border-color: rgba(0,159,227,.55);
box-shadow: var(--shadow-md), var(--focus-ring);
}
input[type=submit] {
display: block;
width: 100%;
font-family: var(--font-def);
font-weight: 400;
font-style: normal;
font-size: 16px;
background: linear-gradient(135deg, var(--blue), #227db9);
border: none;
border-bottom: 1px solid rgba(0,0,0,.08);
border-radius: var(--radius-sm);
color: #FFF;
padding: 12px 20px;
text-transform: uppercase;
text-align: center;
box-shadow: var(--shadow-sm);
transition: 0.25s transform ease, 0.25s box-shadow ease, 0.25s filter ease;   
}
input[type=submit]:hover {
filter: brightness(0.98);
transform: translateY(-1px);
box-shadow: var(--shadow-md);
}
textarea {
height: 200px;
resize: none;
}
.wpcf7-form-control-wrap {
display: block;
margin-bottom: 20px;
}
.wpcf7 {
position: relative;
}
.wpcf7 .ajax-loader {
position: absolute;
bottom: -30px;
left: 50%;
transform: translate(-50%,0);
}
.navbar-toggle {
display: none;
max-width: 100%;
margin: 0 auto;
background-color: #FFF;
color: #000;
}
.btn-blink
{
animation:blink 2s ease infinite;
border-bottom:0;
}
@keyframes blink{
0%{
background: var(--blue);
color:#fff;
}
50%{
background: #fff;
color:#000;
}
100%{
background: var(--blue);
color:#fff;
}	
}
.main-navbar {
text-align: left;
width: 100%;
}
.main-navbar ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
align-items: stretch;
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.main-navbar ul::-webkit-scrollbar {
display: none;
}
.main-navbar ul li {
display: block;
flex-shrink: 0;
position: relative;
}
.main-navbar ul li a {
display: block;
padding: 18px 20px;
color: #fff;
text-decoration: none;
font-weight: 500;
font-size: 14px;
position: relative;
transition: background-color 0.3s ease;
white-space: nowrap;
}
.main-navbar ul li a::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 3px;
background-color: #fff;
transition: all 0.3s ease;
transform: translateX(-50%);
}
.main-navbar ul li.current-menu-item > a,
.main-navbar ul li.current_page_item > a {
background-color: rgba(255, 255, 255, 0.15);
}
.main-navbar ul li.current-menu-item > a::after,
.main-navbar ul li.current_page_item > a::after {
width: 100%;
}
.main-navbar ul li a:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.main-navbar ul li a:hover::after {
width: 100%;
}
.main-navbar ul li a:focus-visible {
outline: none;
box-shadow: var(--focus-ring);
border-radius: 4px;
}
@media (max-width: 991px) {
.main-navbar ul {
flex-direction: column;
width: 100%;
background-color: #0087c2;
overflow-x: visible;
}
.main-navbar ul li a {
padding: 14px 18px;
min-height: 48px;
display: flex;
align-items: center;
white-space: normal;
text-align: left;
line-height: 1.25;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.12);
}
.main-navbar ul li a::after {
display: none;
}
}
.page-header.header-ref,
.page-header.header-ref button,
.page-header.header-ref .top-header__btn {
font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.page-header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 100;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: 0.25s box-shadow ease; padding-top: env(safe-area-inset-top, 0);
} body.admin-bar .page-header {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .page-header {
top: 46px;
}
}
.page-header.header-ref {
display: flex;
flex-direction: column;
align-items: stretch;
max-width: 100vw;
overflow-x: clip;
}
@media (min-width: 992px) {
.page-header.header-ref {
overflow: visible;
}
}
.page-header.page-header--stick {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.page-header__main.top-header {
background-color: #ffffff;
padding: 15px 0;
border-bottom: 1px solid #e0e0e0;
}
.top-header-container {
max-width: 1400px;
margin: 0 auto;
padding-left: max(var(--container-padding, 20px), env(safe-area-inset-left, 0px));
padding-right: max(var(--container-padding, 20px), env(safe-area-inset-right, 0px));
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 15px;
width: 100%;
box-sizing: border-box;
}
.page-header__logo.top-header__logo {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
text-decoration: none;
max-width: 280px;
}
.page-header__logo-img {
display: block;
max-width: 200px;
height: auto;
}
.page-header__logo-text.top-header__tagline,
.top-header__tagline {
margin-top: 0;
font-size: 14px;
color: #333;
font-weight: 500;
line-height: 1.4;
text-transform: none;
text-align: left;
}
.top-header__contact {
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
}
.top-header__phones {
display: flex;
flex-direction: column;
gap: 3px;
}
.top-header__phone-link {
text-decoration: none;
color: #333;
font-size: 16px;
font-weight: 600;
transition: color 0.3s ease;
}
.top-header__phone-link:hover {
color: #009fe3;
}
.top-header__social {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.top-header__social-link {
width: 32px;
height: 32px;
border-radius: 50%;
overflow: hidden;
transition: transform 0.3s ease, opacity 0.3s ease;
display: block;
flex-shrink: 0;
}
.top-header__social-link:hover {
transform: scale(1.1);
opacity: 0.85;
}
.top-header__social-link img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.top-header__notice-block {
display: flex;
flex-direction: column;
gap: 5px;
max-width: 280px;
}
.top-header__notice-text {
font-size: 12px;
color: #d32f2f;
font-weight: 600;
line-height: 1.3;
margin: 0;
}
.top-header__hours {
font-size: 12px;
color: #666;
font-weight: 500;
margin: 0;
line-height: 1.4;
display: inline-flex;
align-items: center;
gap: 8px;
}
.top-header__hours::before {
content: "";
width: 9px;
height: 9px;
border-radius: 50%;
background: #20c64f;
box-shadow: 0 0 0 rgba(32, 198, 79, 0.55);
animation: topHeaderOnlinePulse 1.8s ease-out infinite;
flex: 0 0 9px;
}
@keyframes topHeaderOnlinePulse {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(32, 198, 79, 0.55);
}
70% {
transform: scale(1.08);
box-shadow: 0 0 0 9px rgba(32, 198, 79, 0);
}
100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(32, 198, 79, 0);
}
}
.page-header__actions.top-header__actions,
.top-header__actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
}
.top-header__btn {
padding: 10px 20px;
border: none;
border-radius: 5px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 0.5px;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: inherit;
line-height: 1.2;
}
.top-header__btn--primary {
background-color: #009fe3;
color: #fff;
}
.top-header__btn--primary:hover {
background-color: #007bb5;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 159, 227, 0.3);
color: #fff;
}
.top-header__btn--outline,
button.top-header__btn--outline.page-header__callback {
background-color: transparent;
color: #009fe3;
border: 2px solid #009fe3;
}
.top-header__btn--outline:hover,
button.top-header__btn--outline.page-header__callback:hover {
background-color: #009fe3;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 159, 227, 0.3);
} .page-header__menu.bottom-header {
padding: 0;
}
.bottom-header-container,
.bottom-header__inner {
max-width: 1400px;
margin: 0 auto;
padding-left: max(var(--container-padding, 20px), env(safe-area-inset-left, 0px));
padding-right: max(var(--container-padding, 20px), env(safe-area-inset-right, 0px));
display: flex;
align-items: stretch;
flex-wrap: wrap;
position: relative;
z-index: 2;
}
.navbar-toggle {
display: none;
align-items: center;
gap: 8px;
background: none;
border: none;
color: #fff;
font-size: 15px;
font-weight: 600;
cursor: pointer;
padding: 15px 0;
font-family: inherit;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.navbar-toggle__icon {
font-size: 22px;
line-height: 1;
}
.page-header__menu .main-navbar--desktop {
flex: 1 1 auto;
min-width: 0;
} @media (max-width: 991px) {
.top-header-container {
flex-direction: column;
align-items: stretch;
text-align: center;
}
.page-header__logo.top-header__logo {
align-items: center;
max-width: 100%;
}
.page-header__logo-text.top-header__tagline,
.top-header__tagline {
text-align: center;
}
.top-header__contact {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 8px;
}
.top-header__phones {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 4px 12px;
flex: 1 1 auto;
min-width: 0;
}
.top-header__phone-link {
font-size: 14px;
line-height: 1.2;
padding: 0;
min-height: 0;
white-space: nowrap;
}
.top-header__social {
display: inline-flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
gap: 6px;
margin-left: auto;
}
.top-header__social-link {
width: 28px;
height: 28px;
}
.top-header__notice-block {
align-items: center;
max-width: 100%;
text-align: center;
}
.top-header__actions,
.page-header__actions.top-header__actions {
justify-content: center;
width: 100%;
}
.top-header-container > * {
min-width: 0;
}
.page-header__main.top-header {
padding: 10px 0;
}
.page-header.header-ref .page-header__logo-img {
max-width: min(200px, 55vw);
margin-left: auto;
margin-right: auto;
}
.page-header.header-ref .page-header__logo.top-header__logo {
align-items: center;
text-align: center;
}
.navbar-toggle {
position: relative;
display: inline-flex;
width: 100%;
order: -1;
min-height: 48px;
padding: 12px max(16px, env(safe-area-inset-right, 0px)) 12px max(16px, env(safe-area-inset-left, 0px));
justify-content: flex-start;
align-items: center;
gap: 0;
border-radius: 0;
background: transparent;
-webkit-tap-highlight-color: transparent;
}
.navbar-toggle:active {
background: rgba(255, 255, 255, 0.12);
}
.navbar-toggle[aria-expanded="true"] {
background: rgba(255, 255, 255, 0.15);
} .navbar-toggle__label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.navbar-toggle__icon {
font-size: 24px;
line-height: 1;
}
.bottom-header__inner {
flex-direction: column;
align-items: stretch;
}
.top-header__phones {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 4px 12px;
}
.top-header__phone-link {
min-height: 0;
display: inline-flex;
align-items: center;
justify-content: flex-start;
padding: 0;
white-space: nowrap;
}
.top-header__social-link {
width: 28px;
height: 28px;
}
.top-header__notice-text {
font-size: 11px;
line-height: 1.35;
}
.top-header__hours {
font-size: 11px;
}
}
@media (max-width: 768px) {
.page-header__logo-img {
max-width: min(200px, 52vw);
}
.page-header__logo-text.top-header__tagline,
.top-header__tagline {
font-size: 12px;
line-height: 1.35;
max-width: 100%;
}
.top-header__btn {
padding: 12px 16px;
font-size: 11px;
min-height: 44px;
}
.top-header__phone-link {
font-size: 15px;
}
.top-header-container {
gap: 12px;
}
.page-header__actions.top-header__actions,
.top-header__actions {
width: 100%;
max-width: 420px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 640px) {
.top-header-container {
flex-direction: column;
align-items: stretch;
text-align: center;
padding-left: max(14px, env(safe-area-inset-left, 0px));
padding-right: max(14px, env(safe-area-inset-right, 0px));
}
.page-header__logo.top-header__logo {
align-items: center;
max-width: 100%;
}
.page-header__logo-text.top-header__tagline,
.top-header__tagline {
text-align: center;
}
.top-header__contact {
width: 100%;
}
.top-header__notice-block {
align-items: center;
max-width: 100%;
text-align: center;
}
}
@media (max-width: 480px) {
.page-header__main.top-header {
padding: 8px 0;
}
.top-header__btn {
width: 100%;
max-width: none;
}
.top-header__actions,
.page-header__actions.top-header__actions {
flex-direction: column;
align-items: stretch;
max-width: none;
}
.top-header__phones {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 4px 10px;
}
.top-header__phone-link {
font-size: 12px;
flex: 0 1 auto;
min-width: 0;
}
}
@media (max-width: 380px) {
.top-header__phones {
gap: 4px 8px;
}
.top-header__phone-link {
font-size: 11px;
}
.top-header__btn {
font-size: 10px;
letter-spacing: 0.03em;
padding-left: 12px;
padding-right: 12px;
}
}
.page-section {
padding: clamp(44px, 5vw, 88px) 0;
position: relative;
overflow: hidden;    
background-color: transparent;
} .section-heading {
text-align: center;
font-weight: 700;
font-size: clamp(26px, 3vw, 40px);
text-transform: uppercase;
letter-spacing: 0.02em;
}
.section-heading::after {
content: '';
display: block;
width: min(520px, 64%);
margin: 20px auto 30px auto;
height: 2px;
background: -webkit-gradient(radial,50% 50%,0,50% 50%,130,from(var(--blue)),to(rgba(255,0,0,0)));
} .services-grid {
justify-content: center;
}
.service-block {
flex: 0 0 33.3%;
max-width: 33.3%;
}
.service-block__inner {
display: block;
text-decoration: none;
background: var(--color-surface-solid);
border: 1px solid var(--color-border);
box-shadow: var(--shadow-sm);
position: relative;
overflow: hidden;
border-radius: var(--radius-md);
height: 100%;
color: var(--color-text);
transition: 0.22s transform ease, 0.22s box-shadow ease, 0.22s border-color ease;
}
.service-block__inner:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-md);
border-color: rgba(0,159,227,.25);
}
.service-block__inner:focus-visible {
outline: none;
box-shadow: var(--shadow-md), var(--focus-ring);
}
.service-block__image {
position: relative;
overflow: hidden;
height: 250px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.service-block__title {
height: calc(100% - 250px);
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 18px;
text-align: center;
text-transform: uppercase;
padding: 15px;
color: var(--blue);
background-color: transparent;
} .price-unit {
flex: 0 0 25%;
max-width: 25%;
text-align: center;
}   
.price-unit__body {
height: 100%;
display: flex;
flex-flow: column wrap;
justify-content: space-between;
position: relative;
}
.price-unit__title {
font-weight: 700;
font-size: 22px;
}
.price-unit__img-wrap {
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
height: 185px;
margin: 20px 0;
}
.price-unit__img {
display: block;
width: auto;
max-width: 100%;
height: 100%;
margin: 0 auto;
}
.price-unit__desc {
background: var(--color-surface-solid);
padding: 10px;
width: 100%;
border-radius: var(--radius-md);
border: 1px solid var(--color-border);
box-shadow: var(--shadow-sm);
transition: 0.4s ease;
}
.price-unit__desc p:not(:last-child) {
margin-bottom: 10px;
}
.price-unit__desc strong {
color: var(--blue);
font-size: 24px;
}
.price-unit__desc del {
color: #969292;
font-size: 18px;
}
.price-unit__action {
position: absolute;
left: 0;
right: 0;
top: 100%;
width: 100%;
height: 44px;
margin-top: 30px;
opacity: 0;
transition: 0.3s ease;
text-transform: uppercase;
}
.price-unit:hover .price-unit__desc {
transform: translateY(-10px);
}
.price-unit:hover .price-unit__action {
margin-top: 0;
opacity: 1;
}
.work-stages-block {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.work-stages-block__img {
max-width: 450px;
margin-left: 80px;
} .work-stages {
display: flex;
flex-flow: row wrap;
margin-right: -8px;
margin-left: -8px;
}
.work-stage-block {
flex: 0 0 33.3%;
max-width: 33.3%;
padding-left: 8px;
padding-right: 8px;
position: relative;
margin-bottom: 120px;
}
.work-stage-block::after {
content: '';
display: block;
width: 40px;
height: 40px;
background: url(//xn----8sbbdpb0bduddg8jxb.xn--p1ai/wp-content/themes/motorfat_wp/assets/img/arrow-right.svg) no-repeat center center;
background-size: auto 100%;
position: absolute;
left: 96%;
top: 50%;
transform: translate(0,-50%); 
}
.work-stage-block:first-child::after {
}
.work-stage-block:nth-child(2)::after {
}
.work-stage-block:nth-child(3)::after {
transform: translate(0) rotate(90deg);
left: 50%;
top: 114%;
}
.work-stage-block:nth-child(4)::after {
display: none;
}
.work-stage-block:nth-child(6)::after,
.work-stage-block:nth-child(5)::after {
left: auto;
top: 50%;
transform: translate(0,-50%) rotate(180deg);
right: 96%;
}
.work-stage-block__inner {
width: 300px;
margin: 0 auto;
}
.work-stage-block__image {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
position: relative;
overflow: hidden;
border-radius: 16px;
background: #eef2f7;
}
.work-stage-block__image img {
display: block;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
object-fit: cover;
object-position: center;
border-radius: inherit;
}
.work-stage-block__title{
display: flex;
flex-flow: column wrap;
align-items: normal;
justify-content: center;
position: relative;
background-color: var(--blue);
text-align: center;
color: #fff;
font-weight: 500;
font-size: 18px;
line-height: 1;
text-transform: uppercase;
padding: 26px 10px 20px;
}
.work-stage-block__count {
display: block;
width: 44px;
height: 44px;
border-radius: 50%;
background-color: #FFF;
color: #000;
text-align: center;
line-height: 38px;
position: absolute;
top: -22px;
left: 0;
right: 0;
margin: auto;
font-size: 29px;
border: 3px solid var(--blue);
}
.stage-item {
display: flex;
flex-flow: row wrap;
align-items: center;
position: relative;
margin-bottom: 20px;
}
.stage-item:not(:last-child)::after {
content: '';
display: block;
position: absolute;
left: 30px;
top: 60px;
width: 3px;
height: 32px;
background-color: var(--blue);
}
.stage-item__icon {
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
background-color: var(--blue);
position: relative;
color: #FFF;
font-weight: 900;
font-size: 30px;
padding: 4px;
} .stage-item__icon > img {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
border: 1px solid #FFF;
}
.stage-item__text {
flex: 0 0 calc(100% - 60px);
max-width: calc(100% - 60px);
font-size: 18px;
padding-left: 20px;  }
.section-contacts {
padding: 0;
z-index: 2;
box-shadow: 0 0 70px rgba(19,77,127,.3);
}
.section-contacts__map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//xn----8sbbdpb0bduddg8jxb.xn--p1ai/wp-content/themes/motorfat_wp/assets/img/map.webp);
background-size:cover;
background-repeat:no-repeat;
}
.contacts-block {
width: 40%;
margin: 80px auto 80px 0;
background-color: #FFF;
border-radius: 4px;
padding: 30px;
position: relative;
overflow: hidden;
z-index: 2;
border: 1px solid var(--blue);
box-shadow: 0 10px 30px rgba(19,77,127,.3);
}
.contacts-block__title {
font-weight: 800;
font-size: 26px;
text-transform: uppercase;
}
.contacts-block__info {
padding: 15px 0;
margin: 20px 0;
border: solid #DDD;
border-width: 1px 0;
}
.contacts-block .contact-unit + .contact-unit {
margin-left: 0;
margin-top: 20px;
}
.contacts-block__callback {
width: 100%;
}
.contacts-block .contact-unit__icon {
margin-right: 0;
}
.contacts-block .contact-unit__content {
width: calc(100% - 25px);
padding-left: 10px;
} .inner-page__content {
font-size: 16px;
line-height: 1.35;
}
.inner-page__content p {
margin-bottom: 15px;
}
.inner-page__content ul,
.inner-page__content ol {
margin: 15px 0 15px 30px;
}
.inner-page__content ul li + li,
.inner-page__content ol li + li {
margin-top: 10px;
}
.inner-page__content h2,
.inner-page__content h3,
.inner-page__content h4,
.inner-page__content h5 {
margin: 15px 0;
}
.inner-page__content h2 { font-size: 32px; }
.inner-page__content h3 { font-size: 28px; }
.inner-page__content h4 { font-size: 24px; }
.inner-page__content h5 { font-size: 20px; }
.section-shortcode .section-heading { display: none; } .section-lead-block {
background-image: url(//xn----8sbbdpb0bduddg8jxb.xn--p1ai/wp-content/themes/motorfat_wp/assets/img/lead-block-bg.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center center; border: solid var(--blue);
border-width: 2px 0;
box-shadow: 0 0 70px rgba(19,77,127,.3);
padding: 88px 0;
}
.section-lead-block::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #FFF;
opacity: .6
}
.lead-block {
position: relative;
z-index: 2;
text-align: center;
}
.lead-block__heading {
margin-bottom: 60px;
}
.lead-block__title {
font-weight: 700;
font-size: 40px;
line-height: 1;
color: #141414;
text-transform: uppercase;
}
.lead-block__title strong {
color: #F00;
font-weight: 800;
}
.lead-block__text {
font-weight: 400;
font-size: 32px;
line-height: 1;
margin-top: 20px;
}
.lead-block__text > span {
display: inline-block;
padding: 10px 20px;
color: #FFF;
background-color: var(--blue);
}
.lead-block__form .wpcf7-form > p {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.lead-block__form .wpcf7-form-control-wrap {
flex: 0 0 350px;
max-width: 350px;
margin-bottom: 0;
padding-right: 10px;
}
.lead-block__form .wpcf7-form-control-wrap input {
width: 100%;
}
.lead-block__form .wpcf7-submit {
flex: 0 0 200px;
max-width: 200px;
height: 53px;
}
.page-footer {
background: radial-gradient(1200px 420px at 20% 0%, rgba(0,159,227,.22), rgba(0,0,0,0)), #0b1220;
}
.page-footer__inner {
padding-top: 60px;
padding-bottom: 60px;
}
.footer-blocks {
display: flex;
}
.footer-block {
flex: 0 0 25%;
max-width: 25%;
color: #FFF;
}
.footer-block__title {
font-weight: 700;
font-size: 22px;
margin-bottom: 25px;
}
.footer-block ul {
list-style: none;
}
.footer-block ul li {
margin-bottom: 10px;
}
.footer-block ul li a {
color: #FFF;
text-decoration: none;
font-weight: 300;
opacity: 0.9;
transition: 0.18s opacity ease, 0.18s transform ease;
}
.footer-block ul li a:hover {
opacity: 1;
}
.footer-block ul li a:focus-visible {
outline: none;
box-shadow: var(--focus-ring);
border-radius: 8px;
}
.page-footer__logo img {
display: block;
max-width: 80%;
height: auto;
}
.page-footer__copyright {
text-align: center;
color: #FFF;
font-weight: 300;
font-size: 14px;
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid rgba(255,255,255,.5);
}
@media (max-width: 1440px) {
.front-slider
.front-slider-slide__title { font-size: 44px; }
}
@media (max-width: 1200px) {
.content-box {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 1024px) {
.main-navbar ul li a {
font-size: 14px;
padding: 12px;
}
.page-section { padding: 30px 0; }
}
@media (max-width: 991px) { body {
margin-top: var(--header-offset, 200px);
} .page-header:not(.header-ref) .main-navbar {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: var(--blue);
padding: 20px;
z-index: 20;
}
.page-header:not(.header-ref) .navbar-toggle {
display: block;
max-width: 100%;
margin: 0 auto;
}
.page-header:not(.header-ref) .page-header__logo,
.page-header:not(.header-ref) .page-header__contacts {
flex: 0 0 100%;
max-width: 100%;
}
.page-header:not(.header-ref) .page-header__callback {
max-width: 100%;
margin: 0 auto;
}
.page-header:not(.header-ref) .page-header__logo img { margin: 0 auto; }
.page-header:not(.header-ref) .page-header__contacts { margin: 10px 0; }
.page-header:not(.header-ref) .page-header__contacts .contacts-row { justify-content: center; }
.page-header:not(.header-ref) .page-header__contacts .contact-unit__items { font-size: 14px; }
.page-header:not(.header-ref) .page-header__menu {
padding: 10px 0;
position: relative;
}
.page-header:not(.header-ref).page-header--stick .page-header__main { display: none; }
.front-slider-slide { 
height: auto;
min-height: 1px;
padding: 80px 0;
}
.front-slider-slide__inner {
padding-left: 30px;
padding-right: 30px;
text-align: center;
}
.price-unit,
.footer-block {
flex: 0 0 50%;
max-width: 50%;
}
.price-unit__action {
position: static;
opacity: 1;
margin-top: 15px;
}
.work-stages-block__img { display: none; }
.section-contacts { padding-top: 0; }
.section-contacts__map {
position: static;
height: 350px;
}
.contacts-block {
width: 100%;
margin: 20px 0 0 0;
}
.popup {
padding: 15px 30px;
}
.work-stage-block {
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 20px;
}
.work-stage-block:first-child { order: 0; }
.work-stage-block:nth-child(2) { order: 1; }
.work-stage-block:nth-child(3) { order: 2; }
.work-stage-block:nth-child(4) { order: 6; }
.work-stage-block:nth-child(5) { order: 5; }
.work-stage-block:nth-child(6) { order: 4; }
.work-stage-block::after {
display: none;
}
.work-stage-block__inner {
width: 100%;
}
}
@media (max-width: 750px) {
.front-slider{display:none;}
.front-slider-slide__title { font-size: 32px; }
.service-block__image { height: 200px; }
.service-block__title { height: calc(100% - 200px); }
.footer-block {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 550px) {
.service-block {
flex: 0 0 50%;
max-width: 50%;
}  
.service-block__title {
padding: 5px;
font-size: 14px;
}
.work-stage-block__title { font-size: 16px; }
}
@media (max-width: 450px) {
.price-unit {
flex: 0 0 100%;
max-width: 100%;
}
.work-stage-block__title { font-size: 13px; }
}.popup-quiz {
width: 900px;
}
.quiz__body {
padding: 30px;
}
.quiz__status {
margin: 0 0 60px 0;
}
.quiz__status .status-bar {
border-radius: 25px;
background: #f1f6f9;
padding: 6px;
position: relative;
}
@media (max-width: 750px) {
.quiz__status .status-bar {
width: 100%;
}
}
.quiz__status .status-bar__line {
width: 25%;
height: 38px;
background: var(--mf-grad, linear-gradient(135deg, #009fe3 0%, #37c6ff 55%, #7cf0ff 100%));
border-radius: 25px;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-ms-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
}
.quiz__status .status-bar__text {
text-align: center;
font-size: 13px;
line-height: 1;
color: #333;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.quiz-form__send-text {
display: none;
text-align: center;
font-size: 30px;
color: #161a23;
}
.quiz-form .quiz-step {
display: none;
}
.quiz-form .quiz-step.quiz-step--current {
display: block;
}
.quiz-form .quiz-step__title {
font-size: 32px;
color: #161a23;
margin: 0 0 30px 0;
}
.quiz-form .quiz-step__fields {
display: flex;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;
margin-bottom: 30px;
}
.quiz-form .quiz-step__fields .quiz-field-text {
flex: 0 0 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
@media (max-width: 750px) {
.quiz-form .quiz-step__fields .quiz-field-text {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
}
.quiz-form .quiz-step__fields .quiz-field-text__input {
width: 100%;
height: 48px;
padding: 5px;
border-radius: 8px;
background-color: #f1f6f9;
color: rgba(45, 83, 106, 0.5);
text-align: center;
}
.quiz-form .quiz-step__fields .quiz-field-text__label {
display: block;
margin-bottom: 10px;
font-size: 14px;
font-weight: 500;
line-height: 1;
color: #333;
}
.quiz-form .quiz-step__fields .quiz-field-radio {
flex: 0 0 50%;
max-width: 50%;
min-height: 65px;
}
@media (max-width: 750px) {
.quiz-form .quiz-step__fields .quiz-field-radio {
flex: 0 0 100%;
max-width: 100%;
}
.quiz-form .quiz-step__fields .quiz-field-radio:last-child {
margin-bottom: 0;
}
}
.quiz-form .quiz-step__fields .quiz-field-radio input {
display: none;
}
.quiz-form .quiz-step__fields .quiz-field-radio input+label {
display: block;
width: 100%;
position: relative;
font-size: 16px;
color: #333;
padding-left: 52px;
cursor: pointer;
}
.quiz-form .quiz-step__fields .quiz-field-radio input+label::before,
.quiz-form .quiz-step__fields .quiz-field-radio input+label::after {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translate(0, -50%);
border-radius: 50%;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.quiz-form .quiz-step__fields .quiz-field-radio input+label::before {
width: 32px;
height: 32px;
background-color: #f1f6f9;
border: 4px solid #f1f6f9;
left: 0;
}
.quiz-form .quiz-step__fields .quiz-field-radio input+label::after {
width: 12px;
height: 12px;
background-color: #fff;
left: 14px;
opacity: 0;
}
.quiz-form .quiz-step__fields .quiz-field-radio input+label>img,
.quiz-form .quiz-step__fields .quiz-field-radio input+label>span {
display: inline-block;
vertical-align: middle;
}
.quiz-form .quiz-step__fields .quiz-field-radio input+label>img {
margin-right: 30px;
}
@media (max-width: 750px) {
.quiz-form .quiz-step__fields .quiz-field-radio input+label>img {
margin-right: 10px;
}
}
.quiz-form .quiz-step__fields .quiz-field-radio input:checked+label::before {
background-color: var(--mf-primary, #009fe3);
box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.1);
border-color: #FFF;
}
.quiz-form .quiz-step__fields .quiz-field-radio input:checked+label::after {
opacity: 1;
}
.quiz-form .quiz-step__fields .quiz-field-contact {
flex: 0 0 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
@media (max-width: 750px) {
.quiz-form .quiz-step__fields .quiz-field-contact {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
}
.quiz-form .quiz-step__fields .quiz-field-contact__input {
font-family: "Jost", sans-serif;
background-color: #f1f6f9;
width: 100%;
height: 56px;
padding: 10px;
border-radius: 8px;
color: rgba(45, 83, 106, 0.5);
border: 1px solid #DDD;
font-size: 16px;
}
.quiz-form .quiz-step__fields .quiz-field-contact__input.error-input {
border-color: #f00;
box-shadow: 0 10px 30px rgba(255,0,0,.3);
}
.quiz-form .quiz-step__fields-radio-btns-list {
display: block;
overflow: auto;
height: 650px;
}
@media (max-width: 750px) {
.quiz-form .quiz-step__fields-radio-btns-list {
height: 450px;
}
}
.quiz-form .quiz-step__fields-radio-btns-list .quiz-row-field {
flex: 0 0 100%;
max-width: 100%;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}
.quiz-form .quiz-step__fields-radio-btns-list .quiz-field-radio {
flex: 0 0 auto;
max-width: initial;
}
.quiz-form .quiz-step__fields-radio-btns-list .quiz-field-radio input+label {
padding-left: 68px;
}
@media (max-width: 750px) {
.quiz-form .quiz-step__fields-radio-btns-list .quiz-field-radio input+label {
padding-left: 40px;
}
}
.quiz-form .quiz-step__fields-radio-btns-list .jspVerticalBar {
width: 4px;
}
.quiz-form .quiz-step__fields-radio-btns-list .jspVerticalBar .jspTrack {
background: #f1f6f9;
}
.quiz-form .quiz-step__fields-radio-btns-list .jspVerticalBar .jspDrag {
background: var(--mf-grad, linear-gradient(135deg, #009fe3 0%, #37c6ff 55%, #7cf0ff 100%));
border-radius: 2px;
}
.quiz-form .quiz-step__fields-radio-btns-list .jspHorizontalBar {
display: none !important;
}
.quiz-form__actions {
text-align: center;
margin-top: 60px;
}
@media (max-width: 750px) {
.quiz-form__actions {
margin-top: 30px;
}
}
.quiz-form__action-btn {
padding: 20px 68px;
margin-right: 30px;
text-transform: uppercase;
}
.quiz-form__action-btn:last-child {
margin-right: 0;
}
@media (max-width: 750px) {
.quiz-form__action-btn {
margin-right: 0;
width: 100%;
padding: 20px;
}
}
.quiz-form__action-btn-submit {
background-color: var(--mf-primary, #009fe3);
border-color: var(--mf-primary, #009fe3);
}
@media (max-width: 750px) {
.quiz-form__action-btn-submit {
margin-bottom: 10px;
}
}
.quiz-form__action-btn-submit:hover {
background-color: #FFF;
color: var(--mf-primary, #009fe3);
}
.quiz-form__action-btn-return {
background-color: #f1f6f9;
border-color: #f1f6f9;
color: rgba(45, 83, 106, 0.5);
}
.quiz-form__action-btn-return:hover {
background-color: var(--mf-primary, #009fe3);
color: var(--mf-primary, #009fe3);
color: #FFF;
}:root{
--mf-primary: #009fe3;
--mf-primary-2: #37c6ff;
--mf-deep: #0b1220;
--mf-slate-900: #0f172a;
--mf-slate-700: #334155;
--mf-slate-500: #64748b;
--mf-slate-100: rgba(15,23,42,.08);
--mf-red: #E30E0E;
--mf-grad: linear-gradient(135deg, var(--mf-primary) 0%, var(--mf-primary-2) 55%, #7cf0ff 100%);
--mf-shadow-1: 0 10px 30px rgba(15,23,42,.10);
--mf-shadow-2: 0 20px 60px rgba(15,23,42,.18);
--mf-ring: 0 0 0 4px rgba(0,159,227,.22);
--mf-radius-12: 12px;
--mf-radius-18: 18px;
--mf-radius-28: 28px;
--mf-font: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
--mf-head: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
--header-offset: 140px;
--font-def: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
--content-box-width: 1400px;
--container-padding: clamp(14px, 2vw, 26px);
--mf-input-bg: #ffffff;
--mf-input-fg: #000000;
--mf-input-border: rgba(0,0,0,.18);
--mf-input-border-hover: rgba(0,0,0,.28);
--mf-input-border-focus: rgba(0,0,0,.52);
--mf-input-focus-ring: 0 0 0 4px rgba(0,0,0,.14);
}
*,
*::before,
*::after{
box-sizing: border-box;
}
html,
body{
max-width: 100%;
overflow-x: hidden;
}
body{
font-family: var(--mf-font);
background: #ffffff;
color: var(--mf-deep);
transition: margin-top .34s cubic-bezier(.2,.8,.2,1);
}
:where(
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
textarea,
select
){
background-color: var(--mf-input-bg) !important;
color: var(--mf-input-fg) !important;
-webkit-text-fill-color: var(--mf-input-fg);
border-color: var(--mf-input-border) !important;
}
:where(
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
textarea,
select
):hover{
border-color: var(--mf-input-border-hover) !important;
}
:where(
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
textarea,
select
):focus{
outline: none;
border-color: var(--mf-input-border-focus) !important;
box-shadow: var(--mf-input-focus-ring) !important;
}
:where(
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
textarea,
select
):disabled,
:where(
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
textarea,
select
)[readonly]{
background-color: var(--mf-input-bg) !important;
color: var(--mf-input-fg) !important;
-webkit-text-fill-color: var(--mf-input-fg);
opacity: 1;
}
:where(
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
textarea,
select
):-webkit-autofill{
-webkit-text-fill-color: var(--mf-input-fg);
box-shadow: 0 0 0 1000px var(--mf-input-bg) inset;
transition: background-color 9999s ease-out 0s;
}
:where(
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
textarea,
select
):-moz-autofill{
box-shadow: 0 0 0 1000px var(--mf-input-bg) inset;
}
:where(
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
textarea,
select
)::placeholder{
color: #64748b;
opacity: 1;
-webkit-text-fill-color: #64748b;
}
:where(
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
textarea,
select
)::-webkit-input-placeholder{
color: #64748b;
opacity: 1;
-webkit-text-fill-color: #64748b;
}
:where(
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
textarea,
select
):-moz-placeholder{
color: #64748b;
opacity: 1;
}
.page-header,
.page-header *{
font-family: var(--mf-font);
}
.page-header{
background: transparent;
border-bottom: none;
transition: box-shadow .22s ease, background-color .22s ease, backdrop-filter .22s ease;
}
.page-header::before{
content:"";
position:absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: min(var(--content-box-width), 100%);
height: 100%;
background: rgba(255,255,255,.08);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border: 1px solid rgba(255,255,255,.18);
border-top: none;
border-radius: 0 0 22px 22px;
pointer-events:none;
z-index: 0;
}
.page-header > *{
position: relative;
z-index: 1;
}
.page-header.shadow-xl,
.page-header.page-header--stick{
box-shadow: var(--mf-shadow-2);
}
.page-header__main{
padding: 8px 0;
overflow: hidden;
max-height: 260px;
opacity: 1;
transform: translateY(0);
will-change: max-height, opacity, transform, padding;
transition: max-height .38s cubic-bezier(.2,.8,.2,1), opacity .28s ease, transform .28s ease, padding .28s ease;
}
.page-header.mf-header--compact .page-header__main{
padding: 0;
max-height: 0;
opacity: 0;
transform: translateY(-10px);
pointer-events: none;
}
.page-header__main-inner{
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 8px 12px;
}
.page-header__logo{
display:flex;
align-items:center;
justify-content:center;
flex-direction: column;
gap: 6px;
}
.page-header__logo-img{
width: clamp(120px, 12vw, 148px);
height: auto;
transition: transform .25s ease;
}
.page-header__logo-text{
order: 2;
margin-top: 2px;
font-size: 10.5px;
letter-spacing: .08em;
line-height: 1.25;
text-transform: uppercase;
text-align: center;
}
.page-header__contacts .contacts-row{
gap: 10px;
}
.page-header__contacts .contact-unit__title{
font-size: 11px;
margin-bottom: 2px;
}
.page-header__contacts .contact-unit__items{
font-size: 14px;
line-height: 1.15;
}
.page-header__contacts .contact-unit__icon{
width: 16px;
margin-right: 6px;
}
.page-header__actions{
display:flex;
flex-direction: column;
align-items:flex-end;
justify-content:flex-start;
gap: 6px;
}
.page-header__calc-link{
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none;
padding: 10px 14px;
min-height: 38px;
min-width: 140px;
font-size: 12px;
line-height: 1.1;
letter-spacing: .10em;
text-transform: uppercase;
white-space: nowrap;
border: none;
border-radius: 999px;
background: var(--mf-grad);
color: #fff;
box-shadow: var(--mf-shadow-1);
animation: none;
transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, background-color .2s ease;
}
.page-header__calc-link:hover{
transform: translateY(-1px);
box-shadow: var(--mf-shadow-2);
filter: brightness(1.02);
}
.page-header__calc-link:focus-visible{
outline: none;
box-shadow: var(--mf-shadow-2), var(--mf-ring);
}
.page-header__callback.btn{
padding: 10px 12px;
font-size: 11.5px;
letter-spacing: .10em;
white-space: nowrap;
box-shadow: 0 1px 8px rgba(15,23,42,.10);
}
.page-header__callback.btn:hover{
box-shadow: 0 2px 10px rgba(15,23,42,.12);
}
.page-header__menu{
background: transparent;
overflow-x: clip;
padding: 8px 0 0;
}
.page-header__menu.bottom-header{
padding: 0;
background: transparent;
}
@media (min-width: 992px){
.page-header__menu{
overflow: visible;
}
}
.page-header.mf-header--compact .page-header__menu{
padding-top: 0;
}
.page-header__menu nav,
.page-header__menu .main-navbar{
width: 100%;
}
.main-navbar--desktop .main-navbar__list{
width: 100% !important;
}
.navbar-toggle.btn{
background: rgba(255,255,255,.90);
color: var(--mf-slate-900);
border-radius: 14px;
padding: 9px 12px;
font-size: 11.5px;
letter-spacing: .10em;
box-shadow: var(--mf-shadow-1);
}
@media (max-width: 1024px){
:root{ --header-offset: 140px; }
.page-header__main-inner{
grid-template-columns: auto 1fr;
}
.page-header__contacts{
grid-column: 1 / -1;
display:block;
margin-top: 2px;
}
.page-header__calc{
display:none;
}
.page-header__contacts .contact-unit:nth-child(2){
display:none;
}
.page-header__contacts .contact-unit__icon{
display:none;
}
.page-header__contacts .contact-unit__title{
display:none;
}
.page-header__contacts .grid-double{
grid-template-columns: 1fr;
}
.page-header__contacts .lower{
display:none;
}
.page-header__contacts .alert{
display:none;
}
.page-header__contacts .contact-unit__items{
font-size: 13.5px;
}
.page-header__actions{ align-items:flex-end; }
}
@media (max-width: 768px){
:root{ --header-offset: 132px; }
.page-header__logo-img{
width: 132px;
}
.page-header__logo-text{
display:none;
}
.page-header__contacts{
margin-top: -2px;
}
.page-header__contacts .contact-unit__tel + .contact-unit__tel{
display:none;
}
.page-header__callback.btn{
padding: 10px 12px;
font-size: 11px;
}
.page-header__actions{ align-items: stretch; }
.page-header__actions .btn{
width: 100%;
}
}
body::before{
content:"";
position: fixed;
inset: 0;
pointer-events:none;
z-index: 0;
background:
radial-gradient(1200px 600px at 20% -10%, rgba(0,159,227,.22), rgba(0,159,227,0) 60%),
radial-gradient(900px 500px at 90% 10%, rgba(227,14,14,.12), rgba(227,14,14,0) 55%),
radial-gradient(900px 600px at 50% 120%, rgba(0,159,227,.10), rgba(0,159,227,0) 60%);
opacity: .95;
}
.main-wrapper{ position: relative; z-index: 1; }
.main-bg{ opacity: 0; }
h1, h2, h3, h4, .section-heading{ font-family: var(--mf-head); }
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible{
outline: none;
box-shadow: var(--mf-ring);
border-radius: 10px;
}
.mf-topbar{
background: var(--mf-slate-900);
color: rgba(255,255,255,.92);
font-size: 12px;
padding: 6px 0;
}
.mf-topbar__inner{
display:flex;
align-items:center;
justify-content:space-between;
gap: 16px;
}
.mf-topbar__left{
display:flex;
flex-wrap:wrap;
gap: 14px;
align-items:center;
}
.mf-topbar__item{
display:flex;
align-items:center;
gap: 8px;
color: rgba(255,255,255,.86);
}
.mf-topbar__right{
color: rgba(255,255,255,.86);
}
.mf-ico{
color: var(--mf-primary-2);
}
.mf-mainnav{
background: rgba(255,255,255,.72);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border-bottom: 1px solid rgba(15,23,42,.10);
box-shadow: 0 1px 0 rgba(15,23,42,.04);
}
.mf-mainnav__inner{
padding: 14px 0;
display:flex;
align-items:center;
justify-content:space-between;
gap: 16px;
}
.mf-header{
position: fixed;
top:0;
left:0;
right:0;
z-index: 999;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border-bottom: none;
}
.mf-header::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:-1px;
height: 3px;
background: var(--mf-grad);
opacity: .85;
pointer-events:none;
}
.mf-header.shadow-xl{
box-shadow: var(--mf-shadow-2);
}
.mf-logo{
display:flex;
align-items:center;
gap: 12px;
text-decoration:none;
color: inherit;
}
.mf-logo__img{
width: 54px;
height: 54px;
border-radius: 14px;
background: #fff;
box-shadow: 0 18px 40px rgba(15,23,42,.12);
border: 1px solid rgba(15,23,42,.08);
object-fit: contain;
padding: 8px;
}
.mf-logo__text{
display:flex;
flex-direction:column;
line-height: 1;
}
.mf-logo__title{
font-weight: 900;
font-size: 20px;
letter-spacing: -0.03em;
}
.mf-logo__subtitle{
margin-top: 4px;
font-weight: 800;
font-size: 12px;
letter-spacing: .22em;
color: var(--mf-primary);
}
.mf-contacts{
display:flex;
align-items:center;
gap: 18px;
}
.mf-contacts__phones{
display:flex;
flex-direction:column;
align-items:flex-end;
gap: 2px;
}
.mf-phone{
text-decoration:none;
color: var(--mf-slate-900);
font-weight: 800;
font-size: 18px;
transition: color .2s ease;
}
.mf-phone:hover{ color: var(--mf-primary); }
.mf-phone--sub{
font-size: 13px;
font-weight: 600;
color: var(--mf-slate-500);
}
.mf-actions{
display:flex;
align-items:center;
gap: 10px;
}
.mf-btn{
appearance:none;
border: none;
cursor:pointer;
font-family: var(--mf-head);
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
font-size: 12px;
padding: 12px 18px;
border-radius: 999px;
transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background-color .18s ease;
text-decoration:none;
display:inline-flex;
align-items:center;
justify-content:center;
gap: 10px;
}
.mf-btn--primary{
background: var(--mf-grad);
color: #fff;
box-shadow: 0 18px 50px rgba(0,159,227,.18);
}
.mf-btn--primary:hover{
transform: translateY(-2px);
box-shadow: var(--mf-shadow-2);
}
.mf-btn--ghost{
background: rgba(255,255,255,.86);
border: 1px solid rgba(15,23,42,.10);
color: var(--mf-slate-900);
box-shadow: var(--mf-shadow-1);
}
.mf-btn--ghost:hover{
transform: translateY(-2px);
box-shadow: var(--mf-shadow-2);
}
.mf-btn--full{
width: 100%;
}
.mf-btn--secondary{
background: #fff;
border: 1px solid rgba(0, 159, 227, 0.45);
color: var(--mf-primary);
box-shadow: var(--shadow-sm);
}
.mf-btn--secondary:hover{
transform: translateY(-2px);
border-color: var(--mf-primary);
box-shadow: var(--mf-shadow-1);
}
.mf-burger{
display:none;
align-items:center;
gap: 10px;
padding: 10px 12px;
border-radius: 999px;
background: rgba(255,255,255,.88);
border: 1px solid rgba(15,23,42,.10);
box-shadow: var(--mf-shadow-1);
color: var(--mf-slate-900);
}
.mf-burger__text{
font-family: var(--mf-head);
font-weight: 800;
letter-spacing: .02em;
font-size: 12px;
text-transform: uppercase;
}
.mf-burger__icon{
width: 22px;
height: 14px;
display:inline-block;
background:
linear-gradient(var(--mf-slate-900),var(--mf-slate-900)) 0 0/100% 2px no-repeat,
linear-gradient(var(--mf-slate-900),var(--mf-slate-900)) 0 6px/100% 2px no-repeat,
linear-gradient(var(--mf-slate-900),var(--mf-slate-900)) 0 12px/100% 2px no-repeat;
}
.mf-desktop-menu{
background: rgba(255,255,255,.90);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border-top: 1px solid rgba(15,23,42,.06);
}
.mf-menu{
list-style:none;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap: 10px;
padding: 14px 0;
margin: 0;
}
.mf-menu > li{
margin: 0;
}
.mf-menu a{
display:block;
padding: 12px 14px;
border-radius: 14px;
text-decoration:none;
font-family: var(--mf-head);
font-weight: 800;
font-size: 12px;
letter-spacing: .10em;
text-transform: uppercase;
color: var(--mf-slate-700);
transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
.mf-menu a:hover{
background: rgba(0,159,227,.10);
color: var(--mf-slate-900);
transform: translateY(-1px);
}
.mf-menu .current-menu-item > a,
.mf-menu .current_page_item > a{
background: rgba(0,159,227,.14);
color: var(--mf-slate-900);
}
.mf-footer{
background: transparent;
color: rgba(255,255,255,.92);
padding: 72px 0 28px;
position: relative;
overflow: visible;
}
.mf-footer::before{
content:"";
position:absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: min(var(--content-box-width), 100%);
pointer-events:none;
background:
radial-gradient(900px 420px at 20% 10%, rgba(0,159,227,.18), rgba(0,159,227,0) 60%),
radial-gradient(900px 420px at 85% 20%, rgba(227,14,14,.12), rgba(227,14,14,0) 60%),
rgba(11,18,32,.98);
opacity: 1;
border-radius: 32px 32px 0 0;
z-index: 0;
}
.mf-footer__inner{
position: relative;
z-index: 1;
}
.mf-footer__grid{
display:grid;
grid-template-columns: 1.2fr 1fr 1fr 1fr;
gap: 28px;
align-items:start;
}
.mf-footer__logo{
display:inline-flex;
align-items:center;
text-decoration:none;
}
.mf-footer__logo-img{
width: 140px;
height: auto;
border-radius: 18px;
background: rgba(255,255,255,.90);
padding: 10px 12px;
border: 1px solid rgba(255,255,255,.10);
box-shadow: 0 18px 50px rgba(0,0,0,.28);
}
.mf-footer__title{
margin: 0 0 16px 0;
font-size: 12px;
letter-spacing: .14em;
text-transform: uppercase;
font-weight: 900;
color: var(--mf-primary-2);
}
.mf-footer__menu{
list-style:none;
padding: 0;
margin: 0;
display:flex;
flex-direction:column;
gap: 10px;
}
.mf-footer__menu a{
color: rgba(255,255,255,.70);
text-decoration:none;
font-size: 13px;
transition: color .2s ease;
}
.mf-footer__menu a:hover{
color: rgba(255,255,255,.92);
}
.mf-footer__bottom{
margin-top: 34px;
padding-top: 18px;
border-top: 1px solid rgba(255,255,255,.08);
display:flex;
flex-wrap:wrap;
gap: 14px;
align-items:center;
justify-content:space-between;
}
.mf-footer__copy{
margin: 0;
font-size: 12px;
color: rgba(255,255,255,.55);
}
.mf-footer__links{
display:flex;
gap: 18px;
}
.mf-footer__links a{
font-size: 12px;
color: rgba(255,255,255,.70);
text-decoration:none;
}
.mf-footer__links a:hover{
color: rgba(255,255,255,.92);
}
.mf-hero{
position: relative;
padding: 78px 0 54px;
overflow: hidden;
}
.mf-hero__shape{
position:absolute;
top: 0;
right: 0;
width: 52%;
height: 100%;
background: rgba(0,159,227,.08);
border-top-left-radius: 110px;
border-bottom-left-radius: 110px;
z-index: 0;
opacity: .85;
}
.mf-hero__inner{
position: relative;
z-index: 1;
display:grid;
grid-template-columns: 1.05fr .95fr;
gap: 40px;
align-items:center;
}
.mf-hero__badge{
display:inline-flex;
align-items:center;
padding: 6px 12px;
border-radius: 999px;
background: rgba(0,159,227,.12);
color: #007bb3;
font-weight: 900;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 11px;
}
.mf-hero__title{
margin: 16px 0 14px;
font-size: clamp(34px, 4.3vw, 58px);
line-height: 1.06;
font-weight: 900;
color: var(--mf-slate-900);
}
.mf-hero__title-accent{
background: var(--mf-grad);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mf-hero__text{
margin: 0 0 22px 0;
font-size: 18px;
line-height: 1.6;
color: var(--mf-slate-500);
}
.mf-hero__actions{
display:flex;
flex-wrap:wrap;
align-items:center;
gap: 16px;
}
.mf-hero__guarantee{
display:flex;
align-items:center;
gap: 12px;
padding: 10px 14px;
border-left: 2px solid rgba(15,23,42,.10);
}
.mf-hero__guarantee-ico{
width: 44px;
height: 44px;
border-radius: 999px;
display:flex;
align-items:center;
justify-content:center;
background: rgba(255,255,255,.90);
border: 1px solid rgba(15,23,42,.10);
box-shadow: var(--mf-shadow-1);
color: var(--mf-primary);
font-weight: 900;
}
.mf-hero__guarantee-title{
font-weight: 900;
color: var(--mf-slate-900);
font-size: 13px;
}
.mf-hero__guarantee-sub{
color: var(--mf-slate-500);
font-size: 12px;
}
.mf-hero__media-card{
position: relative;
border-radius: 28px;
overflow:hidden;
box-shadow: 0 30px 90px rgba(15,23,42,.18);
transform: rotate(2deg);
transition: transform .7s cubic-bezier(.2,.8,.2,1);
}
.mf-hero__media-card:hover{
transform: rotate(0deg);
}
.mf-hero__img{
width: 100%;
height: 520px;
object-fit: cover;
display:block;
}
.mf-hero__media-card::after{
content:"";
position:absolute;
inset:0;
background: linear-gradient(180deg, rgba(15,23,42,0) 55%, rgba(15,23,42,.55) 100%);
pointer-events:none;
}
.mf-hero__promo{
position:absolute;
right: 18px;
bottom: 18px;
max-width: 320px;
padding: 16px 18px;
border-radius: 22px;
background: #ffffff;
border: 1px solid rgba(15,23,42,.12);
box-shadow: 0 16px 40px rgba(15,23,42,.12), 0 2px 8px rgba(15,23,42,.06);
}
.mf-hero__promo-kicker{
font-size: 11px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--mf-primary);
margin-bottom: 6px;
}
.mf-hero__promo-text{
font-size: 13px;
font-weight: 700;
color: var(--mf-slate-900);
line-height: 1.35;
}
.mf-quiz-section{
position: relative;
overflow:hidden;
}
.mf-quiz-section__bg{
position:absolute;
inset:0;
background: rgba(15,23,42,.96);
z-index: 0;
}
.mf-quiz-section__bg::before{
content:"";
position:absolute;
inset:0;
opacity: .12;
background-image:
linear-gradient(rgba(255,255,255,.45) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.45) 1px, transparent 1px);
background-size: 40px 40px;
}
.mf-quiz-section__inner{
position: relative;
z-index: 1;
}
.mf-quiz-section__heading{
text-align:center;
margin-bottom: 34px;
}
.mf-quiz-section__title{
margin: 0 0 10px 0;
color: rgba(255,255,255,.94);
font-weight: 900;
font-size: clamp(26px, 3.2vw, 40px);
}
.mf-quiz-section__subtitle{
margin: 0;
color: rgba(255,255,255,.62);
font-size: 15px;
}
.mf-quiz-section__cta{
display:flex;
justify-content:center;
}
.mf-quiz-open.btn{
border-radius: 999px;
padding: 12px 20px;
min-height: 44px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
background: var(--mf-grad);
color: #fff;
box-shadow: var(--mf-shadow-2);
}
.mf-quiz-open.btn:hover{
transform: translateY(-1px);
} .mf-quiz--embed .quiz__body{
position: relative;
overflow: hidden;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}
.mf-quiz--embed .quiz__body::after{
content: "";
position: absolute;
right: clamp(16px, 2.5vw, 28px);
top: clamp(16px, 2.5vw, 28px);
bottom: clamp(16px, 2.5vw, 28px);
width: min(320px, 36%);
border-radius: 20px;
background: url(//xn----8sbbdpb0bduddg8jxb.xn--p1ai/wp-content/themes/motorfat_wp/assets/img/quiz-consultant.png?v=2) right bottom / contain no-repeat;
pointer-events: none;
z-index: 0;
}
.mf-quiz--embed .quiz__body > *{
position: relative;
z-index: 1;
max-width: calc(100% - min(300px, 38%));
}
@media (max-width: 991px){
.mf-quiz--embed .quiz__body::after{
display: none;
}
.mf-quiz--embed .quiz__body > *{
max-width: none;
}
}
.popup-quiz__header{
position: relative;
padding: 26px 56px 22px 28px;
background:
radial-gradient(520px 200px at 0% 0%, rgba(0, 159, 227, 0.35), rgba(0, 159, 227, 0) 60%),
radial-gradient(400px 180px at 100% 100%, rgba(55, 198, 255, 0.2), rgba(55, 198, 255, 0) 55%),
linear-gradient(135deg, #0b1220 0%, #0f172a 50%, #1e293b 100%);
color: #fff;
}
.popup-quiz__header::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(120deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 45%);
pointer-events: none;
}
.popup-quiz__title{
position: relative;
z-index: 1;
margin: 0 0 8px;
font-family: var(--mf-head);
font-size: clamp(20px, 4vw, 26px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.02em;
color: #fff;
}
.popup-quiz__subtitle{
position: relative;
z-index: 1;
margin: 0;
font-size: 14px;
line-height: 1.45;
color: rgba(255, 255, 255, 0.82);
}
.popup-quiz__body{
padding: 24px 28px 28px;
background: #fff;
}
#quiz > .fancybox-close-small{
right: 12px;
top: 12px;
z-index: 5;
}
.page-section{
background: transparent;
padding: 88px 0;
}
.page-main-front{
--front-section-pad-y: clamp(56px, 7vw, 88px);
}
.page-main-front .page-section:not(.section-contacts){
padding-top: var(--front-section-pad-y);
padding-bottom: var(--front-section-pad-y);
}
.page-main-front .section-lead-block,
.page-main-front .section-stages,
.page-main-front .mf-quiz-section{
padding-top: var(--front-section-pad-y);
padding-bottom: var(--front-section-pad-y);
} .page-main-front .content-box.window-info,
.page-main-front .content-box.latest-stati{
width: min(var(--content-box-width), 100%);
max-width: 100%;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.page-main-front .section-window-info,
.page-main-front .section-latest-stati{
background: transparent;
}
.page-main-front .latest-stati .section-heading{
font-size: clamp(28px, 3.2vw, 44px);
margin-bottom: 22px;
}
.page-main-front .latest-stati .section-heading::after{
height: 4px;
border-radius: 999px;
background: var(--mf-grad);
opacity: 1;
margin: 14px auto 0 auto;
width: 110px;
}
.page-main-front .window-info__grid{
gap: 24px;
}
.page-main-front .window-info__card{
border-radius: 32px;
border: 1px solid rgba(15, 23, 42, 0.1);
box-shadow: var(--mf-shadow-1);
background: rgba(255, 255, 255, 0.88);
}
.page-main-front .latest-stati__card{
border-radius: 32px;
border: 1px solid rgba(15, 23, 42, 0.1);
box-shadow: var(--mf-shadow-1);
background: rgba(255, 255, 255, 0.88);
}
@media (max-width: 991px){
.page-main-front .section-window-info,
.page-main-front .section-latest-stati{
padding-top: var(--front-section-pad-y);
padding-bottom: var(--front-section-pad-y);
}
}
@media (min-width: 992px){
.page-main-front .section-window-info,
.page-main-front .section-latest-stati{
padding-top: var(--front-section-pad-y);
padding-bottom: var(--front-section-pad-y);
}
}
.section-heading{
margin: 0 0 22px 0;
text-transform: uppercase;
letter-spacing: -.01em;
font-size: clamp(28px, 3.2vw, 44px);
font-weight: 900;
text-align: center;
}
.section-heading::after{
height: 4px;
border-radius: 999px;
background: var(--mf-grad);
opacity: 1;
margin: 14px auto 0 auto;
width: 110px;
}
.page-main-front .page-section:first-of-type{
padding-top: 30px;
}
.page-section .content-box{
position: relative;
}
.prices-units.flex-grid,
.services-grid.flex-grid{
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
margin: 0;
}
.services-grid.flex-grid{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
}
.prices-units.flex-grid .flex-grid__item,
.services-grid.flex-grid .flex-grid__item{
padding: 0;
margin: 0;
max-width: 100%;
}
.services-grid.flex-grid .flex-grid__item{
flex: 0 1 calc((100% - 48px) / 3);
max-width: calc((100% - 48px) / 3);
}
.price-unit{
flex: unset;
max-width: 100%;
}
.price-unit__body{
background: rgba(255,255,255,.88);
border: 1px solid rgba(15,23,42,.10);
border-radius: 32px;
box-shadow: var(--mf-shadow-1);
padding: 18px;
height: 100%;
display:flex;
flex-direction:column;
gap: 12px;
}
.price-unit__img-wrap{
height: 200px;
margin: 0;
}
.price-unit__desc{
width: 100%;
margin: 0;
padding: 14px 14px;
}
.price-unit__action{
position: static;
opacity: 1;
margin: 10px 0 0 0;
width: 100%;
background: rgba(15,23,42,.92);
border: 1px solid rgba(15,23,42,.10);
text-transform: uppercase;
}
.price-unit:hover .price-unit__desc{
transform: none;
}
.service-block{
flex: unset;
max-width: 100%;
}
.service-block__image{
height: 280px;
}
.service-block__title{
text-shadow: 0 12px 40px rgba(0,0,0,.42);
line-height: 1.15;
}
.section-lead-block{
position: relative;
background:
radial-gradient(900px 420px at 8% 30%, rgba(0, 159, 227, 0.1), transparent 58%),
radial-gradient(700px 380px at 92% 70%, rgba(55, 198, 255, 0.08), transparent 52%),
linear-gradient(180deg, #f8fbff 0%, #eef4f8 100%);
border: none;
box-shadow: none;
}
.section-lead-block::before{
display: none;
}
.lead-block{
padding: 0;
text-align: left;
background: #fff;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 32px;
box-shadow: 0 24px 70px rgba(11, 18, 32, 0.12);
overflow: hidden;
}
.lead-block__inner{
display: grid;
grid-template-columns: minmax(260px, 1fr) minmax(300px, 1.12fr);
align-items: stretch;
}
.lead-block__heading{
position: relative;
margin: 0;
padding: clamp(28px, 4vw, 44px) clamp(24px, 3.5vw, 40px);
display: flex;
flex-direction: column;
justify-content: center;
gap: 14px;
overflow: hidden;
background:
radial-gradient(520px 240px at 0% 0%, rgba(0, 159, 227, 0.35), rgba(0, 159, 227, 0) 60%),
radial-gradient(400px 200px at 100% 100%, rgba(55, 198, 255, 0.22), rgba(55, 198, 255, 0) 55%),
linear-gradient(135deg, #0b1220 0%, #0f172a 50%, #1e293b 100%);
color: #fff;
}
.lead-block__heading::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(120deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 45%);
pointer-events: none;
}
.lead-block__eyebrow,
.lead-block__title,
.lead-block__text{
position: relative;
z-index: 1;
}
.lead-block__eyebrow{
margin: 0;
font-family: var(--mf-head);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.72);
}
.lead-block__title{
margin: 0;
font-family: var(--mf-head);
font-size: clamp(22px, 2.8vw, 36px);
font-weight: 800;
line-height: 1.12;
letter-spacing: -0.02em;
text-transform: none;
color: #fff;
}
.lead-block__title strong{
color: #7cf0ff;
font-weight: 800;
}
.lead-block__text{
margin: 4px 0 0;
font-size: inherit;
line-height: 1.4;
}
.lead-block__gift-badge{
display: inline-flex;
align-items: center;
padding: 10px 16px;
border-radius: 999px;
font-family: var(--mf-head);
font-size: clamp(13px, 1.5vw, 15px);
font-weight: 700;
line-height: 1.3;
color: #fff;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.22);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
backdrop-filter: blur(6px);
}
.lead-block__form-panel{
padding: clamp(24px, 3vw, 36px) clamp(22px, 3vw, 36px);
background: #fff;
}
.lead-block__form{
margin: 0;
max-width: none;
}
.section-stages{
padding-top: 0;
padding-bottom: 0;
}
.work-stages-block,
.work-stages-block__items{
width: 100%;
}
.work-stages{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
margin: 0;
}
.work-stage-block{
flex: 0 1 calc((100% - 48px) / 3);
max-width: calc((100% - 48px) / 3);
padding: 0;
margin: 0;
}
.work-stage-block::after{
display: none;
}
.work-stage-block__inner{
width: 100%;
max-width: none;
margin: 0;
display: flex;
flex-direction: column;
align-items: stretch;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(15, 23, 42, 0.1);
border-radius: 32px;
box-shadow: var(--mf-shadow-1);
overflow: hidden;
transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.work-stage-block__inner:hover{
transform: translateY(-4px);
box-shadow: var(--mf-shadow-2);
}
.work-stage-block__image{
position: relative;
width: 100%;
max-width: none;
height: auto;
margin: 0;
aspect-ratio: 16 / 10;
border-radius: 0;
overflow: hidden;
background: #eef2f7;
}
.work-stage-block__image::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(15, 23, 42, 0) 45%, rgba(15, 23, 42, 0.22) 100%);
pointer-events: none;
}
.work-stage-block__image img{
display: block;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
object-fit: cover;
object-position: center;
border-radius: 0;
}
.work-stage-block__title{
width: 100%;
max-width: none;
box-sizing: border-box;
margin: 0;
padding: 16px 18px 20px;
border-radius: 0;
overflow: visible;
position: static;
z-index: auto;
background: transparent;
color: var(--mf-slate-900);
font-family: var(--mf-head);
font-weight: 800;
font-size: clamp(12px, 1.1vw, 14px);
line-height: 1.25;
letter-spacing: 0.06em;
text-transform: uppercase;
text-align: center;
display: block;
}
.work-stage-block__count{
position: absolute;
top: 14px;
left: 14px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin: 0;
border: none;
border-radius: 999px;
background: var(--mf-grad);
color: #fff;
font-family: var(--mf-head);
font-size: 16px;
font-weight: 900;
line-height: 1;
box-shadow: 0 10px 24px rgba(0, 159, 227, 0.28);
}
.section-contacts{
position: relative;
overflow: hidden;
padding: 0;
box-shadow: none;
min-height: 584px;
height: 584px;
}
.section-contacts__map{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 0;
filter: grayscale(.35) contrast(1.02);
opacity: .78;
}
.section-contacts__content{
position: relative;
z-index: 1;
min-height: 584px;
display: flex;
align-items: center;
}
.page-main-front .section-contacts__content > .contacts-block{
margin-left: 0;
margin-right: auto;
}
.contacts-block{
width: min(460px, 96%);
margin: 0 auto 0 clamp(20px, 4vw, 80px);
border-radius: 16px;
background: rgba(255,255,255,.96);
border: 1px solid rgba(15,23,42,.16);
box-shadow: 0 8px 18px rgba(15,23,42,.14);
padding: 28px 28px 24px;
min-height: 424px;
max-height: 424px;
overflow: hidden;
}
.contacts-block__title{
font-family: var(--mf-head);
font-size: 26px;
line-height: 1;
letter-spacing: .02em;
margin-bottom: 18px;
}
.contacts-block__info{
margin: 0 0 16px;
padding: 14px 0;
border-top: 1px solid rgba(15,23,42,.10);
border-bottom: 1px solid rgba(15,23,42,.10);
}
.contacts-block .contact-unit{
display: flex;
align-items: flex-start;
gap: 8px;
}
.contacts-block .contact-unit + .contact-unit{
margin-top: 14px;
}
.contacts-block .contact-unit__icon{
width: 18px;
height: 18px;
margin-top: 2px;
color: #e32626;
flex: 0 0 18px;
}
.contacts-block .contact-unit__content{
width: auto;
padding-left: 0;
}
.contacts-block .contact-unit__title{
font-size: 16px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 2px;
color: #1f2937;
}
.contacts-block .contact-unit__items,
.contacts-block .contact-unit__tel{
font-size: 16px;
line-height: 1.2;
color: #111827;
text-decoration: none;
}
.contacts-block .contact-unit__tel{
display: block;
}
.contacts-block__callback{
border-radius: 10px;
min-height: 44px;
padding: 10px 14px;
font-size: 14px;
letter-spacing: .01em;
}
@media (max-width: 991px){
.section-contacts{
min-height: 480px;
height: auto;
padding: 34px 0;
}
.section-contacts__content{
min-height: 420px;
display: block;
}
.page-main-front .section-contacts__content > .contacts-block{
margin-left: auto;
margin-right: auto;
}
.contacts-block{
margin: 0 auto;
width: min(460px, 98%);
min-height: 0;
max-height: none;
overflow: visible;
}
}
@media (max-width: 640px){
.section-contacts{
min-height: 420px;
padding: 24px 0;
}
.section-contacts__content{
min-height: 360px;
}
.contacts-block{
width: min(420px, 94%);
padding: 18px 16px;
}
.contacts-block__title{
font-size: 28px;
}
.contacts-block .contact-unit__title{
font-size: 13px;
}
.contacts-block .contact-unit__items,
.contacts-block .contact-unit__tel{
font-size: 14px;
}
}
.inner-page__content{
width: 100%;
max-width: 100%;
margin: 24px 0 0;
background: rgba(255,255,255,.78);
border: 1px solid rgba(15,23,42,.10);
border-radius: 32px;
box-shadow: var(--mf-shadow-1);
padding: 28px 26px;
}
.inner-page__content h2,
.inner-page__content h3,
.inner-page__content h4{
font-family: var(--mf-head);
font-weight: 900;
color: var(--mf-slate-900);
}
.inner-page__content p{
color: var(--mf-slate-700);
}
.inner-page__content a{
color: var(--mf-primary);
}
.inner-page__content a:hover{
color: var(--mf-slate-900);
}
.service-block__inner{
border-radius: 32px;
overflow:hidden;
box-shadow: var(--mf-shadow-1);
border: 1px solid rgba(15,23,42,.10);
background: rgba(255,255,255,.88);
}
.service-block__image::after{
content:"";
position:absolute;
inset:0;
background: linear-gradient(180deg, rgba(15,23,42,0) 40%, rgba(15,23,42,.70) 100%);
opacity: .9;
pointer-events:none;
}
.service-block__title{
font-family: var(--mf-head);
font-weight: 900;
letter-spacing: .06em;
text-transform: uppercase;
color: #fff;
background: transparent;
position:absolute;
inset: auto 18px 18px 18px;
height: auto;
justify-content:center;
text-align:center;
padding: 0;
}
.service-block__inner{
position: relative;
}
.service-block__image{
height: 280px;
}
.price-unit__desc{
border-radius: 24px;
background: rgba(255,255,255,.92);
border: 1px solid rgba(15,23,42,.10);
box-shadow: var(--mf-shadow-1);
}
.price-unit__desc strong{
color: var(--mf-primary);
}
.price-unit__img{
transition: transform .5s ease;
}
.price-unit:hover .price-unit__img{
transform: scale(1.08);
}
.price-unit__action{
border-radius: 16px;
height: auto;
padding: 12px 14px;
background: rgba(15,23,42,.92);
color:#fff;
font-weight: 800;
letter-spacing: .08em;
}
.price-unit:hover .price-unit__action{
transform:none;
}
@media (max-width: 1024px){
:root{ --header-offset: 170px; }
.mf-contacts{ display:none; }
.mf-actions{ display:none; }
.mf-burger{ display:inline-flex; }
.mf-hero__inner{
grid-template-columns: 1fr;
}
.mf-hero__shape{
width: 100%;
height: 46%;
border-top-left-radius: 0;
border-bottom-left-radius: 80px;
}
.prices-units.flex-grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.services-grid.flex-grid{
gap: 20px;
}
.services-grid.flex-grid .flex-grid__item{
flex-basis: calc((100% - 20px) / 2);
max-width: calc((100% - 20px) / 2);
}
.work-stage-block{
flex: 0 1 calc((100% - 20px) / 2);
max-width: calc((100% - 20px) / 2);
}
}
@media (max-width: 768px){
:root{ --header-offset: 152px; }
.mf-topbar{ display:none; }
.mf-desktop-menu{ display:none; }
.mf-burger{ display:inline-flex; }
.mf-logo__title{ font-size: 18px; }
.mf-logo__subtitle{ font-size: 11px; }
.mf-hero{
padding: 64px 0 40px;
}
.mf-hero__img{
height: 420px;
}
.page-main-front .page-section:not(.section-contacts){
padding-top: var(--front-section-pad-y);
padding-bottom: var(--front-section-pad-y);
}
.prices-units.flex-grid,
.services-grid.flex-grid{
grid-template-columns: 1fr;
gap: 16px;
}
.work-stages{
gap: 16px;
}
.work-stage-block{
flex: 0 1 100%;
max-width: 100%;
}
.services-grid.flex-grid .flex-grid__item{
flex-basis: 100%;
max-width: 100%;
}
.service-block__image{
height: 240px;
}
.lead-block__inner{
grid-template-columns: 1fr;
}
.lead-block__heading{
text-align: center;
align-items: center;
}
.lead-block__form-panel{
padding: 22px 18px 26px;
}
.inner-page__content{
padding: 18px 16px;
border-radius: 26px;
}
.stati-archive.inner-page__content{
display: flex;
flex-direction: column;
align-items: center;
padding-left: 0;
padding-right: 0;
border-left: none;
border-right: none;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.stati-archive .stati-grid,
.stati-archive .stati-pagination{
width: 100%;
max-width: 100%;
}
.stati-archive .stati-grid{
grid-template-columns: minmax(0, 1fr);
justify-items: center;
justify-content: center;
gap: 16px;
padding: 0;
margin: 0 auto;
}
.stati-archive .stati-card{
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.mf-footer__grid{
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce){
*{ transition: none !important; animation: none !important; scroll-behavior: auto !important; }
} .page-header.header-ref::before,
.page-header.header-ref::after{
display: none !important;
content: none !important;
}
.page-header.header-ref{
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
background: #ffffff !important;
border-bottom: none !important;
}
.page-header.header-ref .page-header__main.top-header{
max-height: 420px !important;
opacity: 1 !important;
transform: translateY(0) !important;
overflow: hidden !important;
pointer-events: auto !important;
will-change: max-height, opacity, transform;
transition: max-height 0.38s cubic-bezier(.2,.8,.2,1), opacity 0.3s ease, transform 0.3s ease, padding 0.3s ease, border-width 0.2s ease !important;
border-bottom: 1px solid #e0e0e0;
}
.page-header.header-ref.mf-header--compact .page-header__main.top-header{
padding-top: 0 !important;
padding-bottom: 0 !important;
max-height: 0 !important;
opacity: 0 !important;
transform: translateY(-8px) !important;
pointer-events: none !important;
overflow: hidden !important;
border-bottom-width: 0 !important;
} @media (max-width: 991px) {
.page-header.header-ref.mf-header--compact .page-header__main.top-header{
padding-top: 0 !important;
padding-bottom: 0 !important;
max-height: 0 !important;
opacity: 0 !important;
transform: translateY(-8px) !important;
pointer-events: none !important;
overflow: hidden !important;
border-bottom-width: 0 !important;
} .page-header.header-ref.mf-header--mobile-peek .page-header__main.top-header{
padding-top: 4px !important;
padding-bottom: 4px !important;
max-height: 48px !important;
opacity: 1 !important;
transform: none !important;
pointer-events: auto !important;
overflow: hidden !important;
border-bottom-width: 1px !important;
}
.page-header.header-ref.mf-header--mobile-peek .top-header-container{
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 6px !important;
padding-left: max(15px, env(safe-area-inset-left, 0px)) !important;
padding-right: max(15px, env(safe-area-inset-right, 0px)) !important;
}
.page-header.header-ref.mf-header--mobile-peek .top-header-container > *{
display: none !important;
}
.page-header.header-ref.mf-header--mobile-peek .top-header-container > .top-header__contact{
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
gap: 6px !important;
padding: 0 !important;
min-height: 0 !important;
}
.page-header.header-ref.mf-header--mobile-peek .top-header__phones{
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 4px 10px !important;
flex: 1 1 auto !important;
min-width: 0 !important;
}
.page-header.header-ref.mf-header--mobile-peek .top-header__phone-link{
min-height: 0 !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1.15 !important;
white-space: nowrap !important;
}
.page-header.header-ref.mf-header--mobile-peek .top-header__social{
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
flex-shrink: 0 !important;
gap: 6px !important;
margin-left: auto !important;
}
.page-header.header-ref.mf-header--mobile-peek .top-header__social-link{
width: 28px !important;
height: 28px !important;
} .page-header.header-ref.mf-header--mobile-peek .page-header__menu.bottom-header{
max-height: 0 !important;
min-height: 0 !important;
height: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
overflow: hidden !important;
pointer-events: none !important;
}
body.mf-mobile-nav-open .page-header.header-ref.mf-header--mobile-peek .page-header__menu.bottom-header{
max-height: none !important;
height: auto !important;
min-height: 0 !important;
opacity: 1 !important;
visibility: visible !important;
overflow: visible !important;
pointer-events: auto !important;
}
} .page-header.header-ref .page-header__menu.bottom-header{
flex-shrink: 0 !important;
opacity: 1 !important;
visibility: visible !important;
max-height: none !important;
overflow: visible !important;
}
.page-header.header-ref.mf-header--compact .page-header__menu.bottom-header{
margin-top: 0 !important;
padding-top: 0 !important;
} .page-header.header-ref .page-header__menu.bottom-header,
.page-header.header-ref .main-navbar--desktop .main-navbar__list > li > .main-navbar__link,
.page-header.header-ref .navbar-toggle{
transition: min-height .22s ease, padding .22s ease, font-size .22s ease;
}
.page-header.header-ref.mf-header--compact .page-header__menu.bottom-header{
min-height: 38px !important;
height: 38px !important;
}
.page-header.header-ref.mf-header--compact .bottom-header-container,
.page-header.header-ref.mf-header--compact .bottom-header__inner,
.page-header.header-ref.mf-header--compact .main-navbar--desktop .main-navbar__list{
min-height: 38px !important;
height: 38px !important;
}
@media (min-width: 992px){
.page-header.header-ref.mf-header--compact .bottom-header-container,
.page-header.header-ref.mf-header--compact .bottom-header__inner,
.page-header.header-ref.mf-header--compact .main-navbar--desktop,
.page-header.header-ref.mf-header--compact .main-navbar--desktop .main-navbar__list{
overflow: visible !important;
}
}
@media (max-width: 991px){
.page-header.header-ref.mf-header--compact .navbar-toggle{
min-height: 38px !important;
padding-top: 6px !important;
padding-bottom: 6px !important;
}
}
.page-header.header-ref .page-header__menu .main-navbar--desktop{
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
}
@media (min-width: 992px){
.page-header.header-ref .page-header__menu.bottom-header{
padding: 0 !important;
background-color: #0098d6 !important;
background-image: var(--mf-bottom-header-bg-depth), var(--mf-bottom-header-bg) !important;
box-shadow: none !important;
}
.page-header.header-ref .page-header__menu .main-navbar--desktop{
overflow: visible !important;
background: transparent !important;
box-shadow: none !important;
}
.page-header.header-ref .page-header__menu.bottom-header .bottom-header-container,
.page-header.header-ref .page-header__menu.bottom-header .bottom-header__inner,
.page-header.header-ref .page-header__menu.bottom-header .main-navbar--desktop,
.page-header.header-ref .page-header__menu.bottom-header .main-navbar--desktop .main-navbar__list{
background: transparent !important;
box-shadow: none !important;
}
.page-header.header-ref .bottom-header__inner{
justify-content: center !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.page-header.header-ref .bottom-header-container.content-box{
padding-left: 0 !important;
padding-right: 0 !important;
max-width: none !important;
}
.page-header.header-ref .main-navbar--desktop{
flex: 1 1 auto !important;
width: 100% !important;
max-width: 100% !important;
}
} .mf-hero__main-nav{
width: 100%;
} .mf-hero__main-nav .bottom-header-container,
.mf-hero__main-nav .bottom-header__inner{
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: max(var(--container-padding, 20px), env(safe-area-inset-left, 0px)) !important;
padding-right: max(var(--container-padding, 20px), env(safe-area-inset-right, 0px)) !important;
}
.mf-hero__main-nav .page-header__menu .main-navbar--desktop{
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
}
@media (min-width: 992px){
.mf-hero__main-nav.bottom-header{
padding: 0 !important;
background-color: #0098d6 !important;
background-image: var(--mf-bottom-header-bg-depth), var(--mf-bottom-header-bg) !important;
box-shadow: none !important;
}
.mf-hero__main-nav .page-header__menu .main-navbar--desktop{
overflow: visible !important;
background: transparent !important;
box-shadow: none !important;
}
.mf-hero__main-nav.bottom-header .bottom-header-container,
.mf-hero__main-nav.bottom-header .bottom-header__inner,
.mf-hero__main-nav .main-navbar--desktop,
.mf-hero__main-nav .main-navbar--desktop .main-navbar__list{
background: transparent !important;
box-shadow: none !important;
}
.mf-hero__main-nav .bottom-header__inner{
justify-content: center !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.mf-hero__main-nav .main-navbar--desktop{
flex: 1 1 auto !important;
width: 100% !important;
max-width: 100% !important;
}
} @media (max-width: 991px){
.page-header.header-ref{
max-width: 100vw;
overflow-x: clip;
} .page-header.header-ref .page-header__main.top-header{
max-height: none !important;
overflow: visible !important;
}
#header-nav-toggle.navbar-toggle{
position: relative;
z-index: 30;
pointer-events: auto;
} .page-header.header-ref .bottom-header-container,
.page-header.header-ref .bottom-header__inner{
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: max(var(--container-padding, 20px), env(safe-area-inset-left, 0px)) !important;
padding-right: max(var(--container-padding, 20px), env(safe-area-inset-right, 0px)) !important;
}
} #quiz .mf-quiz .quiz-form__actions{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 8px;
}
#quiz .mf-quiz .quiz-form__action-btn{
min-height: 48px;
padding: 12px 22px;
border-radius: 999px;
white-space: nowrap;
}
#quiz .mf-quiz .quiz-form__action-btn:hover{
transform: translateY(-2px);
} .popup-callback__header{
position: relative;
padding: 26px 56px 22px 28px;
background:
radial-gradient(520px 200px at 0% 0%, rgba(0, 159, 227, 0.35), rgba(0, 159, 227, 0) 60%),
radial-gradient(400px 180px at 100% 100%, rgba(55, 198, 255, 0.2), rgba(55, 198, 255, 0) 55%),
linear-gradient(135deg, #0b1220 0%, #0f172a 50%, #1e293b 100%);
color: #fff;
}
.popup-callback__header::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(120deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 45%);
pointer-events: none;
}
.popup-callback__title{
position: relative;
z-index: 1;
margin: 0 0 8px;
font-family: var(--mf-head);
font-size: clamp(20px, 4vw, 26px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.02em;
color: #fff;
}
.popup-callback__subtitle{
position: relative;
z-index: 1;
margin: 0;
font-size: 14px;
line-height: 1.45;
color: rgba(255, 255, 255, 0.82);
}
.popup-callback__body{
padding: 24px 28px 28px;
background: #fff;
}
#callback-popup .mf-form{
color: var(--mf-slate-900);
}
#callback-popup .mf-form__row{
flex-direction: column;
gap: 14px;
margin: 0;
}
#callback-popup .mf-form__field{
flex: 1 1 100%;
min-width: 0;
gap: 8px;
}
#callback-popup .mf-form__label{
font-family: var(--mf-head);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--mf-slate-500);
opacity: 1;
}
#callback-popup .mf-form__input:not(.mf-phone-field__input){
min-height: 52px;
padding: 14px 16px;
border-radius: 14px;
border: 1px solid rgba(15, 23, 42, 0.12);
background: #fff;
font-size: 16px;
box-shadow: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#callback-popup .mf-form__input:not(.mf-phone-field__input):focus-visible{
border-color: rgba(0, 159, 227, 0.55);
box-shadow: var(--mf-ring);
}
#callback-popup .mf-phone-field{
min-height: 52px;
}
#callback-popup .mf-phone-field__input{
font-size: 16px;
}
#callback-popup .mf-consent{
margin-top: 16px;
padding: 14px 16px;
border-radius: 14px;
background: #f8fbff;
border: 1px solid rgba(15, 23, 42, 0.08);
}
#callback-popup .mf-consent__text{
font-size: 13px;
line-height: 1.45;
color: var(--mf-slate-700);
opacity: 1;
}
#callback-popup .mf-consent__text a{
color: var(--mf-primary);
font-weight: 600;
}
#callback-popup .mf-captcha{
margin-top: 16px;
padding: 14px 16px;
border-radius: 16px;
background: #f8fbff;
border: 1px solid rgba(15, 23, 42, 0.08);
}
#callback-popup .mf-captcha .mf-form__label{
margin-bottom: 4px;
}
#callback-popup .mf-captcha__row{
margin-top: 8px;
flex-wrap: wrap;
}
#callback-popup .mf-captcha__image{
width: 160px;
height: 52px;
border-radius: 12px;
border-color: rgba(15, 23, 42, 0.12);
}
#callback-popup .mf-captcha__refresh{
min-height: 44px;
padding: 10px 16px;
border-radius: 12px;
font-size: 13px;
font-weight: 600;
color: var(--mf-slate-900) !important;
border-color: rgba(15, 23, 42, 0.12);
transition: border-color 0.2s ease, background-color 0.2s ease;
}
#callback-popup .mf-captcha__refresh:hover{
border-color: rgba(0, 159, 227, 0.45);
background: #fff;
}
#callback-popup .mf-captcha__input{
margin-top: 12px;
}
#callback-popup .mf-form__actions{
margin-top: 20px;
justify-content: stretch;
}
#callback-popup .mf-form__submit{
width: 100%;
min-height: 52px;
padding: 14px 24px;
border: none;
border-radius: 999px;
background: var(--mf-grad);
color: #fff;
font-family: var(--mf-head);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
box-shadow: 0 16px 40px rgba(0, 159, 227, 0.3);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#callback-popup .mf-form__submit:hover{
transform: translateY(-2px);
box-shadow: 0 20px 50px rgba(0, 159, 227, 0.4);
filter: none;
}
#callback-popup .mf-form__msg{
margin-top: 14px;
padding: 12px 14px;
border-radius: 12px;
font-size: 14px;
line-height: 1.4;
}
#callback-popup .mf-form__msg.is-error{
background: rgba(227, 14, 14, 0.08);
border: 1px solid rgba(227, 14, 14, 0.2);
}
#callback-popup .mf-form__msg.is-success{
background: rgba(2, 122, 72, 0.08);
border: 1px solid rgba(2, 122, 72, 0.2);
}
#callback-popup > .fancybox-close-small{
right: 12px;
top: 12px;
z-index: 5;
} .lead-block__form .mf-form{
color: var(--mf-slate-900);
}
.lead-block__form .mf-form__row{
flex-direction: column;
gap: 14px;
margin: 0;
}
.lead-block__form .mf-form__field{
flex: 1 1 100%;
min-width: 0;
gap: 8px;
}
.lead-block__form .mf-form__label{
font-family: var(--mf-head);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--mf-slate-500);
opacity: 1;
}
.lead-block__form .mf-form__input:not(.mf-phone-field__input),
.lead-block__form .mf-phone-field{
min-height: 52px;
}
.lead-block__form .mf-form__input:not(.mf-phone-field__input){
padding: 14px 16px;
border-radius: 14px;
border: 1px solid rgba(15, 23, 42, 0.12);
background: #fff;
font-size: 16px;
box-shadow: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.lead-block__form .mf-form__input:not(.mf-phone-field__input):focus-visible{
border-color: rgba(0, 159, 227, 0.55);
box-shadow: var(--mf-ring);
}
.lead-block__form .mf-phone-field__input{
font-size: 16px;
}
.lead-block__form .mf-consent{
margin-top: 16px;
padding: 14px 16px;
border-radius: 14px;
background: #f8fbff;
border: 1px solid rgba(15, 23, 42, 0.08);
}
.lead-block__form .mf-consent__text{
font-size: 13px;
line-height: 1.45;
color: var(--mf-slate-700);
opacity: 1;
}
.lead-block__form .mf-consent__text a{
color: var(--mf-primary);
font-weight: 600;
}
.lead-block__form .mf-captcha{
margin-top: 16px;
padding: 14px 16px;
border-radius: 16px;
background: #f8fbff;
border: 1px solid rgba(15, 23, 42, 0.08);
}
.lead-block__form .mf-captcha .mf-form__label{
margin-bottom: 4px;
}
.lead-block__form .mf-captcha__row{
margin-top: 8px;
flex-wrap: wrap;
}
.lead-block__form .mf-captcha__image{
width: 160px;
height: 52px;
border-radius: 12px;
border-color: rgba(15, 23, 42, 0.12);
}
.lead-block__form .mf-captcha__refresh{
min-height: 44px;
padding: 10px 16px;
border-radius: 12px;
font-size: 13px;
font-weight: 600;
color: var(--mf-slate-900) !important;
border-color: rgba(15, 23, 42, 0.12);
transition: border-color 0.2s ease, background-color 0.2s ease;
}
.lead-block__form .mf-captcha__refresh:hover{
border-color: rgba(0, 159, 227, 0.45);
background: #fff;
}
.lead-block__form .mf-captcha__input{
margin-top: 12px;
}
.lead-block__form .mf-form__actions{
margin-top: 20px;
justify-content: stretch;
}
.lead-block__form .mf-form__submit{
width: 100%;
min-height: 52px;
padding: 14px 24px;
border: none;
border-radius: 999px;
background: var(--mf-grad);
color: #fff;
font-family: var(--mf-head);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
box-shadow: 0 16px 40px rgba(0, 159, 227, 0.3);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.lead-block__form .mf-form__submit:hover{
transform: translateY(-2px);
box-shadow: 0 20px 50px rgba(0, 159, 227, 0.4);
filter: none;
}
.lead-block__form .mf-form__msg{
margin-top: 14px;
padding: 12px 14px;
border-radius: 12px;
font-size: 14px;
line-height: 1.4;
}
.lead-block__form .mf-form__msg.is-error{
background: rgba(227, 14, 14, 0.08);
border: 1px solid rgba(227, 14, 14, 0.2);
}
.lead-block__form .mf-form__msg.is-success{
background: rgba(2, 122, 72, 0.08);
border: 1px solid rgba(2, 122, 72, 0.2);
}
@media (min-width: 992px){
.lead-block__form .mf-form__row{
flex-direction: row;
align-items: flex-end;
}
.lead-block__form .mf-form__field{
flex: 1 1 calc(50% - 7px);
min-width: 0;
}
}
@media (max-width: 480px){
.popup-quiz__header,
.popup-callback__header{
padding: 22px 48px 18px 20px;
}
.popup-quiz__body,
.popup-callback__body{
padding: 20px;
}
.fancybox-slide--html .fancybox-content#callback-popup,
#callback-popup.popup.popup-callback.fancybox-content,
.fancybox-slide--html .fancybox-content#quiz,
#quiz.quiz-popup.fancybox-content{
width: min(100%, calc(100vw - 20px)) !important;
border-radius: 22px;
}
} #quiz .mf-quiz .quiz-form .quiz-step__fields{
display: flex;
flex-direction: column;
gap: 12px;
align-items: stretch;
}
#quiz .mf-quiz .quiz-step[data-question-id="dimensions"] .quiz-step__fields{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 12px;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .mf-captcha{
margin-top: 0;
order: 0;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .quiz-field-contact{
order: 0;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .mf-captcha__row{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .mf-captcha__input{
flex: 1 1 140px;
min-width: 120px;
min-height: 44px;
margin-top: 0;
} @media (min-width: 769px){
#quiz .mf-quiz .quiz-form .quiz-step__fields{
display: flex;
flex-direction: column;
gap: 12px;
margin: 0 0 12px 0;
align-items: stretch;
}
#quiz .mf-quiz .quiz-step[data-question-id="dimensions"] .quiz-step__fields{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
}
#quiz .mf-quiz .quiz-step[data-question-id="dimensions"] .quiz-step__fields .quiz-field{
margin: 0;
padding: 0;
max-width: none;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .quiz-field-contact{
margin: 0;
padding: 0;
max-width: none;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .quiz-field-contact__input,
#quiz .mf-quiz .quiz-form .quiz-step__fields .mf-phone-field{
height: auto;
min-height: 52px;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .mf-captcha{
margin-top: 0;
padding-top: 0;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .mf-captcha .mf-form__label{
margin: 0 0 8px;
font-size: 11px;
line-height: 1.2;
white-space: normal;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .mf-captcha__row{
margin-top: 0;
gap: 8px;
display: flex;
flex-wrap: wrap;
align-items: center;
min-width: 0;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .mf-captcha__image{
width: 150px;
min-width: 150px;
height: 44px;
border-radius: 8px;
margin-top: 0;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .mf-captcha__refresh{
min-height: 34px;
min-width: 94px;
padding: 6px 12px;
border-radius: 8px;
font-size: 12px;
line-height: 1.2;
white-space: nowrap;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .mf-captcha__input{
flex: 1 1 140px;
min-width: 120px;
min-height: 44px;
padding: 8px 10px;
margin-top: 0;
}
#quiz .mf-quiz .quiz-form .quiz-step__fields .mf-consent{
margin-top: 2px;
}
} .section-contacts .contacts-block{
width: min(460px, 96%) !important;
margin: 0 auto 0 clamp(20px, 4vw, 80px) !important;
min-height: 424px !important;
max-height: 424px !important;
padding: 28px 28px 24px !important;
border-radius: 16px !important;
background: rgba(255,255,255,.96) !important;
border: 1px solid rgba(15,23,42,.16) !important;
box-shadow: 0 8px 18px rgba(15,23,42,.14) !important;
overflow: hidden !important;
}
.section-contacts .contacts-block__title{
font-size: 26px !important;
line-height: 1 !important;
margin-bottom: 18px !important;
}
.section-contacts .contacts-block__info{
margin: 0 0 16px !important;
padding: 14px 0 !important;
border-top: 1px solid rgba(15,23,42,.10) !important;
border-bottom: 1px solid rgba(15,23,42,.10) !important;
}
.section-contacts .contacts-block .contact-unit{
display: flex !important;
align-items: flex-start !important;
gap: 8px !important;
}
.section-contacts .contacts-block .contact-unit + .contact-unit{
margin-top: 14px !important;
}
.section-contacts .contacts-block .contact-unit__icon{
width: 18px !important;
height: 18px !important;
margin-top: 2px !important;
color: #e32626 !important;
flex: 0 0 18px !important;
}
.section-contacts .contacts-block .contact-unit__title{
font-size: 16px !important;
font-weight: 600 !important;
margin-bottom: 2px !important;
}
.section-contacts .contacts-block .contact-unit__items,
.section-contacts .contacts-block .contact-unit__tel{
font-size: 16px !important;
line-height: 1.2 !important;
}
.section-contacts .contacts-block__callback{
border-radius: 10px !important;
min-height: 44px !important;
font-size: 14px !important;
}
@media (max-width: 991px){
.section-contacts .contacts-block{
margin: 0 auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
}
} .section-window-info{
padding: 56px 0;
background: #fff;
}
.page-main-front .section-window-info{
padding-top: var(--front-section-pad-y);
padding-bottom: var(--front-section-pad-y);
}
.window-info{
max-width: 980px;
margin: 0 auto;
color: #1f2937;
}
.page-main-front .content-box.window-info{
max-width: 100%;
}
.window-info__title{
font-size: clamp(28px, 3vw, 40px);
line-height: 1.1;
margin: 0 0 16px;
color: #0f172a;
}
.window-info h3{
margin: 28px 0 12px;
font-size: clamp(20px, 2.2vw, 28px);
color: #0f172a;
}
.window-info p{
margin: 0 0 10px;
font-size: 16px;
line-height: 1.5;
color: #334155;
}
.window-info__grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.window-info__reviews-heading{
margin-bottom: 20px;
}
.window-info__reviews-layout{
display: grid;
grid-template-columns: minmax(0, 1fr) min(560px, 42%);
gap: clamp(20px, 3vw, 32px);
align-items: start;
}
.window-info__reviews-col--local{
min-width: 0;
}
.window-info__reviews-stack{
display: flex;
flex-direction: column;
gap: 16px;
}
.window-info__reviews-stack .window-info__card{
width: 100%;
}
.window-info__reviews-actions{
display: flex;
justify-content: flex-start;
margin-top: 18px;
}
.window-info__reviews-col--yandex{
min-width: 0;
}
.window-info__reviews-yandex-scroll{
width: 100%;
}
.window-info__reviews-yandex{
position: relative;
width: 560px;
max-width: 100%;
height: 800px;
overflow: hidden;
border: 1px solid #e6e6e6;
border-radius: 8px;
box-sizing: border-box;
}
.window-info__reviews-yandex-frame{
display: block;
width: 100%;
height: 100%;
border: 0;
box-sizing: border-box;
}
.window-info__reviews-yandex-link{
position: absolute;
left: 0;
bottom: 8px;
box-sizing: border-box;
width: 100%;
max-height: 14px;
padding: 0 16px;
overflow: hidden;
font-family: "YS Text", sans-serif;
font-size: 10px;
line-height: 1.2;
color: #b3b3b3;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 991px){
.window-info__reviews-layout{
grid-template-columns: 1fr;
gap: 24px;
}
.window-info__reviews-yandex-scroll{
margin-inline: calc(-1 * clamp(16px, 4vw, 24px));
padding-inline: clamp(16px, 4vw, 24px);
padding-bottom: 10px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
touch-action: pan-x pan-y;
overscroll-behavior-x: contain;
scroll-snap-type: x proximity;
scrollbar-width: thin;
scrollbar-color: var(--mf-primary, #009fe3) rgba(15, 23, 42, 0.08);
}
.window-info__reviews-yandex-scroll::-webkit-scrollbar{
height: 6px;
}
.window-info__reviews-yandex-scroll::-webkit-scrollbar-track{
margin-top: 4px;
background: rgba(15, 23, 42, 0.06);
border-radius: 999px;
}
.window-info__reviews-yandex-scroll::-webkit-scrollbar-thumb{
border-radius: 999px;
background: var(--mf-grad, linear-gradient(135deg, #009fe3 0%, #37c6ff 55%, #7cf0ff 100%));
box-shadow: 0 1px 4px rgba(0, 159, 227, 0.35);
}
.window-info__reviews-yandex-scroll::-webkit-scrollbar-thumb:hover{
background: linear-gradient(135deg, #0088c7 0%, #25b8ef 55%, #6ae0ff 100%);
}
.window-info__reviews-yandex{
flex-shrink: 0;
width: 560px;
max-width: none;
scroll-snap-align: start;
}
.window-info__reviews-yandex-frame{
pointer-events: none;
}
}
.window-info__grid + .window-info__grid{
margin-top: 16px;
}
.window-info__grid--features .window-info__card{
height: auto;
min-height: 0;
overflow: visible;
}
.window-info__grid--toggle .window-info__card{
height: 215px;
overflow: hidden;
position: relative;
}
.window-info__card{
background: #f8fbff;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 12px;
padding: 14px;
display: flex;
flex-direction: column;
gap: 8px;
}
.window-info__card.is-collapsed{
height: 215px;
overflow: hidden;
}
.window-info__card.is-expanded{
height: auto;
overflow: visible;
}
.window-info__card.has-toggle{
position: relative;
padding-bottom: 40px;
}
.window-info__grid--toggle .window-info__card.has-toggle.is-collapsed::after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 78px;
background: linear-gradient(
to top,
rgba(248, 251, 255, 0.96) 0%,
rgba(248, 251, 255, 0.72) 42%,
rgba(248, 251, 255, 0.35) 68%,
rgba(248, 251, 255, 0) 100%
);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
pointer-events: none;
}
.window-info__li-extra{
display: none;
}
.window-info__card.is-expanded .window-info__li-extra{
display: list-item;
}
.window-info__p-extra{
display: none;
}
.window-info__card.is-expanded .window-info__p-extra{
display: block;
}
.window-info__p-clamp{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.window-info__card.is-expanded .window-info__p-clamp{
display: block;
-webkit-line-clamp: unset;
overflow: visible;
}
.window-info__toggle{
margin-top: 0;
padding: 0;
border: 0;
background: transparent;
color: #009fe3;
font-size: 14px;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
cursor: pointer;
position: absolute;
left: 14px;
bottom: 12px;
z-index: 2;
}
.window-info__toggle:hover{
color: #0f172a;
}
.window-info__card strong{
display: block;
margin-bottom: 6px;
color: #0f172a;
}
.window-info__list{
margin: 0;
padding-left: 18px;
}
.window-info__list li{
margin: 0 0 8px;
color: #334155;
}
.window-info__table-wrap{
overflow-x: auto;
}
.window-info__table{
width: 100%;
border-collapse: collapse;
}
.window-info__table th,
.window-info__table td{
border: 1px solid rgba(15, 23, 42, 0.12);
padding: 10px;
text-align: left;
font-size: 15px;
}
.window-info__table th{
background: #f8fbff;
color: #0f172a;
}
.window-info__faq{
border-top: 1px solid rgba(15, 23, 42, 0.1);
padding-top: 10px;
}
.window-info__cta{
position: relative;
margin-top: 28px;
padding: 0;
overflow: hidden;
border: 1px solid rgba(0, 159, 227, 0.22);
background:
radial-gradient(900px 320px at 0% 0%, rgba(0, 159, 227, 0.28), rgba(0, 159, 227, 0) 55%),
radial-gradient(700px 280px at 100% 100%, rgba(55, 198, 255, 0.18), rgba(55, 198, 255, 0) 50%),
linear-gradient(135deg, #0b1220 0%, #0f172a 48%, #1e293b 100%);
color: #fff;
box-shadow: 0 24px 60px rgba(11, 18, 32, 0.22);
}
.window-info__cta::before{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(120deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 42%);
pointer-events: none;
}
.window-info__cta-inner{
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: clamp(24px, 3vw, 36px) clamp(22px, 3vw, 40px);
}
.window-info__cta-content{
flex: 1 1 320px;
min-width: 0;
}
.window-info__cta-content h3{
margin: 0 0 10px;
font-family: var(--mf-head);
font-size: clamp(20px, 2.4vw, 28px);
font-weight: 800;
line-height: 1.2;
letter-spacing: -0.02em;
color: #fff;
}
.window-info__cta-content p{
margin: 0;
max-width: 52ch;
font-size: clamp(14px, 1.6vw, 16px);
line-height: 1.55;
color: rgba(255, 255, 255, 0.82);
}
.window-info__cta-actions{
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.window-info__cta-btn{
min-width: min(100%, 240px);
padding: 14px 28px;
font-size: 13px;
white-space: nowrap;
box-shadow: 0 16px 40px rgba(0, 159, 227, 0.35);
}
.window-info__cta-btn:hover{
box-shadow: 0 20px 50px rgba(0, 159, 227, 0.45);
}
.page-main-front .window-info__card.window-info__cta{
border-radius: 32px;
border-color: rgba(0, 159, 227, 0.22);
height: auto;
min-height: 0;
background:
radial-gradient(900px 320px at 0% 0%, rgba(0, 159, 227, 0.28), rgba(0, 159, 227, 0) 55%),
radial-gradient(700px 280px at 100% 100%, rgba(55, 198, 255, 0.18), rgba(55, 198, 255, 0) 50%),
linear-gradient(135deg, #0b1220 0%, #0f172a 48%, #1e293b 100%);
box-shadow: 0 24px 60px rgba(11, 18, 32, 0.22);
}
.page-main-front .window-info__card.window-info__cta h3,
.page-main-front .window-info__card.window-info__cta p{
color: #fff;
}
@media (max-width: 767px){
.window-info__cta-inner{
flex-direction: column;
align-items: stretch;
text-align: center;
padding: 24px 20px;
}
.window-info__cta-content{
flex: 0 1 auto;
height: auto;
min-height: 0;
max-height: none;
}
.window-info__cta-content p{
max-width: none;
}
.window-info__cta-actions{
width: 100%;
}
.window-info__cta-btn{
width: 100%;
max-width: 320px;
margin: 0 auto;
}
}
.window-info h3 a{
color: inherit;
text-decoration: none;
}
.window-info h3 a:hover{
color: #009fe3;
text-decoration: underline;
}
@media (max-width: 767px){
.section-window-info{
padding: 34px 0;
}
.window-info{
max-width: 100%;
}
.window-info__title{
font-size: 26px;
margin-bottom: 12px;
}
.window-info h3{
margin: 20px 0 10px;
font-size: 20px;
}
.window-info p,
.window-info__list li{
font-size: 15px;
line-height: 1.45;
}
.window-info__table th,
.window-info__table td{
font-size: 14px;
padding: 8px;
}
.window-info__grid{
grid-template-columns: 1fr;
gap: 10px;
}
.window-info__card{
padding: 12px;
}
}
@media (max-width: 480px){
.section-window-info{
padding: 26px 0;
}
.window-info__title{
font-size: 22px;
}
.window-info h3{
font-size: 18px;
}
.window-info p,
.window-info__list li{
font-size: 14px;
}
.window-info__toggle{
font-size: 13px;
}
}    .section-latest-stati{
background: #fff;
overflow-x: clip;
overflow-y: visible;
}
.page-main-front .section-latest-stati{
padding-top: var(--front-section-pad-y);
padding-bottom: var(--front-section-pad-y);
overflow-x: clip;
}
.latest-stati{
width: 100%;
margin: 0 auto;
overflow-x: clip;
}
.latest-stati .section-heading{
position: relative;
z-index: 2;
width: 100%;
max-width: 100%;
margin-bottom: 16px;
padding-inline: 0;
color: #0f172a;
text-align: center;
overflow-wrap: break-word;
font-size: clamp(20px, 5.5vw, 26px);
}
.latest-stati .section-heading::after{
content: '';
display: block;
}
.latest-stati__slider{
--swiper-navigation-size: 38px;
--swiper-theme-color: #009fe3;
position: relative;
width: 100%;
max-width: 100%;
overflow: hidden;
box-sizing: border-box;
}
.latest-stati__slider.swiper-container{
overflow: hidden;
}
.latest-stati__slider:not(.swiper-container-initialized){
overflow: hidden;
}
.latest-stati__slider:not(.swiper-container-initialized) .swiper-slide:not(:first-child){
display: none;
}
.latest-stati__grid.swiper-wrapper{
display: flex;
align-items: stretch;
}
.latest-stati__card{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
height: auto;
background: #fff;
border: 1px solid var(--color-border);
box-shadow: var(--shadow-sm);
border-radius: 14px;
overflow: hidden;
color: var(--color-text);
transition: 0.22s transform ease, 0.22s box-shadow ease, 0.22s border-color ease;
}
.latest-stati__card.swiper-slide{
flex-shrink: 0;
box-sizing: border-box;
height: auto;
}
.latest-stati__card-link{
position: absolute;
inset: 0;
z-index: 1;
}
.latest-stati__media{
display: block;
aspect-ratio: 16 / 9;
height: auto;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-color: #eef2f7;
}
.latest-stati__body{
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 6px;
min-height: 0;
background: #fff;
padding: 12px 12px 10px;
}
.latest-stati__title{
position: relative;
z-index: 2;
font-weight: 700;
font-size: 15px;
line-height: 1.25;
}
.latest-stati__title a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
color: #0f172a;
text-decoration: none;
}
.latest-stati__title a:hover{
color: #009fe3;
}
.latest-stati__title a:focus-visible{
outline: none;
border-radius: 4px;
box-shadow: var(--focus-ring);
}
.latest-stati__excerpt{
position: relative;
z-index: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
font-size: 13px;
line-height: 1.45;
color: #334155;
}
.latest-stati__meta{
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: auto;
padding-top: 0;
font-size: 12px;
color: #64748b;
}
.latest-stati__more{
color: #009fe3;
font-weight: 600;
}
.latest-stati__nav.swiper-button-prev,
.latest-stati__nav.swiper-button-next{
display: flex !important;
align-items: center;
justify-content: center;
width: var(--swiper-navigation-size);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
border-radius: 50%;
background: #fff !important;
background-color: #fff !important;
border: 1px solid rgba(15, 23, 42, 0.12);
box-shadow: var(--shadow-sm);
color: var(--mf-primary) !important;
opacity: 1;
z-index: 10;
}
.latest-stati__nav.swiper-button-prev::after,
.latest-stati__nav.swiper-button-next::after{
font-size: 16px;
font-weight: 700;
color: var(--mf-primary) !important;
}
.latest-stati__nav.swiper-button-disabled{
opacity: 0.35;
pointer-events: none;
}
.latest-stati__nav--prev{
left: 0;
}
.latest-stati__nav--next{
right: 0;
}
.latest-stati__actions{
margin-top: 14px;
display: flex;
justify-content: center;
}
.latest-stati__actions .mf-btn{
width: 100%;
max-width: 320px;
}
.latest-stati__empty{
background: #f8fbff;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 12px;
padding: 16px;
color: #334155;
text-align: center;
}
@media (max-width: 767px){
.latest-stati__slider{
padding-inline: 44px;
}
.latest-stati__media{
height: auto;
}
}
@media (min-width: 768px){
.section-latest-stati{
padding: 40px 0;
}
.latest-stati .section-heading{
margin-bottom: 22px;
font-size: clamp(28px, 3.2vw, 44px);
}
.latest-stati__slider{
padding-inline: 0;
}
.latest-stati__nav--prev{
left: -6px;
}
.latest-stati__nav--next{
right: -6px;
}
.latest-stati__media{
height: auto;
}
.latest-stati__body{
padding: 14px 14px 12px;
gap: 8px;
}
.latest-stati__title{
font-size: 16px;
}
.latest-stati__excerpt{
font-size: 14px;
}
.latest-stati__meta{
font-size: 13px;
padding-top: 2px;
}
.latest-stati__actions{
margin-top: 18px;
}
.latest-stati__actions .mf-btn{
width: auto;
max-width: none;
}
}
@media (min-width: 992px){
.section-latest-stati{
padding: 56px 0;
}
.latest-stati .section-heading{
margin-bottom: 26px;
}
.latest-stati__media{
height: auto;
}
.latest-stati__nav--prev{
left: -12px;
}
.latest-stati__nav--next{
right: -12px;
}
.section-latest-stati .latest-stati__card:hover{
transform: translateY(-2px);
box-shadow: var(--shadow-md);
border-color: rgba(0,159,227,.25);
}
}
.stati-archive .wp-block-query{
margin-bottom: 0;
}
.stati-pagination{
margin-top: 28px;
padding-top: 24px;
border-top: 1px solid rgba(15,23,42,.10);
}
.stati-pagination__list{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.stati-pagination__item{
margin: 0;
padding: 0;
}
.stati-pagination__item .page-numbers{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 12px;
border-radius: 12px;
border: 1px solid rgba(15,23,42,.14);
background: #fff;
color: var(--mf-slate-900);
font-family: var(--mf-head);
font-size: 16px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: border-color .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.stati-pagination__item .page-numbers:hover{
border-color: var(--mf-primary);
color: var(--mf-primary);
}
.stati-pagination__item.is-current .page-numbers,
.stati-pagination__item .page-numbers.current{
border-color: var(--mf-primary);
background: var(--mf-primary);
color: #fff;
box-shadow: 0 8px 18px rgba(227,38,38,.22);
transform: translateY(-6px);
pointer-events: none;
}
.stati-archive__empty{
margin: 0;
color: var(--mf-slate-700);
} .stati-grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.stati-card{
margin: 0;
padding: 0;
}
.stati-archive .stati-grid{
width: 100%;
}
.stati-archive .stati-card{
width: 100%;
max-width: 100%;
list-style: none;
}
.stati-archive .stati-card__inner{
width: 100%;
box-sizing: border-box;
}
@media (min-width: 769px){
.stati-archive .stati-grid{
justify-items: stretch;
}
}
.stati-card__inner{
display: flex;
flex-direction: column;
text-decoration: none;
background: #fff;
border: 1px solid var(--color-border);
box-shadow: var(--shadow-sm);
border-radius: var(--radius-md);
overflow: hidden;
height: 100%;
color: var(--color-text);
transition: 0.22s transform ease, 0.22s box-shadow ease, 0.22s border-color ease;
}
.stati-card__inner:hover{
transform: translateY(-2px);
box-shadow: var(--shadow-md);
border-color: rgba(0,159,227,.25);
}
.stati-card__inner:focus-visible{
outline: none;
box-shadow: var(--shadow-md), var(--focus-ring);
}
.stati-card__media{
display: block;
height: 320px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
flex-shrink: 0;
}
.stati-card__body{
display: flex;
flex-direction: column;
gap: 10px;
padding: 18px 20px 16px;
flex: 1;
background: #fff;
}
.stati-card__title{
display: block;
font-weight: 700;
font-size: 18px;
line-height: 1.3;
color: #0f172a;
}
.stati-card__excerpt{
display: block;
font-size: 14px;
line-height: 1.5;
color: #334155;
flex: 1;
}
.stati-card__meta{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: auto;
padding-top: 6px;
border-top: 1px solid rgba(15,23,42,.08);
font-size: 13px;
color: #64748b;
}
.stati-card__more{
color: #009fe3;
font-weight: 600;
} .posts-list{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.posts-list .entry-post{
background: #fff;
border: 1px solid var(--color-border);
box-shadow: var(--shadow-sm);
border-radius: var(--radius-md);
overflow: hidden;
padding: 0;
transition: 0.22s transform ease, 0.22s box-shadow ease;
}
.posts-list .entry-post:hover{
transform: translateY(-2px);
box-shadow: var(--shadow-md);
}
.posts-list .entry-post__title{
font-size: 18px;
font-weight: 700;
padding: 18px 20px 0;
}
.posts-list .entry-post__title a{
color: #0f172a;
text-decoration: none;
}
.posts-list .entry-post__title a:hover{
color: #009fe3;
}
.posts-list .entry-post__content{
padding: 12px 20px 18px;
font-size: 14px;
line-height: 1.5;
color: #334155;
}
.posts-list .entry-post__content p{
margin: 0;
} @media (max-width: 768px){
.stati-grid,
.posts-list{
grid-template-columns: 1fr;
gap: 16px;
justify-content: center;
}
.stati-archive .stati-grid{
grid-template-columns: minmax(0, 1fr);
justify-items: center;
justify-content: center;
padding: 0;
margin: 0 auto;
}
.stati-archive .stati-card{
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.stati-card__media{
height: 190px;
}
.stati-card__body{
padding: 14px 16px 12px;
}
.stati-card__title{
font-size: 16px;
}
}
@media (max-width: 600px){
.stati-pagination__item .page-numbers{
min-width: 40px;
height: 40px;
font-size: 15px;
}
} .inner-page__content img,
.inner-page__content figure.wp-caption{
border-radius: var(--radius-md);
} .breadcrumbs{
max-width: var(--content-box-width);
margin: 0 auto;
padding: 16px var(--container-padding) 0;
}
.breadcrumbs__list{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
font-size: 13px;
color: #64748b;
}
.breadcrumbs__item{
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
padding: 0;
}
.breadcrumbs__item + .breadcrumbs__item::before{
content: '/';
display: inline;
color: #94a3b8;
font-size: 12px;
}
.breadcrumbs__link{
color: #009fe3;
text-decoration: none;
transition: color 0.2s ease;
}
.breadcrumbs__link:hover{
color: #0f172a;
text-decoration: underline;
}
.breadcrumbs__current{
color: #334155;
font-weight: 500;
}
@media (max-width: 768px){
.breadcrumbs{
padding: 12px 0 0;
font-size: 12px;
}
} .inner-page__thumb{
margin: 0 0 26px;
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 32px;
overflow: hidden;
background: #eef2f7;
border: 1px solid rgba(15,23,42,.10);
box-shadow: var(--mf-shadow-2);
}
.inner-page__thumb img{
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}:root {
--mf-bottom-header-bg: linear-gradient(
90deg,
#007ab4 0%,
#0082bc 8%,
#008ac6 16%,
#0092cf 24%,
#009ad7 32%,
#00a2df 40%,
#00aae7 48%,
#00b2ee 56%,
#00b9f3 64%,
#00c0f7 72%,
#00c6fa 80%,
#00cbf9 88%,
#00d0f8 100%
);
--mf-bottom-header-bg-depth: linear-gradient(
180deg,
rgba(0, 78, 128, 0.2) 0%,
rgba(0, 110, 165, 0.06) 26%,
transparent 52%
);
} .page-header__menu.bottom-header {
position: relative;
padding: 0;
background-color: #0098d6;
background-image: var(--mf-bottom-header-bg-depth), var(--mf-bottom-header-bg);
border: none;
box-shadow: none;
}
.page-header__menu.bottom-header .bottom-header-container,
.page-header__menu.bottom-header .bottom-header__inner,
.page-header__menu.bottom-header .main-navbar--desktop,
.page-header__menu.bottom-header .main-navbar--desktop .main-navbar__list {
background: transparent;
box-shadow: none;
}
.page-header__menu nav.main-navbar--desktop,
.page-header__menu .main-navbar--desktop {
flex: 1 1 auto;
min-width: 0;
width: 100%;
}
.main-navbar--desktop .main-navbar__list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.main-navbar--desktop .main-navbar__list > li {
position: relative;
margin: 0;
padding: 0;
}
.main-navbar--desktop .main-navbar__submenu {
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 992px) { .page-header.header-ref,
.page-header__menu.bottom-header,
.bottom-header-container,
.bottom-header__inner,
.main-navbar--desktop,
.main-navbar--desktop .main-navbar__list,
.main-navbar--desktop .main-navbar__list > li {
overflow: visible;
}
.page-header__menu.bottom-header,
.page-header.header-ref .page-header__menu.bottom-header,
.mf-hero__main-nav.bottom-header {
padding-top: 0;
padding-bottom: 0;
background-color: #0098d6;
background-image: var(--mf-bottom-header-bg-depth), var(--mf-bottom-header-bg);
}
.page-header__menu .main-navbar--desktop,
.page-header.header-ref .page-header__menu .main-navbar--desktop,
.mf-hero__main-nav .main-navbar--desktop {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
background: transparent;
box-shadow: none;
border-radius: 0;
}
.page-header__menu.bottom-header .bottom-header-container,
.page-header__menu.bottom-header .bottom-header__inner,
.page-header__menu.bottom-header .main-navbar--desktop .main-navbar__list {
background: transparent;
box-shadow: none;
}
.main-navbar--desktop .main-navbar__list {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
justify-content: stretch;
width: 100%;
min-height: 54px;
margin: 0;
padding: 0;
gap: 0;
}
.main-navbar--desktop .main-navbar__list > li {
flex: 1 1 0;
min-width: 0;
position: relative;
display: flex;
align-items: stretch;
}
.main-navbar--desktop .main-navbar__list > li + li {
box-shadow: none;
}
.main-navbar--desktop .main-navbar__link,
.main-navbar--desktop .main-navbar__sublink {
text-decoration: none !important;
} .main-navbar--desktop .main-navbar__link::after,
.main-navbar--desktop .main-navbar__sublink::after {
display: none !important;
content: none !important;
width: 0 !important;
height: 0 !important;
}
.main-navbar--desktop .main-navbar__link {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
width: 100%;
min-height: 54px;
padding: 0 10px;
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 1.25;
letter-spacing: 0.02em;
text-align: center;
white-space: nowrap;
box-sizing: border-box;
border-bottom: none;
transition: background-color 0.22s ease, color 0.22s ease;
}
.main-navbar--desktop .main-navbar__link:hover,
.main-navbar--desktop .main-navbar__link:focus-visible {
background: rgba(255, 255, 255, 0.14);
color: #fff;
text-decoration: none !important;
box-shadow: none;
}
.main-navbar--desktop .main-navbar__list > li.current-menu-item > .main-navbar__link,
.main-navbar--desktop .main-navbar__list > li.current-menu-ancestor > .main-navbar__link {
background: rgba(255, 255, 255, 0.2);
box-shadow: none;
text-decoration: none !important;
} body.home .main-navbar--desktop .main-navbar__list > li.menu-item-type-custom.current-menu-item > .main-navbar__link,
body.home .main-navbar--desktop .main-navbar__list > li.menu-item-type-custom.current_page_item > .main-navbar__link {
background: transparent;
box-shadow: none;
}
body.home .main-navbar--desktop .main-navbar__list > li.menu-item-home.current-menu-item > .main-navbar__link {
background: rgba(255, 255, 255, 0.2);
box-shadow: none;
} .main-navbar--desktop .main-navbar__list > li.menu-item-has-children::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 10px;
z-index: 240;
}
.main-navbar--desktop .main-navbar__chevron {
flex-shrink: 0;
width: 8px;
height: 8px;
margin-top: 1px;
border-right: 2px solid rgba(255, 255, 255, 0.9);
border-bottom: 2px solid rgba(255, 255, 255, 0.9);
transform: rotate(45deg);
transition: transform 0.2s ease;
}
.main-navbar--desktop li:hover > .main-navbar__link .main-navbar__chevron,
.main-navbar--desktop li:focus-within > .main-navbar__link .main-navbar__chevron,
.main-navbar--desktop li.is-submenu-open > .main-navbar__link .main-navbar__chevron {
transform: rotate(-135deg);
margin-top: 3px;
}
.page-header.header-ref.mf-header--compact .main-navbar--desktop .main-navbar__link {
min-height: 42px;
padding: 0 12px;
font-size: 14px;
}
.page-header.header-ref.mf-header--compact .main-navbar--desktop .main-navbar__list {
min-height: 42px;
} .main-navbar--desktop .main-navbar__submenu {
position: absolute;
left: 0;
top: calc(100% + 6px);
display: flex;
flex-direction: column;
gap: 2px;
min-width: 280px;
max-width: min(320px, 90vw);
width: max-content;
padding: 8px;
margin: 0;
list-style: none;
background: #fff;
border: 1px solid rgba(15, 23, 42, 0.06);
border-radius: 16px;
box-shadow:
0 8px 24px rgba(15, 23, 42, 0.08),
0 24px 56px rgba(15, 23, 42, 0.12);
opacity: 0;
visibility: hidden;
transform: translateY(12px) scale(0.96);
transform-origin: top center;
filter: blur(4px);
transition:
opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1),
transform 0.32s cubic-bezier(0.16, 1, 0.3, 1),
visibility 0.28s step-end,
filter 0.28s cubic-bezier(0.16, 1, 0.3, 1);
z-index: 250;
pointer-events: none;
}
.main-navbar--desktop .main-navbar__list > li.menu-item-has-children:hover > .main-navbar__submenu,
.main-navbar--desktop .main-navbar__list > li.menu-item-has-children:focus-within > .main-navbar__submenu,
.main-navbar--desktop .main-navbar__list > li.menu-item-has-children.is-submenu-open > .main-navbar__submenu {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
filter: blur(0);
pointer-events: auto;
transition:
opacity 0.26s cubic-bezier(0.16, 1, 0.3, 1),
transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
visibility 0s step-start,
filter 0.26s cubic-bezier(0.16, 1, 0.3, 1);
}
.main-navbar--desktop .main-navbar__list > li:nth-last-child(-n + 3) > .main-navbar__submenu {
left: auto;
right: 0;
transform-origin: top right;
}
.main-navbar--desktop .main-navbar__list > li:nth-last-child(-n + 3):hover > .main-navbar__submenu,
.main-navbar--desktop .main-navbar__list > li:nth-last-child(-n + 3):focus-within > .main-navbar__submenu,
.main-navbar--desktop .main-navbar__list > li:nth-last-child(-n + 3).is-submenu-open > .main-navbar__submenu {
transform: translateY(0) scale(1);
filter: blur(0);
}
.main-navbar--desktop .main-navbar__submenu > li {
width: 100%;
}
.main-navbar--desktop .main-navbar__sublink {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
width: 100%;
padding: 10px 14px;
border-radius: 12px;
color: #334155;
font-size: 14px;
font-weight: 500;
line-height: 1.35;
text-align: left;
text-decoration: none !important;
white-space: normal;
transition: background-color 0.18s ease, color 0.18s ease;
box-sizing: border-box;
}
.main-navbar--desktop .main-navbar__sublink:hover,
.main-navbar--desktop .main-navbar__sublink:focus-visible {
background: #f0f9ff;
color: #0077b3;
text-decoration: none !important;
}
.main-navbar--desktop .main-navbar__submenu > li.current-menu-item > .main-navbar__sublink,
.main-navbar--desktop .main-navbar__submenu > li.current-menu-ancestor > .main-navbar__sublink {
background: #e0f4fd;
color: #006da1;
font-weight: 600;
}
.main-navbar--desktop .main-navbar__chevron--sub {
border-color: #94a3b8;
flex-shrink: 0;
transform: rotate(-45deg);
margin-top: 0;
}
.main-navbar--desktop .main-navbar__submenu li.menu-item-has-children {
position: relative;
} .main-navbar--desktop .main-navbar__submenu .main-navbar__submenu {
top: 0;
left: calc(100% + 8px);
margin: 0;
min-width: 260px;
max-width: min(300px, 88vw);
transform: translateX(10px) scale(0.96);
transform-origin: top left;
filter: blur(4px);
}
.main-navbar--desktop .main-navbar__submenu li.menu-item-has-children:hover > .main-navbar__submenu,
.main-navbar--desktop .main-navbar__submenu li.menu-item-has-children:focus-within > .main-navbar__submenu,
.main-navbar--desktop .main-navbar__submenu li.menu-item-has-children.is-submenu-open > .main-navbar__submenu {
opacity: 1;
visibility: visible;
transform: translateX(0) scale(1);
filter: blur(0);
pointer-events: auto;
}
.page-header.header-ref .bottom-header__inner,
.mf-hero__main-nav .bottom-header__inner {
justify-content: center;
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 991px) {
.page-header__menu .main-navbar--desktop {
display: none !important;
}
.page-header.header-ref .page-header__menu.bottom-header,
.mf-hero__main-nav.bottom-header {
min-height: 0;
}
.bottom-header__inner {
flex-direction: column;
align-items: stretch;
}
} .mf-mobile-nav {
position: fixed;
inset: 0;
z-index: 1200;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.22s ease, visibility 0.22s ease;
}
.mf-mobile-nav--open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.mf-mobile-nav__backdrop {
position: absolute;
inset: 0;
background: rgba(15, 23, 42, 0.55);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
border: 0;
padding: 0;
cursor: pointer;
}
.mf-mobile-nav__panel {
position: absolute;
top: 0;
right: 0;
width: min(420px, 88vw);
height: 100%;
max-height: 100dvh;
background: linear-gradient(165deg, rgba(11, 18, 32, 0.98) 0%, rgba(15, 28, 48, 0.98) 100%);
color: rgba(255, 255, 255, 0.92);
border-left: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: -24px 0 80px rgba(0, 0, 0, 0.4);
padding: max(16px, env(safe-area-inset-top, 0px)) max(18px, env(safe-area-inset-right, 0px)) max(18px, env(safe-area-inset-bottom, 0px)) 18px;
transform: translateX(100%);
transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
display: flex;
flex-direction: column;
gap: 0;
overflow: hidden;
}
.mf-mobile-nav--open .mf-mobile-nav__panel {
transform: translateX(0);
}
.mf-mobile-nav__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 8px;
flex-shrink: 0;
}
.mf-mobile-nav__title {
margin: 0;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.55);
}
.mf-mobile-nav__close {
flex-shrink: 0;
width: 44px;
height: 44px;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.06);
color: rgba(255, 255, 255, 0.95);
font-size: 28px;
line-height: 1;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background-color 0.18s ease, border-color 0.18s ease;
}
.mf-mobile-nav__close:hover,
.mf-mobile-nav__close:focus-visible {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.22);
}
.mf-mobile-nav__nav {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
padding: 4px 0 12px;
}
.mf-menu--mobile {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.mf-menu--mobile > li {
position: relative;
margin: 0;
}
.mf-menu--mobile > li > a.mf-menu__link {
display: flex;
align-items: center;
min-height: 48px;
padding: 12px 14px;
padding-right: 48px;
border-radius: 14px;
color: rgba(255, 255, 255, 0.94);
text-decoration: none;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.02em;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.08);
transition: background-color 0.18s ease, border-color 0.18s ease;
}
.mf-menu--mobile > li > a:hover,
.mf-menu--mobile > li > a:focus-visible {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.14);
}
.mf-menu--mobile > li.current-menu-item > a,
.mf-menu--mobile > li.current-menu-ancestor > a {
background: rgba(0, 159, 227, 0.22);
border-color: rgba(0, 159, 227, 0.35);
color: #fff;
}
.mf-submenu-toggle {
position: absolute;
top: 6px;
right: 6px;
width: 40px;
height: 40px;
border: 0;
border-radius: 12px;
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.9);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background-color 0.18s ease, transform 0.18s ease;
}
.mf-submenu-toggle:hover,
.mf-submenu-toggle:focus-visible {
background: rgba(255, 255, 255, 0.14);
}
.mf-submenu-toggle__icon {
display: block;
width: 10px;
height: 10px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
margin-top: -4px;
transition: transform 0.2s ease;
}
.mf-submenu-toggle[aria-expanded="true"] .mf-submenu-toggle__icon {
transform: rotate(-135deg);
margin-top: 2px;
}
.mf-menu--mobile .sub-menu.mf-submenu {
list-style: none;
margin: 6px 0 0;
padding: 0 0 0 10px;
display: flex;
flex-direction: column;
gap: 4px;
}
.mf-menu--mobile .sub-menu.mf-submenu[hidden] {
display: none !important;
}
.mf-menu--mobile .sub-menu.mf-submenu a {
display: block;
padding: 10px 12px;
border-radius: 12px;
color: rgba(255, 255, 255, 0.88);
text-decoration: none;
font-size: 14px;
font-weight: 500;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.06);
}
.mf-menu--mobile .sub-menu.mf-submenu a:hover,
.mf-menu--mobile .sub-menu.mf-submenu a:focus-visible {
background: rgba(255, 255, 255, 0.08);
color: #fff;
}
.mf-mobile-nav__footer {
flex-shrink: 0;
margin-top: auto;
padding-top: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mf-mobile-nav__contact {
display: flex;
flex-direction: column;
gap: 14px;
}
.mf-mobile-nav__phones {
display: flex;
flex-direction: column;
gap: 8px;
}
.mf-mobile-nav__phone-link {
color: #4dd4ff;
font-size: 18px;
font-weight: 800;
text-decoration: none;
letter-spacing: 0.01em;
line-height: 1.2;
}
.mf-mobile-nav__phone-link:hover,
.mf-mobile-nav__phone-link:focus-visible {
color: #7ee0ff;
}
.mf-mobile-nav__social {
display: flex;
align-items: center;
gap: 10px;
}
.mf-mobile-nav__social-link {
display: inline-flex;
width: 40px;
height: 40px;
border-radius: 12px;
overflow: hidden;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: transform 0.18s ease, background-color 0.18s ease;
}
.mf-mobile-nav__social-link:hover,
.mf-mobile-nav__social-link:focus-visible {
transform: translateY(-2px);
background: rgba(255, 255, 255, 0.12);
}
.mf-mobile-nav__social-link img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
body.mf-lock {
overflow: hidden;
}
body.mf-mobile-nav-open .navbar-toggle[aria-expanded="true"] {
background: rgba(255, 255, 255, 0.15);
}
@media (max-width: 991px) {
body.mf-mobile-nav-open.page-header.header-ref.mf-header--mobile-peek .page-header__menu.bottom-header {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
}