@keyframes splide-loading {
0% {
transform:rotate(0)
}
to {
transform:rotate(1turn)
}
}
.splide__track--draggable {
-webkit-touch-callout:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none
}
.splide__track--fade>.splide__list>.splide__slide {
margin:0!important;
opacity:0;
z-index:0
}
.splide__track--fade>.splide__list>.splide__slide.is-active {
opacity:1;
z-index:1
}
.splide--rtl {
direction:rtl
}
.splide__track--ttb>.splide__list {
display:block
}
.splide__container {
box-sizing:border-box;
position:relative
}
.splide__list {
backface-visibility:hidden;
display:-ms-flexbox;
display:flex;
height:100%;
margin:0!important;
padding:0!important
}
.splide.is-initialized:not(.is-active) .splide__list {
display:block
}
.splide__pagination {
-ms-flex-align:center;
align-items:center;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack:center;
justify-content:center;
margin:0;
pointer-events:none
}
.splide__pagination li {
display:inline-block;
line-height:1;
list-style-type:none;
margin:0;
pointer-events:auto
}
.splide:not(.is-overflow) .splide__pagination {
display:none
}
.splide__progress__bar {
width:0
}
.splide {
position:relative;
visibility:hidden
}
.splide.is-initialized,.splide.is-rendered {
visibility:visible
}
.splide__slide {
backface-visibility:hidden;
box-sizing:border-box;
-ms-flex-negative:0;
flex-shrink:0;
list-style-type:none!important;
margin:0;
position:relative
}
.splide__slide img {
vertical-align:bottom
}
.splide__spinner {
animation:splide-loading 1s linear infinite;
border:2px solid #999;
border-left-color:transparent;
border-radius:50%;
bottom:0;
contain:strict;
display:inline-block;
height:20px;
left:0;
margin:auto;
position:absolute;
right:0;
top:0;
width:20px
}
.splide__sr {
clip:rect(0 0 0 0);
border:0;
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
display:none
}
.splide__toggle.is-active .splide__toggle__pause {
display:inline
}
.splide__track {
overflow:hidden;
position:relative;
z-index:0
}
.splide__container {
box-sizing:border-box;
position:relative
}
.splide__list {
backface-visibility:hidden;
display:-ms-flexbox;
display:flex;
height:100%;
margin:0!important;
padding:0!important
}
.splide.is-initialized:not(.is-active) .splide__list {
display:block
}
.splide__pagination {
-ms-flex-align:center;
align-items:center;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack:center;
justify-content:center;
margin:0;
pointer-events:none
}
.splide__pagination li {
display:inline-block;
line-height:1;
list-style-type:none;
margin:0;
pointer-events:auto
}
.splide:not(.is-overflow) .splide__pagination {
display:none
}
.splide__progress__bar {
width:0
}
.splide {
position:relative;
visibility:hidden
}
.splide.is-initialized,.splide.is-rendered {
visibility:visible
}
.splide__slide {
backface-visibility:hidden;
box-sizing:border-box;
-ms-flex-negative:0;
flex-shrink:0;
list-style-type:none!important;
margin:0;
position:relative
}
.splide__slide img {
vertical-align:bottom
}
.splide__spinner {
animation:splide-loading 1s linear infinite;
border:2px solid #999;
border-left-color:transparent;
border-radius:50%;
bottom:0;
contain:strict;
display:inline-block;
height:20px;
left:0;
margin:auto;
position:absolute;
right:0;
top:0;
width:20px
}
.splide__sr {
clip:rect(0 0 0 0);
border:0;
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
display:none
}
.splide__toggle.is-active .splide__toggle__pause {
display:inline
}
.splide__track {
overflow:hidden;
position:relative;
z-index:0
}
@keyframes splide-loading {
0% {
transform:rotate(0)
}
to {
transform:rotate(1turn)
}
}
.splide__track--draggable {
-webkit-touch-callout:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none
}
.splide__track--fade>.splide__list>.splide__slide {
margin:0!important;
opacity:0;
z-index:0
}
.splide__track--fade>.splide__list>.splide__slide.is-active {
opacity:1;
z-index:1
}
.splide--rtl {
direction:rtl
}
.splide__track--ttb>.splide__list {
display:block
}
.splide__arrow {
-ms-flex-align:center;
align-items:center;
background:#ccc;
border:0;
border-radius:50%;
cursor:pointer;
display:-ms-flexbox;
display:flex;
height:2em;
-ms-flex-pack:center;
justify-content:center;
opacity:.7;
padding:0;
position:absolute;
top:50%;
transform:translateY(-50%);
width:2em;
z-index:1
}
.splide__arrow svg {
fill:#000;
height:1.2em;
width:1.2em
}
.splide__arrow:hover:not(:disabled) {
opacity:.9
}
.splide__arrow:disabled {
opacity:.3
}
.splide__arrow:focus-visible {
outline:3px solid #0bf;
outline-offset:3px
}
.splide__arrow--prev {
left:1em
}
.splide__arrow--prev svg {
transform:scaleX(-1)
}
.splide__arrow--next {
right:1em
}
.splide.is-focus-in .splide__arrow:focus {
outline:3px solid #0bf;
outline-offset:3px
}
.splide__pagination {
bottom:.5em;
left:0;
padding:0 1em;
position:absolute;
right:0;
z-index:1
}
.splide__pagination__page {
background:#ccc;
border:0;
border-radius:50%;
display:inline-block;
height:8px;
margin:3px;
opacity:.7;
padding:0;
position:relative;
transition:transform .2s linear;
width:8px
}
.splide__pagination__page.is-active {
background:#fff;
transform:scale(1.4);
z-index:1
}
.splide__pagination__page:hover {
cursor:pointer;
opacity:.9
}
.splide__pagination__page:focus-visible {
outline:3px solid #0bf;
outline-offset:3px
}
.splide.is-focus-in .splide__pagination__page:focus {
outline:3px solid #0bf;
outline-offset:3px
}
.splide__progress__bar {
background:#ccc;
height:3px
}
.splide__slide {
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.splide__slide:focus {
outline:0
}
@supports(outline-offset:-3px) {
.splide__slide:focus-visible {
outline:3px solid #0bf;
outline-offset:-3px
}
}
@media screen and (-ms-high-contrast:none) {
.splide__slide:focus-visible {
border:3px solid #0bf
}
}
@supports(outline-offset:-3px) {
.splide.is-focus-in .splide__slide:focus {
outline:3px solid #0bf;
outline-offset:-3px
}
}
@media screen and (-ms-high-contrast:none) {
.splide.is-focus-in .splide__slide:focus {
border:3px solid #0bf
}
.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
border-color:#0bf
}
}
.splide__toggle {
cursor:pointer
}
.splide__toggle:focus-visible {
outline:3px solid #0bf;
outline-offset:3px
}
.splide.is-focus-in .splide__toggle:focus {
outline:3px solid #0bf;
outline-offset:3px
}
.splide__track--nav>.splide__list>.splide__slide {
border:3px solid transparent;
cursor:pointer
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
border:3px solid #000
}
.splide__arrows--rtl .splide__arrow--prev {
left:auto;
right:1em
}
.splide__arrows--rtl .splide__arrow--prev svg {
transform:scaleX(1)
}
.splide__arrows--rtl .splide__arrow--next {
left:1em;
right:auto
}
.splide__arrows--rtl .splide__arrow--next svg {
transform:scaleX(-1)
}
.splide__arrows--ttb .splide__arrow {
left:50%;
transform:translate(-50%)
}
.splide__arrows--ttb .splide__arrow--prev {
top:1em
}
.splide__arrows--ttb .splide__arrow--prev svg {
transform:rotate(-90deg)
}
.splide__arrows--ttb .splide__arrow--next {
bottom:1em;
top:auto
}
.splide__arrows--ttb .splide__arrow--next svg {
transform:rotate(90deg)
}
.splide__pagination--ttb {
bottom:0;
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
left:auto;
padding:1em 0;
right:.5em;
top:0
}
@font-face {
font-family:'Onest';
font-style:normal;
font-weight:100 900;
font-display:block;
src:url('/static/woff2/onest-cyrillic.woff2') format('woff2');
unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
font-family:'Onest';
font-style:normal;
font-weight:100 900;
font-display:block;
src:url('/static/woff2/onest-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family:'Adderley';
font-style:normal;
font-weight:400;
font-display:block;
src:url('/static/woff2/adderley-bold.woff2') format('woff2')
}
:root {
--white:#ffffff;
--black:#151515;
--light-gray:#eeeff1;
--middle-gray:#d6d6d6;
--gray:#999dab;
--green:#47c159;
--yellow:#fde600;
--red:#f44336;
--dark-gray:#838077;
--blue:#1175da;
--color-active:#151515;
--color-text-default:#151515;
--color-link-default:#151515;
--color-link-hover:#151515;
--color-link-active:#151515;
--color-link-disable:#999dab;
--color-button-default:#151515;
--color-button-hover:#151515;
--color-button-active:#151515;
--color-button-disable:#999dab;
--radius:.375rem;
--sidebar-width:400px;
--sidebar-height:600px;
--offset-size:100px;
--opacity-hover:.75;
--opacity-disable:.5;
--transition-delay:250ms
}
@media (orientation:portrait) and (max-width:768px) {
:root {
--sidebar-width:80vw;
--sidebar-height:100vh
}
}
:active,:hover,:focus {
outline:0;
outline-offset:0
}
:before,:after {
-webkit-box-sizing:border-box;
box-sizing:border-box
}
::marker,::marker {
color:var(--gray)
}
* {
margin:0;
padding:0;
border:0;
box-sizing:border-box;
word-wrap:break-word;
font-size:100%
}
html {
scrollbar-gutter:stable
}
html[data-sidebar-open] body,html[data-photo-tour-open] body {
overflow-y:hidden;
overflow-x:hidden
}
html[data-sidebar-open] .button-cta,html[data-photo-tour-open] .button-cta {
display:none
}
body {
font-family:'Onest',-apple-system,system-ui,sans-serif;
font-weight:400;
font-size:20px;
line-height:1;
overflow-x:hidden;
color:var(--color-text-default);
background-color:var(--white);
scrollbar-gutter:stable
}
@media (max-width:768px) {
body {
font-size:16px
}
}
h1,h2,h3,h4,h5,h6 {
font-family:'Adderley';
font-weight:700;
line-height:1;
letter-spacing:-0.02em
}
h1 {
font-size:96px
}
@media (max-width:768px) {
h1 {
font-size:50px
}
}
h2 {
font-size:64px
}
@media (max-width:768px) {
h2 {
font-size:48px
}
}
h3 {
font-size:64px
}
@media (max-width:768px) {
h3 {
font-size:40px
}
}
a {
color:var(--color-link-default);
text-decoration:underline;
text-decoration-color:currentColor;
text-underline-offset:1px;
transition:opacity var(--transition-delay)
}
a:hover {
text-decoration:none;
opacity:var(--opacity-hover)
}
a[href^="tel:"],a[href^="mailto:"] {
text-decoration-style:dashed
}
button {
cursor:pointer;
border:none;
background:none;
transition:opacity var(--transition-delay)
}
button svg {
width:1rem;
height:1rem
}
button:hover {
opacity:var(--opacity-hover)
}
button:disabled {
background-color:var(--gray)
}
b,strong {
font-weight:600
}
table {
width:100%;
border-spacing:0;
border-collapse:collapse
}
input[type="text"],input[type="tel"],input[type="email"],input[type="password"],textarea {
padding:10px;
font-family:inherit;
font-size:.85rem;
width:100%;
background-color:var(--white);
border:1px solid var(--gray);
border-radius:var(--radius);
cursor:initial;
transition:border 200ms
}
input[type="text"]:focus,input[type="tel"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus {
border:1px solid var(--green)
}
textarea {
min-height:120px;
min-width:100%;
max-width:100%
}
iframe {
width:100%;
border:none
}
svg {
color:currentColor;
fill:currentColor;
stroke:none;
width:1rem;
height:1rem
}
picture {
display:block;
width:100%;
height:100%;
background-color:var(--light-gray)
}
picture img {
object-fit:cover;
height:100%;
width:100%
}
mark {
color:var(--black);
background-color:#ffeb3b;
padding-left:5px;
padding-right:5px;
border-radius:var(--radius)
}
img {
max-width:100%;
height:auto
}
@keyframes preloader {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
@-webkit-keyframes hoverWave {
0% {
box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0)
}
}
@keyframes hoverWave {
0% {
box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0)
}
}
@keyframes shake {
0% {
transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg)
}
10% {
transform:rotateZ(-30deg);
-ms-transform:rotateZ(-30deg);
-webkit-transform:rotateZ(-30deg)
}
20% {
transform:rotateZ(15deg);
-ms-transform:rotateZ(15deg);
-webkit-transform:rotateZ(15deg)
}
30% {
transform:rotateZ(-10deg);
-ms-transform:rotateZ(-10deg);
-webkit-transform:rotateZ(-10deg)
}
40% {
transform:rotateZ(7.5deg);
-ms-transform:rotateZ(7.5deg);
-webkit-transform:rotateZ(7.5deg)
}
50% {
transform:rotateZ(-6deg);
-ms-transform:rotateZ(-6deg);
-webkit-transform:rotateZ(-6deg)
}
60% {
transform:rotateZ(5deg);
-ms-transform:rotateZ(5deg);
-webkit-transform:rotateZ(5deg)
}
70% {
transform:rotateZ(-4.28571deg);
-ms-transform:rotateZ(-4.28571deg);
-webkit-transform:rotateZ(-4.28571deg)
}
80% {
transform:rotateZ(3.75deg);
-ms-transform:rotateZ(3.75deg);
-webkit-transform:rotateZ(3.75deg)
}
90% {
transform:rotateZ(-3.33333deg);
-ms-transform:rotateZ(-3.33333deg);
-webkit-transform:rotateZ(-3.33333deg)
}
95% {
transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg)
}
96% {
transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg)
}
100% {
transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg)
}
}
@-webkit-keyframes shake {
0% {
transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg)
}
10% {
transform:rotateZ(-30deg);
-ms-transform:rotateZ(-30deg);
-webkit-transform:rotateZ(-30deg)
}
20% {
transform:rotateZ(15deg);
-ms-transform:rotateZ(15deg);
-webkit-transform:rotateZ(15deg)
}
30% {
transform:rotateZ(-10deg);
-ms-transform:rotateZ(-10deg);
-webkit-transform:rotateZ(-10deg)
}
40% {
transform:rotateZ(7.5deg);
-ms-transform:rotateZ(7.5deg);
-webkit-transform:rotateZ(7.5deg)
}
50% {
transform:rotateZ(-6deg);
-ms-transform:rotateZ(-6deg);
-webkit-transform:rotateZ(-6deg)
}
60% {
transform:rotateZ(5deg);
-ms-transform:rotateZ(5deg);
-webkit-transform:rotateZ(5deg)
}
70% {
transform:rotateZ(-4.28571deg);
-ms-transform:rotateZ(-4.28571deg);
-webkit-transform:rotateZ(-4.28571deg)
}
80% {
transform:rotateZ(3.75deg);
-ms-transform:rotateZ(3.75deg);
-webkit-transform:rotateZ(3.75deg)
}
90% {
transform:rotateZ(-3.33333deg);
-ms-transform:rotateZ(-3.33333deg);
-webkit-transform:rotateZ(-3.33333deg)
}
100% {
transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg)
}
}
@keyframes pulse {
0% {
opacity:1
}
50% {
opacity:0
}
100% {
opacity:1
}
}
.shine {
color:currentColor;
--effect-shine-text-color:currentColor;
--effect-shine-highlight-color:var(--black);
--effect-shine-start-x:100%;
--effect-shine-end-x:-100%;
background:linear-gradient(to right, currentColor 0%, var(--effect-shine-highlight-color) 10%, currentColor 20%);
background-size:200% auto;
background-position:var(--effect-shine-start-x);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
animation:effect-shine 4s infinite linear;
animation-fill-mode:forwards
}
@keyframes effect-shine {
0% {
background-position:var(--effect-shine-start-x)
}
60% {
background-position:var(--effect-shine-end-x)
}
100% {
background-position:var(--effect-shine-end-x)
}
}
.site-wrapper {
min-height:100vh;
display:flex;
flex-direction:column;
width:100%;
position:relative;
transition:transform var(--transition-delay) ease
}
.site-wrapper::before {
content:"";
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.75);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
z-index:9;
opacity:0;
visibility:hidden;
transition:all var(--transition-delay) ease-in-out
}
html[data-sidebar-open] .site-wrapper {
transform:translateZ(0) translateX(calc(1 * var(--offset-size)))
}
html[data-sidebar-open] .site-wrapper::before {
opacity:1;
visibility:visible
}
.site-container {
scroll-behavior:smooth;
width:100%;
max-width:1200px;
margin:0 auto;
overflow:hidden
}
@media (max-width:768px) {
.site-container {
padding-left:20px;
padding-right:20px
}
}
@media (max-width:1250px) {
.site-container {
padding-left:20px;
padding-right:20px
}
}
.site-top {
display:flex;
flex-direction:column;
background-color:var(--white);
position:sticky;
top:0;
background-color:rgba(255,255,255,0.8);
backdrop-filter:blur(8px);
z-index:3
}
.site-header {
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding-top:20px;
padding-bottom:20px
}
.site-header .block-121 {
display:none
}
.site-menu {
width:100%;
display:flex;
align-items:center;
padding-bottom:10px;
margin-top:60px
}
@media (max-width:768px) {
.site-menu {
margin-top:0
}
}
.site-sidebar {
background-color:var(--white);
position:fixed;
top:0;
left:0;
bottom:0;
width:var(--sidebar-width);
overflow:hidden;
display:flex;
flex-direction:column;
padding:20px 30px;
z-index:10;
transform:translateZ(0) translateX(calc(-1 * var(--sidebar-width)));
transition:transform var(--transition-delay) ease;
scrollbar-width:thin
}
.site-sidebar .header {
margin-bottom:20px;
display:flex;
align-items:center;
justify-content:space-between
}
.site-sidebar .header span {
font-family:'Adderley';
font-weight:700;
font-size:40px;
line-height:1;
letter-spacing:-0.02em;
color:var(--black)
}
.site-sidebar .header a {
font-size:.85rem;
font-weight:600
}
.site-sidebar .content {
display:flex;
flex-direction:column;
flex-grow:1;
overflow-y:auto;
margin-bottom:20px;
height:100%
}
.site-sidebar .content .text {
margin-bottom:20px
}
.site-sidebar .footer {
display:flex;
justify-content:space-between;
gap:10px;
padding-bottom:20px
}
.site-sidebar .menu {
display:flex;
flex-direction:column;
gap:8px;
overflow-y:auto;
height:100%;
scrollbar-width:thin
}
.site-sidebar .menu hr {
border-bottom:1px solid var(--light-gray);
height:0
}
.site-sidebar .menu a {
font-weight:300;
color:inherit;
margin-right:20px;
display:flex;
align-items:center;
justify-content:flex-start;
text-decoration:none;
margin-left:1.5rem;
padding:5px;
border-radius:var(--radius)
}
.site-sidebar .menu a.parent {
font-weight:600;
margin-left:0
}
.site-sidebar .menu a:last-of-type {
margin-bottom:0
}
@media (hover:hover) and (pointer:fine) {
.site-sidebar .menu a:hover {
background-color:#f2f2f2
}
}
html[data-sidebar-open][data-sidebar-target="menu"] .site-sidebar[data-sidebar="menu"],html[data-sidebar-open][data-sidebar-target="feedback"] .site-sidebar[data-sidebar="feedback"],html[data-sidebar-open][data-sidebar-target="callback"] .site-sidebar[data-sidebar="callback"] {
transform:translateZ(0) translateX(0)
}
@media (max-width:900px) {
.site-sidebar[data-sidebar="feedback"] .site-container {
padding-left:0;
padding-right:0
}
}
@media (max-width:768px) {
.site-sidebar {
padding:20px
}
.site-sidebar[data-sidebar="feedback"] .site-container {
padding-left:0;
padding-right:0
}
}
.site-content {
margin-bottom:40px
}
.site-content button {
font-weight:500;
border-radius:6px;
padding:20px;
border-radius:.375rem;
background-color:var(--yellow);
color:var(--black)
}
.site-content iframe {
border-radius:var(--radius)
}
.site-content h1 {
margin-top:20px;
margin-bottom:20px
}
.site-content h2,.site-content h3,.site-content h3,.site-content h4,.site-content h5,.site-content h6 {
margin-top:50px;
margin-bottom:20px
}
.site-content p {
font-weight:300;
line-height:1.5;
margin-bottom:20px
}
.site-content ul,.site-content ol {
font-weight:300;
list-style:square;
list-style-position:outside;
line-height:1.5;
margin-top:20px;
margin-bottom:20px;
margin-left:60px
}
.site-content table {
font-size:var(--font-small)
}
.site-content table caption,.site-content table th {
font-weight:600;
text-align:left;
padding:8px;
border:1px solid var(--light-gray);
background-color:var(--light-gray)
}
.site-content table tr td {
text-align:left;
vertical-align:top;
padding:8px;
border:1px solid var(--light-gray)
}
.site-content table tr td.caption {
background-color:var(--light-gray)
}
.site-content .price-table {
margin-top:50px
}
.site-content .price-table td:nth-child(1) {
text-align:left;
color:currentColor
}
.site-content .price-table td:nth-child(2) {
font-weight:600;
text-align:right;
color:currentColor
}
.site-content .site-content__description {
margin-bottom:50px
}
.site-content .site-content__text {
margin-top:50px
}
.site-content .site-content__specification {
margin-bottom:40px;
overflow-x:auto
}
.site-content .site-content__specification .site-content__specification__title {
padding:5px 0;
font-weight:600
}
.site-content .site-content__specification .site-content__specification__row {
padding:5px 0;
font-weight:300;
line-height:1.5
}
.site-content .site-content__specification .site-content__specification__row .site-content__specification__row__key {
flex-grow:1;
color:gray;
font-weight:400
}
.site-content .site-content__contacts .site-content__contacts__title {
padding:5px 0;
font-weight:600
}
.site-content .site-content__contacts .site-content__contacts__row {
padding:5px 0;
padding-bottom:20px
}
.site-content .site-content__contacts .site-content__contacts__row .site-content__contacts__row__key {
color:var(--gray);
padding-bottom:5px
}
.site-content .site-content__feedback {
display:flex
}
.site-content .site-content__feedback .left .form-feedback {
border-radius:var(--radius) 0 0 var(--radius)
}
@media (max-width:768px) {
.site-content .site-content__feedback .left .form-feedback {
border-radius:var(--radius);
max-width:none
}
}
.site-content .site-content__feedback .right {
background-image:url('/static/webp/models/models-frontmen-gi02-hp-1.webp');
background-position:center center;
background-size:cover;
flex-grow:1;
border-radius:0 var(--radius) var(--radius) 0;
position:relative;
overflow:hidden
}
@media (max-width:768px) {
.site-content .site-content__feedback .right {
display:none
}
}
.site-content .regional-rep {
line-height:0
}
.site-content .regional-rep iframe {
height:500px
}
@media (max-width:768px) {
.site-content .regional-rep iframe {
height:350px;
border-radius:0
}
}
.site-content .site-content__contacts__map iframe {
margin-bottom:20px;
height:350px;
border-radius:0
}
.site-content .site-content__video iframe {
height:500px;
margin-bottom:30px
}
@media (max-width:768px) {
.site-content .site-content__video iframe {
height:300px
}
}
.site-content .row {
display:flex;
position:relative;
margin-top:20px;
margin-bottom:40px
}
@media (max-width:768px) {
.site-content .row {
display:block;
margin-top:0
}
}
@media (max-width:768px) {
.site-content {
width:100%
}
}
.site-footer {
padding:0 0 20px 0;
margin-top:50px;
margin-bottom:20px
}
.site-footer a {
color:currentColor
}
.site-footer .list-of-tags {
padding:10px 20px 15px 20px;
background-color:#f2f2f2;
line-height:1.2;
border-radius:var(--radius)
}
.site-footer .list-of-tags .header {
font-weight:700
}
.site-footer .list-of-tags a {
font-weight:400;
font-size:.85rem;
margin-right:5px
}
.site-footer .list-of-tags a:after {
content:"; "
}
.site-footer .group {
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-direction:row;
gap:20px;
margin-top:20px
}
.site-footer .group .column ul {
font-weight:300;
line-height:1.5;
list-style-position:outside;
margin:0;
margin-top:10px;
margin-left:1rem
}
.site-footer .group .column p {
font-weight:300;
line-height:1.4;
margin-top:10px
}
.site-footer .group .column:nth-child(1):nth-last-child(4),.site-footer .group .column:nth-child(2):nth-last-child(3),.site-footer .group .column:nth-child(3):nth-last-child(2),.site-footer .group .column:nth-child(4):nth-last-child(1) {
width:calc(100% / 4)
}
@media (max-width:768px) {
.site-footer .group .column {
width:100% !important
}
}
@media (max-width:768px) {
.site-footer .group {
flex-direction:column
}
}
.site-footer .copyright {
display:flex
}
@media (max-width:768px) {
.site-footer .copyright {
padding-top:40px
}
}
.site-footer .terms {
font-size:.85rem;
line-height:1.1;
margin-top:20px
}
.site-layout-row {
display:flex;
flex-direction:row;
justify-content:space-between
}
.site-layout-column {
display:flex;
flex-direction:column
}
.site-layout-grid {
display:grid;
grid-auto-flow:row dense
}
.site-layout-group {
display:block
}
.block-1 {
align-items:center;
gap:20px
}
@media (max-width:768px) {
.block-1 {
gap:10px
}
}
.block-2 {
justify-content:space-between;
gap:40px
}
.block-3 {
display:flex;
align-items:center;
justify-content:center;
padding:12px;
border-radius:4px;
gap:10px;
background-color:var(--yellow)
}
.block-4 {
font-family:'Adderley';
font-weight:700;
font-size:40px;
line-height:1;
letter-spacing:0
}
.block-4 a {
color:inherit;
text-decoration:none
}
@media (max-width:768px) {
.block-4 {
font-size:32px
}
}
.block-5 {
font-size:11px;
line-height:.95;
letter-spacing:-0.02em;
max-width:200px;
color:var(--gray)
}
@media (max-width:768px) {
.block-5 {
font-size:9px
}
}
.block-6 {
font-family:'Adderley';
font-weight:700;
font-size:36px;
line-height:1;
letter-spacing:0
}
.block-6 a {
text-decoration:none
}
.block-7 {
align-items:center;
gap:10px
}
@media (max-width:768px) {
.block-7 {
display:none
}
}
.block-8 {
font-weight:500;
font-size:11px;
line-height:1;
letter-spacing:-0.02em;
color:var(--gray)
}
.block-9 {
gap:5px
}
@media (max-width:1100px) {
.block-9 {
display:none
}
}
.block-status-manager {
font-size:11px;
display:flex;
align-items:center;
gap:10px
}
.block-status-manager.online {
color:var(--green)
}
.block-status-manager.online::after {
content:'Сейчас онлайн'
}
.block-status-manager.offline {
color:var(--red)
}
.block-status-manager.offline::after {
content:'Операторы не в сети'
}
.block-10 {
gap:5px
}
.block-10 a {
font-weight:500;
font-size:16px;
line-height:.95;
letter-spacing:-0.02em;
color:var(--color-button-default);
border:1px solid var(--light-gray);
border-radius:6px;
padding:10px;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none
}
.block-10 a svg {
width:1.2em;
height:1.2em
}
.block-10 a.icon-callto {
display:none
}
@media (max-width:768px) {
.block-10 a.icon-telegram-msg,.block-10 a.icon-whatsapp {
display:none
}
.block-10 a.icon-callto {
display:block
}
}
@media (max-width:800px) {
.block-10 a.icon-email {
display:none
}
}
@media (max-width:930px) {
.block-10 a.icon-callback {
display:none
}
}
.block-11 {
gap:30px
}
.block-11 a {
font-family:'Adderley';
font-weight:700;
font-size:24px;
line-height:1;
letter-spacing:-0.02em;
text-decoration:none;
white-space:nowrap
}
@media (max-width:768px) {
.block-11 a {
font-size:18px
}
}
@media (max-width:768px) {
.block-11 {
gap:10px;
width:100%;
justify-content:space-between
}
}
.block-12 {
gap:15px
}
.block-12 a {
font-weight:500;
font-size:16px;
line-height:.95;
letter-spacing:-0.02em;
text-decoration:none;
white-space:nowrap
}
@media (max-width:1085px) {
.block-12 {
display:none
}
}
.block-13 {
padding-top:120px;
padding-bottom:120px;
position:relative
}
.block-13 video {
position:absolute;
z-index:0;
top:0;
right:0;
bottom:0;
left:0;
min-height:100%;
min-width:100%;
pointer-events:none;
object-fit:cover;
height:100%;
width:100%
}
.block-13:before {
content:'';
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
z-index:1;
pointer-events:none;
background-color:var(--black);
opacity:.25
}
@media (max-width:768px) {
.block-13 {
padding-top:40px;
padding-bottom:40px
}
}
.block-14 {
gap:40px;
max-width:421px
}
@media (max-width:768px) {
.block-14 {
gap:20px;
max-width:none
}
}
.block-15 {
font-family:'Adderley';
font-weight:700;
font-size:96px;
line-height:1;
letter-spacing:-0.02em;
color:var(--white);
z-index:1
}
@media (max-width:768px) {
.block-15 {
font-size:64px
}
}
.block-16 {
font-weight:500;
font-size:20px;
line-height:1;
letter-spacing:-0.02em;
color:var(--white);
z-index:1
}
@media (max-width:768px) {
.block-16 {
font-size:16px
}
}
.block-17 {
color:var(--white);
z-index:1;
margin-top:80px
}
.block-17 svg {
width:32px;
height:32px
}
@media (max-width:768px) {
.block-17 {
display:none
}
}
.block-18 {
gap:10px;
grid-template-columns:repeat(3, minmax(0, 1fr));
z-index:1
}
@media (max-width:768px) {
.block-18 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
}
.block-19 {
border-radius:6px;
border:1px solid var(--white);
padding:30px;
overflow:hidden;
gap:80px
}
@media (max-width:768px) {
.block-19 {
padding:20px;
gap:40px
}
.block-19:nth-of-type(1) .block-20 {
font-size:64px
}
}
.block-20 {
font-family:'Adderley';
font-weight:700;
font-size:96px;
line-height:1;
letter-spacing:-0.02em;
color:var(--white)
}
@media (max-width:768px) {
.block-20 {
font-size:40px
}
}
.block-21 {
font-weight:500;
font-size:16px;
line-height:.95;
letter-spacing:-0.02em;
color:var(--white)
}
.block-22 {
grid-column:span 2
}
@media (max-width:768px) {
.block-22 {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:20px
}
}
.block-23 {
gap:100px
}
@media (max-width:990px) {
.block-23 {
flex-direction:column;
gap:40px
}
}
.block-24 {
display:flex;
align-items:stretch;
padding:0;
border:none;
overflow:hidden;
border-radius:6px
}
.block-24 a {
font-family:'Adderley';
font-weight:700;
font-size:40px;
line-height:1;
letter-spacing:-0.02em;
text-decoration:none;
display:flex;
flex-direction:column;
justify-content:space-between;
gap:100px;
width:100%;
height:100%;
padding:30px;
color:var(--black);
background-color:var(--yellow);
transition:color var(--transition-delay) ease-in-out,background-color var(--transition-delay) ease-in-out
}
.block-24 a span {
color:currentColor;
text-align:right
}
.block-24 a span svg {
width:32px;
height:32px;
transform:rotate(-135deg)
}
@media (max-width:768px) {
.block-24 a span svg {
width:16px;
height:16px
}
}
.block-24 a:hover {
opacity:1;
color:var(--yellow);
background-color:var(--black)
}
@media (max-width:768px) {
.block-24 a {
font-size:18px;
flex-direction:row;
gap:20px
}
}
.block-25 {
padding-top:90px;
padding-bottom:30px;
background-color:var(--light-gray)
}
@media (max-width:768px) {
.block-25 {
padding-top:60px
}
}
.block-26 {
gap:30px
}
@media (max-width:768px) {
.block-26 {
gap:10px
}
}
.block-27 {
font-family:'Adderley';
font-weight:700;
font-size:32px;
line-height:1;
letter-spacing:-0.02em;
text-decoration:none;
display:flex;
align-items:flex-start;
justify-content:center;
gap:10px;
background-color:var(--white);
width:100%;
padding:30px;
color:var(--black);
border-radius:6px
}
.block-27 span {
font-size:24px;
color:var(--gray)
}
.block-28 {
padding-top:90px;
padding-bottom:90px;
background-color:var(--light-gray)
}
@media (max-width:768px) {
.block-28 {
padding-top:60px;
padding-bottom:60px
}
}
.block-29 {
gap:40px
}
.block-30 {
padding-top:90px;
padding-bottom:30px;
background-color:var(--white)
}
@media (max-width:768px) {
.block-30 {
padding-top:60px;
padding-bottom:60px
}
}
.block-31 {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
@media (max-width:768px) {
.block-31 {
grid-template-columns:repeat(1, minmax(0, 1fr));
border-top:1px solid var(--light-gray)
}
}
.block-32 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
@media (max-width:768px) {
.block-32 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.block-33 {
gap:80px;
justify-content:space-between;
width:411px;
padding-right:80px
}
.block-33 h2 {
font-family:'Adderley';
font-weight:700;
font-size:24px;
line-height:1;
letter-spacing:-0.02em;
color:var(--gray)
}
@media (max-width:768px) {
.block-33 h2 {
font-size:18px
}
}
.block-33 span {
font-family:'Adderley';
font-weight:700;
font-size:64px;
line-height:1;
letter-spacing:-0.02em
}
@media (max-width:768px) {
.block-33 span {
font-size:48px
}
}
@media (max-width:768px) {
.block-33 {
padding-right:0;
padding-bottom:20px;
gap:40px
}
}
.block-34 {
font-family:'Adderley';
font-weight:700;
font-size:96px;
line-height:1;
letter-spacing:-0.02em
}
@media (max-width:768px) {
.block-34 {
font-size:64px
}
}
.block-35 {
font-weight:500;
font-size:16px;
line-height:.95;
letter-spacing:-0.02em;
color:var(--gray)
}
.block-36 {
gap:80px;
justify-content:space-between
}
@media (max-width:768px) {
.block-36 {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr))
}
}
.block-37 {
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
border-left:1px solid var(--middle-gray);
border-bottom:1px solid var(--middle-gray)
}
@media (max-width:768px) {
.block-37 {
padding-top:20px;
padding-right:0;
padding-bottom:20px;
padding-left:0;
border-left:none
}
}
.block-38 {
padding-top:30px;
padding-right:30px;
padding-left:30px;
border-left:1px solid var(--middle-gray)
}
@media (max-width:768px) {
.block-38 {
padding-top:20px;
padding-right:0;
padding-left:0;
border-left:none
}
}
.block-39 {
padding-top:30px;
padding-left:30px;
border-left:1px solid var(--middle-gray);
display:flex;
flex-direction:column
}
@media (max-width:768px) {
.block-39 {
padding-top:40px;
padding-left:0;
border-left:none
}
}
.block-40 {
font-family:'Adderley';
font-weight:700;
font-size:64px;
line-height:1;
letter-spacing:-0.02em
}
@media (max-width:768px) {
.block-40 {
font-size:48px
}
}
.block-41 {
padding-top:90px;
padding-bottom:30px;
background-color:var(--white)
}
@media (max-width:768px) {
.block-41 {
padding-top:20px
}
}
.block-42 {
justify-content:flex-start;
overflow-x:auto;
overflow-y:hidden
}
.block-43 {
display:flex !important;
gap:30px;
width:auto
}
.block-44 {
width:auto;
height:380px;
overflow:hidden;
border-radius:6px;
background-color:var(--light-gray)
}
@media (max-width:768px) {
.block-44 {
height:250px
}
}
.block-45 {
font-family:'Adderley';
font-weight:700;
font-size:32px;
line-height:1;
letter-spacing:-0.02em
}
.block-45 a {
text-decoration:none
}
@media (max-width:768px) {
.block-45 {
font-size:24px
}
}
.block-46 {
font-weight:500;
font-size:16px;
line-height:1;
letter-spacing:-0.02em;
color:var(--gray)
}
.block-47 {
gap:40px
}
@media (max-width:768px) {
.block-47 {
gap:20px
}
}
.block-48 {
gap:40px;
align-items:flex-start;
justify-content:space-between
}
@media (max-width:768px) {
.block-48 {
gap:20px;
flex-direction:column
}
}
.block-49 {
gap:30px
}
.block-49 ul {
display:grid;
gap:10px;
grid-template-columns:repeat(2, minmax(0, 1fr));
margin-left:20px
}
@media (max-width:768px) {
.block-49 ul {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.block-50 {
width:32px;
height:32px;
color:var(--black);
transform:rotate(180deg)
}
.block-50 svg {
width:100%;
height:100%
}
.block-51 {
padding-top:90px;
padding-bottom:90px;
background-color:var(--white)
}
@media (max-width:768px) {
.block-51 {
padding-top:40px
}
}
.block-52 {
gap:60px
}
@media (max-width:768px) {
.block-52 {
gap:20px
}
}
.block-53 {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
@media (max-width:768px) {
.block-53 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
}
.block-54 {
font-family:'Adderley';
font-weight:700;
font-size:96px;
line-height:1;
letter-spacing:-0.02em;
color:var(--gray);
padding:100px;
display:flex;
align-items:center;
justify-content:center
}
.block-54:nth-child(1) {
border-top:1px solid var(--middle-gray)
}
.block-54:nth-child(2) {
border-top:1px solid var(--middle-gray);
border-left:1px solid var(--middle-gray)
}
.block-54:nth-child(3) {
border-top:1px solid var(--middle-gray);
border-left:1px solid var(--middle-gray)
}
@media (max-width:768px) {
.block-54:nth-child(3) {
border-left:none
}
}
.block-54:nth-child(4) {
border-top:1px solid var(--middle-gray);
border-left:1px solid var(--middle-gray)
}
.block-54:nth-child(5) {
border-top:1px solid var(--middle-gray);
border-bottom:1px solid var(--middle-gray)
}
.block-54:nth-child(6) {
border-top:1px solid var(--middle-gray);
border-bottom:1px solid var(--middle-gray);
border-left:1px solid var(--middle-gray)
}
.block-54:nth-child(7) {
border-top:1px solid var(--middle-gray);
border-bottom:1px solid var(--middle-gray);
border-left:1px solid var(--middle-gray)
}
@media (max-width:768px) {
.block-54:nth-child(7) {
border-top:none;
border-left:none
}
}
.block-54:nth-child(8) {
border-top:1px solid var(--middle-gray);
border-bottom:1px solid var(--middle-gray);
border-left:1px solid var(--middle-gray)
}
@media (max-width:768px) {
.block-54:nth-child(8) {
border-top:none
}
}
.block-54 img {
opacity:.8
}
@media (max-width:990px) {
.block-54 {
padding:40px;
font-size:64px
}
}
.block-55 {
padding-bottom:40px;
background-color:var(--white)
}
.block-56 {
gap:40px
}
.block-57 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
@media (max-width:768px) {
.block-57 {
grid-template-columns:repeat(1, minmax(0, 1fr));
gap:40px
}
}
.block-58 {
gap:80px;
padding-left:40px;
padding-right:40px
}
@media (max-width:768px) {
.block-58 {
padding-left:0;
padding-right:0;
gap:40px
}
}
.block-59 {
position:relative;
overflow:hidden;
border-radius:6px;
padding:40px
}
@media (max-width:768px) {
.block-59 {
height:300px
}
}
.block-60 video {
position:absolute;
z-index:0;
top:0;
right:0;
bottom:0;
left:0;
min-height:100%;
min-width:100%;
pointer-events:none;
object-fit:cover;
height:100%;
width:100%
}
.block-60 {
display:flex;
align-items:center;
padding:0;
border:none;
overflow:hidden
}
.block-60 a {
font-family:'Adderley';
font-weight:700;
font-size:24px;
line-height:1;
letter-spacing:-0.02em;
text-decoration:none;
border-radius:6px;
display:flex;
align-items:center;
flex-direction:row;
justify-content:space-between;
gap:20px;
padding:24px;
color:var(--black);
background-color:var(--yellow);
transition:color var(--transition-delay) ease-in-out,background-color var(--transition-delay) ease-in-out
}
.block-60 a span {
color:currentColor
}
.block-60 a span svg {
width:20px;
height:20px;
transform:rotate(-135deg)
}
.block-60 a:hover {
opacity:1;
color:var(--yellow);
background-color:var(--black)
}
@media (max-width:768px) {
.block-60 a {
width:100%
}
}
@media (max-width:768px) {
.block-60 {
width:100%;
align-items:flex-start
}
}
.block-61 {
font-weight:500;
font-size:20px;
line-height:1;
letter-spacing:-0.02em;
color:var(--black)
}
.block-62 {
display:flex;
align-items:center;
padding:0;
border:none;
overflow:hidden;
z-index:1
}
.block-62 a {
font-family:'Adderley';
font-weight:700;
font-size:24px;
line-height:1;
letter-spacing:-0.02em;
text-decoration:none;
border-radius:6px;
display:flex;
align-items:center;
flex-direction:row;
justify-content:space-between;
gap:60px;
padding:24px;
color:var(--yellow);
background-color:var(--black);
transition:color var(--transition-delay) ease-in-out,background-color var(--transition-delay) ease-in-out
}
.block-62 a span {
color:currentColor
}
.block-62 a span svg {
width:24px;
height:24px;
color:transparent;
fill:transparent;
stroke:var(--yellow);
stroke-width:2px;
transition:stroke var(--transition-delay) ease-in-out
}
.block-62 a:hover {
opacity:1;
color:var(--black);
background-color:var(--yellow)
}
.block-62 a:hover span svg {
stroke:var(--black)
}
.block-63 {
font-weight:500;
font-size:16px;
line-height:1;
letter-spacing:-0.02em;
color:var(--gray);
background-color:var(--light-gray);
padding-top:100px;
padding-bottom:40px
}
.block-63 a {
color:currentColor
}
@media (max-width:768px) {
.block-63 {
padding-top:40px;
padding-bottom:20px
}
}
.block-65 {
grid-template-columns:repeat(2, minmax(0, 1fr));
overflow:hidden;
border-radius:6px
}
.block-65:nth-child(even) .block-66 {
order:-1
}
@media (max-width:768px) {
.block-65:nth-child(even) .block-66 {
order:0
}
}
@media (max-width:768px) {
.block-65 {
display:flex;
flex-direction:column
}
}
.block-66 {
padding:40px;
gap:40px;
background-color:var(--white)
}
.block-66 a {
text-decoration:none
}
.block-67 {
gap:40px
}
.block-68 {
font-family:'Adderley';
font-weight:700;
font-size:40px;
line-height:1;
letter-spacing:-0.02em;
color:var(--black)
}
@media (max-width:768px) {
.block-68 {
font-size:32px
}
}
.block-69 {
align-items:center;
gap:20px
}
@media (max-width:1150px) {
.block-69 {
flex-direction:column;
align-items:flex-start;
gap:20px
}
}
.block-70 {
display:flex;
flex-direction:column;
gap:12px;
width:100%
}
.block-70 .parameter {
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
gap:10px;
border-bottom:1px solid var(--light-gray);
padding:0;
line-height:1.2
}
.block-70 .parameter .key {
color:var(--gray);
width:70%;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical
}
.block-70 .parameter .value {
color:var(--black);
text-align:right;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical
}
.block-71 {
padding-top:90px;
padding-bottom:90px;
background-color:var(--white)
}
@media (max-width:768px) {
.block-71 {
padding-top:20px;
padding-bottom:20px
}
}
.block-72 {
gap:60px
}
@media (max-width:768px) {
.block-72 {
gap:20px
}
}
.block-73 {
gap:40px
}
.block-74 {
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:40px
}
@media (max-width:768px) {
.block-74 {
grid-template-columns:repeat(1, minmax(0, 1fr));
gap:20px
}
}
.block-75 {
font-size:40px
}
.block-76 {
font-weight:500;
font-size:16px;
line-height:1.3;
letter-spacing:-0.02em;
color:var(--gray)
}
.block-76 span {
color:var(--black)
}
.block-77 {
font-weight:500;
font-size:20px;
line-height:1;
letter-spacing:-0.02em;
color:var(--black);
width:890px;
gap:40px
}
@media (max-width:768px) {
.block-77 {
width:100%;
font-size:16px;
line-height:1.3;
gap:20px
}
}
.block-78 {
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:40px
}
@media (max-width:768px) {
.block-78 {
grid-template-columns:repeat(1, minmax(0, 1fr));
gap:20px
}
}
.block-79 {
font-family:'Adderley';
font-weight:700;
font-size:24px;
line-height:1;
letter-spacing:-0.02em;
color:var(--black);
text-decoration:none;
display:flex;
align-items:center;
gap:20px
}
.block-79 span svg {
width:20px;
height:20px
}
.block-79 span.icon-up {
display:block;
transform:rotate(180deg)
}
.block-79.expand span.icon-up {
display:none
}
.block-79.expand span.icon-down {
display:block
}
.block-79.collapse span.icon-up {
display:block
}
.block-79.collapse span.icon-down {
display:none
}
.block-80 {
gap:40px
}
.block-80 a {
font-family:'Adderley';
font-weight:700;
font-size:40px;
line-height:1;
letter-spacing:-0.02em;
color:var(--black);
text-decoration:none
}
@media (max-width:768px) {
.block-80 a {
font-size:32px
}
}
@media (max-width:768px) {
.block-80 {
gap:20px
}
}
.block-81 {
gap:120px
}
.block-82 {
gap:20px
}
.block-82 a {
font-family:'Adderley';
font-weight:700;
font-size:64px;
line-height:1;
letter-spacing:-0.02em;
color:var(--black);
text-decoration:none
}
@media (max-width:768px) {
.block-82 a {
font-size:48px
}
}
@media (max-width:768px) {
.block-82 {
gap:10px
}
}
.block-83 {
font-weight:500;
font-size:16px;
line-height:1;
letter-spacing:-0.02em;
color:var(--gray)
}
.block-84 {
font-size:16px
}
.block-85 {
gap:40px
}
.block-86 {
gap:40px
}
@media (max-width:768px) {
.block-86 {
flex-direction:column
}
}
.block-87 a {
font-weight:500;
font-size:16px;
line-height:.95;
letter-spacing:-0.02em;
color:var(--black);
text-decoration:none;
text-align:center;
border:1px solid var(--black);
border-radius:6px;
padding:10px;
width:auto
}
@media (max-width:768px) {
.block-87 {
display:block
}
}
.block-88 {
gap:16px
}
.block-89 {
font-weight:500;
font-size:16px;
line-height:1;
letter-spacing:-0.02em;
color:var(--gray)
}
.block-90 {
font-weight:500;
font-size:20px;
line-height:1;
letter-spacing:-0.02em;
color:var(--black) !important;
text-decoration:none;
text-transform:uppercase
}
@media (max-width:768px) {
.block-90 {
font-size:16px
}
}
.block-91 {
gap:40px
}
.block-92 {
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:40px
}
@media (max-width:768px) {
.block-92 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.block-93 {
display:flex;
gap:5px
}
.block-93 a {
color:var(--white);
background-color:var(--black);
padding:10px;
border-radius:6px;
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
transition:color var(--transition-delay) ease-in-out,background-color var(--transition-delay) ease-in-out
}
.block-93 a:hover {
color:var(--black);
background-color:var(--yellow);
opacity:1
}
.block-94 {
display:flex;
gap:40px
}
.block-94 svg {
stroke:currentColor;
fill:currentColor;
color:currentColor;
cursor:pointer;
transition:opacity var(--transition-delay) ease-in-out
}
.block-94 svg.disable {
stroke:var(--gray);
fill:var(--gray);
color:var(--gray)
}
.block-94 svg:hover {
opacity:.85
}
.block-95 {
transform:rotate(-180deg)
}
.block-98 {
align-items:center;
justify-content:space-between;
gap:20px
}
@media (max-width:768px) {
.block-98 h2 {
font-size:40px
}
}
.block-98 .splide__arrows {
display:flex;
gap:20px
}
.block-98 .splide__arrows .splide__arrow {
position:static;
transform:none
}
.block-98 .splide__arrows .splide__arrow .splide__arrow--prev {
transform:rotate(180deg)
}
.block-99 {
width:100%;
height:100%;
overflow-x:scroll;
overflow-x:hidden;
overflow-y:hidden;
scrollbar-width:none;
position:relative
}
.block-99 .slide {
width:100%;
height:100%;
position:relative;
flex:none
}
.block-99 button {
position:absolute;
width:56px;
height:56px;
z-index:1;
border-radius:6px;
background-color:rgba(255,255,255,0.1);
backdrop-filter:blur(10px);
color:var(--white)
}
.block-99 button.slick-prev {
bottom:40px;
left:40px;
transform:rotate(-180deg)
}
@media (max-width:768px) {
.block-99 button.slick-prev {
bottom:20px;
left:20px
}
}
.block-99 button.slick-next {
bottom:40px;
left:100px
}
@media (max-width:768px) {
.block-99 button.slick-next {
bottom:20px;
left:80px
}
}
.block-99 button.slick-disabled {
opacity:.5
}
@media (max-width:768px) {
.block-99 button {
width:48px;
height:48px
}
}
.block-102 {
display:flex;
align-items:center
}
@media (max-width:768px) {
.block-102 {
display:none
}
}
.block-103 {
display:flex;
align-items:center
}
.block-103 button {
color:var(--black)
}
.block-103 button.slick-prev {
transform:rotate(-180deg);
margin-top:-5px
}
.block-103 button.slick-disabled {
opacity:.5
}
@media (max-width:768px) {
.block-103 {
display:none
}
}
@media (max-width:768px) {
.block-104 {
line-height:1.3
}
}
@media (max-width:768px) {
.block-105 {
flex-direction:column
}
}
.block-106 {
align-items:center
}
.block-107 {
padding-top:90px;
padding-bottom:90px;
position:relative
}
.block-107 #map {
border-radius:0;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%
}
.block-108 {
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:400px
}
@media (max-width:768px) {
.block-108 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.block-109 {
background-color:var(--white);
z-index:2;
border-radius:6px;
padding:30px;
display:flex;
flex-direction:column;
gap:20px
}
.block-109 .splide__pagination {
justify-content:flex-start;
padding:0 30px;
position:static;
padding:0
}
.block-110 {
gap:60px
}
.block-111 h3 {
font-family:'Adderley';
font-weight:700;
font-size:40px;
line-height:1;
letter-spacing:-0.02em;
color:var(--black)
}
.block-112 {
gap:10px
}
.block-112 span {
font-weight:500;
font-size:16px;
line-height:1;
letter-spacing:-0.02em;
color:var(--black)
}
.block-113 {
z-index:2;
padding:30px;
gap:40px;
justify-content:space-between;
background-color:var(--light-gray);
border-radius:6px
}
.block-113 span {
color:var(--gray)
}
.block-114 {
display:flex;
align-items:center;
padding:0;
border:none;
overflow:hidden
}
.block-114 a {
font-family:'Adderley';
font-weight:700;
font-size:24px;
line-height:1;
letter-spacing:-0.02em;
text-decoration:none;
border-radius:6px;
display:flex;
align-items:center;
flex-direction:row;
justify-content:space-between;
gap:100px;
padding:24px;
color:var(--yellow);
background-color:var(--black);
transition:color var(--transition-delay) ease-in-out,background-color var(--transition-delay) ease-in-out
}
.block-114 a span {
color:currentColor
}
.block-114 a span svg {
width:20px;
height:20px;
transform:rotate(-135deg)
}
.block-114 a:hover {
opacity:1;
color:var(--black);
background-color:var(--yellow)
}
@media (max-width:768px) {
.block-114 a {
width:100%
}
}
@media (max-width:768px) {
.block-114 {
width:100%;
align-items:flex-start
}
}
.block-115 {
display:flex;
align-items:center
}
.block-115 .splide__arrows {
display:flex;
gap:20px
}
.block-115 .splide__arrows .splide__arrow {
position:static;
transform:none
}
.block-115 .splide__arrows .splide__arrow .splide__arrow--prev {
transform:rotate(180deg)
}
.block-116 {
grid-template-columns:repeat(4, minmax(0, 1fr));
padding-bottom:20px
}
@media (max-width:768px) {
.block-116 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.block-117 {
gap:40px;
padding-bottom:20px
}
.block-118 {
gap:20px;
flex-grow:1
}
.block-119 {
display:none
}
@media (max-width:768px) {
.block-122 {
padding-right:0;
padding-left:0
}
}
@media (max-width:768px) {
.block-123 {
display:none
}
}
.block-124 {
display:none
}
@media (max-width:768px) {
.block-126 {
display:none
}
}
.splide__pagination__page.is-active {
background-color:var(--yellow)
}
html[data-sidebar-open][data-sidebar-target="menu"]  .site-wrapper {
transform:translateZ(0) translateY(calc(1 * var(--offset-size)))
}
.site-sidebar[data-sidebar="menu"] {
width:100%;
height:var(--sidebar-height);
max-height:100vh;
padding:0;
gap:80px;
opacity:1;
visibility:hidden;
transform:translateZ(0) translateY(-100px);
transition:transform var(--transition-delay) ease,opacity calc(1 * var(--transition-delay)) ease
}
.site-sidebar[data-sidebar="menu"] .block-117 {
padding-bottom:0
}
.site-sidebar[data-sidebar="menu"] .block-119 {
display:block
}
.site-sidebar[data-sidebar="menu"] .header {
display:none
}
.site-sidebar[data-sidebar="menu"] .block-120 {
display:none
}
.site-sidebar[data-sidebar="menu"] .block-121 {
display:block
}
.site-sidebar[data-sidebar="menu"] .block-124 {
display:none
}
.site-sidebar[data-sidebar="menu"] .menu span.title {
font-family:'Adderley';
font-weight:700;
font-size:24px;
line-height:1;
letter-spacing:-0.02em
}
@media (max-width:768px) {
.site-sidebar[data-sidebar="menu"] .menu span.title {
font-size:32px
}
}
.site-sidebar[data-sidebar="menu"] .menu a {
margin-left:0;
padding:0;
font-weight:500;
font-size:16px;
line-height:.95;
letter-spacing:-0.02em
}
.site-sidebar[data-sidebar="menu"] .menu a.view-all {
color:var(--gray)
}
.site-sidebar[data-sidebar="menu"] .menu a:hover {
background:none;
text-decoration:underline
}
html[data-sidebar-open][data-sidebar-target="menu"] .site-sidebar[data-sidebar="menu"] {
transform:translateZ(0) translateY(0);
opacity:1;
visibility:visible
}
@media (max-width:1100px) {
.site-sidebar[data-sidebar="menu"] {
gap:40px
}
}
@media (max-width:768px) {
.site-sidebar[data-sidebar="menu"] {
gap:60px
}
.site-sidebar[data-sidebar="menu"] .content {
gap:40px
}
.site-sidebar[data-sidebar="menu"] .block-123 {
display:none
}
.site-sidebar[data-sidebar="menu"] .block-116 {
gap:40px
}
.site-sidebar[data-sidebar="menu"] .block-124 {
display:flex;
gap:40px
}
.site-sidebar[data-sidebar="menu"] .block-124 .block-6 {
font-size:24px
}
.site-sidebar[data-sidebar="menu"] .block-124 .block-7 {
display:grid;
gap:10px;
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.site-sidebar[data-sidebar="menu"] .block-124 .block-9 {
display:block
}
.site-sidebar[data-sidebar="menu"] .block-124 .block-10 {
justify-content:flex-start
}
.site-sidebar[data-sidebar="menu"] .block-124 .block-10 a {
display:block
}
}
.block-125 li span {
font-weight:700
}
.block-127 {
margin-top:40px;
margin-bottom:40px
}
.button-sidebar-close {
line-height:0;
background:none;
background-color:var(--yellow);
border-radius:4px;
padding:8px
}
.button-sidebar-close svg {
width:24px;
height:24px
}
.block-128 {
display:flex;
justify-content:center;
padding-top:40px;
padding-bottom:40px;
background-color:var(--light-gray)
}
.block-128 picture {
overflow:hidden;
border-radius:6px;
line-height:0
}
.block-129 {
margin-top:10px;
margin-bottom:10px
}
.block-130 {
padding-top:90px;
padding-bottom:90px;
background-color:var(--light-gray)
}
.block-131 {
gap:10px;
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.block-132 {
font-weight:500;
font-size:20px;
line-height:1;
letter-spacing:-0.02em;
color:var(--gray)
}
.block-133 {
gap:90px
}
.block-134 {
font-family:'Adderley';
font-weight:700;
font-size:64px;
line-height:1;
letter-spacing:-0.02em;
text-decoration:none
}
.block-135 {
font-weight:500;
font-size:16px;
line-height:1;
letter-spacing:-0.02em;
color:var(--gray)
}
.block-136 {
justify-content:space-between;
gap:20px
}
.block-137 {
font-weight:500;
font-size:20px;
line-height:1;
letter-spacing:-0.02em
}
.block-138 {
justify-content:space-between;
gap:60px
}
.block-139 {
gap:16px
}
.block-140 {
padding-top:90px;
padding-bottom:90px
}
.block-141 {
gap:30px
}
.block-142 {
gap:90px
}
.block-143 {
width:auto;
padding:10px 20px;
border:1px solid;
border-radius:6px;
text-align:center;
text-decoration:none
}
.block-144 {
display:none
}
.block-145 {
gap:20px;
padding:0;
margin-bottom:20px;
gap:40px;
grid-template-columns:repeat(2, minmax(0, 1fr));
border:1px solid var(--gray);
border-radius:6px;
padding:20px
}
.block-145 legend {
background-color:#000;
color:#fff;
padding:3px 6px;
border-radius:6px;
margin-bottom:20px
}
@media (max-width:768px) {
.block-145 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.block-146 {
gap:80px;
border-bottom:1px solid var(--light-gray);
padding-bottom:20px
}
@media (max-width:768px) {
.block-146 {
gap:20px
}
}
.block-148 {
font-size:14px;
color:var(--gray)
}
.block-149 {
align-items:flex-end;
gap:10px
}
.block-150 {
font-weight:500;
font-size:20px;
line-height:1;
letter-spacing:-0.02em;
white-space:nowrap
}
.block-151.form-feedback {
max-width:100%;
background-color:var(--white)
}
.block-151.form-feedback .form-feedback__name {
padding:0
}
.block-151.form-feedback .form-feedback__phone {
padding:0;
width:100%
}
.block-151.form-feedback .form-feedback__email {
padding:0;
width:100%
}
.block-151.form-feedback .form-feedback__message {
padding:0
}
.block-151.form-feedback .form-feedback__term {
padding:0
}
.block-151.form-feedback .form-feedback__button {
padding:0
}
.block-151.form-feedback .form-feedback__result {
padding:0
}
.block-152 {
gap:40px
}
.block-153 {
display:flex;
flex-direction:column;
background-color:var(--white);
position:sticky;
bottom:0;
background-color:rgba(255,255,255,0.8);
backdrop-filter:blur(8px);
z-index:2;
gap:20px;
padding-top:20px;
padding-bottom:20px
}
.block-153 .site-container {
display:flex;
justify-content:flex-end
}
.block-154 {
font-size:20px;
font-weight:700
}
details {
margin-bottom:40px
}
details h2 {
display:inline;
font-size:34px
}
@media (max-width:768px) {
details h2 {
font-size:20px
}
}
button#videowidget_w2t1k1oukMymJjSe46WX3P2_NzTMkMrk-0_btn-0 {
background-color:var(--yellow);
padding:10px;
border-radius:6px
}
.block-1280 {
z-index:2;
border-radius:6px;
overflow:hidden;
line-height:0;
opacity:.88
}
.main-grid {
display:grid;
grid-auto-flow:row dense;
gap:30px;
grid-template-columns:repeat(4, minmax(0, 1fr))
}
@media (max-width:1200px) {
.main-grid {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
}
@media (max-width:768px) {
.main-grid {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
}
main.site-content {
flex-grow:1
}
#main-section-4 {
line-height:1.2;
padding-top:40px
}
#main-section-4 h2 {
margin-bottom:20px
}
#main-section-4 p {
margin-bottom:20px
}
#main-section-4 ul {
margin-bottom:20px;
padding-left:3rem
}
.top-50 {
margin-top:50px !important
}
@media (max-width:768px) {
.top-50 {
margin-top:0 !important
}
}
.flex-grow-1 {
flex-grow:1
}
.list-images,.gallery {
margin-bottom:20px;
overflow:hidden;
width:100%;
height:550px;
border-radius:calc(2 * var(--radius));
margin-top:20px;
display:grid;
align-items:stretch;
gap:10px;
grid-auto-flow:row dense;
grid-template-columns:repeat(4, 1fr)
}
.list-images .image,.gallery .image {
flex:none;
position:relative;
width:100%;
height:100%;
cursor:pointer
}
.list-images .image picture,.gallery .image picture {
position:absolute
}
.list-images .image img,.gallery .image img {
border-radius:0
}
.list-images .image:only-child,.gallery .image:only-child {
width:100%
}
.list-images .image:hover,.gallery .image:hover {
filter:brightness(.8);
transition:filter 300ms ease
}
@media (max-width:768px) {
.list-images .image,.gallery .image {
scroll-snap-align:start;
scroll-snap-stop:always
}
}
.list-images[data-count="1"],.gallery[data-count="1"] {
grid-template-columns:repeat(1, 1fr)
}
.list-images[data-count="2"],.gallery[data-count="2"] {
grid-template-columns:repeat(2, 1fr)
}
.list-images[data-count="3"],.gallery[data-count="3"] {
grid-template-columns:repeat(3, 1fr)
}
.list-images[data-count="3"] .image:first-of-type,.gallery[data-count="3"] .image:first-of-type {
grid-row:span 2;
grid-column:span 2
}
.list-images[data-count="4"],.gallery[data-count="4"] {
grid-template-columns:repeat(2, 1fr)
}
.list-images[data-count="5"],.gallery[data-count="5"] {
grid-template-columns:repeat(4, 1fr)
}
.list-images[data-count="5"] .image:first-of-type,.gallery[data-count="5"] .image:first-of-type {
grid-row:span 2;
grid-column:span 2
}
.list-images[data-count="6"],.gallery[data-count="6"] {
grid-template-columns:repeat(4, 1fr)
}
.list-images[data-count="6"] .image:first-of-type,.gallery[data-count="6"] .image:first-of-type {
grid-row:span 2;
grid-column:span 2
}
.list-images[data-count="6"] .image:nth-child(4),.gallery[data-count="6"] .image:nth-child(4) {
grid-row:span 2;
grid-column:span 2
}
.list-images[data-count="7"],.gallery[data-count="7"] {
grid-template-columns:repeat(4, 1fr)
}
.list-images[data-count="7"] .image:first-of-type,.gallery[data-count="7"] .image:first-of-type {
grid-row:span 1;
grid-column:span 2
}
.list-images[data-count="8"],.gallery[data-count="8"] {
grid-template-columns:repeat(4, 1fr);
grid-auto-flow:row dense
}
.list-images[data-count="9"],.gallery[data-count="9"] {
grid-template-columns:repeat(4, 1fr)
}
.list-images[data-count="9"] .image:first-of-type,.gallery[data-count="9"] .image:first-of-type {
grid-row:span 2;
grid-column:span 2
}
.list-images[data-count="10"],.gallery[data-count="10"] {
grid-template-columns:repeat(4, 1fr)
}
.list-images[data-count="10"] .image:first-of-type,.gallery[data-count="10"] .image:first-of-type {
grid-row:span 2;
grid-column:span 2
}
.list-images[data-count="10"] .image:nth-child(3),.gallery[data-count="10"] .image:nth-child(3) {
grid-row:span 2;
grid-column:span 2
}
@media (max-width:768px) {
.list-images,.gallery {
display:flex;
gap:0;
overflow-x:auto;
scroll-snap-type:x mandatory;
height:350px;
border-radius:0
}
}
.image {
overflow:hidden;
line-height:0
}
.button-3 {
color:var(--bg-color-button);
background-color:var(--white);
border:1px solid var(--bg-color-button)
}
.button-cta {
background:var(--color-active);
border-radius:50%;
cursor:pointer;
height:38px;
width:38px;
transition:.3s;
-webkit-animation:hoverWave linear 2s infinite;
animation:hoverWave linear 2s infinite 1s;
display:flex;
align-items:center;
justify-content:center;
position:fixed;
right:3rem;
bottom:3rem;
z-index:1;
line-height:1
}
.button-cta svg {
color:var(--white);
width:1rem;
height:1rem;
animation:1200ms ease 0s normal none 1 running shake;
animation-iteration-count:infinite;
-webkit-animation:1200ms ease 0s normal none 1 running shake;
-webkit-animation-iteration-count:infinite
}
.card-product {
position:relative;
display:flex !important;
flex-direction:column;
gap:10px;
overflow:hidden;
height:100%
}
.card-product .bestseller {
position:absolute;
width:60px;
height:60px;
top:5px;
right:5px;
transform:rotateZ(-30deg);
z-index:1;
user-select:none
}
@media (max-width:768px) {
.card-product .bestseller {
width:45px;
height:45px;
top:-15px;
right:-10px
}
}
.card-product .image {
position:relative;
width:100%;
height:250px;
overflow:hidden;
border-radius:calc(2 * var(--radius))
}
.card-product .image a {
transition:filter var(--transition-delay);
opacity:1
}
.card-product .image a:hover {
text-decoration:none;
filter:brightness(.8);
opacity:1
}
@media (max-width:1100px) {
.card-product .image {
height:200px
}
}
@media (max-width:768px) {
.card-product .image {
height:160px
}
}
.card-product .title {
position:relative;
font-size:.85rem;
font-weight:600;
line-height:1.2;
margin:0;
padding:0
}
@media (max-width:768px) {
.card-product .title {
font-size:1rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
}
.card-product .price {
font-weight:700
}
.card-product .description {
font-size:.85rem;
display:flex;
flex-direction:column;
gap:5px
}
.card-product .description .parameter {
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
gap:10px;
border-bottom:1px solid var(--light-gray);
padding:0;
line-height:1.2
}
.card-product .description .parameter .key {
width:70%;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical
}
.card-product .description .parameter .value {
text-align:right;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical
}
.card-product .buttons-action {
display:flex;
gap:10px
}
@media (max-width:768px) {
.card-product .buttons-action {
flex-direction:column
}
}
.card-product .flex-grow {
flex-grow:1;
display:flex;
flex-direction:column;
gap:10px
}
.form-feedback {
overflow-y:auto;
max-width:500px
}
.form-feedback .form-feedback__radio {
padding:0 20px;
margin-bottom:15px;
display:flex;
align-items:center;
justify-content:flex-start;
gap:10px
}
.form-feedback .form-feedback__radio input {
display:none
}
.form-feedback .form-feedback__radio input+label {
text-align:center;
padding:10px;
color:#000;
background-color:#fff;
border:1px solid var(--color-border);
cursor:pointer;
border-radius:.375rem;
line-height:1;
display:inline-flex;
align-items:center;
justify-content:center;
transition:background-color 200ms
}
.form-feedback .form-feedback__radio input:checked+label {
color:#fff;
background:var(--color-active-2)
}
.form-feedback .form-feedback__radio #radio-0+label {
position:absolute;
left:-100vw
}
.form-feedback .form-feedback__title {
font-size:1rem;
padding:0 20px;
margin-bottom:10px
}
.form-feedback .form-feedback__name {
padding:0 20px;
margin-bottom:10px;
display:none
}
.form-feedback .form-feedback__sys1 {
padding:0 20px;
margin-bottom:10px;
display:none
}
.form-feedback .form-feedback__phone {
padding:0 20px;
margin-bottom:10px
}
.form-feedback .form-feedback__email {
padding:0 20px;
margin-bottom:10px
}
.form-feedback .form-feedback__message {
padding:0 20px;
margin-bottom:10px
}
.form-feedback .form-feedback__message div {
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:10px;
width:100%
}
.form-feedback .form-feedback__button {
padding:0 20px;
margin-bottom:10px
}
.form-feedback .form-feedback__button button {
font-weight:500;
border-radius:6px;
padding:20px;
border-radius:.375rem;
transition:all .4s;
background-color:var(--yellow);
color:var(--black)
}
.form-feedback .form-feedback__button button svg {
transform:rotate(90deg)
}
.form-feedback .form-feedback__button button.preload {
width:35px;
height:35px;
border-radius:50%;
padding:0
}
.form-feedback .form-feedback__button button.preload svg {
transform:rotate(0);
animation:preloader .7s infinite linear
}
.form-feedback .form-feedback__term {
font-size:.85rem;
line-height:1.1;
padding:0 20px;
margin-bottom:20px;
display:flex;
gap:10px;
align-items:flex-start
}
.form-feedback .form-feedback__text {
font-size:.85rem;
line-height:1.1;
padding:0 20px;
margin-bottom:20px
}
.form-feedback .form-feedback__result {
font-weight:600;
padding:0 20px;
margin-bottom:10px
}
.form-feedback .form-feedback__result ul {
list-style-position:inside
}
.form-feedback .form-feedback__result .alert-info {
color:red
}
@media (max-width:768px) {
.form-feedback {
border-radius:0
}
}
.delimiter {
width:100px;
border-top:5px solid var(--color-active);
border-radius:3px
}
.inline-block {
display:inline-block
}
.error {
border:2px solid var(--color-active-2)
}
.weight-600 {
font-weight:600
}
.breadcrumb {
font-size:.85rem;
color:var(--black);
margin:20px 0;
line-height:1.1
}
.breadcrumb .breadcrumbs-separator {
margin-left:5px;
margin-right:5px
}
.status-product {
font-size:.85rem;
display:flex;
align-items:center;
gap:10px;
margin-bottom:20px
}
.status-product.available {
font-weight:500;
color:var(--green)
}
.status-product.available:before {
content:'';
display:block;
width:7px;
height:7px;
background:var(--green);
border-radius:50%;
animation:pulse 1500ms infinite;
position:relative
}
.status-product.not-available {
font-weight:500;
color:var(--black)
}
.status-product.not-available:before {
content:'';
display:block;
width:7px;
height:7px;
background:var(--black);
border-radius:50%
}
.status-product-mini {
font-size:14px;
display:flex;
align-items:center;
gap:10px
}
.status-product-mini.available {
font-weight:500;
color:var(--green)
}
.status-product-mini.not-available {
font-weight:500
}
.hidden {
display:none
}
.align-items-center {
align-items:center !important
}
.weight-500 {
font-weight:500
}
.entry-news {
margin-bottom:50px
}
.entry-news .entry-title {
margin-bottom:10px
}
.entry-news .entry-title a {
color:inherit
}
.entry-news .entry-date {
opacity:.5
}
@media (max-width:768px) {
.entry-news .entry-date {
margin-bottom:10px
}
}
.entry-news .entry-image {
margin-bottom:20px;
margin-right:20px;
width:170px;
height:170px;
flex-grow:1;
background-color:var(--white);
overflow:hidden;
line-height:0;
flex:none;
border-radius:15px
}
@media (max-width:768px) {
.entry-news .entry-image {
width:100%;
height:auto
}
}
.entry-news .entry-description {
line-height:1.2
}
@media (max-width:768px) {
.entry-news {
display:block
}
}
.scroll-horizontal {
overflow-x:auto
}
#imagesTour {
z-index:10;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
transform:translateZ(0) translateY(100%);
opacity:0;
scroll-snap-type:y mandatory;
background-color:var(--white);
overflow-y:scroll
}
#imagesTour .toolbar {
padding-top:40px;
padding-bottom:40px;
position:sticky;
top:0;
background-color:var(--white)
}
#imagesTour .toolbar .button-back {
cursor:pointer
}
#imagesTour .toolbar .button-back:hover {
opacity:.8
}
@media (max-width:768px) {
#imagesTour .toolbar {
padding-top:20px;
padding-bottom:20px
}
}
#imagesTour .images-container {
flex-grow:1;
overflow-y:auto
}
#imagesTour .image {
display:none;
border-radius:15px;
margin-top:20px;
margin-bottom:20px;
height:700px
}
@media (max-width:768px) {
#imagesTour .image {
height:350px
}
}
html[data-photo-tour-open] #imagesTour {
transition:transform var(--transition-delay),opacity calc(1.5 * var(--transition-delay));
transform:translateZ(0) translateY(0);
opacity:1;
display:flex;
flex-direction:column
}
html[data-photo-tour-open] #imagesTour .image {
display:block
}
.video-vk {
width:100%;
height:480px
}
@media (max-width:768px) {
.video-vk {
height:300px
}
}
.grid {
display:grid;
grid-auto-flow:row dense;
gap:30px
}
.grid.col-2 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
@media (max-width:768px) {
.grid.col-2 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.grid.col-4 {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
@media (max-width:1000px) {
.grid.col-4 {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
}
@media (max-width:768px) {
.grid.col-4 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.grid.col-6 {
grid-template-columns:repeat(6, minmax(0, 1fr))
}
@media (max-width:1000px) {
.grid.col-6 {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
}
@media (max-width:768px) {
.grid.col-6 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
}
.grid.col-7 {
grid-template-columns:repeat(7, minmax(0, 1fr))
}
@media (max-width:1000px) {
.grid.col-7 {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
}
@media (max-width:768px) {
.grid.col-7 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
}
.clients .image {
padding:20px;
border:1px solid var(--light-gray)
}
.employees {
display:flex;
flex-direction:column;
gap:10px
}
.employees .image {
border-radius:6px
}
.employees .name {
font-family:'Adderley';
font-weight:700;
font-size:32px;
line-height:1;
letter-spacing:0
}
.employees .job-title {
font-weight:500;
font-size:16px;
line-height:.95;
letter-spacing:-0.02em;
color:var(--gray)
}
.tile {
display:flex;
flex-direction:column;
gap:20px;
padding:40px 100px 40px 20px;
border-radius:var(--radius);
background-color:#f8f8f8;
background-size:80px;
background-repeat:no-repeat;
background-position:calc(100% - 20px) center
}
.tile .image {
width:32px
}
.tile .title {
font-size:1.55rem;
font-weight:700
}
.tile .text {
font-weight:400
}
.tile.get-offer {
display:flex;
align-items:center;
justify-content:center;
padding:20px;
background-color:#ffeb3b
}
.tile.get-offer a {
color:inherit;
text-transform:uppercase;
text-decoration:none
}
.tile.bg-image-earth {
background-image:url('/static/png/icon-earth.png')
}
.tile.bg-image-handshake {
background-image:url('/static/png/icon-handshake.png')
}
.tile.bg-image-coin {
background-image:url('/static/png/icon-coin.png')
}
.tile.bg-image-team {
background-image:url('/static/png/icon-team.png')
}
.tile.bg-image-money {
background-image:url('/static/png/icon-money.png')
}
.tile.bg-image-presentation {
background-image:url('/static/png/icon-presentation.png')
}
.tile.bg-image-network {
background-image:url('/static/png/icon-network.png')
}
.tile.bg-image-increase {
background-image:url('/static/png/icon-increase.png')
}
.tile.bg-image-calendar {
background-image:url('/static/png/icon-calendar.png')
}
.tile.bg-image-service {
background-image:url('/static/png/icon-service.png')
}
.tile.bg-image-guaranteed {
background-image:url('/static/png/icon-guaranteed.png')
}
.tile.bg-image-workers {
background-image:url('/static/png/icon-workers.png')
}
.tile.bg-image-delivery {
background-image:url('/static/png/icon-delivery.png')
}
.tile.bg-image-repair-service {
background-image:url('/static/png/icon-repair-service.png')
}
.tile.bg-image-document {
background-image:url('/static/png/icon-document.png')
}
#map {
width:100%;
height:550px;
background-color:var(--light-gray);
border-radius:var(--radius);
overflow:hidden
}
@media (max-width:768px) {
#map {
height:380px
}
}
[class*="ymaps-2"][class*="-ground-pane"] {
-webkit-filter:grayscale(100%);
filter:grayscale(100%)
}
.map-contacts {
position:relative;
overflow:hidden;
padding:80px 55px
}
.map-contacts .contact-boxMap {
position:relative;
z-index:1;
background-color:var(--white);
width:400px;
padding:15px 30px 30px 30px;
border-radius:var(--radius)
}
.map-contacts .contact-boxMap table th,.map-contacts .contact-boxMap table td {
border:none;
padding:8px 0
}
@media (max-width:768px) {
.map-contacts .contact-boxMap {
padding:0
}
}
.map-contacts #map {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
inset:0px;
height:100%
}
@media (max-width:768px) {
.map-contacts #map {
position:static;
height:350px
}
}
@media (max-width:768px) {
.map-contacts {
padding:0
}
}
.checkbox-ios {
display:inline-block;
height:28px;
line-height:28px;
position:relative;
vertical-align:middle;
font-size:14px;
user-select:none
}
.checkbox-ios .checkbox-ios-switch {
position:relative;
display:inline-block;
box-sizing:border-box;
width:56px;
height:26px;
border-radius:25%/50%;
vertical-align:top;
background-color:var(--black);
transition:.2s
}
.checkbox-ios .checkbox-ios-switch:before {
content:'';
position:absolute;
top:1px;
left:1px;
display:inline-block;
width:24px;
height:24px;
border-radius:50%;
background-color:var(--white);
box-shadow:0 3px 5px rgba(0,0,0,0.3);
transition:.15s
}
.checkbox-ios input[type=checkbox] {
display:block;
width:0;
height:0;
position:absolute;
z-index:-1;
opacity:0
}
.checkbox-ios input[type=checkbox]:not(:disabled):active+.checkbox-ios-switch:before {
box-shadow:inset 0 0 2px rgba(0,0,0,0.3)
}
.checkbox-ios input[type=checkbox]:checked+.checkbox-ios-switch {
background-color:var(--green)
}
.checkbox-ios input[type=checkbox]:checked+.checkbox-ios-switch:before {
transform:translateX(28px)
}
.checkbox-ios input[type="checkbox"]:not(:disabled)+.checkbox-ios-switch {
cursor:pointer;
border-color:rgba(0,0,0,0.3)
}
.checkbox-ios input[type=checkbox]:disabled+.checkbox-ios-switch {
filter:grayscale(70%);
border-color:rgba(0,0,0,0.1);
background-color:var(--middle-gray);
opacity:.5
}
.checkbox-ios input[type=checkbox]:disabled+.checkbox-ios-switch:before {
background-color:var(--light-gray);
background-color:var(--middle-gray);
opacity:.5
}
.checkbox-ios.focused .checkbox-ios-switch:before {
box-shadow:inset 0 0 4px #ff5623
}
.block-promo-1 {
background-color:var(--black);
color:var(--white);
padding:40px 20px;
border-radius:12px;
text-align:center;
font-family:sans-serif;
max-width:800px;
margin:20px auto;
display:flex;
flex-direction:column;
justify-content:space-between
}
.block-promo-1 .promo-title {
font-size:2.5rem;
font-weight:800;
text-transform:uppercase;
color:var(--yellow);
margin-bottom:10px
}
.block-promo-1 .promo-subtitle {
font-size:1.5rem;
font-weight:100;
line-height:1.4;
margin-bottom:30px;
color:var(--white)
}
.block-promo-1 .timer-container {
display:flex;
justify-content:center;
gap:15px;
margin-bottom:35px
}
.block-promo-1 .timer-item {
background-color:rgba(255,255,255,0.08);
border:1px solid rgba(255,255,255,0.1);
padding:15px;
border-radius:8px;
min-width:80px;
box-shadow:backdrop-filter blur(4px)
}
.block-promo-1 .timer-val {
display:block;
font-size:2rem;
font-weight:700;
color:var(--white);
line-height:1;
margin-bottom:5px
}
.block-promo-1 .timer-label {
display:block;
font-size:.75rem;
color:var(--gray);
text-transform:uppercase;
letter-spacing:.5px
}
.block-promo-1 .promo-action {
margin-top:20px
}
.block-promo-1 .promo-btn {
display:inline-flex;
align-items:center;
gap:10px;
background-color:var(--yellow);
color:var(--black);
text-decoration:none;
padding:14px 28px;
font-weight:600;
border-radius:6px;
transition:background-color .2s ease,transform .1s ease
}
.block-promo-1 .promo-btn svg {
width:16px;
height:16px;
fill:currentColor;
transform:rotate(-135deg)
}
@media (max-width:480px) {
.block-promo-1 .timer-container {
gap:8px
}
.block-promo-1 .timer-item {
padding:10px 5px;
min-width:65px
}
.block-promo-1 .timer-val {
font-size:1.5rem
}
.block-promo-1 .promo-title {
font-size:1.25rem
}
.block-promo-1 .promo-subtitle {
font-size:1.1rem
}
}
.block-promo-2 {
background-color:var(--yellow);
color:var(--black);
padding:40px 20px;
border-radius:12px;
text-align:center;
font-family:sans-serif;
max-width:800px;
margin:20px auto;
display:flex;
flex-direction:column;
justify-content:space-between
}
.block-promo-2 .promo-title {
font-size:2rem;
font-weight:800;
text-transform:uppercase;
color:var(--black);
margin-bottom:10px
}
.block-promo-2 .promo-subtitle {
font-size:1.5rem;
font-weight:100;
line-height:1.4;
margin-bottom:30px;
color:var(--black)
}
.block-promo-2 .promo-action {
margin-top:20px
}
.block-promo-2 .promo-btn {
display:inline-flex;
align-items:center;
gap:10px;
background-color:var(--black);
color:var(--yellow);
text-decoration:none;
padding:14px 28px;
font-weight:600;
border-radius:6px;
transition:background-color .2s ease,transform .1s ease
}
.block-promo-2 .promo-btn svg {
width:16px;
height:16px;
fill:currentColor;
transform:rotate(-135deg)
}
@media (max-width:480px) {
.block-promo-2 .timer-container {
gap:8px
}
.block-promo-2 .timer-item {
padding:10px 5px;
min-width:65px
}
.block-promo-2 .timer-val {
font-size:1.5rem
}
.block-promo-2 .promo-title {
font-size:1.25rem
}
.block-promo-2 .promo-subtitle {
font-size:1.1rem
}
}
.promo:only-child {
grid-column:1 / -1
}

/* Additional styles for expandable content */
#hidden-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
a::after {
transition: transform 0.3s ease-in-out;
}

/* Popup banner styles */
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(3px);
display: flex;
align-items: center;
justify-content: center;
z-index: 10000;
visibility: hidden;
opacity: 0;
transition: visibility 0.3s, opacity 0.3s ease;
}
.popup-overlay.active {
visibility: visible;
opacity: 1;
}
.popup-banner {
background: var(--white);
max-width: 500px;
width: 90%;
border-radius: 24px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
position: relative;
padding: 2rem 1.5rem;
text-align: center;
transform: scale(0.95);
transition: transform 0.2s ease;
}
.popup-overlay.active .popup-banner {
transform: scale(1);
}
.popup-close {
position: absolute;
top: 16px;
right: 20px;
background: transparent;
border: none;
font-size: 28px;
cursor: pointer;
color: var(--gray);
transition: color 0.2s;
line-height: 1;
}
.popup-close:hover {
color: var(--black);
}
.popup-banner h3 {
font-size: 2.0rem;
margin-top: 0;
margin-bottom: 1rem;
color: var(--black);
}
.popup-banner img {
margin-bottom: 1rem;
}
.popup-banner p {
font-size: 1rem;
color: var(--black);
margin-bottom: 1rem;
line-height: 1.5;
}
.btn-close-popup {
background: var(--yellow);
color: var(--black);
border: none;
padding: 10px 24px;
border-radius: 4px;
font-weight: 500;
cursor: pointer;
transition: background 0.2s;
font-size: 0.95rem;
}
.btn-close-popup:hover {
opacity: 0.8;
}
@media (max-width: 480px) {
.popup-banner {
padding: 1.5rem 1rem;
}
.popup-banner h3 {
font-size: 1.8rem;
}
}
				.b24-window-mounts #b24-window-mount-20830745851258588149394846645215,
				.b24-form #b24-20830745851258588149394846645215, 
				.b24-form #b24-20830745851258588149394846645215.b24-form-dark {
					--b24-primary-color: rgba(3, 35, 48, 1);
--b24-primary-text-color: rgba(255, 255, 255, 1);
--b24-text-color: rgba(0, 0, 0, 1);
--b24-background-color: rgba(255, 255, 255, 1);
--b24-field-border-color: rgba(0, 0, 0, 0.04);
--b24-field-background-color: rgba(0, 0, 0, 0.04);
--b24-field-focus-background-color: rgba(255, 255, 255, 1);
--b24-popup-background-color: rgba(255, 255, 255, 1);
--b24-primary-hover-color: rgba(3, 35, 48, 0.7);
				}
				.b24-window-mounts #b24-window-mount-51294921410597355514108240133454,
				.b24-form #b24-51294921410597355514108240133454, 
				.b24-form #b24-51294921410597355514108240133454.b24-form-dark {
					--b24-primary-color: rgba(0, 174, 239, 1);
--b24-primary-text-color: rgba(255, 255, 255, 1);
--b24-text-color: rgba(0, 0, 0, 1);
--b24-background-color: rgba(255, 255, 255, 1);
--b24-field-border-color: rgba(0, 0, 0, 0.07);
--b24-field-background-color: rgba(0, 0, 0, 0.05);
--b24-field-focus-background-color: rgba(255, 255, 255, 1);
--b24-popup-background-color: rgba(255, 255, 255, 1);
--b24-primary-hover-color: rgba(0, 174, 239, 0.7);
				}