.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.nav--mobile .nav__item::before {
display: none;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-SemiBold.woff2) format("woff2"), url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-ExtraLightItalic.woff2) format("woff2"),
url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-ExtraLightItalic.woff) format("woff");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-MediumItalic.woff2) format("woff2"),
url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-MediumItalic.woff) format("woff");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-Regular.woff2) format("woff2"), url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-Medium.woff2) format("woff2"), url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-Bold.woff2) format("woff2"), url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-ExtraBoldItalic.woff2) format("woff2"),
url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-ExtraBoldItalic.woff) format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-Italic.woff2) format("woff2"), url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-Italic.woff) format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-SemiBoldItalic.woff2) format("woff2"),
url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-SemiBoldItalic.woff) format("woff");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-BoldItalic.woff2) format("woff2"),
url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-BoldItalic.woff) format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-ExtraLight.woff2) format("woff2"),
url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-ExtraLight.woff) format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-Light.woff2) format("woff2"), url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-ExtraBold.woff2) format("woff2"),
url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-ExtraBold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-LightItalic.woff2) format("woff2"),
url(http://et2000.ru/wp-content/themes/et/fonts/Montserrat-LightItalic.woff) format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
.carousel {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.carousel *,
.carousel *:before,
.carousel *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.carousel.is-draggable {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.carousel.is-dragging {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing;
}
.carousel__viewport {
position: relative;
overflow: hidden;
max-width: 100%;
max-height: 100%;
}
.carousel__track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.carousel__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: var(--carousel-slide-width, 60%);
max-width: 100%;
padding: 1rem;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
.has-dots {
margin-bottom: calc(0.5rem + 22px);
}
.carousel__dots {
margin: 0 auto;
padding: 0;
position: absolute;
top: calc(100% + 0.5rem);
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.carousel__dots .carousel__dot {
margin: 0;
padding: 0;
display: block;
position: relative;
width: 22px;
height: 22px;
cursor: pointer;
}
.carousel__dots .carousel__dot:after {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: currentColor;
opacity: 0.25;
-webkit-transition: opacity 0.15s ease-in-out;
-o-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
}
.carousel__dots .carousel__dot.is-selected:after {
opacity: 1;
}
.carousel__button {
width: var(--carousel-button-width, 48px);
height: var(--carousel-button-height, 48px);
padding: 0;
border: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
pointer-events: all;
cursor: pointer;
color: var(--carousel-button-color, currentColor);
background: var(--carousel-button-bg, transparent);
border-radius: var(--carousel-button-border-radius, 50%);
-webkit-box-shadow: var(--carousel-button-shadow, none);
box-shadow: var(--carousel-button-shadow, none);
-webkit-transition: opacity 0.15s ease;
-o-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
}
.carousel__button.is-prev,
.carousel__button.is-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.carousel__button.is-prev {
left: 10px;
}
.carousel__button.is-next {
right: 10px;
}
.carousel__button[disabled] {
cursor: default;
opacity: 0.3;
}
.carousel__button svg {
width: var(--carousel-button-svg-width, 50%);
height: var(--carousel-button-svg-height, 50%);
fill: none;
stroke: currentColor;
stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
stroke-linejoin: bevel;
stroke-linecap: round;
-webkit-filter: var(--carousel-button-svg-filter, none);
filter: var(--carousel-button-svg-filter, none);
pointer-events: none;
}
html.with-fancybox {
scroll-behavior: auto;
}
body.compensate-for-scrollbar {
overflow: hidden !important;
-ms-touch-action: none;
touch-action: none;
}
.fancybox__container {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
direction: ltr;
margin: 0;
padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px)
env(safe-area-inset-left, 0px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: var(--fancybox-color, #fff);
-webkit-tap-highlight-color: transparent;
overflow: hidden;
z-index: 1050;
outline: none;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
--carousel-button-width: 48px;
--carousel-button-height: 48px;
--carousel-button-svg-width: 24px;
--carousel-button-svg-height: 24px;
--carousel-button-svg-stroke-width: 2.5;
--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}
.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.fancybox__container :focus {
outline: none;
}
body:not(.is-using-mouse) .fancybox__container :focus {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}
.fancybox__backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}
.fancybox__carousel {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 0;
height: 100%;
z-index: 10;
}
.fancybox__carousel.has-dots {
margin-bottom: calc(0.5rem + 22px);
}
.fancybox__viewport {
position: relative;
width: 100%;
height: 100%;
overflow: visible;
cursor: default;
}
.fancybox__track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.fancybox__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin: 0;
padding: 48px 8px 8px 8px;
position: relative;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: 0;
overflow: auto;
--carousel-button-width: 36px;
--carousel-button-height: 36px;
--carousel-button-svg-width: 22px;
--carousel-button-svg-height: 22px;
}
.fancybox__slide::before,
.fancybox__slide::after {
content: "";
-webkit-box-flex: 0;
-ms-flex: 0 0 0px;
flex: 0 0 0;
margin: auto;
}
.fancybox__content {
margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
padding: 36px;
color: var(--fancybox-content-color, #374151);
background: var(--fancybox-content-bg, #fff);
position: relative;
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 20;
}
.fancybox__content :focus:not(.carousel__button.is-close) {
outline: thin dotted;
-webkit-box-shadow: none;
box-shadow: none;
}
.fancybox__caption {
-ms-flex-item-align: center;
align-self: center;
max-width: 100%;
margin: 0;
padding: 1rem 0 0 0;
line-height: 1.375;
color: var(--fancybox-color, currentColor);
visibility: visible;
cursor: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
overflow-wrap: anywhere;
}
.is-loading .fancybox__caption {
visibility: hidden;
}
.fancybox__container > .carousel__dots {
top: 100%;
color: var(--fancybox-color, #fff);
}
.fancybox__nav .carousel__button {
z-index: 40;
}
.fancybox__nav .carousel__button.is-next {
right: 8px;
}
.fancybox__nav .carousel__button.is-prev {
left: 8px;
}
.carousel__button.is-close {
position: absolute;
top: 8px;
right: 8px;
top: calc(env(safe-area-inset-top, 0px) + 8px);
right: calc(env(safe-area-inset-right, 0px) + 8px);
z-index: 40;
}
.fancybox__content > .carousel__button.is-close {
position: absolute;
top: -40px;
right: 0;
color: var(--fancybox-color, #fff);
}
.fancybox__no-click,
.fancybox__no-click button {
pointer-events: none;
}
.fancybox__spinner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
color: var(--fancybox-color, currentColor);
}
.fancybox__slide .fancybox__spinner {
cursor: pointer;
z-index: 1053;
}
.fancybox__spinner svg {
-webkit-animation: fancybox-rotate 2s linear infinite;
animation: fancybox-rotate 2s linear infinite;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
}
.fancybox__spinner svg circle {
fill: none;
stroke-width: 2.75;
stroke-miterlimit: 10;
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
-webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
animation: fancybox-dash 1.5s ease-in-out infinite;
stroke-linecap: round;
stroke: currentColor;
}
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fancybox-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes fancybox-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav,
.carousel__dots,
.carousel__button.is-close {
opacity: var(--fancybox-opacity, 1);
}
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__nav,
.fancybox__container.is-animated[aria-hidden="false"] .carousel__dots,
.fancybox__container.is-animated[aria-hidden="false"] .carousel__button.is-close {
-webkit-animation: 0.15s ease backwards fancybox-fadeIn;
animation: 0.15s ease backwards fancybox-fadeIn;
}
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .carousel__button.is-close {
-webkit-animation: 0.15s ease both fancybox-fadeOut;
animation: 0.15s ease both fancybox-fadeOut;
}
.fancybox-fadeIn {
-webkit-animation: 0.15s ease both fancybox-fadeIn;
animation: 0.15s ease both fancybox-fadeIn;
}
.fancybox-fadeOut {
-webkit-animation: 0.1s ease both fancybox-fadeOut;
animation: 0.1s ease both fancybox-fadeOut;
}
.fancybox-zoomInUp {
-webkit-animation: 0.2s ease both fancybox-zoomInUp;
animation: 0.2s ease both fancybox-zoomInUp;
}
.fancybox-zoomOutDown {
-webkit-animation: 0.15s ease both fancybox-zoomOutDown;
animation: 0.15s ease both fancybox-zoomOutDown;
}
.fancybox-throwOutUp {
-webkit-animation: 0.15s ease both fancybox-throwOutUp;
animation: 0.15s ease both fancybox-throwOutUp;
}
.fancybox-throwOutDown {
-webkit-animation: 0.15s ease both fancybox-throwOutDown;
animation: 0.15s ease both fancybox-throwOutDown;
}
@-webkit-keyframes fancybox-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fancybox-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fancybox-fadeOut {
to {
opacity: 0;
}
}
@keyframes fancybox-fadeOut {
to {
opacity: 0;
}
}
@-webkit-keyframes fancybox-zoomInUp {
from {
-webkit-transform: scale(0.97) translate3d(0, 16px, 0);
transform: scale(0.97) translate3d(0, 16px, 0);
opacity: 0;
}
to {
-webkit-transform: scale(1) translate3d(0, 0, 0);
transform: scale(1) translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes fancybox-zoomInUp {
from {
-webkit-transform: scale(0.97) translate3d(0, 16px, 0);
transform: scale(0.97) translate3d(0, 16px, 0);
opacity: 0;
}
to {
-webkit-transform: scale(1) translate3d(0, 0, 0);
transform: scale(1) translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes fancybox-zoomOutDown {
to {
-webkit-transform: scale(0.97) translate3d(0, 16px, 0);
transform: scale(0.97) translate3d(0, 16px, 0);
opacity: 0;
}
}
@keyframes fancybox-zoomOutDown {
to {
-webkit-transform: scale(0.97) translate3d(0, 16px, 0);
transform: scale(0.97) translate3d(0, 16px, 0);
opacity: 0;
}
}
@-webkit-keyframes fancybox-throwOutUp {
to {
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
opacity: 0;
}
}
@keyframes fancybox-throwOutUp {
to {
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
opacity: 0;
}
}
@-webkit-keyframes fancybox-throwOutDown {
to {
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
opacity: 0;
}
}
@keyframes fancybox-throwOutDown {
to {
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
opacity: 0;
}
}
.fancybox__carousel .carousel__slide {
scrollbar-width: thin;
scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
}
.fancybox__carousel .carousel__slide::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, 0.1);
}
.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox__carousel .fancybox__slide .fancybox__content {
cursor: auto;
}
.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox__image {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.has-image .fancybox__content {
padding: 0;
background: transparent;
min-height: 1px;
}
.is-closing .has-image .fancybox__content {
overflow: visible;
}
.has-image[data-image-fit="contain"] {
overflow: visible;
-ms-touch-action: none;
touch-action: none;
}
.has-image[data-image-fit="contain"] .fancybox__content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.has-image[data-image-fit="contain"] .fancybox__image {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.has-image[data-image-fit="contain-w"] {
overflow-x: hidden;
overflow-y: auto;
}
.has-image[data-image-fit="contain-w"] .fancybox__content {
min-height: auto;
}
.has-image[data-image-fit="contain-w"] .fancybox__image {
max-width: 100%;
height: auto;
}
.has-image[data-image-fit="cover"] {
overflow: visible;
-ms-touch-action: none;
touch-action: none;
}
.has-image[data-image-fit="cover"] .fancybox__content {
width: 100%;
height: 100%;
}
.has-image[data-image-fit="cover"] .fancybox__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
max-width: 100%;
-ms-flex-negative: 1;
flex-shrink: 1;
min-height: 1px;
overflow: visible;
}
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
width: 100%;
height: 80%;
}
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
width: 960px;
height: 540px;
max-width: 100%;
max-height: 100%;
}
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
padding: 0;
background: rgba(24, 24, 27, 0.9);
color: #fff;
}
.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
background: #e5e3df;
}
.fancybox__html5video,
.fancybox__iframe {
border: 0;
display: block;
height: 100%;
width: 100%;
background: transparent;
}
.fancybox-placeholder {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.fancybox__thumbs {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
padding: 0px 3px;
opacity: var(--fancybox-opacity, 1);
}
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__thumbs {
-webkit-animation: 0.15s ease-in backwards fancybox-fadeIn;
animation: 0.15s ease-in backwards fancybox-fadeIn;
}
.fancybox__container.is-animated.is-closing .fancybox__thumbs {
opacity: 0;
}
.fancybox__thumbs .carousel__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: var(--fancybox-thumbs-width, 96px);
margin: 0;
padding: 8px 3px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: visible;
cursor: pointer;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-width: 5px;
border-style: solid;
border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
opacity: 0;
-webkit-transition: opacity 0.15s ease;
-o-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
border-radius: var(--fancybox-thumbs-border-radius, 4px);
}
.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
opacity: 0.92;
}
.fancybox__thumbs .carousel__slide > * {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox__thumb {
position: relative;
width: 100%;
padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
background-size: cover;
background-position: center center;
background-color: rgba(255, 255, 255, 0.1);
background-repeat: no-repeat;
border-radius: var(--fancybox-thumbs-border-radius, 4px);
}
.fancybox__toolbar {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(rgba(0, 0, 0, 0)),
color-stop(8.1%, rgba(0, 0, 0, 0.006)),
color-stop(15.5%, rgba(0, 0, 0, 0.021)),
color-stop(22.5%, rgba(0, 0, 0, 0.046)),
color-stop(29%, rgba(0, 0, 0, 0.077)),
color-stop(35.3%, rgba(0, 0, 0, 0.114)),
color-stop(41.2%, rgba(0, 0, 0, 0.155)),
color-stop(47.1%, rgba(0, 0, 0, 0.198)),
color-stop(52.9%, rgba(0, 0, 0, 0.242)),
color-stop(58.8%, rgba(0, 0, 0, 0.285)),
color-stop(64.7%, rgba(0, 0, 0, 0.326)),
color-stop(71%, rgba(0, 0, 0, 0.363)),
color-stop(77.5%, rgba(0, 0, 0, 0.394)),
color-stop(84.5%, rgba(0, 0, 0, 0.419)),
color-stop(91.9%, rgba(0, 0, 0, 0.434)),
to(rgba(0, 0, 0, 0.44))
);
background: -o-linear-gradient(
bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.006) 8.1%,
rgba(0, 0, 0, 0.021) 15.5%,
rgba(0, 0, 0, 0.046) 22.5%,
rgba(0, 0, 0, 0.077) 29%,
rgba(0, 0, 0, 0.114) 35.3%,
rgba(0, 0, 0, 0.155) 41.2%,
rgba(0, 0, 0, 0.198) 47.1%,
rgba(0, 0, 0, 0.242) 52.9%,
rgba(0, 0, 0, 0.285) 58.8%,
rgba(0, 0, 0, 0.326) 64.7%,
rgba(0, 0, 0, 0.363) 71%,
rgba(0, 0, 0, 0.394) 77.5%,
rgba(0, 0, 0, 0.419) 84.5%,
rgba(0, 0, 0, 0.434) 91.9%,
rgba(0, 0, 0, 0.44) 100%
);
background: linear-gradient(
to top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.006) 8.1%,
rgba(0, 0, 0, 0.021) 15.5%,
rgba(0, 0, 0, 0.046) 22.5%,
rgba(0, 0, 0, 0.077) 29%,
rgba(0, 0, 0, 0.114) 35.3%,
rgba(0, 0, 0, 0.155) 41.2%,
rgba(0, 0, 0, 0.198) 47.1%,
rgba(0, 0, 0, 0.242) 52.9%,
rgba(0, 0, 0, 0.285) 58.8%,
rgba(0, 0, 0, 0.326) 64.7%,
rgba(0, 0, 0, 0.363) 71%,
rgba(0, 0, 0, 0.394) 77.5%,
rgba(0, 0, 0, 0.419) 84.5%,
rgba(0, 0, 0, 0.434) 91.9%,
rgba(0, 0, 0, 0.44) 100%
);
padding: 0;
-ms-touch-action: none;
touch-action: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
--carousel-button-svg-width: 20px;
--carousel-button-svg-height: 20px;
opacity: var(--fancybox-opacity, 1);
text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__toolbar {
-webkit-animation: 0.15s ease-in backwards fancybox-fadeIn;
animation: 0.15s ease-in backwards fancybox-fadeIn;
}
.fancybox__container.is-animated.is-closing .fancybox__toolbar {
opacity: 0;
}
.fancybox__toolbar__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fancybox__toolbar__items--left {
margin-right: auto;
}
.fancybox__toolbar__items--center {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.fancybox__toolbar__items--right {
margin-left: auto;
}
.fancybox__counter {
min-width: 72px;
padding: 0 10px;
line-height: var(--carousel-button-height, 48px);
text-align: center;
font-size: 17px;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased;
}
.fancybox__progress {
background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
height: 3px;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
z-index: 30;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox__container:-webkit-full-screen::backdrop {
opacity: 0;
}
.fancybox__container:-ms-fullscreen::backdrop {
opacity: 0;
}
.fancybox__container:fullscreen::-webkit-backdrop {
opacity: 0;
}
.fancybox__container:fullscreen::backdrop {
opacity: 0;
}
.fancybox__button--fullscreen g:nth-child(2) {
display: none;
}
.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
display: none;
}
.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
display: none;
}
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
display: none;
}
.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
display: block;
}
.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
display: block;
}
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
display: block;
}
.fancybox__button--slideshow g:nth-child(2) {
display: none;
}
.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
display: none;
}
.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
display: block;
}
@font-face {
font-family: "et";
src: url(http://et2000.ru/wp-content/themes/et/fonts/et.eot?ume6m3);
src: url(http://et2000.ru/wp-content/themes/et/fonts/et.eot?ume6m3#iefix) format("embedded-opentype"), url(http://et2000.ru/wp-content/themes/et/fonts/et.ttf?ume6m3) format("truetype"),
url(http://et2000.ru/wp-content/themes/et/fonts/et.woff?ume6m3) format("woff"), url(http://et2000.ru/wp-content/themes/et/fonts/et.svg?ume6m3#et) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
i { font-family: "et" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-down:before {
content: "\e900";
font-family: "et" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-download:before {
content: "\e901";
font-family: "et" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position:absolute;
left: -1rem;
top: 0;
bottom: 0;
margin: auto;
}
.icon-phone:before {
content: "\e902";
font-family: "et" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-phone-call:before {
content: "\e903";
font-family: "et" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-phone-call-outline:before {
content: "\e904";
font-family: "et" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-phone-outline:before {
content: "\e905";
font-family: "et" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
:root {
--c-white: white;
--c-primary: #335eea;
--c-primary-hover: #2f55d0;
--c-secondary: #eaeffd;
--c-secondary-hover: #d8e1f9;
--c-light-btn: #5e7ee8;
--c-white-btn-hover: #e3eaff;
--c-light-btn-hover: #6e89e5;
--c-text: #161c2d;
--c-text-light: #869ab8;
--c-border: #f5f8ff;
--c-border-separate: #eaeffd;
--shadow: 0px 5px 5px rgba(0, 0, 0, 0.03), 0px 5px 30px rgba(0, 0, 0, 0.05);
--border-radius: 2.4rem;
--fz-title: 3.8rem;
--fz-title-second: 2.4rem;
--fz-16: 1.6rem;
--fz-14: 1.4rem;
--fz-13: 1.3rem;
--fz-12: 1.2rem;
--fz-11: 1.1rem;
--fz-10: 1rem;
--transition: all, easy-in, 0.4s;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
max-width: 100vw;
overflow-x: hidden;
font-family: "Montserrat";
font-weight: 400;
line-height: 1.3;
}
html.with-fancybox {
overflow: hidden;
}
body {
font-size: var(--fz-16);
color: var(--c-text);
}
body.compensate-for-scrollbar {
padding: 0;
}
main {
margin-bottom: 16rem;
}
.no-scroll {
overflow: hidden !important;
}
p {
margin-bottom: 3rem;
}
p:last-child {
margin-bottom: 0;
}
img,
video {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
a {
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
color: var(--c-primary);
text-decoration: none;
}
a:hover {
color: var(--c-primary-hover);
}
p {
margin: 0;
}
input {
font-family: "Montserrat";
border: 1px solid var(--c-border-separate) !important;
}
textarea {
outline: none !important;
}
button {
border: none;
outline: none;
cursor: pointer;
}
.container {
width: 110rem;
max-width: calc(100vw - 6rem);
margin: 0 auto;
}
.btn {
font-family: "Montserrat";
cursor: pointer;
border: none;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 0.4rem;
font-weight: 600;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
position: relative;
}
.btn i {
margin-right: 0.3rem;
position: relative;
}
.btn i:before {
position: relative;
left: 0;
}
.btn--call {
margin-bottom: 0.5rem;
padding: 1rem 2rem;
font-size: 1.4rem;
white-space: nowrap;
}
.btn--link {
color: var(--c-primary);
font-size: 1.4rem;
}
.btn--link.menu__button {
}
.btn--primary {
background: var(--c-primary);
color: white;
}
.btn--primary:hover {
color: white;
background: var(--c-primary-hover);
}
.btn--secondary {
background: var(--c-secondary);
color: var(--c-primary);
}
.btn--secondary:hover {
background: var(--c-secondary-hover);
}
.btn--full {
width: 100%;
}
.btn--white {
background: var(--c-white);
color: var(--c-primary);
}
.btn--white:hover {
background: var(--c-white-btn-hover);
}
.btn--light {
background: var(--c-light-btn);
color: var(--c-white);
}
.btn--light:hover {
background: var(--c-light-btn-hover);
}
.btn__icon {
margin-right: 0.5rem;
}
.fancybox__content :focus:not(.carousel__button.is-close) {
outline: none;
}
.menu {
background: #ffffff;
-webkit-box-shadow: 0px 3px 10px rgba(230, 230, 230, 0.15), 0px 15px 30px rgba(217, 217, 217, 0.1);
box-shadow: 0px 3px 10px rgba(230, 230, 230, 0.15), 0px 15px 30px rgba(217, 217, 217, 0.1);
position: relative;
z-index: 3;
}
.menu__call {
font-size: 2rem;
line-height: 1;
border-radius: 50%;
height: 3rem;
width: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 2px solid var(--c-primary);
}
.menu__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 9rem;
position: relative;
}
.menu__logo {
margin-right: 6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 10rem;
height: 3rem;
}
.menu__logo-logo {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.menu__buttons {
margin-left: auto;
margin-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nav--mobile {
position: fixed;
right: 0;
left: 0;
top: 9rem;
bottom: 0;
height: 100vh;
width: 100vw;
background: var(--c-primary);
z-index: 99;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 6rem;
-webkit-transform: translateX(100vw);
-ms-transform: translateX(100vw);
transform: translateX(100vw);
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
.nav--mobile.nav--active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.nav--mobile .nav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.nav--mobile .nav__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.111);
}
.nav--mobile .nav__item:last-child {
border-bottom: none;
}
.nav--mobile .nav__link {
color: var(--c-white);
font-size: 2.2rem;
padding: 3rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.nav--mobile .nav__icon--download {
font-size: 2rem;
margin-right: 0.5rem;
}
.nav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
}
.nav__item {
position: relative;
}
.nav__link {
font-style: normal;
font-weight: 500;
font-size: 1.4rem;
padding: 1.3rem;
color: var(--c-text);
white-space: nowrap;
position: relative;
}
.nav__link--with-icon {
position: relative;
padding-left: 3rem;
}
.nav__link--with-icon::before{
position: absolute;
padding-left: 1rem;
left: 1rem;
}
.nav__icon {
font-size: 1rem;
}
.nav__icon--download {
font-size: 1rem;
margin-right: 0.5rem;
}
.burger {
width: 4rem;
height: 4rem;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-left: 1.5rem;
}
.burger-strip div {
height: 3px;
border-radius: 2px;
background: var(--c-primary);
margin: 10px;
-webkit-transition: all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
width: 4rem;
} .burger-strip div:first-child {
width: 4rem;
}
.burger-strip div:last-child {
width: 4rem;
}
.burger.burger--active .burger-strip div:first-child {
-webkit-transform: translateY(13px) rotate(45deg);
-ms-transform: translateY(13px) rotate(45deg);
transform: translateY(13px) rotate(45deg);
}
.burger.burger--active .burger-strip div:nth-child(2) {
opacity: 0;
}
.burger.burger--active .burger-strip div:last-child {
-webkit-transform: translateY(-13px) rotate(-45deg);
-ms-transform: translateY(-13px) rotate(-45deg);
transform: translateY(-13px) rotate(-45deg);
}
.d--mobile {
display: none;
}
.d--desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header {
overflow: hidden;
position: relative;
}
.header__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 6rem;
max-width: 50%;
position: relative;
z-index: 2;
}
.header__subtitle {
font-weight: 500;
font-size: 1.6rem;
margin-bottom: 0.5rem;
}
.header__title {
font-weight: 800;
font-size: 3.8rem;
color: var(--c-text);
margin-bottom: 1.5rem;
margin-top: 0;
}
.header__title strong {
color: var(--c-primary);
}
.header__text {
font-weight: 500;
font-size: 1.6rem;
line-height: 1.4;
}
.header__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 3rem;
}
.header__btn {
font-size: 1.4rem;
margin-right: 1rem;
padding: 1.3rem 2rem;
}
.header__video {
max-width: 50%;
max-height: 50rem;
overflow: hidden;
}
.strong-color {
color: var(--c-primary);
}
.btn-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.icon {
margin-right: 0.3rem;
}
.pluses {
margin-bottom: 16rem;
}
.pluses__container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 3rem;
margin-top: 6rem;
}
.pluses__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pluses__image {
width: 3.7rem;
height: 3.7rem;
margin-bottom: 1.5rem;
}
.pluses__img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.pluses__title {
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
.pluses__text {
font-weight: 500;
font-size: 1.3rem;
color: var(--c-text-light);
}
.products__container {
display: grid;
grid-template-columns: 1fr;
grid-gap: 9rem;
}
.archive-header__container {
padding: 6rem;
box-shadow: var(--shadow);
border-radius: 2.4rem;
border: 1px solid var(--c-border);
}
.products__nav {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.products__nav > a {
font-size: 1.6rem;
font-weight: 500;
color: white;
background: var(--c-primary);
padding: 1rem 3rem;
border-radius: 2.4rem;
}
.products__page-numbers-container {
margin: 0 3rem;
font-size: 2rem;
}
.products__nav > a:hover {
background: var(--c-primary-hover);
}
.products__page-numbers-container a, .products__page-numbers-container span {
padding: 1rem;
font-weight: 500;
}
.products__title {
font-size: 3.8rem;
}
.products__title strong {
color: var(--c-primary);
}
.products__list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 9rem 3rem;
}
.products__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-item {
grid-column: span 2;
-webkit-box-shadow: var(--shadow);
box-shadow: var(--shadow);
border-radius: 2.4rem;
border: 1px solid var(--c-border);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-item:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.product-item:nth-child(even) .product-item__main {
border-right: 1px solid var(--c-border-separate);
border-left: none;
}
.product-item--short {
grid-column: span 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
order: 2
}
.product-item--short:nth-child(even) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product-item--short:nth-child(even) .product-item__main {
border: none;
}
.product-item--short .product-item__image {
width: 100%;
border-bottom: 1px solid var(--c-border-separate);
}
.product-item--short .product-item__img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
max-height: 32rem;
}
.product-item--short .product-item__main {
width: 100%;
border: none;
}
.product-item--short .product-item__header {
border: none;
}
.product-item__image {
width: 40%;
padding: 6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-item__img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
max-height: 42rem;
}
.product-item__main {
padding: 6rem;
border-left: 1px solid var(--c-border-separate);
width: 60%;
}
.product-item__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid var(--c-border-separate);
padding-bottom: 3rem;
margin-bottom: 3rem;
}
.product-item__title {
color: var(--c-text);
}
.product-item__title-title {
margin-bottom: 0.5rem;
font-size: 2.4rem;
font-weight: 500;
width: 100%;
color: var(--c-text);
}
.product-item__cats {
color: var(--c-text-light);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-item__cats-title {
display: inline-block;
margin-right: 0.3rem;
}
.product-item__cats-list {
list-style: none;
margin: 0;
padding: 0;
}
.product-item__cats-item {
color: var(--c-text-light);
}
.product-item__description {
font-size: 1.3rem;
color: var(--c-text);
font-weight: 400;
margin-bottom: 3rem;
line-height: 1.6;
}
.product-item__description p {
margin-bottom: 1.5rem;
}
.product-item__description p:last-child {
margin-bottom: 0;
}
.product-item__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-item__button {
margin-right: 1rem;
font-size: 1.3rem;
padding: 1rem 2rem;
}
.footer {
background: var(--c-primary);
padding: 12rem 0;
}
.footer__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__logo {
margin-bottom: 3rem;
}
.footer__grid {
margin-bottom: 9rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 6rem;
}
.footer__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: var(--c-white);
}
.footer__title {
font-weight: 600;
font-size: 1.6rem;
margin-bottom: 1.5rem;
}
.footer__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
}
.footer__list-grid {
display: grid;
grid-template-columns: 1fr;
}
.footer__list-grid-item {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 3rem;
}
.footer__list-grid-item .footer__list-item {
text-align: right;
}
.footer__list-name {
font-size: 1.3rem;
opacity: 0.35;
font-weight: 600;
}
.footer__list-item {
font-weight: 500;
color: var(--c-white);
margin-bottom: 0.5rem;
}
.footer__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__button {
margin-bottom: 1rem;
padding: 1.5rem;
font-size: 1.4rem;
font-weight: 600;
text-align: center;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer__button:last-child {
margin-bottom: 0;
}
.footer__btn-icon {
margin-right: 0.5rem !important;
}
.footer a {
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.footer a.btn {
width: 100%;
}
.footer a::after {
content: "";
display: block;
position: absolute;
bottom: -1px;
width: 0px;
background: var(--c-white);
height: 2px;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
left: 0;
right: 0;
margin: auto;
opacity: 0.15;
}
.footer a:hover {
color: var(--c-white);
}
.footer a:hover::after {
width: 100%;
}
.copyright__author {
color: var(--c-white);
opacity: 0.35;
}
.modal-call {
border-radius: 2.4rem;
padding: 6rem 3rem 3rem;
}
.modal-call__title {
font-size: 2.4rem;
font-weight: 600;
margin-bottom: 1.5rem;
}
.form {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
}
.form__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.form__input {
border-radius: 8px;
border: 1px solid var(--c-border-separate);
padding: 0 2rem;
height: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
font-size: 1.6rem;
}
.form__input:target,
.form__input:focus,
.form__input:focus-within,
.form__input:-webkit-autofill,
.form__input:-webkit-autofill:hover,
.form__input:-webkit-autofill:focus,
.form__input:-webkit-autofill:active {
-webkit-box-shadow: inset 100px 100px white !important;
box-shadow: inset 100px 100px white !important;
border: 1px solid var(--c-border-separate) !important;
outline: none !important;
}
.form__input:active + .form__text,
.form__input:focus + .form__text {
-webkit-transform: translateY(-1.6rem);
-ms-transform: translateY(-1.6rem);
transform: translateY(-1.6rem);
background: var(--c-white);
color: var(--c-light-btn);
}
.form__input:valid + .form__text {
-webkit-transform: translateY(-2rem);
-ms-transform: translateY(-2rem);
transform: translateY(-2rem);
background: var(--c-white);
color: var(--c-primary);
}
.form__text {
left: 2rem;
top: 0;
bottom: 0;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 2;
font-size: 1.3rem;
line-height: 1;
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.form__textarea {
position: relative;
height: auto;
padding: 2rem;
font-size: 1.6rem;
resize: vertical;
}
.form__textarea::-webkit-input-placeholder {
font-size: 1.4rem;
}
.form__textarea::-moz-placeholder {
font-size: 1.4rem;
}
.form__textarea:-ms-input-placeholder {
font-size: 1.4rem;
}
.form__textarea::-ms-input-placeholder {
font-size: 1.4rem;
}
.form__textarea::placeholder {
font-size: 1.4rem;
}
.form__input-submit {
padding: 2rem;
margin-top: 1.5rem;
border-radius: 8px;
cursor: pointer;
background: var(--c-primary);
color: var(--c-white);
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
font-size: 1.6rem;
font-weight: 500;
}
.form__input-submit:hover {
background: var(--c-primary-hover);
}
.archive-header {
padding: 6rem 0 12rem;
}
.archive-header__head {
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid var(--c-border-separate);
}
.archive-header__title {
font-size: 2.8rem;
}
.archive-header__title-category {
color: var(--c-primary);
}
.archive-header__description {
line-height: 1.4;
width: 64rem;
max-width: 100%;
margin-top: 1.5rem;
}
.archive-header__cats {
padding: 1.5rem 3rem;
}
.modal-cats {
padding: 6rem 3rem 3rem;
border-radius: 2.4rem;
}
.modal-cats__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modal-cats__title {
font-size: 2.4rem;
font-weight: 600;
margin-bottom: 3rem;
}
.modal-cats__list {
margin: 0 0 3rem;
padding: 0;
-webkit-box-shadow: var(--shadow);
box-shadow: var(--shadow);
border-radius: 0.8rem;
list-style: none;
}
.modal-cats__list:last-child {
margin-bottom: 0;
}
.modal-cats__item--parent .modal-cats__link {
font-weight: 600;
font-size: 1.6rem;
background: #ebf0ff;
}
.modal-cats__link {
padding: 1.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: var(--c-text);
font-size: 1.4rem;
font-weight: 500;
border-bottom: 1px solid var(--c-border-separate);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modal-cats__link--current {
color: var(--c-primary);
}
.modal-cats__current-text {
font-size: 1.2rem;
}
section.single {
margin: 9rem 0 12rem;
line-height: 1.6;
font-size: 1.4rem;
}
.single__content > h1+h2, .single__content > h2+h3, .single__content > h3+h4, .single__content > h4+h5, .single__content > h5+h6 {
margin-top: 0;
}
figcaption {
font-style: italic;
font-size: 1.1rem;
margin: 1.5rem 0;
text-align: center;
}
hr.wp-block-separator.is-style-wide {
margin: 3rem 0;
border-bottom: 0;
color: var(--c-border-separate);
border-left: none;
border-right: none;
width: 100%;
}
.single__content h2 {
font-weight: 700;
margin-top: 6rem;
display: block;
}
.single__content > *:first-child {
margin-top: 0;
}
.single__content > h3 {
font-weight: 700;
margin-top: 6rem;
}
.single__content > h4 {
margin-top: 6rem;
}
.my-col-1 {
align-items: flex-start;
justify-content: center;
display: flex;
flex-direction: column;
}
.single__container {
width: 94rem;
padding: 6rem;
background: var(--c-white);
-webkit-box-shadow: var(--shadow);
box-shadow: var(--shadow);
}
.single__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid var(--c-border-separate);
}
.single__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
padding-right: 3rem;
}
.single__title {
font-size: 3.2rem;
margin-bottom: 0.5rem;
line-height: 1.2;
}
.single__cats-list {
list-style: none;
padding: 0;
margin: 0;
}
.single__cats-link {
color: var(--c-text-light);
}
.single__description {
margin-top: 3rem;
padding-top: 3rem;
border-top: 1px solid var(--c-border-separate);
color: var(--c-text-light);
font-weight: 500;
}
.single__description p {
margin-bottom: 3rem;
}
.single__description p:last-child {
margin: 0;
}
.single__image {
border-left: 1px solid var(--c-border-separate);
padding: 3rem;
width: 30rem;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 -6rem 0 0;
}
.single__content {
max-width: 100vw;
}
.single__content > * {
margin-bottom: 3rem;
font-weight: 500;
}
.single__content > *:last-child {
margin-bottom: 0;
}
.single__content table {
border-collapse: collapse;
width: 100%;
}
.single__content table th {
white-space: nowrap;
font-weight: 600;
line-height: 1.3;
text-align: left;
font-size: 1.3rem;
}
.single__content table td,
.single__content table th {
padding: 0.7rem 1.4rem;
border: 1px solid var(--c-border-separate);
}
.single__content table tr:nth-child(even) {
background: var(--c-border);
}
.single__footer {
margin-top: 6rem;
padding-top: 6rem;
border-top: 1px solid var(--c-border-separate);
}
.single__footer .btn {
width: 100%;
margin-right: 0;
padding: 1.5rem;
}
.single__buttons {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.5rem;
}
.contacts {
padding: 6rem 0 3rem;
}
.contacts__container {
width: 64rem;
}
.contacts__title {
font-size: 2.8rem;
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid var(--c-border-separate);
}
.contacts__list {
list-style: none;
margin: 0;
padding: 0;
}
.contacts__item {
margin-bottom: 3rem;
padding-bottom: 3rem;
-webkit-box-shadow: var(--shadow);
box-shadow: var(--shadow);
padding: 3rem;
}
.contact-item__title {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid var(--c-border-separate);
}
.contact-item__text {
font-size: 1.6rem;
border-bottom: 1px solid var(--c-border-separate);
padding-bottom: 3rem;
margin-bottom: 3rem;
}
.contact-item__text:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.contact-item__btn {
margin-top: 1.5rem;
padding: 1rem 2rem;
font-size: 1.4rem;
}
.contact-item__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-item__label {
padding-right: 1.5rem;
font-weight: 500;
opacity: 0.6;
}
.modal-map {
padding: 6rem 0rem 0rem;
border-radius: 2.4rem;
overflow: hidden;
}
.modal-map__title {
font-size: 2.4rem;
font-weight: 600;
margin-bottom: 1.5rem;
padding: 0 3rem;
}
.modal-map__body iframe {
max-width: 100%;
width: 100%;
}
@media all and (min-width: 1024px) {
.fancybox__container {
--carousel-button-width: 48px;
--carousel-button-height: 48px;
--carousel-button-svg-width: 27px;
--carousel-button-svg-height: 27px;
}
.fancybox__slide {
padding: 64px 100px;
}
.fancybox__nav .carousel__button.is-next {
right: 40px;
}
.fancybox__nav .carousel__button.is-prev {
left: 40px;
}
.carousel__button.is-close {
right: 40px;
}
.fancybox__toolbar {
padding: 8px;
}
}
@media all and (max-width: 1200px) {
.products__container {
grid-gap: 6rem;
}
.products__list {
grid-gap: 6rem 3rem;
}
}
@media all and (max-width: 1023px) {
main {
margin-bottom: 9rem;
}
.container {
max-width: calc(100vw - 6rem);
}
.btn--call {
margin-bottom: 0;
margin-right: 1.5rem;
}
.menu__buttons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: auto;
}
.d--mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d--desktop {
display: none;
}
.header__subtitle {
margin-bottom: 0;
font-size: 1.4rem;
}
.header__title {
font-size: 2.8rem;
line-height: 1.2;
}
.header__text {
font-size: 1.4rem;
min-width: 38rem;
}
.header__btn {
padding: 1rem 1.6rem;
font-size: 1.2rem;
}
.pluses {
margin-bottom: 6rem;
}
.pluses__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 100%;
overflow-x: scroll;
overflow-y: visible;
padding: 3rem 0;
}
.pluses__item {
min-width: 55%;
padding: 3rem;
border: 1px solid var(--c-border);
-webkit-box-shadow: var(--shadow);
box-shadow: var(--shadow);
border-radius: 2.4rem;
}
.pluses__item:nth-child(1) {
margin-left: 3rem;
}
.pluses__item:nth-child(3) {
margin-right: 3rem;
}
.pluses__title {
font-size: 1.6rem;
}
.products__container {
grid-gap: 3rem;
}
.products__title {
font-size: 2.8rem;
}
.products__list {
grid-gap: 3rem;
}
.product-item--short .product-item__image {
height: 28rem;
}
.product-item--short .product-item__main {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product-item--short .product-item__buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: auto;
}
.product-item__image {
padding: 3rem;
}
.product-item__main {
padding: 3rem;
}
.product-item__header {
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.product-item__title-title {
font-size: 1.8rem;
max-height: 4.7rem;
position: relative;
overflow: hidden;
word-break: break-word;
}
.product-item__title-title::after {
content: "";
position: absolute;
display: block;
height: 2.3rem;
background: -o-linear-gradient(359deg, rgba(255, 255, 255, 0), white);
background: linear-gradient(91deg, rgba(255, 255, 255, 0), white);
width: 4rem;
top: 2.4rem;
right: 0;
}
.product-item__cats {
font-size: 1.4rem;
}
.product-item__description {
max-height: 14rem;
overflow: hidden;
position: relative;
}
.product-item__description::after {
content: "";
position: absolute;
top: 11rem;
height: 3rem;
width: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(white), to(#ffffff00));
background: -o-linear-gradient(bottom, white, #ffffff00);
background: linear-gradient(0deg, white, #ffffff00);
}
.product-item__button {
font-size: 1.2rem;
padding: 0.7rem 1.4rem;
}
.footer {
padding: 9rem 0;
}
.footer__grid {
grid-template-columns: repeat(2, 1fr);
}
.footer__buttons {
grid-column: span 2;
}
section.single {
margin: 3rem 0 9rem;
}
.single__container {
padding: 3rem;
}
.single__title {
font-size: 2.4rem;
}
.single__footer {
margin-top: 3rem;
padding-top: 3rem;
}
}
@media all and (max-width: 767px) {
.container {
max-width: calc(100vw - 3rem);
}
figure.wp-block-table {
margin: 0 -1.5rem 1.5rem;
width: calc(100% + 3rem);
}
.archive-header__container {
padding: 3rem 1.5rem;
max-width: 100vw;
border-radius: 0;
}
.products__page-numbers-container {
font-size: 1.4rem;
}
.products__page-numbers-container a, .products__page-numbers-container span {
padding: 0.7rem;
}
.products__page-numbers-container {
margin: 1.5rem;
}
.products__nav > a {
font-size: 1.4rem;
padding: 1rem 1.5rem;
border-radius: 8px;
}
.archive-header__head {
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
}
.archive-header__cats {
width: 100%;
font-size: 1.4rem;
}
.btn--link.menu__button {
display: none; 
}
.fancybox__slide {
margin: 0;
padding: 0;
}
button.carousel__button.is-close {
z-index: 9;
position: fixed;
right: 0;
top: 0;
}
.fancybox__slide::after,
.fancybox__slide::before {
top: 0;
}
.fancybox__container.is-animated[aria-hidden="false"] .carousel__button.is-close,
.fancybox__container.is-animated[aria-hidden="false"] .carousel__dots,
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__nav {
top: 1.5rem;
right: 1.5rem;
color: var(--c-text);
position: fixed;
}
.btn--call.menu__button {
display: none;
}
.menu__logo {
margin-right: 3rem;
}
.burger {
width: 3rem;
height: 3rem;
}
.burger-strip div {
width: 3rem;
margin: 7px;
}
.burger-strip div:first-child {
width: 3rem;
}
.burger-strip div:last-child {
width: 3rem;
}
.burger.burger--active .burger-strip div:first-child {
-webkit-transform: translateY(10px) rotate(45deg);
-ms-transform: translateY(10px) rotate(45deg);
transform: translateY(10px) rotate(45deg);
}
.burger.burger--active .burger-strip div:last-child {
-webkit-transform: translateY(-10px) rotate(-45deg);
-ms-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
}
.header__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
padding-top: 3rem;
}
.header__description {
width: 100%;
max-width: 100%;
padding-right: 0;
}
.header__subtitle {
font-size: 1.2rem;
}
.header__title {
font-size: 2.4rem;
}
.header__text {
font-size: 1.3rem;
min-width: 100%;
}
.header__btn {
padding: 1rem 1.4rem;
font-size: 1.2rem;
}
.header__video {
max-width: 100%;
}
.pluses__container {
grid-gap: 1.5rem;
margin: 0;
width: 100vw;
min-width: 100vw;
}
.pluses__item {
min-width: 75%;
}
.pluses__item:nth-child(1) {
margin-left: 1.5rem;
}
.pluses__item:nth-child(3) {
margin-right: 1.5rem;
}
.pluses__title {
font-size: 1.4rem;
}
.pluses__text {
font-size: 1.1rem;
}
.products__title {
font-size: 2.2rem;
}
.products__list {
grid-template-columns: 1fr;
}
.product-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-column: span 1;
padding: 0;
overflow: hidden;
}
.product-item:nth-child(even) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product-item:nth-child(even) .product-item__main {
border: none;
}
.product-item--short .product-item__buttons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.product-item--short .product-item__button {
margin-right: 0;
}
.product-item__image {
width: 100%;
padding: 3rem 3rem 1.5rem 3rem;
}
.product-item__main {
width: 100%;
border: none;
padding-bottom: 0;
}
.product-item__cats {
font-size: 1.2rem;
}
.product-item__buttons {
width: calc(100% + 6rem);
margin: 0 -3rem;
}
.product-item__button {
margin: 0;
border-radius: 0;
padding: 1.5rem 0;
width: 50%;
}
.footer {
padding-bottom: 3rem;
}
.footer__grid {
grid-template-columns: 1fr;
grid-gap: 0;
margin-bottom: 3rem;
}
.footer__col {
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid #f5f8ff36;
}
.footer__list-grid-item {
grid-gap: 1.5rem;
}
.footer__buttons {
grid-column: span 1;
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.copyright .footer__col {
margin-bottom: 0;
padding-bottom: 0;
border: none;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.copyright__main {
font-size: 1.3rem;
}
.copyright__author {
font-size: 1.2rem;
text-align: center;
display: block;
width: 100%;
margin: auto;
}
.archive-header {
padding: 0 0 6rem;
}
.modal-cats {
border-radius: 0;
padding: 6rem 3rem 9rem;
height: 100vh;
max-height: 100vh;
overflow-y: scroll;
}
section.single {
margin: 0rem 0 6rem;
}
.single__container {
max-width: 100vw;
width: 100vw;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 1.5rem;
}
.single__header {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.single__main {
padding-right: 0;
}
.single__title {
font-size: 2.2rem;
}
.single__description {
margin-top: 1.5rem;
padding-top: 1.5rem;
}
.single__image {
margin: 0 0 1.5rem;
border: none;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid var(--c-border-separate);
}
.wp-block-column {
margin-bottom: 3rem;
}
.single__content table {
padding-left: 1.5rem;
padding-right: 1.5rem;
overflow-x: scroll;
display: block;
position: relative;
}
.single__buttons {
grid-template-columns: 1fr;
}
.contacts__title {
font-size: 2.2rem;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.contact-item__text {
font-size: 1.5rem;
}
}
@media (max-width: 640px) {
.fancybox__toolbar__items--center:not(:last-child) {
display: none;
}
}
@media all and (max-width: 400px) {
.header__btn {
font-size: 1.1rem;
padding: 1rem 1.2rem;
}
}