@font-face {
    font-family: Gilroy;
    src:
        url("../../../../assets/landing/fonts/gilroy-ultralight-webfont.woff2") format("woff2"),
        url("../../../../assets/landing/fonts/gilroy-ultralight-webfont.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Gilroy;
    src:
        url("../../../../assets/landing/fonts/gilroy-regular-webfont.woff2") format("woff2"),
        url("../../../../assets/landing/fonts/gilroy-regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Gilroy;
    src:
        url("../../../../assets/landing/fonts/gilroy-medium-webfont.woff2") format("woff2"),
        url("../../../../assets/landing/fonts/gilroy-medium-webfont.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Gilroy;
    src:
        url("../../../../assets/landing/fonts/gilroy-semibold-webfont.woff2") format("woff2"),
        url("../../../../assets/landing/fonts/gilroy-semibold-webfont.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Gilroy;
    src:
        url("../../../../assets/landing/fonts/gilroy-bold-webfont.woff2") format("woff2"),
        url("../../../../assets/landing/fonts/gilroy-bold-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    overflow: visible;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
a {
    background-color: transparent;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
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 {
    border: 0;
    margin: 0;
    padding: 0;
}
legend {
    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"] {
    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;
}
.lg-sub-html,
.lg-toolbar {
    background-color: rgba(0, 0, 0, 0.45);
}
#lg-counter,
.lg-outer .lg-video-cont {
    vertical-align: middle;
    display: inline-block;
}
@font-face {
    font-family: lg;
    src: url("../../../../assets/landing/plugins/lightgallery/fonts/lg.eot?n1z373");
    src:
        url("../../../../assets/landing/plugins/lightgallery/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"),
        url("../../../../assets/landing/plugins/lightgallery/fonts/lg.woff?n1z373") format("woff"),
        url("../../../../assets/landing/plugins/lightgallery/fonts/lg.ttf?n1z373") format("truetype"),
        url("../../../../assets/landing/plugins/lightgallery/fonts/lg.svg?n1z373#lg") format("svg");
    font-weight: 400;
    font-style: normal;
}
.lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #fff;
}
.lg-actions .lg-next {
    right: 20px;
}
.lg-actions .lg-next:before {
    content: "🡢";
}
.lg-actions .lg-prev {
    left: 20px;
}
.lg-actions .lg-prev:after {
    content: "🡠";
}
@-webkit-keyframes lg-right-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -30px;
    }
}
@-moz-keyframes lg-right-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -30px;
    }
}
@-ms-keyframes lg-right-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -30px;
    }
}
@keyframes lg-right-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -30px;
    }
}
@-webkit-keyframes lg-left-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 30px;
    }
}
@-moz-keyframes lg-left-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 30px;
    }
}
@-ms-keyframes lg-left-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 30px;
    }
}
@keyframes lg-left-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 30px;
    }
}
.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end 0.3s;
    -o-animation: lg-right-end 0.3s;
    animation: lg-right-end 0.3s;
    position: relative;
}
.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end 0.3s;
    -o-animation: lg-left-end 0.3s;
    animation: lg-left-end 0.3s;
    position: relative;
}
.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.lg-toolbar .lg-icon {
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: 0;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
    color: #fff;
}
.lg-toolbar .lg-close:after {
    content: "✕";
}
.lg-toolbar .lg-download:after {
    content: "▼";
}
.lg-sub-html {
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080;
}
.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
}
.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0;
}
#lg-counter {
    color: #10677a;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
}
.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    -webkit-transition:
        -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
        color 0.2s linear;
    -moz-transition:
        -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
        color 0.2s linear;
    -o-transition:
        -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
        color 0.2s linear;
    transition:
        transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
        color 0.2s linear;
}
.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
    -webkit-transition:
        -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -moz-transition:
        -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -o-transition:
        -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    transition:
        transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}
.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    margin-bottom: 5px;
}
@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color 0.25s ease;
        -o-transition: border-color 0.25s ease;
        transition: border-color 0.25s ease;
    }
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom 0.25s ease;
    -o-transition: bottom 0.25s ease;
    transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px;
}
.lg-outer .lg-toggle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #10677a;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px;
}
.lg-outer .lg-toggle-thumb:hover,
.lg-outer.lg-dropdown-active #lg-share {
    color: #fff;
}
.lg-outer .lg-toggle-thumb:after {
    content: "►";
}
.lg-outer .lg-video-cont {
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px;
}
.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}
.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
    background: url("../../../../assets/landing/plugins/lightgallery/img/vimeo-play.png") no-repeat;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url("../../../../assets/landing/plugins/lightgallery/img/vimeo-play.png") 0 -58px no-repeat;
}
.lg-outer .lg-has-html5 .lg-video-play {
    background: url("../../../../assets/landing/plugins/lightgallery/img/video-play.png") no-repeat;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
    background: url("../../../../assets/landing/plugins/lightgallery/img/youtube-play.png") no-repeat;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url("../../../../assets/landing/plugins/lightgallery/img/youtube-play.png") 0 -60px no-repeat;
}
.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible;
}
.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 80ms ease 0s;
    -moz-transition: opacity 80ms ease 0s;
    -o-transition: opacity 80ms ease 0s;
    transition: opacity 80ms ease 0s;
}
.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
    width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
    opacity: 1;
}
.lg-autoplay-button:after {
    content: "◄";
}
.lg-show-autoplay .lg-autoplay-button:after {
    content: "↩";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition:
        left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
        top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition:
        left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
        top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition:
        left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
        top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition:
        left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
        top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition:
        -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.15s !important;
    -moz-transition:
        -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.15s !important;
    -o-transition:
        -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.15s !important;
    transition:
        transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
#lg-zoom-in:after {
    content: "↗";
}
#lg-actual-size {
    font-size: 20px;
}
#lg-actual-size:after {
    content: "↙";
}
#lg-zoom-out {
    opacity: 0.5;
    pointer-events: none;
}
#lg-zoom-out:after {
    content: "↘";
}
.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto;
}
.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible;
}
.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset;
}
.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition:
        opacity 0.15s ease 0s,
        -webkit-transform 0.15s ease 0s;
    -moz-transition:
        opacity 0.15s ease 0s,
        -moz-transform 0.15s ease 0s;
    -o-transition:
        opacity 0.15s ease 0s,
        -o-transform 0.15s ease 0s;
    transition:
        opacity 0.15s ease 0s,
        transform 0.15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%;
}
.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
    width: 12px;
}
.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset;
}
.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0;
}
.lg-fullscreen:after {
    content: "↕";
}
.lg-fullscreen-on .lg-fullscreen:after {
    content: "↔";
}
.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition:
        visibility 0s linear 0.18s,
        opacity 0.18s linear 0s;
    -o-transition:
        visibility 0s linear 0.18s,
        opacity 0.18s linear 0s;
    transition:
        visibility 0s linear 0.18s,
        opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
}
.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition:
        -webkit-transform 0.18s linear 0s,
        visibility 0s linear 0.5s,
        opacity 0.18s linear 0s;
    -moz-transition:
        -moz-transform 0.18s linear 0s,
        visibility 0s linear 0.5s,
        opacity 0.18s linear 0s;
    -o-transition:
        -o-transform 0.18s linear 0s,
        visibility 0s linear 0.5s,
        opacity 0.18s linear 0s;
    transition:
        transform 0.18s linear 0s,
        visibility 0s linear 0.5s,
        opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    right: 16px;
    top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0;
}
.lg-outer .lg-dropdown > li:hover .lg-icon,
.lg-outer .lg-dropdown > li:hover a {
    color: #333;
}
.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto;
}
.lg-outer,
.lg-outer .lg,
.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
}
.lg-outer #lg-share {
    position: relative;
}
.lg-outer #lg-share:after {
    content: "↔";
}
.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
    content: "↻";
}
.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
    content: "↺";
}
.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "";
}
.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "о¤ѓ";
}
.group:after,
.group:before {
    display: table;
    content: "";
    line-height: 0;
}
.group:after {
    clear: both;
}
.lg-outer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}
.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lg-outer.lg-visible {
    opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
.lg-outer .lg {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
}
.lg-outer .lg-inner {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}
.lg-outer .lg-item {
    background: url("../../../../assets/landing/plugins/lightgallery/img/loading.gif") center center no-repeat;
    display: none !important;
}
.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important;
}
.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
}
.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}
.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.lg-outer .lg-item.lg-complete {
    background-image: none;
}
.lg-outer .lg-item.lg-current {
    z-index: 1060;
}
.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1;
}
.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
    display: none;
}
.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
    opacity: 1;
}
.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
    opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity 0.1s ease 0s;
    -moz-transition: opacity 0.1s ease 0s;
    -o-transition: opacity 0.1s ease 0s;
    transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition:
        -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.1s ease 0s;
    -moz-transition:
        -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.1s ease 0s;
    -o-transition:
        -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.1s ease 0s;
    transition:
        transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition:
        left 1s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.1s ease 0s;
    -moz-transition:
        left 1s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.1s ease 0s;
    -o-transition:
        left 1s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.1s ease 0s;
    transition:
        left 1s cubic-bezier(0, 0, 0.25, 1) 0s,
        opacity 0.1s ease 0s;
}
.lSSlideWrapper,
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSSlide,
.lSSlideWrapper.usingCss .lSFade > * {
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
}
.lSSlideOuter,
.lSSlideOuter .lSPager.lSGallery {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideOuter {
    overflow: hidden;
    user-select: none;
}
.lightSlider:after,
.lightSlider:before {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.lSSlideWrapper .lSFade > .active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > .active {
    opacity: 1;
}
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: #10677aem;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li.active a,
.lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery {
    list-style: none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideOuter .lSPager.lSGallery:before {
    content: " ";
    display: table;
}
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url("../../../../assets/landing/plugins/lightslider/img/controls.png");
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0 !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lSPager,
.lSSlideOuter .lightSlider {
    padding-left: 0;
    list-style: none;
}
.lSSlideOuter.lSrtl .lSPager,
.lSSlideOuter.lSrtl .lightSlider {
    padding-right: 0;
}
.lSSlideOuter .lSGallery li,
.lSSlideOuter .lightSlider > * {
    float: left;
}
.lSSlideOuter.lSrtl .lSGallery li,
.lSSlideOuter.lSrtl .lightSlider > * {
    float: right !important;
}
@-webkit-keyframes rightEnd {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -15px;
    }
}
@keyframes rightEnd {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -15px;
    }
}
@-webkit-keyframes topEnd {
    0%,
    100% {
        top: 0;
    }
    50% {
        top: -15px;
    }
}
@keyframes topEnd {
    0%,
    100% {
        top: 0;
    }
    50% {
        top: -15px;
    }
}
@-webkit-keyframes leftEnd {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 15px;
    }
}
@keyframes leftEnd {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 15px;
    }
}
@-webkit-keyframes bottomEnd {
    0%,
    100% {
        bottom: 0;
    }
    50% {
        bottom: -15px;
    }
}
@keyframes bottomEnd {
    0%,
    100% {
        bottom: 0;
    }
    50% {
        bottom: -15px;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
html {
    height: 100%;
    font-size: 16px;
}
html._js._loading > * {
    opacity: 0;
}
body {
    position: relative;
    overflow-x: hidden;
    min-width: 320px;
    height: 100%;
    font-family: 'Roboto', -apple-system, sans-serif;
    letter-spacing: 0.03em;
    -webkit-font-smoothing: antialiased;
    background: #e7e8ea;
}
body.menu-open {
    overflow: hidden;
}
body.menu-open:before {
    content: "";
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1a1919;
    opacity: 0.8;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
a {
    color: inherit;
}
p {
    margin-top: 1em;
    margin-bottom: 1.7142857143em;
    font-size: 14px;
    line-height: 1.7142857143;
    letter-spacing: 0.03em;
}
@media only screen and (min-width: 960px) {
    p {
        margin-bottom: 1.875em;
        font-size: 16px;
        line-height: 1.9;
    }
}
strong,
b {
    font-weight: 600;
}
h3,
h4,
h5 {
    margin-top: 0;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.3333333333;
}
small {
    font-size: 0.8125em;
    letter-spacing: 0.03em;
    /*color: #888;*/
}
input,
button,
textarea,
select {
    font: inherit;
    letter-spacing: inherit;
}
button {
    padding: 0;
    border: none;
    outline: none;
    color: inherit;
    background-color: transparent;
    cursor: pointer;
}
input {
    outline: 0;
}
ol {
    list-style: none;
    margin: 1.875em 0 0;
    padding: 0;
    counter-reset: counter;
    text-align: left;
}
ol li {
    position: relative;
    padding-left: 3.75em;
    margin-bottom: 1.25em;
    counter-increment: counter;
    line-height: 1.5;
    letter-spacing: 0.03em;
}
ol li:before {
    content: counter(counter);
    position: absolute;
    top: -0.1666666667em;
    left: 0;
    width: 2.3333333333em;
    height: 2.3333333333em;
    font-weight: bold;
    font-size: 0.75em;
    line-height: 2.3333333333;
    border: 1px solid #9f9f9f;
    border-radius: 50%;
    text-align: center;
}
.wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
}
.wrapper__content {
    -webkit-box-flex: 1 0 auto;
    -moz-box-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
@media only screen and (max-width: 1269px) {
    .wrapper__content {
        padding-top: 62px;
    }
}
@media only screen and (min-width: 1270px) {
    .wrapper__content {
        padding-top: 82px;
    }
}
.container {
    width: 90%;
    max-width: 1316px;
    margin: 0 auto;
}
@media only screen and (min-width: 481px) {
    .container {
        width: 94%;
    }
}
.btn {
    position: relative;
    display: inline-block;
    padding: 1.2142857143em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    color: #ffffff;
    background: #10677a;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.03em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px solid #10677a;
}
.btn:hover {
    border: 1px solid #10677a;
    background: #094f5e;
}
@media only screen and (max-width: 365px) {
    .btn {
        width: 100%;
    }
}
.btn--empty {
    border: 1px solid #c0c0c0;
    background: none;
}
.btn--empty:hover {
    border: 1px solid #ecebeb;
    background: #ecebeb;
}
.btn--large {
    padding: 1.625em 2em;
    font-size: 14px;
}
@media only screen and (min-width: 366px) {
    .btn--large {
        padding-left: 2.8125em;
        padding-right: 2.8125em;
    }
}
@media only screen and (min-width: 480px) {
    .btn--large {
        font-size: 16px;
    }
}
.btn--icon {
    padding-right: 2em;
    font-size: 0.875em;
}
.btn--icon:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.btn--doc:before {
    background-image: url("../../../../assets/landing/img/sprite.svg#doc-usage");
}
.btn--center {
    margin: 0 auto;
}
.s-title {
    margin: 0 auto 1em;
    padding-top: 1.5em;
    font-weight: 600;
    font-size: 7.5vw;
    text-align: center;
    letter-spacing: 0.03em;
    max-width: 87.5%;
}
@media only screen and (min-width: 367px) {
    .s-title {
        font-size: 28px;
    }
}
@media only screen and (min-width: 481px) {
    .s-title {
        font-size: 5.3333333333vw;
    }
}
@media only screen and (min-width: 600px) {
    .s-title {
        font-size: 32px;
    }
}
@media screen and (min-width: 1100px) and (max-width: 1439px) {
    .s-title {
        font-size: 2.7777777778vw;
    }
}
@media only screen and (min-width: 1440px) {
    .s-title {
        font-size: 40px;
    }
}
.s-title__accent {
    color: #10677a;
}
.p--yes,
.p--no {
    position: relative;
    padding-left: 3.625em;
    line-height: 1.5 !important;
    text-align: left;
    margin-bottom: 0;
}
.p--yes:not(:last-child),
.p--no:not(:last-child) {
    margin-bottom: 1.375em;
}
.p--yes:before,
.p--no:before {
    position: absolute;
    left: 0;
    top: 0.3076923077em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 2.9230769231em;
    height: 2.9230769231em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 0.8125em;
    text-transform: uppercase;
    text-align: center;
    color: #1a1919;
    border-radius: 50%;
}
.p--yes + h4,
.p--no + h4 {
    margin-top: 2em;
}
.p--yes:before {
    content: "да";
    background: #10677a;
    border: 1px solid #10677a;
}
.p--no:before {
    content: "нет";
    border: 1px solid #1a1919;
}
/* =========================================
   HEADER
========================================= */

.header {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    background: #009cb1;
    border-bottom: 1px solid rgba(16, 103, 122, 0.12);
    box-shadow:
        0 8px 30px rgba(20, 50, 35, 0.06);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    transition:
        background 0.35s ease,
        box-shadow 0.35s ease;
}

@media only screen and (max-width: 1269px) {
    .header {
        color: #fff;
        background: #009cb1;
        box-shadow:
            0 8px 30px rgba(0, 0, 0, 0.2);
    }
}

@media only screen and (max-width: 1270px) {
    .header {
        padding: 15px 0;
    }
}

/* =========================================
   CONTAINER
========================================= */

.header .container {
    position: relative;

    max-width: 1440px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;
}

@media only screen and (min-width: 1270px) {
    .header .container {
        width: 100%;
    }
}

@media only screen and (min-width: 1440px) {
    .header .container {
        padding-right: 68px;
    }
}

/* =========================================
   LOGO
========================================= */

@media only screen and (min-width: 1270px) {
    .header__logo {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        padding-left: 15px;
        padding-top: 0px;
        align-items: center;
        /*padding: 21px 2.1527777778% 20px 4.1666666667%;*/
        box-sizing: border-box;
        border-bottom-right-radius: 12px;
       /* background: #1a1919;
        box-shadow:
            8px 8px 25px rgba(0, 0, 0, 0.12);*/
        transition:
            padding 0.35s ease,
            box-shadow 0.35s ease;
    }
}

@media only screen and (min-width: 1441px) {
    .header__logo {
        border-bottom-left-radius: 12px;
    }
}

@media only screen and (min-width: 1440px) {
    .header__logo {
        padding-right: 31px;
        padding-left: 31px;
    }
}

.header__logo-pic {
    display: block;
    width: auto;
    height: 70px;
    border-radius: 3px;
    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}

.header__logo:hover .header__logo-pic {
    transform: scale(1.06);
    filter: drop-shadow(0 0 10px rgba(16, 103, 122, 0.35));
}

@media only screen and (min-width: 1100px) {
    .header__logo-pic {
        width: auto;
        height: 70px;
        border-radius: 5px;
    }
}

@media only screen and (min-width: 1270px) {
    .header__logo-pic {
        width: 190px;
        height: 80px;
        border-radius: 5px;
        padding-top: 6px;
    }
}

/* =========================================
   MAIN MENU
========================================= */

@media only screen and (min-width: 1100px) {
    .main-menu {
        flex: 1 1 auto;
    }
}

.main-menu__list {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 22px 0 22px 24px;
}

@media only screen and (min-width: 1270px) {
    .main-menu__list {
        justify-content: space-around;
        padding: 25px 2% 25px 15%;
    }
}

@media only screen and (min-width: 1440px) {
    .main-menu__list {
        justify-content: space-between;
        padding-left: 264px;
    }
}

/* =========================================
   MENU LINK
========================================= */

.main-menu__link {
    position: relative;
    display: block;
    padding: 12px 14px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 8px;
    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease;
}

/* Фоновая подсветка */
.main-menu__link::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    border-radius: 8px;
    background: rgba(16, 103, 122, 0.28);
    opacity: 0;
    transform: scale(0.85);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

/* Нижняя зелёная линия */
.main-menu__link::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 5px;
    height: 2px;
    border-radius: 10px;
    background: #10677a;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
}

.main-menu__link:hover {
    color: #ffffff;
    transform: translateY(-2px);
}

.main-menu__link:hover::before,
.main-menu__link.active::before {
    opacity: 1;
    transform: scale(1);
}

.main-menu__link:hover::after,
.main-menu__link.active::after {
    transform: scaleX(1);
}

.main-menu__link.active {
    color: #ffffff;
    font-weight: 700;
}

/* =========================================
   MOBILE MENU BUTTON
========================================= */

.main-menu__open {
    position: relative;
    width: 42px;
    height: 42px;
    padding: 0;
    font-size: 0;
    border: 1px solid rgba(255, 255, 255, 0.99);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.99);
    cursor: pointer;
    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

.main-menu__open::before,
.main-menu__open::after {
    content: "";

    position: absolute;
    left: 10px;

    width: 20px;
    height: 2px;

    border-radius: 5px;

    background: #10677a;

    transition:
        transform 0.3s ease,
        top 0.3s ease;
}

.main-menu__open::before {
    top: 15px;
}

.main-menu__open::after {
    top: 24px;
}

.main-menu__open:hover {
    background: rgba(16, 103, 122, 0.1);
    border-color: #10677a;
    transform: translateY(-2px);
}

@media only screen and (min-width: 1270px) {
    .main-menu__open {
        display: none;
    }
}
@media only screen and (max-width: 1270px) {
     .main-menu__list {
        display: none;
    }
}
.sidebar {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    max-width: 375px;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background: #1a1919;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.2s ease-in;
    -moz-transition: transform 0.2s ease-in;
    -ms-transition: transform 0.2s ease-in;
    -o-transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
}
.sidebar--open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -ms-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}
.sidebar__menu {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 244px;
}
.sidebar__menu-item:not(:last-of-type) {
    margin-bottom: 20px;
}
.sidebar__menu-link {
    text-decoration: none;
}
.sidebar__menu-link.active {
    font-weight: bold;
    color: #10677a;
}
.sidebar__contacts {
    width: 100%;
    max-width: 244px;
    margin: 20px auto 0;
    text-align: center;
}
@media screen and (min-height: 640px) {
    .sidebar__contacts {
        margin-top: 40px;
    }
}
@media screen and (max-height: 499px) {
    .sidebar__contacts {
        display: none;
    }
}
@media screen and (min-height: 580px) {
    .sidebar__contacts {
        text-align: center;
    }
}
.sidebar__phones {
    display: inline-block;
    text-align: left;
    margin-bottom: 24px;
}
.sidebar__phone,
.sidebar__email {
    position: relative;
    font-weight: 600;
    text-decoration: none;
}
.sidebar__phone {
    display: block;
    padding-left: 26px;
}
.sidebar__phone:not(:last-of-type) {
    margin-bottom: 14px;
}
.sidebar__phone::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 13px;
    height: 20px;
    margin-top: -10px;
    background: url("../../../../assets/landing/img/sprite.svg#phone-white-usage") no-repeat center/cover;
}
.sidebar__email {
    display: inline-block;
    padding-left: 28px;
}
.sidebar__email::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 12px;
    margin-top: -4px;
    background: url("../../../../assets/landing/img/sprite.svg#email-white-usage") no-repeat center/cover;
}
.sidebar__callback {
    display: block;
    width: 100%;
    margin-bottom: 24px;
    padding: 18px;
}
@media screen and (min-height: 580px) {
    .sidebar__callback {
        margin: 0 auto 24px;
    }
}
@media screen and (max-height: 499px) {
    .sidebar__callback {
        display: none;
    }
}
.sidebar__address {
    margin: 24px 0 0;
    font-size: 14px;
    line-height: 1.61;
}
@media screen and (max-height: 579px) {
    .sidebar__address {
        display: none;
    }
}
.sidebar__address-title {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

/* =========================================
   HERO — современный главный экран
========================================= */

.hero {
    position: relative;
    min-height: 760px;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.78) 0%,
            rgba(0, 0, 0, 0.48) 38%,
            rgba(0, 0, 0, 0.12) 75%,
            rgba(0, 0, 0, 0.25) 100%
        ),
        url("../../../../assets/landing/img/hero-regular.jpg") center center / cover no-repeat;
}

/* Изображение */
.hero picture {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero__pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    animation: heroImageScale 12s ease-in-out infinite alternate;
}

/* Затемнение изображения */
.hero::before {
    content: '';
    position: absolute;
    inset: 0;
    /*z-index: 1;*/
    background:
        linear-gradient(
            90deg,
            rgba(8, 15, 12, 0.88) 0%,
            rgba(8, 15, 12, 0.62) 38%,
            rgba(8, 15, 12, 0.18) 75%,
            rgba(8, 15, 12, 0.38) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.35) 0%,
            transparent 40%,
            rgba(0, 0, 0, 0.65) 100%
        );
    pointer-events: none;
}

/* Декоративное свечение */
.hero::after {
    content: '';
    position: absolute;
    
    width: 600px;
    height: 600px;
    left: -220px;
    bottom: -300px;
    border-radius: 50%;
    background: rgba(16, 103, 122, 0.2);
    filter: blur(100px);
    pointer-events: none;
}

/* Контент */
.hero .container {
    position: relative;
   
    min-height: 760px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

/* Заголовок */
.hero__title {
    max-width: 900px;
    margin: 0;
    color: #fff;
    font-size: clamp(38px, 5vw, 78px);
    line-height: 1.05;
    letter-spacing: -0.03em;
    text-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);

    animation: heroTitleAppear 1s ease-out both;
}

/* Акцент */
.hero__title-accent {
    position: relative;
    display: inline-block;
    color: #10677a;
    text-shadow:
        0 0 20px rgba(16, 103, 122, 0.35),
        0 0 50px rgba(16, 103, 122, 0.15);
}

/* Линия под акцентом */
.hero__title-accent::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 70%;
    height: 3px;
    border-radius: 10px;
    background: #10677a;
    box-shadow: 0 0 18px rgba(16, 103, 122, 0.8);

    transform-origin: left;
    animation: heroLineAppear 1.2s 0.7s ease-out both;
}

/* Информационные карточки */
.hero__info {
    display: flex;
    gap: 16px;
    max-width: 850px;
    margin-top: 45px;
    margin-bottom: 0;

    animation: heroInfoAppear 1s 0.35s ease-out both;
}

.hero__info-item {
    position: relative;
    max-width: 350px;
    padding: 18px 22px 18px 48px;

    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    line-height: 1.55;

    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;

    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease;
}

/* Иконка */
.hero__info-item::before {
    content: '✓';
    position: absolute;
    top: 20px;
    left: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;

    color: #fff;
    font-size: 12px;
    font-weight: 700;

    border-radius: 50%;
    background: #10677a;

    box-shadow: 0 0 0 5px rgba(16, 103, 122, 0.12);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.hero__info-item:hover {
    transform: translateY(-6px);
    border-color: rgba(16, 103, 122, 0.5);
    background: rgba(16, 103, 122, 0.12);
}

.hero__info-item:hover::before {
    transform: rotate(360deg) scale(1.15);
    box-shadow:
        0 0 0 8px rgba(16, 103, 122, 0.12),
        0 0 25px rgba(16, 103, 122, 0.5);
}

/* Скролл вниз */
.hero__scroll {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 42px;

    display: flex;
    align-items: center;
    gap: 14px;

    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.14em;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.hero__scroll::before {
    content: '';
    width: 42px;
    height: 1px;
    background: #10677a;
    box-shadow: 0 0 12px rgba(16, 103, 122, 0.8);

    animation: scrollLine 1.8s ease-in-out infinite;
}

.hero__scroll::after {
    content: '↓';
    position: absolute;
    left: 48px;
    color: #10677a;
    font-size: 18px;

    animation: scrollArrow 1.5s ease-in-out infinite;
}

.hero__scroll:hover {
    color: #fff;
    transform: translateX(5px);
}

/* =========================================
   АНИМАЦИИ
========================================= */

@keyframes heroImageScale {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.06);
    }
}

@keyframes heroTitleAppear {
    from {
        opacity: 0;
        transform: translateY(35px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes heroInfoAppear {
    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes heroLineAppear {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes scrollLine {
    0%,
    100% {
        width: 42px;
        opacity: 0.6;
    }

    50% {
        width: 65px;
        opacity: 1;
    }
}

@keyframes scrollArrow {
    0%,
    100% {
        transform: translateY(-3px);
        opacity: 0.5;
    }

    50% {
        transform: translateY(5px);
        opacity: 1;
    }
}

/* =========================================
   ПЛАНШЕТ
========================================= */

@media only screen and (max-width: 900px) {
    .hero {
        min-height: 680px;
    }

    .hero .container {
        min-height: 680px;
    }

    .hero__title {
        max-width: 700px;
    }

    .hero__info {
        max-width: 700px;
    }

    .hero__info-item {
        max-width: 300px;
    }
}

/* =========================================
   МОБИЛЬНЫЕ
========================================= */

@media only screen and (max-width: 767px) {
    .hero {
        min-height: 720px;
    }

    .hero .container {
        min-height: 720px;
        justify-content: center;
    }

    .hero::before {
        background:
            linear-gradient(
                180deg,
                rgba(8, 15, 12, 0.45) 0%,
                rgba(8, 15, 12, 0.65) 45%,
                rgba(8, 15, 12, 0.94) 100%
            );
    }

    .hero__title {
        max-width: 100%;
        font-size: clamp(34px, 9vw, 54px);
        line-height: 1.08;
    }

    .hero__title-accent::after {
        bottom: -6px;
        height: 2px;
    }

    .hero__info {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        margin-top: 32px;
    }

    .hero__info-item {
        max-width: none;
        padding: 15px 18px 15px 44px;
        font-size: 13px;
    }

    .hero__info-item::before {
        top: 17px;
        left: 15px;
    }

    .hero__scroll {
        bottom: 25px;
    }
}

/* =========================================
   МАЛЕНЬКИЕ ЭКРАНЫ
========================================= */

@media only screen and (max-width: 380px) {
    .hero {
        min-height: 680px;
    }

    .hero .container {
        min-height: 680px;
    }

    .hero__title {
        font-size: 32px;
    }

    .hero__info-item {
        font-size: 12px;
    }
}

/* Отключение сложных анимаций для пользователей,
   которые предпочитают уменьшенное движение */
@media (prefers-reduced-motion: reduce) {
    .hero__pic,
    .hero__title,
    .hero__info,
    .hero__title-accent::after,
    .hero__scroll::before,
    .hero__scroll::after {
        animation: none;
    }
}
.lSSlideWrapper img {
    border-radius: 3px;
}
.lSAction > .lSPrev {
    z-index: 8;
    background-image: url("../../../../assets/landing/img/sprite.svg#arrow-left-usage");
}
@media only screen and (min-width: 768px) {
    .lSAction > .lSPrev {
        height: 44px;
        left: 45px;
    }
}
.lSAction > .lSNext {
    z-index: 8;
    background-image: url("../../../../assets/landing/img/sprite.svg#arrow-right-usage");
}
@media only screen and (min-width: 768px) {
    .lSAction > .lSNext {
        height: 44px;
        right: 45px;
    }
}
.lSAction > a {
    opacity: 1;
}
.lSGallery img {
    border-radius: 3px;
}
.lSSlideOuter .lSPager.lSGallery {
    margin-top: 0.75em !important;
}
@media only screen and (min-width: 1201px) {
    .lSSlideOuter .lSPager.lSGallery {
        margin-top: 1.5em !important;
    }
}
.lg-outer .lg-image {
    max-width: 90%;
    max-height: 90%;
}


.about {
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}
@media only screen and (max-width: 767px) {
    .about {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 480px) {
    .about {
        margin-top: -6%;
    }
}
@media only screen and (min-width: 768px) {
    .about {
        margin-top: -9%;
    }
}
@media only screen and (min-width: 960px) {
    .about {
        -ms-align-items: flex-end;
        align-items: flex-end;
        margin-top: -9%;
    }
}
@media only screen and (min-width: 1440px) {
    .about {
        margin-top: -134px;
    }
}
.about__title {
    position: relative;

    left: -0.05em;
    margin-top: 0;
    margin-bottom: 38px;
    padding-top: 0;
}
@media only screen and (min-width: 768px) {
    .about__title {
        margin-bottom: 10%;
        margin-left: 0;
        text-align: left;
    }
}
@media only screen and (min-width: 1440px) {
    .about__title {
        margin-bottom: 78px;
    }
}
.about__stats {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 40px 6% 48px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background: #000;
}
@media only screen and (max-width: 767px) {
    .about__stats {
        text-align: center;
    }
}
@media only screen and (min-width: 768px) {
    .about__stats {
        width: 50%;
        padding: 4% 2.5% 6%;
        border-top-right-radius: 3px;
    }
}
@media only screen and (min-width: 960px) {
    .about__stats {
        width: 40%;
    }
}
@media only screen and (min-width: 1440px) {
    .about__stats {
        padding: 50px 36px 88px;
    }
}
@media only screen and (min-width: 1441px) {
    .about__stats {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
}
.about__stats-wrapper {
    max-width: 454px;
    margin-left: auto;
}
@media only screen and (max-width: 767px) {
    .about__stats-wrapper {
        margin-right: auto;
    }
}

.about__stats-item {
    position: relative;

}
.about__stats-item:not(:last-of-type) {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
    .about__stats-item:not(:last-of-type) {
        padding-bottom: 10%;
        margin-bottom: 10%;
    }
}
@media only screen and (min-width: 1440px) {
    .about__stats-item:not(:last-of-type) {
        padding-bottom: 64px;
        margin-bottom: 70px;
    }
}
.about__stats-item:not(:last-of-type):before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 420px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.about__stats-title {
    margin: 0 0 14px;
    font-size: 18px;
    letter-spacing: 0.03em;
    color: #10677a;
}
@media only screen and (min-width: 768px) {
    .about__stats-title {
        font-size: 22px;
    }
}
.about__stats-text {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.03em;
    max-width: 420px;
}
@media only screen and (max-width: 767px) {
    .about__stats-text {
        width: 94%;
    }
}
.about__spec {
    list-style: none;
    margin: 64px auto -54px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media only screen and (max-width: 1199px) {
    .about__spec {
        margin-top: 10%;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: -30px;
        max-width: 320px;
    }
}
.about__spec-item {
    position: relative;
    width: 140px;
    padding-top: 60px;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.03em;
    text-align: center;
}
@media only screen and (min-width: 1200px) {
    .about__spec-item {
        padding-top: 0;
        padding-left: 60px;
        text-align: left;
        margin-bottom: 54px;
    }
}
.about__spec-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media only screen and (min-width: 1200px) {
    .about__spec-item:before {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.about__spec-item:nth-child(1):before {
    background-image: url("../../../../assets/landing/img/sprite.svg#about1-usage");
}
.about__spec-item:nth-child(2):before {
    background-image: url("../../../../assets/landing/img/sprite.svg#about2-usage");
}
.about__spec-item:nth-child(3):before {
    background-image: url("../../../../assets/landing/img/sprite.svg#about3-usage");
}
.about__spec-item:nth-child(4):before {
    background-image: url("../../../../assets/landing/img/sprite.svg#about4-usage");
}
.about__spec-item:nth-child(5):before {
    background-image: url("../../../../assets/landing/img/sprite.svg#about5-usage");
}
/*.about__spec-item:nth-child(1):before {
    width: 30px;
    height: 30px;
    background-image: url("../../../../assets/landing/img/sprite.svg#about1-usage");
}*/
.about__message {
    width: 100%;
    padding-top: 3%;
    padding-bottom: 3.5%;
    background: #fff;
}
@media only screen and (min-width: 768px) {
    .about__message {
        width: 50%;
    }
}
@media only screen and (min-width: 960px) {
    .about__message {
        width: 60%;
    }
}
@media only screen and (min-width: 1440px) {
    .about__message {
        padding-top: 56px;
        padding-bottom: 50px;
    }
}
.about__message-content {
    width: 90%;
    max-width: 670px;
}
@media only screen and (max-width: 767px) {
    .about__message-content {
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 768px) {
    .about__message-content {
        padding-left: 7%;
        width: 86%;
    }
}
@media only screen and (min-width: 1440px) {
    .about__message-content {
        padding-left: 82px;
    }
}
.about__guarantees {
    margin-top: 1.3333333333em;
    margin-bottom: 0.8333333333em;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.03em;
}
@media only screen and (min-width: 960px) {
    .about__guarantees {
        font-size: 24px;
    }
}
.about__ceo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.03em;
}
@media only screen and (min-width: 480px) {
    .about__ceo {
        font-size: 14px;
    }
}
.about__ceo-name {
    max-width: 11.7142857143em;
    margin-right: 24px;
}
.about__ceo-pic {
    position: relative;
    top: 4px;
    width: 84px;
}
.why {
    padding-top: 30px;
    padding-bottom: 30px;
}
@media only screen and (min-width: 720px) {
    .why {
        padding-top: 4.1666666667%;
        padding-bottom: 4.1666666667%;
    }
}
@media only screen and (min-width: 1440px) {
    .why {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.why__title {
    padding-top: 0;
}
.why__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.why__item {
    /*width: 48.264%;*/
    margin-bottom: 3.472%;
    padding: 3.1% 3.84% 2.8% 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    background: #b3d4fc73;
    font-size: 12px;
}
@media only screen and (max-width: 360px) {
    .why__item {
        padding: 6% 2.5%;
        text-align: center;
    }
}
@media only screen and (min-width: 480px) {
    .why__item {
        font-size: 13px;
    }
}
@media only screen and (min-width: 720px) {
    .why__item {
        /*width: 24%;*/
        margin-bottom: 1.3%;
        font-size: 1.6666666667vw;
    }
}
@media only screen and (min-width: 840px) {
    .why__item {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1260px) {
    .why__item {
        padding: 2.625em 3.25em 2.375em 3.375em;
        font-size: 1.1111111111vw;
    }
}
@media only screen and (min-width: 1440px) {
    .why__item {
        width: 318px;
        font-size: 16px;
    }
}


.why__item-title {
    position: relative;
    min-height: 9.1111111111em;
    /*max-width: 11.2222222222em;*/
    margin-top: 0;
    padding-top: 6.1111111111em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 1.125em;
    line-height: 1.5;
    letter-spacing: 0.03em;
}
@media only screen and (max-width: 360px) {
    .why__item-title {
        max-width: 8em;
        min-height: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.5714285714em;
        padding-top: 5.3571428571em;
        font-size: 1.1666666667em;
        line-height: 1.29;
    }
}
.why__item-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 3.2857142857em;
    height: 3.2857142857em;
    margin-left: -2em;
    border: 0.3571428571em solid #10677a;
    border-radius: 50%;
}
@media only screen and (min-width: 361px) {
    .why__item-title:before {
        width: 3.3333333333em;
        height: 3.3333333333em;
        left: -0.3333333333em;
        margin-left: 0;
        border: 0.5555555556em solid #10677a;
    }
}
.why__item-title:after {
    content: "";
    top: 2em;
    left: 65%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media only screen and (min-width: 361px) {
    .why__item-title:after {
        top: 2.2222222222em;
        left: 0;
        -webkit-transform: translate(36%, -50%);
        -moz-transform: translate(36%, -50%);
        -ms-transform: translate(36%, -50%);
        -o-transform: translate(36%, -50%);
        transform: translate(36%, -50%);
    }
}
.why__item:nth-child(1) .why__item-title:after {
    width: 4.1111111111em;
    height: 4.1111111111em;
    background-image: url("../../../../assets/landing/img/sprite.svg#why1-usage");
}
.why__item:nth-child(2) .why__item-title:after {
    width: 5.2222222222em;
    height: 1.6666666667em;
    background-image: url("../../../../assets/landing/img/sprite.svg#why2-usage");
}
.why__item:nth-child(3) .why__item-title:after {
    width: 3.4444444444em;
    height: 3.6666666667em;
    background-image: url("../../../../assets/landing/img/sprite.svg#why3-usage");
}
.why__item:nth-child(4) .why__item-title:after {
    width: 3.3333333333em;
    height: 3em;
    background-image: url("../../../../assets/landing/img/sprite.svg#why4-usage");
}
.why__item:nth-child(5) .why__item-title:after {
    width: 3.7777777778em;
    height: 3.7777777778em;
    background-image: url("../../../../assets/landing/img/sprite.svg#why5-usage");
}
.why__item:nth-child(6) .why__item-title:after {
    width: 3.2222222222em;
    height: 3.6666666667em;
    background-image: url("../../../../assets/landing/img/sprite.svg#why6-usage");
}
.why__item:nth-child(7) .why__item-title:after {
    width: 3.4444444444em;
    height: 3.6666666667em;
    background-image: url("../../../../assets/landing/img/sprite.svg#why7-usage");
}
.why__item:nth-child(8) .why__item-title:after {
    width: 3.4444444444em;
    height: 3.6666666667em;
    background-image: url("../../../../assets/landing/img/sprite.svg#why8-usage");
}
.why__item:nth-child(9) .why__item-title:after {
    width: 3.4444444444em;
    height: 3.6666666667em;
    background-image: url("../../../../assets/landing/img/sprite.svg#why9-usage");
}
.why__item:nth-child(10) .why__item-title:after {
    width: 3.4444444444em;
    height: 3.6666666667em;
    background-image: url("../../../../assets/landing/img/sprite.svg#why10-usage");
}
.why__item:nth-child(11) .why__item-title:after {
    width: 3.4444444444em;
    height: 3.6666666667em;
    background-image: url("../../../../assets/landing/img/sprite.svg#why11-usage");
}
.why__item:nth-child(12) .why__item-title:after {
    width: 3.4em;
    height: 3.6666666667em;
    background-image: url("../../../../assets/landing/img/sprite.svg#why12-usage");
}
.why__item-text {
    margin: 0;
    line-height: 1.3333333333;
    letter-spacing: 0.03em;
    font-size: 1em;
}
@media only screen and (min-width: 361px) {
    .why__item-text {
        /*min-height: 6em;*/
        line-height: 1.5;
    }
}
/* Блок "Почему к нам возвращаются?" */
.why {
    position: relative;
    padding: 80px 40px;
    border-radius: 32px;
    background: #f5f8f6;
    overflow: hidden;
}

/* Лёгкий декоративный фон */
.why::before,
.why::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.why::before {
    width: 420px;
    height: 420px;
    top: -180px;
    right: -120px;
    background: rgba(16, 103, 122, 0.06);
}

.why::after {
    width: 300px;
    height: 300px;
    bottom: -150px;
    left: -100px;
    background: rgba(16, 103, 122, 0.04);
}

.why__title {
    position: relative;

    margin-bottom: 50px;
}

/* Сетка карточек */
.why__list {
    position: relative;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Карточка */
.why__item {
    position: relative;
    padding: 30px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow:
        0 10px 30px rgba(24, 54, 40, 0.07),
        0 2px 8px rgba(24, 54, 40, 0.04);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

/* Подъём карточки при наведении */
.why__item:hover {
    transform: translateY(-6px);
    box-shadow:
        0 18px 40px rgba(24, 54, 40, 0.12),
        0 4px 12px rgba(24, 54, 40, 0.06);
}

/* Заголовок */
.why__item-title {
    position: relative;
    /*padding-left: 38px;*/
    color: #10677a;
}

/* Декоративная иконка */
.why__item-title::before {
    content: '✓';
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 26px;
    height: 26px;
    border-radius: 50%;

    color: #ffffff;
    background: #10677a;
    font-size: 15px;
    font-weight: 700;

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

/* Анимация иконки */
.why__item:hover .why__item-title::before {
    transform: rotate(360deg) scale(1.12);
    box-shadow: 0 0 0 7px rgba(16, 103, 122, 0.12);
}

/* Текст */
.why__item-text {
    margin-top: 16px;
    color: #4e5c55;
}

/* Планшет */
@media (max-width: 1100px) {
    .why__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Мобильные устройства */
@media (max-width: 700px) {
    .why {
        padding: 50px 20px;
        border-radius: 20px;
    }

    .why__list {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .why__item {
        padding: 24px;
    }
}
.works {
    font-size: 14px;
}
@media only screen and (min-width: 1225px) {
    .works {
        font-size: 1.1428571429vw;
    }
}
@media only screen and (min-width: 1440px) {
    .works {
        font-size: 16px;
    }
}
.works .s-title {
    width: 90%;
    max-width: 18em;
}
@media only screen and (max-width: 479px) {
    .works .container {
        width: 100%;
    }
}
.works {
    font-size: 14px;
}

@media only screen and (min-width: 1225px) {
    .works {
        font-size: 1.1428571429vw;
    }
}

@media only screen and (min-width: 1440px) {
    .works {
        font-size: 16px;
    }
}

.works .s-title {
    width: 90%;
    max-width: 18em;
}

@media only screen and (max-width: 479px) {
    .works .container {
        width: 100%;
    }
}

.work {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10% 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2em;
    background: #fff;

    /* Косметика */
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s ease;
}

@media only screen and (min-width: 800px) {
    .work {
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-align-items: center;
        align-items: center;
        padding: 5% 6.3888888889%;
        border-radius: 3px;
    }

    .work:hover {
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    }
}

@media only screen and (min-width: 1225px) {
    .work {
        padding: 4.5em 5.75em;
    }
}

.work--odd {
    color: #fff;
    background: #262626;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}

@media only screen and (min-width: 800px) {
    .work--odd:hover {
        box-shadow: 0 8px 26px rgba(0, 0, 0, 0.22);
    }
}

.work__gallery {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 799px) {
    .work__gallery {
        margin-bottom: 1.7142857143em;
    }
}

@media only screen and (min-width: 800px) {
    .work__gallery {
        width: 35.34%;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .work--odd .work__gallery {
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
    }
}

.work__gallery:before {
    content: "";
    position: absolute;
    top: -1.5em;
    right: -4.375em;
    width: 18.75em;
    height: 6.1875em;
    background: url("../../../../assets/landing/img/sprite.svg#matrix-gray-usage") no-repeat center/cover;
    transition: opacity 0.35s ease;
}

.work--odd .work__gallery:before {
    right: auto;
    left: -4.375em;
    opacity: 0.25;
}

@media only screen and (min-width: 800px) {
    .work__gallery:before {
        top: -2.375em;
    }
}

@media only screen and (min-width: 800px) {
    .work:hover .work__gallery:before {
        opacity: 0.32;
    }

    .work--odd:hover .work__gallery:before {
        opacity: 0.35;
    }
}

@media only screen and (min-width: 800px) {
    .work__gallery .lSSlideWrapper img {
        width: 100%;
        max-height: 15.5em;
    }
}

.work__gallery .lSAction {
    display: none !important;
}

.work__gallery .lSSlideOuter .lSPager.lSGallery {
    margin-top: 0.625em !important;
}

/* =========================================
   АНИМАЦИЯ ФОТОГРАФИЙ
========================================= */

.work__gallery img {
    transition:
        filter 0.45s ease,
        opacity 0.45s ease;
}

/* Эффект при наведении на область галереи */
@media only screen and (min-width: 800px) {
    .work__gallery:hover img {
        filter: brightness(1.06);
    }

    /* Более выраженный эффект на конкретной фотографии */
    .work__gallery img {
    transition:
        filter 0.35s ease,
        transform 0.35s ease;
}

.work__gallery img:hover {
    filter: brightness(1.12);
    z-index: 3;
    transform: translateY(-4px);
     }
}

/* =========================================
   АНИМАЦИЯ МИНИАТЮР
========================================= */

.work__gallery .lSPager.lSGallery li {
    transition:
        opacity 0.3s ease,
        filter 0.3s ease;
}

@media only screen and (min-width: 800px) {
    .work__gallery .lSPager.lSGallery li:hover {
        opacity: 1;
        filter: brightness(1.08);
    }
}

/* =========================================
   КОНТЕНТ
========================================= */

.work__content {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (min-width: 800px) {
    .work__content {
        width: 57.5%;
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
    }

    .work--odd .work__content {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        padding-right: 0;
    }
}

.work__content *:last-child {
    margin-bottom: 0;
}

.work__title {
    margin-bottom: 1.1333333333em;
    font-weight: 600;
    font-size: 1.875em;
    transition: color 0.25s ease;
}

@media only screen and (max-width: 799px) {
    .work__title {
        margin-bottom: 0.8em;
        font-size: 1.5em;
        text-align: center;
    }
}

@media only screen and (min-width: 800px) {
    .work:not(.work--odd):hover .work__title {
        color: #10677a;
    }
}

.work p {
    font-size: 1em;
    line-height: 1.6875;
}

/* =========================================
   МОБИЛЬНЫЕ УСТРОЙСТВА
========================================= */

@media only screen and (max-width: 799px) {
    .work {
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    }

    .work__gallery img {
        transition: none;
    }

    .work__gallery .lSPager.lSGallery li {
        transition: none;
    }
}

/* =========================================
   ОТКЛЮЧЕНИЕ АНИМАЦИЙ
========================================= */

@media (prefers-reduced-motion: reduce) {
    .work,
    .work__gallery:before,
    .work__title,
    .work__gallery img,
    .work__gallery .lSPager.lSGallery li {
        transition: none;
    }
}

 .help {
    position: relative;
    margin-top: 8%;
    margin-bottom: 8%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;

    /* косметика */
    border-radius: 6px;
    overflow: visible;
}

/* =========================
   ГАЛЕРЕЯ
========================= */

.help__gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    width: 100%;

    /* косметика */
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
    background: #1a1a1a;
}

.help__gallery-item {
    position: relative;
    width: 33.33%;
    overflow: hidden;

    /* анимация */
    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}

.help__gallery-item:before {
    content: "";
    display: block;
    padding-top: 79%;
}

.help__gallery-item img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;

    transition:
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.35s ease;
}

/* hover только на устройствах с мышью */
@media (hover: hover) and (pointer: fine) {
    .help__gallery-item:hover {
        z-index: 3;
        transform: translateY(-4px);
    }

    .help__gallery-item:hover img {
        transform: scale(1.08);
        filter: brightness(1.08);
    }
}

.help__gallery-item:nth-of-type(n + 7) {
    display: none;
}

/* =========================
   ОСНОВНОЙ БЛОК
========================= */

.help__action {
    position: relative;
    width: 100%;
    padding: 10% 5% 12%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    color: #fff;
    background:
        linear-gradient(
            135deg,
            rgba(15, 15, 15, 0.22),
            rgba(15, 15, 15, 0.58)
        ),
        url("../../../../assets/landing/img/help-bg.jpg") no-repeat center/cover;

    /* косметика */
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
    transition:
        box-shadow 0.4s ease,
        transform 0.4s ease;
}

/* лёгкий эффект при наведении на сам блок */
@media (hover: hover) and (pointer: fine) {
    .help__action:hover {
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
    }
}

/* декоративный зелёный свет */
.help__action:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 4px;
    background: #10677a;
    box-shadow: 0 0 18px rgba(16, 103, 122, 0.6);
}

/* =========================
   ЗАГОЛОВОК
========================= */

.help__title {
    margin: 0 0 0.85em;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-align: center;

    /* анимация появления */
    animation: helpTitleAppear 0.8s ease both;
}

.help__title-accent {
    color: #10677a;
    text-shadow: 0 0 18px rgba(16, 103, 122, 0.3);
}

/* =========================
   КНОПКА
========================= */

.help__action .btn {
    margin: 0 auto;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

@media (hover: hover) and (pointer: fine) {
    .help__action .btn:hover {
        transform: translateY(-3px);
        box-shadow:
            0 10px 25px rgba(0, 0, 0, 0.25),
            0 0 20px rgba(16, 103, 122, 0.22);
    }
}

/* =========================
   ДЕКОРАТИВНЫЙ MATRIX
========================= */

.help__action:before {
    /*content: "";*/
    position: absolute;
    z-index: 0;
    bottom: -10vw;
    left: 6.25vw;
    width: 118.75vw;
    height: 39.0625vw;
    background: url("../../../../assets/landing/img/sprite.svg#matrix-white-usage")
        no-repeat center/cover;

    opacity: 0.35;
    pointer-events: none;
    animation: matrixFloat 8s ease-in-out infinite;
}

.help__title,
.help__action .btn {
    position: relative;
    /*z-index: 1;*/
}

/* =========================
   АДАПТИВ
========================= */

@media only screen and (max-width: 479px) {
    .help__action {
        background:
            linear-gradient(
                135deg,
                rgba(15, 15, 15, 0.25),
                rgba(15, 15, 15, 0.62)
            ),
            url("../../../../assets/landing/img/help-bg-s.jpg")
                no-repeat center/cover;
    }

    .help__action:after {
        width: 60px;
        height: 3px;
    }

    .help__gallery {
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
    }

    .help__gallery-item {
        width: 33.33%;
    }
}

@media only screen and (min-width: 420px) {
    .help__action {
        padding-top: 34px;
        padding-bottom: 44px;
    }
}

@media only screen and (min-width: 600px) {
    .help {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

@media only screen and (min-width: 860px) {
    .help {
        margin-top: 4.375em;
        font-size: 1.1111111111vw;
    }

    .help__gallery {
        width: 42%;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        overflow: hidden;
    }

    .help__action {
        -ms-align-items: flex-start;
        align-items: flex-start;
        width: 56%;
        padding: 3.375em 4.375em 4em;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    .help__action .btn {
        margin: 0;
        font-size: 14px;
    }

    .help__title {
        max-width: 13.5em;
        font-size: 2.5em;
        text-align: left;
    }

    .help__action:before {
        bottom: -2.875em;
        left: 4.375em;
        width: 36.375em;
        height: 12.08125em;
    }
}

@media only screen and (min-width: 1260px) {
    .help__action .btn {
        font-size: 1.1111111111vw;
    }
}

@media only screen and (min-width: 1440px) {
    .help {
        font-size: 16px;
    }

    .help__action .btn {
        font-size: 16px;
    }
}

/* =========================
   АНИМАЦИИ
========================= */

@keyframes helpTitleAppear {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes matrixFloat {
    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-8px) rotate(1deg);
    }
}

/* на маленьких экранах отключаем постоянную анимацию,
   чтобы блок не создавал лишнюю нагрузку */
@media (prefers-reduced-motion: reduce) {
    .help__action:before,
    .help__title {
        animation: none;
    }

    .help__gallery-item,
    .help__gallery-item img,
    .help__action,
    .help__action .btn {
        transition: none;
    }
}
.types {
    position: relative;
    padding: 9.375% 0 0.0125%;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.285;
    color: #fff;
    background:
        linear-gradient(rgba(5, 5, 6, 0.8), rgba(5, 5, 6, 0.8)),
        url("../../../../assets/landing/img/types-bg-s.jpg") center/cover no-repeat;
}
@media only screen and (min-width: 480px) {
    .types {
        padding-top: 40px;
        padding-bottom: 10px;
        background:
            linear-gradient(rgba(5, 5, 6, 0.8), rgba(5, 5, 6, 0.8)),
            url("../../../../assets/landing/img/types-bg.jpg") center/cover no-repeat;
    }
}
@media only screen and (min-width: 640px) {
    .types {
        padding-top: 4.1666666667%;
        padding-bottom: 4.8611111111%;
    }
}
@media only screen and (min-width: 768px) {
    .types {
        font-size: 18px;
        line-height: 1.5;
    }
}
@media only screen and (min-width: 1440px) {
    .types {
        padding-top: 50px;
        padding-bottom: 62px;
    }
}
.types .s-title {
    position: relative;
    padding-top: 0;
    margin-bottom: 1.3em;
}
.types__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.types__preview {
    width: 48.6%;
    margin-bottom: 38px;
    text-align: center;
    cursor: pointer;
}
@media only screen and (min-width: 640px) {
    .types__preview {
        width: 24%;
        margin-bottom: 0;
    }
}
.types__preview-pic {
    border-radius: 3px;
    overflow: hidden;
    background: #000;
}
.types__preview-pic img {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}
.types__preview:hover .types__preview-pic img {
    opacity: 0.3;
}
.types__preview-lightbox {
    position: relative;
    display: block;
}
.types__preview-lightbox:before {
    content: "";
    position: absolute;

    top: 50%;
    left: 50%;
    width: 15.1898734177%;
    height: 22.2222222222%;
    margin-top: -7.4074074074%;
    margin-left: -7.5949367089%;
    background: url("../../../../assets/landing/img/sprite.svg#zoom-usage") no-repeat center/cover;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform 0.15s ease-in;
    -moz-transition: transform 0.15s ease-in;
    -ms-transition: transform 0.15s ease-in;
    -o-transition: transform 0.15s ease-in;
    transition: transform 0.15s ease-in;
}
.types__preview:hover .types__preview-lightbox:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.types__preview-title {
    max-width: 7.5555555556em;
    margin: 1em auto 0;
    font-size: 14px;
    letter-spacing: 0.03em;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}
@media only screen and (min-width: 480px) {
    .types__preview-title {
        font-size: 16px;
    }
}
@media only screen and (min-width: 640px) {
    .types__preview-title {
        margin-top: 1.4444444444em;
    }
}
@media only screen and (min-width: 1120px) {
    .types__preview-title {
        font-size: 1.25vw;
    }
}
@media only screen and (min-width: 1366px) {
    .types__preview-title {
        font-size: 18px;
    }
}
.types__preview:hover .types__preview-title {
    opacity: 0.3;
}
.type {
    font-size: 14px;
}
@media only screen and (min-width: 1260px) {
    .type {
        font-size: 1.1111111111vw;
    }
}
@media only screen and (min-width: 1440px) {
    .type {
        font-size: 16px;
    }
}
.type .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding-bottom: 3.75em;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
}
@media only screen and (max-width: 1079px) {
    .type .container {
        width: 100%;
        border-radius: 0;
    }
}
.type p {
    font-size: 1em;
    line-height: 1.6875;
}
.type p:last-child {
    margin-bottom: 0;
}
.type h3 {
    max-width: 80%;
    margin: 0 auto 0.1em;
    font-size: 20px;
}
@media only screen and (min-width: 366px) {
    .type h3 {
        max-width: none;
        font-size: 1.875em;
    }
}
.type h4 {
    font-size: 1.25em;
}
@media only screen and (min-width: 1440px) {
    .type h4 {
        font-size: 20px;
    }
}
.type__about,
.type__gallery,
.type__characteristics,
.type__mountings {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
@media only screen and (min-width: 480px) {
    .type__about,
    .type__gallery,
    .type__characteristics,
    .type__mountings {
        text-align: left;
    }
}
.type__about {
    padding: 8% 5%;
    width: 48.9%;
}
@media only screen and (max-width: 1079px) {
    .type__about {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 780px;
    }
}
@media only screen and (min-width: 367px) {
    .type__about {
        padding-top: 30px;
        padding-bottom: 36px;
    }
}
@media only screen and (min-width: 1080px) {
    .type__about {
        padding: 2.8125em 2.5em 2.8125em 3.375em;
    }
}
.type__about-title {
    display: inline-block;
    background: #fff;
}
.type__about h4 {
    margin-top: 2.1em;
}
.type__about ul {
    list-style: none;
    max-width: 31.75em;
    margin-top: 1.625em;
    padding: 0;
}
.type__about ul:last-child {
    margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
    .type__about ul {
        margin-left: auto;
        margin-right: auto;
    }
}
.type__about li {
    position: relative;
    margin: 0;
    padding-left: 2.3125em;
    line-height: 1.6875;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.type__about li:not(:last-of-type) {
    margin-bottom: 0.5em;
}
.type__about li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5em;
    display: block;
    width: 0.875em;
    height: 0.625em;
    background: url("../../../../assets/landing/img/sprite.svg#check-usage") center/cover no-repeat;
}
.type__gallery {
    width: 51.1%;
}
@media only screen and (max-width: 1079px) {
    .type__gallery {
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
        width: 100%;
        padding: 16px;
        background: #262626;
    }
}
@media only screen and (min-width: 1080px) {
    .type__gallery {
        margin-bottom: 4.7112462006%;
    }
    .type__gallery:before {
        /*content: "";*/
        position: absolute;

        display: block;
        top: 3.875em;
        left: -32.5%;
        width: 81.8452380952%;
        height: 0.4375em;
        background: #10677a;
    }
    .type__gallery:after {
        /* content: ""; */
        position: absolute;
        bottom: -2em;
        left: -3.125em;
        width: 27.125em;
        height: 8.875em;
        /* background: url("../../../../assets/landing/img/sprite.svg#matrix-gray-usage") no-repeat center/cover; */
    }
}
@media only screen and (min-width: 1440px) and (min-width: 1440px) {
    .type__gallery:before {
        left: -420px;
        width: 550px;
    }
}
.type__gallery .lSSlideOuter {
    position: relative;
    max-width: 674px;
    margin: 0 auto;
    border-bottom-left-radius: 3px;
    background: #262626;
}
@media only screen and (min-width: 1080px) {
    .type__gallery .lSSlideOuter {
        padding: 2.125em 0 2em 1.875em;
    }
}
@media only screen and (min-width: 1080px) {
    .type__gallery .lSSlideWrapper img {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}
.type__characteristics {
    padding: 8% 0;
    text-align: left;
    color: #fff;
}
@media only screen and (max-width: 1079px) {
    .type__characteristics {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        padding-bottom: 12%;
    }
}
@media only screen and (min-width: 367px) {
    .type__characteristics {
        padding-top: 30px;
        padding-bottom: 36px;
    }
}
@media only screen and (min-width: 1080px) {
    .type__characteristics {
        width: 48.8%;
        padding: 3.1914893617% 3.125em 3.625em 3.125em;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
}
.type--190 .type__characteristics {
    background:
        linear-gradient(rgba(22, 22, 22, 0.9), rgba(22, 22, 22, 0.9)),
        url("../../../../assets/landing/img/matrix-bg.jpg") no-repeat center/cover;
}
.type--191 .type__characteristics {
    background:
        linear-gradient(rgba(23, 23, 23, 0.9), rgba(22, 22, 22, 0.9)),
        url("../../../../assets/landing/img/butt-bg.jpg") no-repeat center/cover;
}
.type--192 .type__characteristics {
    background:
        linear-gradient(rgba(22, 22, 22, 0.9), rgba(22, 22, 22, 0.9)),
        url("../../../../assets/landing/img/modules-bg.jpg") no-repeat center/cover;
}
@media only screen and (max-width: 1079px) {
    .type__characteristics-content {
        margin-left: auto;
        margin-right: auto;
        max-width: 780px;
        padding: 0 5%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 479px) {
    .type__characteristics h3 {
        text-align: center;
    }
}
.type__characteristics-list {
    list-style: none;
    padding: 0;
    margin-top: 2.25em;
    margin-bottom: 0;
}
@media only screen and (min-width: 1080px) {
    .type__characteristics-list {
        max-width: 33.75em;
    }
}
.type__characteristics-item {
    position: relative;
    padding-left: 2.3125em;
    text-align: left;
    line-height: 1.6875;
    letter-spacing: 0.03em;
}
.type__characteristics-item:not(:last-of-type) {
    margin-bottom: 1.20625em;
}
@media only screen and (min-width: 1080px) {
    .type__characteristics-item {
        padding-left: 2.625em;
    }
}
.type__characteristics-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.75em;
    width: 5px;
    height: 5px;
    margin-top: -2px;
    border: 1px solid #10677a;
    border-radius: 50%;
}
@media only screen and (min-width: 1080px) {
    .type__characteristics-item:before {
        top: 0.75em;
        width: 6px;
        height: 6px;
        margin-top: -3px;
        border-width: 2px;
    }
}
.type__characteristics .btn {
    left: 3em;
    margin-top: 2.8571428571em;
}
@media only screen and (max-width: 365px) {
    .type__characteristics .btn {
        left: 0;
    }
}
@media only screen and (min-width: 1080px) {
    .type__characteristics .btn {
        margin-top: 5.1428571429em;
    }
}
.type__mountings {
    padding: 8% 5%;
}
@media only screen and (max-width: 1079px) {
    .type__mountings {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0 !important;
        max-width: 780px;
    }
}
@media only screen and (min-width: 367px) {
    .type__mountings {
        padding-top: 30px;
        padding-bottom: 36px;
    }
}
@media only screen and (min-width: 1080px) {
    .type__mountings {
        width: 51.2%;
        padding: 3.1914893617% 4.5592705167%;
    }
}
@media only screen and (min-width: 1200px) {
    .type__mountings {
        padding-left: 6.0790273556%;
    }
}
.type__mountings-title {
    margin-bottom: 1.2em !important;
}
.type__mountings h4:first-of-type {
    margin-bottom: 2px;
}
.type__mountings h4:first-of-type + p {
    margin-top: 0;
}
.type__video {
    width: 100%;
    margin-top: 8%;
    text-align: center;
}
@media only screen and (max-width: 1079px) {
    .type__video {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
    }
}
@media only screen and (min-width: 367px) {
    .type__video {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 1440px) {
    .type__video {
        margin-top: 4.375em;
    }
}
.type__video-wrapper {
    width: 90%;
    max-width: 45.625em;
    margin: 1.375em auto 0;
    border-radius: 5px;
    overflow: hidden;
}
.type__video-link {
    display: block;
    position: relative;
}
.type__video-link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("../../../../assets/landing/img/sprite.svg#play-usage") no-repeat center/cover;
    filter: drop-shadow(0px 0 20px rgba(26, 25, 25, 0.2));
}
@media only screen and (min-width: 480px) {
    .type__video-link:before {
        width: 80px;
        height: 80px;
    }
}
.type__guarantee {
    position: relative;
    width: 89%;
    margin: 10% auto 2.75em;
    text-align: center;
}
@media only screen and (max-width: 1079px) {
    .type__guarantee {
        -webkit-box-ordinal-group: 5;
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 5;
        -webkit-order: 5;
        order: 5;
    }
}
@media only screen and (min-width: 367px) {
    .type__guarantee {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 1080px) {
    .type__guarantee {
        margin-top: 4%;
    }
}
@media only screen and (min-width: 1440px) {
    .type__guarantee {
        margin-top: 3.75em;
    }
}
.type__guarantee-title {
    position: relative;
    padding: 0 0.6666666667em;
    display: inline-block;
    background: #fff;
}
@media only screen and (min-width: 640px) {
    .type__guarantee-title {
        padding: 0 1.3333333333em;
    }
}
@media only screen and (min-width: 1440px) {
    .type__guarantee-title {
        padding: 0 2.0666666667em;
    }
}
.type__guarantee-title:after {
    content: "*";
    font-weight: 300;
    opacity: 0.8;
}
.type__guarantee:before {
    content: "";
    position: absolute;
    top: 0.75em;
    left: 0;
    width: 100%;
    height: 0.4375em;
    background: #10677a;
}
@media only screen and (min-width: 366px) {
    .type__guarantee:before {
        top: 1.1875em;
    }
}
.type__guarantee small {
    display: block;
}
@media only screen and (max-width: 1239px) {
    .type__guarantee small {
        width: 86%;
        margin: 1em auto 0;
    }
}
@media only screen and (min-width: 1240px) {
    .type__guarantee small {
        position: absolute;
        right: 0;
        bottom: -0.3076923077em;
    }
}
@media only screen and (max-width: 365px) {
    .type__btn {
        width: 90%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1079px) {
    .type__btn {
        -webkit-box-ordinal-group: 6;
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 6;
        -webkit-order: 6;
        order: 6;
    }
}

.production {
    margin-bottom: 3em;
}

/* =========================
   Заголовок
========================= */

.production .s-title {
    padding-top: 2.2222222222%;
}

@media only screen and (min-width: 1440px) {
    .production .s-title {
        padding-top: 32px;
    }
}

/* =========================
   Основной блок
========================= */

.production .container {
    font-size: 14px;
    color: #fff;
    background: url("../../../../assets/landing/img/production-bg.jpg") fixed no-repeat center/cover;

    /* Косметика */
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
}

@media only screen and (max-width: 479px) {
    .production .container {
        width: 100%;
        background: url("../../../../assets/landing/img/production-bg-s.jpg") fixed no-repeat center/cover;

        /* На мобильных тень немного мягче */
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    }
}

@media only screen and (min-width: 480px) {
    .production .container {
        overflow: hidden;
        font-size: 16px;
        border-radius: 3px;
    }
}

/* =========================
   Описание
========================= */

.production__description {
    width: 90%;
    max-width: 58.125em;
    margin: 0 auto;
    padding-top: 48px;
    padding-bottom: 32px;
    font-weight: 500;
    line-height: 1.6875;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;

    /* Косметика */
    transition: opacity 0.35s ease;
}

@media only screen and (min-width: 480px) {
    .production__description {
        padding-top: 7.7777777778%;
        padding-bottom: 6.6666666667%;
    }
}

@media only screen and (min-width: 720px) {
    .production__description {
        padding-top: 3.5em;
        padding-bottom: 3em;
    }
}

/* =========================
   Вводный текст
========================= */

.production__introtext {
    width: 90%;
    max-width: 69.2857142857em;
    margin: 0 auto;
    padding: 32px 3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.7142857143;
    text-align: center;
    color: #1a1919;
    background: #fff;
    border-radius: 3px;

    /* Косметика */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transition:
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

@media only screen and (min-width: 480px) {
    .production__introtext {
        padding-top: 6.6666666667%;
        padding-bottom: 6.6666666667%;
    }
}

@media only screen and (min-width: 720px) {
    .production__introtext {
        padding-top: 1.5714285714em;
        padding-bottom: 1.5714285714em;
    }
}

@media only screen and (min-width: 800px) {
    .production__introtext:hover {
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
        transform: translateY(-2px);
    }
}

/* =========================
   Заголовок "С нами удобно"
========================= */

.production__ease-title {
    margin-top: 1.3333333333em;
    margin-bottom: 1.1em;
    font-size: 24px;
    text-align: center;
    color: #fff;

    /* Косметика */
    transition:
        text-shadow 0.3s ease,
        transform 0.3s ease;
}

@media only screen and (min-width: 640px) {
    .production__ease-title {
        font-size: 1.875em;
    }
}

@media only screen and (min-width: 480px) {
    .production__ease-title {
        margin-bottom: 7.7777777778%;
    }
}

@media only screen and (min-width: 720px) {
    .production__ease-title {
        margin-bottom: 1.6666666667em;
    }
}

/* =========================
   Список шагов
========================= */

.production__ease {
    list-style: none;
    counter-reset: prods;
    width: 90%;
    max-width: 360px;
    padding: 0 0 2.0833333333%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

@media only screen and (min-width: 720px) {
    .production__ease {
        max-width: 1110px;
        padding-bottom: 7.6388888889%;
    }
}

@media only screen and (min-width: 1440px) {
    .production__ease {
        padding-bottom: 6.875em;
    }
}

/* =========================
   Элемент шага
========================= */

.production__item {
    position: relative;
    width: 50%;
    padding: 7.7777777778em 3% 0;
    margin: 0 auto 3em;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.1666666667;
    letter-spacing: 0.03em;
    text-align: center;
    counter-increment: prods;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Косметика */
    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}

@media only screen and (min-width: 480px) {
    .production__item {
        font-size: 16px;
    }
}

@media only screen and (min-width: 720px) {
    .production__item {
        width: 25%;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1058px) {
    .production__item {
        font-size: 1.4173228346vw;
    }
}

@media only screen and (min-width: 1270px) {
    .production__item {
        font-size: 1.125em;
    }
}

/* =========================
   Иконки шагов
========================= */

.production__item:before {
    content: "";
    top: 2.7777777778em;
    left: 60%;
    width: 4.4444444444em;
    height: 4.4444444444em;
    font-size: 1em;
    border: none;
    border-radius: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* Косметика */
    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}

.production__item:nth-child(1) {
    padding-left: 6%;
    padding-right: 6%;
}

.production__item:nth-child(1):before {
    background-image: url("../../../../assets/landing/img/sprite.svg#turnkey1-usage");
}

.production__item:nth-child(2):before {
    width: 5.4444444444em;
    height: 4.1111111111em;
    background-image: url("../../../../assets/landing/img/sprite.svg#turnkey2-usage");
}

.production__item:nth-child(3):before {
    width: 4.1111111111em;
    height: 4.1111111111em;
    background-image: url("../../../../assets/landing/img/sprite.svg#turnkey3-usage");
}

.production__item:nth-child(4):before {
    background-image: url("../../../../assets/landing/img/sprite.svg#turnkey4-usage");
}

/* Круг вокруг иконки */

.production__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 4.4444444444em;
    height: 4.4444444444em;
    margin-left: -2.7777777778em;
    border: 0.5555555556em solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;

    /* Косметика */
    transition:
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        transform 0.35s ease;
}

/* Hover только на больших экранах */
@media only screen and (min-width: 800px) {
    .production__item:hover {
        transform: translateY(-5px);
    }

    .production__item:hover:before {
        transform: translate(-50%, -50%) scale(1.08);
        filter: brightness(1.08);
    }

    .production__item:hover:after {
        border-color: rgba(16, 103, 122, 0.65);
        box-shadow: 0 0 0 8px rgba(16, 103, 122, 0.08);
        transform: scale(1.05);
    }
}

/* =========================
   Текст шага
========================= */

.production__item-text {
    position: relative;
    max-width: 7.7777777778em;
    margin: 0 auto;
}

@media only screen and (min-width: 480px) {
    .production__item-text {
        max-width: 12.2222222222em;
    }
}

.production__item-text span {
    position: relative;
}

.production__item-text:before {
    content: counter(prods);
    position: absolute;
    left: -0.1111111111em;
    top: -0.2222222222em;
    font-weight: bold;
    font-size: 5em;
    line-height: 1;
    opacity: 0.5;
    color: #000;

    /* Косметика */
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

@media only screen and (min-width: 720px) {
    .production__item-text:before {
        left: -0.4444444444em;
    }
}

@media only screen and (min-width: 800px) {
    .production__item:hover .production__item-text:before {
        opacity: 0.65;
        transform: translateY(-3px);
    }
}

/* =========================
   Галерея
========================= */

.production__gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.production__gallery-item {
    width: 50%;
    overflow: hidden;

    /* Косметика */
    position: relative;
}

.production__gallery-item:nth-of-type(n + 5) {
    display: none;
}

@media only screen and (min-width: 480px) {
    .production__gallery-item {
        width: 25%;
    }
}

/* Изображения */

.production__gallery-item img {
    display: block;
    width: 100%;
    height: auto;

    /* Косметика */
    transition:
        transform 0.45s ease,
        filter 0.45s ease;
}

@media only screen and (min-width: 800px) {
    .production__gallery-item:hover img {
        transform: scale(1.06);
        filter: brightness(1.08);
    }
}

/* =========================
   Адаптив и reduced motion
========================= */

@media only screen and (max-width: 799px) {
    .production__item {
        transition: none;
    }

    .production__item:before,
    .production__item:after,
    .production__item-text:before,
    .production__gallery-item img {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .production__description,
    .production__introtext,
    .production__ease-title,
    .production__item,
    .production__item:before,
    .production__item:after,
    .production__item-text:before,
    .production__gallery-item img {
        transition: none;
    }
}













.comparison__table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 1.6216216216vw;
    text-align: center;
    border-radius: 3px;
}
@media only screen and (min-width: 1110px) {
    .comparison__table {
        font-size: 18px;
    }
}
.comparison__table td,
.comparison__table th {
    padding: 1em 2.625em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    letter-spacing: 0.03em;
    border: 1px solid rgba(145, 145, 145, 0.3);
    background: #fff;
}
.comparison__table td:first-of-type,
.comparison__table th:first-of-type {
    width: 26.875em;
    font-weight: normal;
    /*font-size: 0.8888888889em;*/
    text-align: left;
}
@media only screen and (min-width: 1440px) {
    .comparison__table td:first-of-type,
    .comparison__table th:first-of-type {
        width: 29.625em;
    }
}
.comparison__table th {
    padding-top: 1.1em;
    padding-bottom: 1.1em;
}
.comparison__table th:not(:first-of-type) {
    /*font-size: 1.1111111111em;*/
    color: #fff;
    background: #262626;
}
.comparison__table td small {
    display: block;
    margin-top: 0.1818181818em;
    font-size: 0.6875em;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: #919191;
}











.modal {
    position: fixed;
    z-index: 0;
    top: -3%;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    overflow: auto;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.47, -0.28, 0.32, 2);
    -moz-transition: all 0.3s cubic-bezier(0.47, -0.28, 0.32, 2);
    -ms-transition: all 0.3s cubic-bezier(0.47, -0.28, 0.32, 2);
    -o-transition: all 0.3s cubic-bezier(0.47, -0.28, 0.32, 2);
    transition: all 0.3s cubic-bezier(0.47, -0.28, 0.32, 2);
}
.modal::-webkit-scrollbar {
    width: 0;
}
.modal__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 2;
    height: auto;
    width: 100%;
    margin: auto;
    min-height: 100vh;
    padding: 32px 7.5% 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 4px 16px 0px rgba(25, 26, 24, 0.1);
    box-shadow: 0px 4px 16px 0px rgba(25, 26, 24, 0.1);
    background: #fff;
}
@media only screen and (min-width: 480px) {
    .modal__content {
        width: 90%;
        max-width: 470px;
        min-height: 0;
        padding-left: 10.1818181818%;
        padding-right: 10.1818181818%;
    }
}
@media only screen and (min-width: 550px) {
    .modal__content {
        padding-left: 56px;
        padding-right: 56px;
    }
}
.modal__title {
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.125;
    font-family:
        "Gilroy",
        system-ui,
        -apple-system,
        Segoe UI,
        Roboto,
        Ubuntu,
        Cantarell,
        Noto Sans,
        sans-serif;
    text-align: center;
    letter-spacing: 0.03em;
}
@media only screen and (min-width: 420px) {
    .modal__alert {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-align-items: center;
        align-items: center;
    }
}
.modal__alert-item {
    display: block;
    width: 100%;
}
@media only screen and (min-width: 420px) {
    .modal__alert-item {
        width: 170px;
    }
}
.modal__alert-item:not(:last-child) {
    margin-bottom: 16px;
}
@media only screen and (min-width: 420px) {
    .modal__alert-item:not(:last-child) {
        margin-right: 20px;
        margin-bottom: 0;
    }
}
.modal-close {
    position: absolute;
    z-index: 0;
    top: 16px;
    right: 16px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("../../../../assets/landing/img/sprite.svg#close-usage") no-repeat center/cover;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    filter: invert(1);
}
@media only screen and (min-width: 550px) {
    .modal-close {
        top: -24px;
        right: -24px;
        filter: none;
        width: 16px;
        height: 16px;
    }
}
.modal--show {
    z-index: 999;
    visibility: visible;
    opacity: 1;
    top: 0;
}
.modal-overlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
body.modal-wrap {
    overflow: hidden;
}
.form__title {
    margin-bottom: 1.1333333333em;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: 0.03em;
    font-family:
        "Gilroy",
        system-ui,
        -apple-system,
        Segoe UI,
        Roboto,
        Ubuntu,
        Cantarell,
        Noto Sans,
        sans-serif;
    text-align: center;
}
@media only screen and (min-width: 375px) {
    .form__title {
        font-size: 30px;
    }
}
.form__row {
    position: relative;
    margin-bottom: 16px;
}
.form__input {
    display: block;
    width: 100%;
    margin: 0;
    height: 60px;
    padding: 26px 30px 10px;
    font-size: 14px;
    line-height: 1.33;
    color: #1a1919;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    border: 1px solid #cecece;
    background-color: #fff;
    border-radius: 3px;
}
.form__input::-webkit-input-placeholder {
    font-size: 14px;
    color: #a3a3a3;
}
.form__input::-moz-placeholder {
    font-size: 14px;
    color: #a3a3a3;
}
.form__input:-moz-placeholder {
    font-size: 14px;
    color: #a3a3a3;
}
.form__input:-ms-input-placeholder {
    font-size: 14px;
    color: #a3a3a3;
}
.form__input[type="file"] {
    padding: 16px;
}
.form__input.error {
    border-color: brown;
}
.form__input.error ~ .form__error {
    display: block;
}
textarea.form__input {
    min-height: 100px;
}
.form__input.--test {
    display: none;
}
.form__error {
    display: none;
    color: brown;
    font-size: 12px;
    margin-top: 5px;
}
.form__placeholder {
    position: absolute;
    left: 30px;
    top: 22px;
    white-space: nowrap;
    height: 14px;
    font-size: 14px;
    line-height: 1;
    color: #a3a3a3;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: transform 0.2s linear;
    -moz-transition: transform 0.2s linear;
    -ms-transition: transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
    pointer-events: none;
}
.form__input:focus ~ .form__placeholder,
.form__input--text ~ .form__placeholder {
    -webkit-transform: translateY(-12px) scale(0.8);
    -moz-transform: translateY(-12px) scale(0.8);
    -ms-transform: translateY(-12px) scale(0.8);
    -o-transform: translateY(-12px) scale(0.8);
    transform: translateY(-12px) scale(0.8);
}
.form__btn {
    width: 100%;
    max-width: none;
    margin-bottom: 6px;
}
.form__agree {
    display: block;
    padding-left: 30px;
    font-size: 12px;
    line-height: 1.4583333333;
    letter-spacing: 0.03em;
    color: #717171;
    background: url("../../../../assets/landing/img/sprite.svg#lock-usage") no-repeat 0 2px/13px 13px;
}
.form__done {
    display: none;
}
.form--done > * {
    display: none;
}
.form--done > *.form__done {
    display: block;
    text-align: center;
    padding: 16px 0;
}
.form--done > *.form__done:before {
    content: "";
    display: block;
    margin: 0 auto 28px;
    width: 85px;
    height: 85px;
    background: url("../../../../assets/landing/img/sprite.svg#done-usage") no-repeat center/cover;
}
.questions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    justify-content: center;
    min-height: 320px;
    max-height: 474px;
    margin: 0;
    padding: 3em 0 4em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:
        linear-gradient(rgba(26, 25, 25, 0.5), rgba(26, 25, 25, 0.5)),
        url("../../../../assets/landing/img/faq-bg.jpg") no-repeat right center/cover;
}
@media only screen and (max-width: 479px) {
    .questions {
        background:
            linear-gradient(rgba(26, 25, 25, 0.5), rgba(26, 25, 25, 0.5)),
            url("../../../../assets/landing/img/faq-bg-s.jpg") no-repeat right center/cover;
    }
}
@media only screen and (min-width: 1440px) {
    .questions {
        height: 474px;
    }
}
.questions .s-title {
    padding-top: 0;
    color: #fff;
}
.questions .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
.questions .btn {
    width: 20.625em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 14px;
}
@media only screen and (min-width: 480px) {
    .questions .btn {
        font-size: 1em;
    }
}
.questions-delimiter {
    margin: 1.4285714286em 0;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #fff;
}
@media only screen and (min-width: 960px) {
    .questions-delimiter {
        width: auto;
        margin: 0 3.5714285714em;
    }
}
.footer {
    padding-top: 2.75em;
    padding-bottom: 3.875em;
    font-size: 14px;
    background: #fff;
}
@media only screen and (min-width: 960px) {
    .footer {
        font-size: 1.3559322034vw;
    }
}
@media only screen and (min-width: 1180px) {
    .footer {
        font-size: 16px;
    }
}
.footer .s-title {
    margin-bottom: 1.2em;
    padding-top: 0;
}
.contacts {
    max-width: 500px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: -32px;
}
@media only screen and (min-width: 960px) {
    .contacts {
        max-width: 1200px;
        margin-bottom: 0;
    }
}
.contacts__item {
    width: 100%;
    margin-bottom: 32px;
    text-align: center;
}
@media only screen and (min-width: 720px) {
    .contacts__item {
        text-align: left;
        width: 50%;
    }
}
@media only screen and (min-width: 960px) {
    .contacts__item {
        width: auto;
        margin-bottom: 0;
    }
}
.contacts__item--address {
    margin-bottom: auto;
    font-size: 14px;
    line-height: 1.40625;
}
@media only screen and (max-width: 959px) {
    .contacts__item--address {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
        margin-bottom: 2em;
    }
}
@media only screen and (min-width: 720px) {
    .contacts__item--address {
        max-width: 17.125em;
    }
}
@media only screen and (min-width: 1032px) {
    .contacts__item--address {
        font-size: 1em;
    }
}
@media only screen and (min-width: 1440px) {
    .contacts__item--address {
        padding-right: 1.3125em;
    }
}
.contacts__item--email {
    white-space: nowrap;
    line-height: 1.65;
}
@media only screen and (max-width: 479px) {
    .contacts__item--email {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (max-width: 959px) {
    .contacts__item--email {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
    }
}
@media only screen and (min-width: 1440px) {
    .contacts__item--email {
        padding-right: 2.5em;
    }
}
.contacts__item--phones {
    margin-top: 10px;
}
@media only screen and (max-width: 479px) {
    .contacts__item--phones {
        max-width: 180px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 720px) {
    .contacts__item--phones {
        text-align: left;
    }
}
.contacts__item--callback {
    min-width: 14.375em;
    font-size: 16px;
    text-align: center;
}
@media only screen and (max-width: 719px) {
    .contacts__item--callback {
        max-width: 21.25em;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (max-width: 479px) {
    .contacts__item--callback {
        max-width: 16.25em;
    }
}
.contacts__title {
    margin-bottom: 0.625em;
    font-weight: 600;
}
.contacts__text-mb {
    margin-bottom: 0.5em;
}
.contacts__link {
    position: relative;
    display: block;
    padding-left: 1.8em;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-decoration: none;
    line-height: 1.8;
}
@media only screen and (min-width: 480px) {
    .contacts__link {
        display: inline-block;
    }
}
@media only screen and (min-width: 720px) {
    .contacts__link {
        display: block;
    }
}
@media only screen and (min-width: 960px) {
    .contacts__link {
        font-size: 1.25em;
    }
}
.contacts__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.contacts__item--email .contacts__link {
    padding-left: 2.3em;
}
.contacts__item--email .contacts__link:before {
    width: 1.2em;
    height: 0.9em;
    margin-top: -0.4em;
    background-image: url("../../../../assets/landing/img/sprite.svg#email-usage");
}
.contacts__item--phones .contacts__link:not(:last-of-type) {
    margin-bottom: 0.5em;
}
@media only screen and (min-width: 480px) {
    .contacts__item--phones .contacts__link:not(:last-of-type) {
        margin-right: 1em;
    }
}
@media only screen and (min-width: 720px) {
    .contacts__item--phones .contacts__link:not(:last-of-type) {
        margin-right: 0;
    }
}
.contacts__item--phones .contacts__link:before {
    width: 1.2em;
    height: 1.2em;
    margin-top: -0.6em;
    background-image: url("../../../../assets/landing/img/sprite.svg#phone-usage");
}
.hidden {
    display: none !important;
}
.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.sr-only.focusable:active,
.sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto;
}

/* =========================================================
   НОВЫЙ ДИЗАЙН БЛОКА СВЕТОДИОДНЫХ МАТРИЦ
========================================================= */

.type--190 {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(16, 103, 122, 0.07),
            transparent 30%
        ),
        linear-gradient(180deg, #ffffff 0%, #f5f8f6 100%);
}

/* Декоративное свечение фона */
.type--190::before {
    content: '';

    position: absolute;

    width: 600px;
    height: 600px;

    top: 200px;
    right: -300px;

    border-radius: 50%;

    background: rgba(16, 103, 122, 0.06);

    filter: blur(40px);

    pointer-events: none;
}

/* Все элементы поверх декора */
.type--190 > *,
.type--190 .container > * {
    position: relative;
}


/* =========================================================
   ЗАГОЛОВОК
========================================================= */

.type--190 > .s-title {
    position: relative;

    margin-bottom: 60px;

    font-weight: 700;
}

.type--190 > .s-title::after {
    content: '';

    display: block;

    width: 80px;
    height: 4px;

    margin: 20px auto 0;

    border-radius: 10px;

    background: #10677a;

    box-shadow:
        0 0 10px rgba(16, 103, 122, 0.35),
        0 0 25px rgba(16, 103, 122, 0.2);

    animation: titleLinePulse 3s ease-in-out infinite;
}

@keyframes titleLinePulse {
    0%,
    100% {
        width: 70px;
    }

    50% {
        width: 120px;
    }
}


/* =========================================================
   БЛОК "ЧТО ЭТО?"
========================================================= */

.type--190 .type__about {
    padding: 55px 50px;

    border-radius: 24px 0 0 24px;

    background: rgba(255, 255, 255, 0.95);

    box-shadow:
        0 20px 50px rgba(21, 54, 39, 0.08),
        0 4px 15px rgba(21, 54, 39, 0.04);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.type--190 .type__about:hover {
    transform: translateY(-6px);
    box-shadow:
        0 30px 70px rgba(21, 54, 39, 0.14),
        0 8px 25px rgba(16, 103, 122, 0.08);
}

.type--190 .type__about-title {
    position: relative;

    padding: 0 0 14px;

    background: transparent;
}

.type--190 .type__about-title::after {
    content: '';

    position: absolute;

    left: 0;
    bottom: 0;

    width: 55px;
    height: 3px;

    border-radius: 10px;

    background: #10677a;

    transition: width 0.4s ease;
}

.type--190 .type__about:hover .type__about-title::after {
    width: 100%;
}


/* Текст */
.type--190 .type__about p {
    color: #536159;
    line-height: 1.75;
}


/* Преимущества */
.type--190 .type__about li {
    min-height: 28px;

    padding: 14px 18px 14px 48px;

    border-radius: 12px;

    background: #f7faf8;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.type--190 .type__about li:not(:last-of-type) {
    margin-bottom: 12px;
}

.type--190 .type__about li:hover {
    transform: translateX(8px);

    background: #ffffff;

    box-shadow:
        0 8px 25px rgba(16, 103, 122, 0.1);
}

.type--190 .type__about li::before {
    left: 18px;
    top: 21px;

    width: 18px;
    height: 14px;

    transition:
        transform 0.3s ease,
        filter 0.3s ease;
}

.type--190 .type__about li:hover::before {
    transform: scale(1.25);

    filter:
        drop-shadow(0 0 5px rgba(16, 103, 122, 0.7));
}


/* =========================================================
   ГАЛЕРЕЯ
========================================================= */

.type--190 .type__gallery {
    padding: 24px;
    border-radius: 0 24px 24px 0;
    background:
        linear-gradient(
            135deg,
            #111816,
            #1c2923
        );
    box-shadow:
        0 25px 60px rgba(14, 30, 22, 0.2);
    overflow: hidden;
}

.type--190 .type__gallery::after {
    opacity: 0.35;
}

.type--190 .type__gallery .lSSlideOuter {
    overflow: hidden;

    border-radius: 16px;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.08);
}

.type--190 .type__gallery img {
    transition:
        transform 0.7s ease,
        filter 0.7s ease;
}

.type--190 .type__gallery li:hover img {
    transform: scale(1.06);

    filter: brightness(1.08);
}


/* =========================================================
   ТЕХНИЧЕСКИЕ ХАРАКТЕРИСТИКИ
========================================================= */

.type--190 .type__characteristics {
    padding: 55px 50px;
    border-radius: 24px;
   background:
        linear-gradient(
            135deg,
            rgba(7, 17, 17, 1),
            rgba(24, 104, 118, 1)
        ),
        url("../../../../assets/landing/img/matrix-bg.jpg")
            center / cover;
    box-shadow:
        0 25px 60px rgba(14, 30, 22, 0.2);

    overflow: hidden;
}

.type--190 .type__characteristics::before {
    content: '';

    position: absolute;

    top: -150px;
    right: -150px;

    width: 400px;
    height: 400px;

    border-radius: 50%;

    border: 1px solid rgba(16, 103, 122, 0.3);

    box-shadow:
        0 0 0 25px rgba(16, 103, 122, 0.03),
        0 0 0 50px rgba(16, 103, 122, 0.02);

    animation: rotateMatrixCircle 20s linear infinite;
}

@keyframes rotateMatrixCircle {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.type--190 .type__characteristics-content {
    position: relative;
}

.type--190 .type__characteristics-title {
    color: #ffffff;
}

.type--190 .type__characteristics-item {
    margin-bottom: 10px;
    padding: 15px 18px 15px 48px;

    border-radius: 12px;

    background: rgba(255, 255, 255, 0.04);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.type--190 .type__characteristics-item:hover {
    transform: translateX(8px);

    background: rgba(16, 103, 122, 0.12);

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.15);
}

.type--190 .type__characteristics-item::before {
    left: 18px;

    width: 9px;
    height: 9px;

    background: #10677a;

    border: none;

    box-shadow:
        0 0 0 5px rgba(16, 103, 122, 0.15),
        0 0 12px rgba(16, 103, 122, 0.8);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.type--190 .type__characteristics-item:hover::before {
    transform: scale(1.4);

    box-shadow:
        0 0 0 8px rgba(16, 103, 122, 0.12),
        0 0 20px rgba(16, 103, 122, 1);
}


/* =========================================================
   БЛОК КРЕПЛЕНИЯ
========================================================= */

.type--190 .type__mountings {
    padding: 55px 50px;

    border-radius: 24px;

    background: #ffffff;

    box-shadow:
        0 20px 50px rgba(21, 54, 39, 0.08);
}

.type--190 .type__mountings-title {
    position: relative;

    padding-bottom: 15px;
}

.type--190 .type__mountings-title::after {
    content: '';

    position: absolute;

    left: 0;
    bottom: 0;

    width: 60px;
    height: 3px;

    border-radius: 10px;

    background: #10677a;
}

.type--190 .type__mountings ol {
    padding: 0;

    list-style: none;

    counter-reset: mounting;
}

.type--190 .type__mountings ol li {
    position: relative;

    padding: 20px 24px 20px 70px;

    border-radius: 14px;

    background: #f5f8f6;

    counter-increment: mounting;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

.type--190 .type__mountings ol li:not(:last-child) {
    margin-bottom: 14px;
}

.type--190 .type__mountings ol li::before {
    content: counter(mounting);

    position: absolute;

    top: 50%;
    left: 20px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    color: #ffffff;

    background: #10677a;

    font-weight: 700;

    transform: translateY(-50%);

    box-shadow:
        0 5px 15px rgba(16, 103, 122, 0.3);
}

.type--190 .type__mountings ol li:hover {
    transform: translateX(8px);

    background: #ffffff;

    box-shadow:
        0 12px 30px rgba(21, 54, 39, 0.1);
}


/* =========================================================
   ГАРАНТИЯ
========================================================= */

.type--190 .type__guarantee {
    padding: 35px 25px;

    border-radius: 20px;

    background: #ffffff;

    box-shadow:
        0 15px 40px rgba(21, 54, 39, 0.08);
}

.type--190 .type__guarantee-title {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
}

.type--190 .type__guarantee:hover .type__guarantee-title {
    color: #10677a;

    transform: scale(1.06);
}

.type--190 .type__guarantee::before {
    height: 5px;

    border-radius: 10px;

    box-shadow:
        0 0 15px rgba(16, 103, 122, 0.45),
        0 0 35px rgba(16, 103, 122, 0.2);

    animation: guaranteePulse 2.5s ease-in-out infinite;
}

@keyframes guaranteePulse {
    0%,
    100% {
        opacity: 0.7;
    }

    50% {
        opacity: 1;
    }
}


/* =========================================================
   КНОПКА
========================================================= */

.type--190 .type__btn {
    position: relative;

    overflow: hidden;

    border-radius: 10px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.type--190 .type__btn:hover {
    transform: translateY(-5px);

    box-shadow:
        0 15px 35px rgba(16, 103, 122, 0.3);
}

.type--190 .type__btn::after {
    content: '';

    position: absolute;

    top: 0;
    left: -100%;

    width: 70%;
    height: 100%;

    background: linear-gradient(
        110deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
    );

    transform: skewX(-20deg);

    transition: left 0.7s ease;
}

.type--190 .type__btn:hover::after {
    left: 130%;
}


/* =========================================================
   АДАПТИВ
========================================================= */

@media only screen and (max-width: 1079px) {
    .type--190 .type__about,
    .type--190 .type__gallery,
    .type--190 .type__characteristics,
    .type--190 .type__mountings {
        width: 100%;

        border-radius: 20px;

        margin-bottom: 20px;
    }

    .type--190 .type__gallery {
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .type--190 > .s-title {
        margin-bottom: 35px;
    }

    .type--190 .type__about,
    .type--190 .type__characteristics,
    .type--190 .type__mountings {
        padding: 35px 22px;
    }

    .type--190 .type__about li,
    .type--190 .type__characteristics-item {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .type--190 .type__gallery {
        padding: 10px;
    }

    .type--190 .type__mountings ol li:hover,
    .type--190 .type__about li:hover,
    .type--190 .type__characteristics-item:hover {
        transform: none;
    }
}

@media only screen and (max-width: 479px) {
    .type--190 .type__about,
    .type--190 .type__characteristics,
    .type--190 .type__mountings {
        padding: 28px 18px;
    }

    .type--190 .type__guarantee {
        padding: 25px 15px;
    }
}


/* Уважение к настройкам пользователя */
@media (prefers-reduced-motion: reduce) {
    .type--190 *,
    .type--190 *::before,
    .type--190 *::after {
        animation: none !important;
        transition: none !important;
    }
}

 /* =========================================================
   НОВЫЙ ДИЗАЙН БЛОКА ABOUT / ИСТОРИЯ MATRIXBOX
========================================================= */

.about {
    position: relative;
    display: grid;
    grid-template-columns: 42% 58%;
    width: 100%;
    max-width: 1500px;
    margin: 100px auto 0;
    overflow: hidden;
    border-radius: 30px;
    background: #ffffff;
    box-shadow:
        0 30px 80px rgba(20, 48, 34, 0.12),
        0 8px 25px rgba(20, 48, 34, 0.06);
}

/* =========================================================
   ЛЕВАЯ ЧАСТЬ
========================================================= */

.about__stats {
    position: relative;
    width: 100%;
    padding: 70px 55px;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(7, 17, 17, 1),
            rgba(24, 104, 118, 1)
        );
        /*background: transparent;*/
}

/* Фото на фоне */
.about__stats-pic {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*opacity: 0.49;*/
    filter: grayscale(100%);
    transition:
        transform 1s ease,
        opacity 0.5s ease;
}

.about:hover .about__stats-pic {
  /*  transform: scale(1.06);

    opacity: 0.22;*/
}


.about__stats::after {
    content: '';

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 5px;

    background: #10677a;

    box-shadow:
        0 0 20px rgba(16, 103, 122, 0.6),
        0 0 50px rgba(16, 103, 122, 0.25);
}

/* Контент */
.about__stats-wrapper {
    position: relative;

    max-width: 100%;
}

/* Заголовок */
.about__title {
    margin-bottom: 65px;

    color: #ffffff;
}

.about__title::after {
    content: '';

    display: block;

    width: 70px;
    height: 4px;

    margin-top: 20px;

    border-radius: 10px;

    background: #10677a;

    box-shadow:
        0 0 15px rgba(16, 103, 122, 0.7);

    transition: width 0.4s ease;
}

.about:hover .about__title::after {
    width: 130px;
}


/* =========================================================
   ИСТОРИЧЕСКИЕ ЭТАПЫ
========================================================= */

.about__stats-item {
    position: relative;

    padding-left: 35px;
}

.about__stats-item:not(:last-child) {
    padding-bottom: 55px;
}

/* Линия таймлайна */
.about__stats-item:not(:last-child)::before {
    content: '';

    position: absolute;

    top: 12px;
    left: 6px;

    width: 1px;
    height: calc(100% - 12px);

    background:
        linear-gradient(
            to bottom,
            #10677a,
            rgba(16, 103, 122, 0.15)
        );
}

/* Точка */
.about__stats-item::after {
    content: '';

    position: absolute;

    top: 5px;
    left: 0;

    width: 14px;
    height: 14px;

    border: 3px solid #10677a;

    border-radius: 50%;

    background: #102319;

    box-shadow:
        0 0 0 5px rgba(16, 103, 122, 0.12),
        0 0 18px rgba(16, 103, 122, 0.7);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.about__stats-item:hover::after {
    transform: scale(1.35);

    box-shadow:
        0 0 0 8px rgba(16, 103, 122, 0.12),
        0 0 25px rgba(16, 103, 122, 1);
}

/* Годы */
.about__stats-title {
    margin-bottom: 14px;

    color: #10677a;

    font-size: 25px;
    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.04em;
}

/* Текст */
.about__stats-text {
    color: #ffffff;
    line-height: 1.75;
    padding: 15px;
    border-radius: 10px;
    background: rgba(16, 103, 122, 0.52);
}


/* =========================================================
   ХАРАКТЕРИСТИКИ ТЕХНОЛОГИИ
========================================================= */

.about__spec {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 12px;

    margin: 30px 0 0;

    padding: 0;

    list-style: none;
}

.about__spec-item {
    position: relative;
    width: auto;
    min-height: auto;
    padding: 15px 15px 15px 42px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(16, 103, 122, 0.42);
    color: #ffffff;
    font-size: 13px;
    text-align: left;
    transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease;
}

.about__spec-item::before {
    content: '✓';

    position: absolute;

    top: 50%;
    left: 14px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;

    border-radius: 50%;

    color: #ffffff;

    background: #10677a;

    font-size: 11px;
    font-weight: 700;

    transform: translateY(-50%);
}

.about__spec-item:hover {
    transform: translateY(-4px);
    border-color: rgba(16, 103, 122, 0.5);
    background: rgba(16, 103, 122, 0.12);
}


/* =========================================================
   ПРАВАЯ ЧАСТЬ
========================================================= */

.about__message {
    width: 100%;

    /*padding: 70px 75px;*/

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f7faf8
        );
}

.about__message-content {
    width: 100%;
    /*max-width: 800px;*/
}

/* Каждый абзац как отдельный смысловой блок */
.about__message-content > p {
    position: relative;

    margin: 0 0 28px;

    padding: 0 0 28px 25px;

    color: #4f5d55;

    line-height: 1.85;

    border-bottom: 1px solid rgba(16, 103, 122, 0.12);

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}

.about__message-content > p:hover {
    transform: translateX(8px);

    color: #263a2f;
}

/* Акцентная линия у каждого блока */
.about__message-content > p::before {
    content: '';

    position: absolute;

    top: 8px;
    left: 0;

    width: 4px;
    height: 35px;

    border-radius: 10px;

    background: #10677a;

    transition:
        height 0.3s ease,
        box-shadow 0.3s ease;
}

.about__message-content > p:hover::before {
    height: calc(100% - 56px);

    box-shadow:
        0 0 12px rgba(16, 103, 122, 0.5);
}

/* Последний абзац — главный */
.about__message-content > p:last-child {
    padding: 28px;

    border: 0;

    border-radius: 16px;

    background: #ffffff;

    box-shadow:
        0 15px 40px rgba(20, 48, 34, 0.08);

    color: #33483b;
}

.about__message-content > p:last-child::before {
    top: 28px;
    left: 0;

    height: calc(100% - 56px);
}


/* =========================================================
   АДАПТИВ
========================================================= */

@media only screen and (max-width: 1199px) {
    .about {
        grid-template-columns: 1fr 1fr;

        margin-top: 70px;
    }

    .about__stats,
    .about__message {
        padding: 55px 40px;
    }

    .about__spec {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 1250px) {
    .about {
        display: flex;
        flex-direction: column;

        margin-top: 50px;

        border-radius: 20px;
    }

    .about__stats,
    .about__message {
        width: 100%;

        padding: 45px 24px;

        box-sizing: border-box;
    }

    .about__title {
        margin-bottom: 45px;

        text-align: left;
    }

    .about__stats-title {
        font-size: 21px;
    }

    .about__spec {
        grid-template-columns: 1fr;
    }

    .about__message-content > p:hover {
        transform: none;
    }
}

@media only screen and (max-width: 480px) {
    .about {
        border-radius: 16px;
    }

    .about__stats,
    .about__message {
        padding: 35px 18px;
    }

    .about__stats-item {
        padding-left: 30px;
    }

    .about__stats-item:not(:last-child) {
        padding-bottom: 40px;
    }

    .about__message-content > p {
        padding-left: 18px;
    }

    .about__message-content > p:last-child {
        padding: 20px;
    }
}


/* Отключение анимаций */
@media (prefers-reduced-motion: reduce) {
    .about *,
    .about *::before,
    .about *::after {
        animation: none !important;
        transition: none !important;
    }
}

 /* =========================================
   SIDEBAR — MOBILE MENU
========================================= */

.sidebar {
    position: fixed;
    z-index: 100;

    top: 0;
    right: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;

    width: 100%;
    max-width: 430px;
    min-height: 100vh;

    padding: 80px 32px 40px;

    box-sizing: border-box;

    color: #fff;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(16, 103, 122, 0.18),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #1c211f 0%,
            #121514 100%
        );

    box-shadow:
        -20px 0 60px rgba(0, 0, 0, 0.3);

    overflow-y: auto;

    transform: translateX(100%);

    transition:
        transform 0.45s cubic-bezier(0.77, 0, 0.175, 1);
}

/* Декоративная линия слева */
.sidebar::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background: #10677a;

    transform: scaleY(0);
    transform-origin: top;

    transition: transform 0.6s ease 0.2s;
}

.sidebar--open {
    transform: translateX(0);
}

.sidebar--open::before {
    transform: scaleY(1);
}

/* =========================================
   MENU
========================================= */

.sidebar__menu {
    position: relative;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    list-style: none;
}

.sidebar__menu-item {
    opacity: 0;
    transform: translateX(30px);

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}

.sidebar--open .sidebar__menu-item {
    opacity: 1;
    transform: translateX(0);
}

/* Каскадное появление пунктов */

.sidebar--open .sidebar__menu-item:nth-child(1) {
    transition-delay: 0.15s;
}

.sidebar--open .sidebar__menu-item:nth-child(2) {
    transition-delay: 0.2s;
}

.sidebar--open .sidebar__menu-item:nth-child(3) {
    transition-delay: 0.25s;
}

.sidebar--open .sidebar__menu-item:nth-child(4) {
    transition-delay: 0.3s;
}

.sidebar--open .sidebar__menu-item:nth-child(5) {
    transition-delay: 0.35s;
}

.sidebar--open .sidebar__menu-item:nth-child(6) {
    transition-delay: 0.4s;
}

/* Разделитель */
.sidebar__menu-item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Ссылка */
.sidebar__menu-link {
    position: relative;

    display: block;

    padding: 17px 20px;

    color: rgba(255, 255, 255, 0.82);

    font-size: 16px;
    line-height: 1.3;

    text-decoration: none;

    border-radius: 10px;

    transition:
        color 0.3s ease,
        background 0.3s ease,
        padding-left 0.3s ease;
}

/* Зелёная точка */
.sidebar__menu-link::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #10677a;

    opacity: 0;

    transform: translateY(-50%) scale(0);

    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

/* Hover */
.sidebar__menu-link:hover,
.sidebar__menu-link.active {
    color: #fff;
    background: rgba(16, 103, 122, 0.1);
    padding-left: 30px;
}

.sidebar__menu-link:hover::before,
.sidebar__menu-link.active::before {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

/* =========================================
   CONTACTS
========================================= */

.sidebar__contacts {
    width: 100%;
    max-width: none;

    margin: 42px 0 0;

    padding-top: 30px;

    text-align: left;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    opacity: 0;
    transform: translateY(20px);

    transition:
        opacity 0.5s ease 0.45s,
        transform 0.5s ease 0.45s;
}

.sidebar--open .sidebar__contacts {
    opacity: 1;
    transform: translateY(0);
}

/* Телефон */
.sidebar__phones {
    display: block;

    margin-bottom: 24px;
}

.sidebar__phone {
    position: relative;

    display: inline-block;

    padding-left: 30px;

    color: #fff;

    font-size: 20px;
    font-weight: 600;

    text-decoration: none;

    transition: color 0.3s ease;
}

.sidebar__phone:hover {
    color: #10677a;
}

/* Иконка телефона */
.sidebar__phone::before {
    left: 0;
}

/* Кнопка */
.sidebar__callback {
    display: block;

    width: 100%;

    margin: 0 0 24px;

    padding: 16px 20px;

    border: 1px solid #10677a;
    border-radius: 10px;

    color: #fff;

    background: #10677a;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    box-shadow:
        0 8px 25px rgba(16, 103, 122, 0.2);

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.sidebar__callback:hover {
    background: #168b55;

    transform: translateY(-3px);

    box-shadow:
        0 12px 30px rgba(16, 103, 122, 0.35);
}

/* Email */
.sidebar__email {
    position: relative;

    display: inline-block;

    padding-left: 30px;

    color: rgba(255, 255, 255, 0.7);

    font-size: 14px;

    text-decoration: none;

    transition: color 0.3s ease;
}

.sidebar__email:hover {
    color: #10677a;
}

/* Адрес */
.sidebar__address {
    margin: 28px 0 0;

    color: rgba(255, 255, 255, 0.55);

    font-size: 13px;
    line-height: 1.7;
}

.sidebar__address-title {
    display: block;

    margin-bottom: 6px;

    color: #10677a;

    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* =========================================
   CLOSE BUTTON
========================================= */

.sidebar__close {
    position: absolute;

    top: 24px;
    right: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.05);

    cursor: pointer;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

.sidebar__close:hover {
    background: rgba(16, 103, 122, 0.15);
    border-color: #10677a;

    transform: rotate(90deg);
}
@media only screen and (max-width: 480px) {
    .sidebar {
        max-width: none;

        padding: 80px 20px 30px;
    }

    .sidebar__menu-link {
        padding: 15px 16px;

        font-size: 15px;
    }

    .sidebar__phone {
        font-size: 18px;
    }

    .sidebar__contacts {
        margin-top: 30px;
        padding-top: 24px;
    }
}
/* =========================================================
   ТОРЦЕВАЯ ПОДСВЕТКА — MODERN STYLE
========================================================= */

.type--191 {
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(16, 103, 122, 0.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 10% 90%,
            rgba(16, 103, 122, 0.05),
            transparent 30%
        ),
        #f7faf8;
}

/* Декоративные элементы */

.type--191::before,
.type--191::after {
    content: "";

    position: absolute;

    border-radius: 50%;
    pointer-events: none;
}

.type--191::before {
    top: -180px;
    right: -120px;

    width: 430px;
    height: 430px;

    border: 1px solid rgba(16, 103, 122, 0.12);
}

.type--191::after {
    bottom: -250px;
    left: -180px;

    width: 520px;
    height: 520px;

    border: 1px solid rgba(16, 103, 122, 0.08);
}


/* Заголовок */

.type--191 > .s-title {
    position: relative;

    margin-bottom: 60px;

    text-align: center;
}


/* =========================================================
   ТЕКСТОВЫЙ БЛОК
========================================================= */

.type--191 .type__about {
    position: relative;

    padding: 55px 50px;

    border-radius: 24px;

    background: rgba(255, 255, 255, 0.88);

    box-shadow:
        0 15px 40px rgba(23, 54, 40, 0.07),
        0 2px 10px rgba(23, 54, 40, 0.04);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.type--191 .type__about:hover {
    transform: translateY(-5px);

    box-shadow:
        0 24px 55px rgba(23, 54, 40, 0.13),
        0 0 0 1px rgba(16, 103, 122, 0.12);
}


/* Заголовки */

.type--191 .type__about-title,
.type--191 .type__mountings-title {
    position: relative;

    padding-left: 22px;

    background: transparent;
}

.type--191 .type__about-title::before,
.type--191 .type__mountings-title::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 5px;
    height: 32px;

    border-radius: 10px;

    background: #10677a;

    transform: translateY(-50%);
}


/* Список преимуществ */

.type--191 .type__about ul {
    margin-top: 28px;
}

.type--191 .type__about li {
    position: relative;

    margin-bottom: 18px;
    padding: 18px 20px 18px 48px;

    border-radius: 14px;

    background: #f7faf8;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.type--191 .type__about li:hover {
    transform: translateX(6px);

    background: #ffffff;

    box-shadow:
        0 8px 22px rgba(16, 103, 122, 0.09);
}

.type--191 .type__about li::before {
    content: "✓";

    position: absolute;
    top: 18px;
    left: 17px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 23px;
    height: 23px;

    border-radius: 50%;

    color: #ffffff;

    background: #10677a;

    font-size: 13px;
    font-weight: 700;
}


/* =========================================================
   ГАЛЕРЕЯ
========================================================= */

.type--191 .type__gallery {
    position: relative;


    padding: 20px;

    border-radius: 24px;

    background: #181c1a;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.18);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease;
}



/* =========================================================
   ТЕХНИЧЕСКИЕ ПАРАМЕТРЫ
========================================================= */

.type--191 .type__characteristics {
    position: relative;

    overflow: hidden;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            rgba(12, 20, 16, 0.96),
            rgba(22, 42, 32, 0.94)
        );

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.18);
}

.type--191 .type__characteristics::before {
    content: "";

    position: absolute;
    top: -120px;
    right: -120px;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    background: rgba(16, 103, 122, 0.13);

    filter: blur(5px);
}

.type--191 .type__characteristics-content {
    position: relative;
}


/* Заголовок параметров */

.type--191 .type__characteristics-title {
    color: #ffffff;
}


/* Параметры */

.type--191 .type__characteristics-item {
    position: relative;

    margin-bottom: 12px;
    padding: 16px 20px 16px 48px;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.04);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease;
}

.type--191 .type__characteristics-item:hover {
    transform: translateX(6px);

    border-color: rgba(16, 103, 122, 0.5);

    background: rgba(16, 103, 122, 0.1);
}

.type--191 .type__characteristics-item::before {
    top: 50%;
    left: 20px;

    width: 9px;
    height: 9px;

    border: 0;

    background: #10677a;

    box-shadow:
        0 0 0 5px rgba(16, 103, 122, 0.12),
        0 0 16px rgba(16, 103, 122, 0.7);

    transform: translateY(-50%);
}


/* =========================================================
   ВАРИАНТЫ КРЕПЛЕНИЯ
========================================================= */

.type--191 .type__mountings {
    position: relative;

    padding: 55px 50px;

    border-radius: 24px;

    background: #ffffff;

    box-shadow:
        0 15px 40px rgba(23, 54, 40, 0.07);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.type--191 .type__mountings:hover {
    transform: translateY(-5px);

    box-shadow:
        0 25px 55px rgba(23, 54, 40, 0.12);
}

.type--191 .type__mountings p {
    padding: 18px 20px;

    border-left: 3px solid #10677a;
    border-radius: 0 12px 12px 0;

    background: #f7faf8;
}


/* =========================================================
   ГАРАНТИЯ
========================================================= */

.type--191 .type__guarantee {
    position: relative;

    margin-top: 75px;
}

.type--191 .type__guarantee-title {
    padding: 15px 35px;

    border-radius: 50px;

    color: #ffffff;

    background: #10677a;

    box-shadow:
        0 10px 30px rgba(16, 103, 122, 0.25);

    animation: guaranteePulse 3s ease-in-out infinite;
}

.type--191 .type__guarantee::before {
    display: none;
}

.type--191 .type__guarantee small {
    margin-top: 15px;
    color: #5b6861;
}


@keyframes guaranteePulse {
    0%,
    100% {
        box-shadow:
            0 10px 30px rgba(16, 103, 122, 0.22);
    }

    50% {
        box-shadow:
            0 10px 40px rgba(16, 103, 122, 0.42);
    }
}


/* =========================================================
   КНОПКА
========================================================= */

.type--191 .type__btn {
    position: relative;

    margin-top: 25px;

    box-shadow:
        0 10px 25px rgba(16, 103, 122, 0.22);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.type--191 .type__btn:hover {
    transform: translateY(-4px);

    box-shadow:
        0 18px 35px rgba(16, 103, 122, 0.35);
}


/* =========================================================
   АДАПТИВ
========================================================= */

@media only screen and (max-width: 1079px) {
    .type--191 .type__about,
    .type--191 .type__mountings {
        padding: 40px 30px;
    }

    .type--191 .type__gallery {
        margin: 20px auto;
        max-width: 800px;
    }

    .type--191 .type__characteristics {
        margin-top: 20px;
    }
}


@media only screen and (max-width: 767px) {
    .type--191 > .s-title {
        padding: 0 20px;
        margin-bottom: 35px;
    }

    .type--191 .type__about,
    .type--191 .type__mountings {
        padding: 30px 20px;
        border-radius: 18px;
    }

    .type--191 .type__gallery {
        padding: 10px;
        border-radius: 18px;
    }

    .type--191 .type__about li {
        padding: 16px 15px 16px 45px;
    }

    .type--191 .type__characteristics {
        border-radius: 18px;
    }

    .type--191 .type__characteristics-item {
        padding: 14px 15px 14px 42px;
    }

    .type--191 .type__mountings p {
        padding: 15px;
    }

    .type--191 .type__guarantee {
        margin-top: 50px;
    }

    .type--191 .type__guarantee-title {
        padding: 12px 22px;
        font-size: 22px;
    }
}
/* =========================================================
   NO-TYPE — БАЗОВЫЙ БЛОК
========================================================= */

.no-type {
    position: relative;
    width: min(1316px, 94%);
    margin: clamp(40px, 6vw, 90px) auto 0;
    padding: clamp(32px, 5vw, 72px) clamp(18px, 4vw, 48px);
    overflow: hidden;

    color: #fff;
    background:
        linear-gradient(135deg, rgba(38, 38, 38, 0.98), rgba(20, 20, 20, 0.98));

    border-radius: 14px;
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.22),
        0 8px 25px rgba(0, 0, 0, 0.12);

    box-sizing: border-box;
}

/* Декоративное свечение */

.no-type::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -160px;

    width: 420px;
    height: 420px;

    background: radial-gradient(
        circle,
        rgba(16, 103, 122, 0.18),
        transparent 70%
    );

    pointer-events: none;
}

.no-type::after {
    content: "";
    position: absolute;
    bottom: -180px;
    left: -160px;

    width: 420px;
    height: 420px;

    background: radial-gradient(
        circle,
        rgba(16, 103, 122, 0.1),
        transparent 70%
    );

    pointer-events: none;
}


/* =========================================================
   ЗАГОЛОВОК
========================================================= */

.no-type__title {
    position: relative;

    margin-bottom: 24px;
    text-align: center;
}


/* =========================================================
   SUBTITLE
========================================================= */

.no-type__subtitle {
    position: relative;

    max-width: 850px;
    margin: 0 auto clamp(32px, 5vw, 64px);

    padding: clamp(22px, 3vw, 34px);

    text-align: center;
    font-size: clamp(18px, 2vw, 30px);
    font-weight: 600;
    line-height: 1.4;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.06),
            rgba(255, 255, 255, 0.02)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 12px 35px rgba(0, 0, 0, 0.15);
}


/* =========================================================
   ОСНОВНОЙ КОНТЕНТ
========================================================= */

.no-type__content {
    position: relative;

    display: grid;
    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.5fr);
    gap: clamp(24px, 4vw, 64px);

    align-items: start;
}


/* =========================================================
   ЛЕВАЯ КАРТОЧКА
========================================================= */

.no-type__about {
    position: relative;

    padding: clamp(24px, 3vw, 42px);

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 4px solid #10677a;
    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.06),
            rgba(255, 255, 255, 0.015)
        );

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.2);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.no-type__about:hover {
    transform: translateY(-6px);

    box-shadow:
        0 25px 55px rgba(0, 0, 0, 0.3),
        0 0 30px rgba(16, 103, 122, 0.08);
}

.no-type__about-title {
    margin: 0 0 28px;

    font-size: clamp(22px, 2vw, 32px);
}


/* =========================================================
   СПИСОК ПРОБЛЕМ
========================================================= */

.no-type__list {
    list-style: none;

    margin: 0;
    padding: 0;
}

.no-type__list-item {
    position: relative;

    padding-left: 34px;

    font-size: clamp(14px, 1.2vw, 17px);
    line-height: 1.55;
}

.no-type__list-item:not(:last-child) {
    margin-bottom: 22px;
}

.no-type__list-item::before {
    content: "×";

    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    color: #fff;
    font-size: 17px;
    font-weight: 700;

    border-radius: 50%;
    background: #b83232;

    box-shadow:
        0 0 0 5px rgba(184, 50, 50, 0.1);
}

.no-type__list-item small {
    display: inline-block;

    margin-top: 4px;

    color: #aaa;
    font-size: 0.85em;
}


/* =========================================================
   ГАЛЕРЕЯ
========================================================= */

.no-type__gallery {
    min-width: 0;
}

.no-type__gallery-title {
    margin-bottom: 20px;

    color: #d0d0d0;
    font-size: clamp(16px, 1.5vw, 22px);
    font-weight: 600;
    line-height: 1.4;
}


/* =========================================================
   ГАЛЕРЕЯ LIGHTSLIDER
========================================================= */

.no-type__gallery .lSSlideOuter {
    overflow: hidden;

    border-radius: 12px;

    background: #111;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.35);
}

.no-type__gallery .lSSlideWrapper {
    border-radius: 12px;
}

.no-type__gallery .lSSlideWrapper img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: cover;

    transition: transform 0.5s ease;
}

.no-type__gallery .lSSlideWrapper:hover img {
    transform: scale(1.025);
}


/* =========================================================
   ПОДПИСЬ
========================================================= */

.no-type__gallery-note {
    margin-top: 18px;

    color: #10677a;
    font-size: 13px;
    line-height: 1.55;
}

.no-type__gallery-note strong {
    color: #fff;
}


/* =========================================================
   ПЛАНШЕТ
========================================================= */

@media only screen and (max-width: 1079px) {

    .no-type {
        width: min(94%, 760px);
    }

    .no-type__content {
        grid-template-columns: 1fr;
    }

    .no-type__about {
        order: 2;
    }

    .no-type__gallery {
        order: 1;
    }

    .no-type__gallery-title {
        text-align: center;
    }
}


/* =========================================================
   МОБИЛЬНЫЕ
========================================================= */

@media only screen and (max-width: 767px) {

    .no-type {
        width: calc(100% - 24px);

        margin-top: 36px;
        padding: 30px 16px;

        border-radius: 10px;
    }

    .no-type__subtitle {
        margin-bottom: 28px;
        padding: 20px 16px;

        font-size: 19px;
    }

    .no-type__content {
        gap: 28px;
    }

    .no-type__about {
        padding: 24px 20px;
        border-left-width: 3px;
    }

    .no-type__about-title {
        margin-bottom: 22px;
        text-align: center;
    }

    .no-type__list-item {
        padding-left: 30px;
        font-size: 15px;
    }

    .no-type__list-item:not(:last-child) {
        margin-bottom: 20px;
    }

    .no-type__gallery-title {
        font-size: 17px;
    }

    .no-type__gallery-note {
        font-size: 12px;
        text-align: center;
    }
}


/* =========================================================
   МАЛЕНЬКИЕ ТЕЛЕФОНЫ
========================================================= */

@media only screen and (max-width: 420px) {

    .no-type {
        width: calc(100% - 16px);
        padding: 24px 12px;
    }

    .no-type__subtitle {
        font-size: 17px;
    }

    .no-type__about {
        padding: 20px 16px;
    }

    .no-type__list-item {
        font-size: 14px;
        line-height: 1.5;
    }

    .no-type__list-item::before {
        width: 20px;
        height: 20px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .no-type__about,
    .no-type__gallery .lSSlideWrapper img {
        transition: none;
    }

    .no-type__about:hover {
        transform: none;
    }

    .no-type__gallery .lSSlideWrapper:hover img {
        transform: none;
    }
}

/* =========================================================
   COMPARISON
========================================================= */

.comparison {
    position: relative;
    padding: clamp(50px, 7vw, 100px) 0;

    overflow: hidden;
}


/* декоративное мягкое свечение */

.comparison::before {
    content: "";

    position: absolute;
    top: 10%;
    left: -180px;

    width: 420px;
    height: 420px;

    background: radial-gradient(
        circle,
        rgba(16, 103, 122, 0.08),
        transparent 70%
    );

    pointer-events: none;
}


/* =========================================================
   TABLE WRAPPER
========================================================= */

.comparison__table {
    position: relative;

    width: 100%;

    border-collapse: separate;
    border-spacing: 0;

    overflow: hidden;

    border-radius: 14px;

    background: #fff;

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.12),
        0 8px 20px rgba(0, 0, 0, 0.06);

    transition:
        box-shadow 0.35s ease,
        transform 0.35s ease;
}

.comparison__table:hover {
    transform: translateY(-3px);

    box-shadow:
        0 32px 75px rgba(0, 0, 0, 0.16),
        0 12px 30px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   HEADER
========================================================= */

.comparison__table thead th {
    padding: 22px 20px;

    color: #fff;

    font-size: 15px;
    font-weight: 600;

    text-align: center;

    background: #1a1919;

    border-bottom: 3px solid #10677a;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}


/* первая пустая ячейка */

.comparison__table thead th:first-child {
    text-align: left;
}


/* колонка матрицы */

.comparison__table thead th:nth-child(2) {
    position: relative;

    background:
        linear-gradient(
            135deg,
            #10677a,
            #10677a
        );
}


/* =========================================================
   CELLS
========================================================= */

.comparison__table td {
    padding: 18px 20px;

    color: #333;

    font-size: 15px;
    line-height: 1.45;

    border-bottom: 1px solid #eeeeee;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* названия характеристик */

.comparison__table td:first-child {
    width: 28%;

    font-weight: 600;
    color: #222;

    background: #fafafa;
}


/* значения */

.comparison__table td:not(:first-child) {
    text-align: center;
}


/* колонка матрицы */

.comparison__table td:nth-child(2) {
    color: #10677a;
    font-weight: 600;

    background:
        linear-gradient(
            90deg,
            rgba(16, 103, 122, 0.06),
            rgba(16, 103, 122, 0.025)
        );
}


/* =========================================================
   ROW HOVER
========================================================= */

.comparison__table tbody tr {
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.comparison__table tbody tr:hover td {
    background: #f7faf8;
}

.comparison__table tbody tr:hover td:first-child {
    color: #10677a;
}

.comparison__table tbody tr:hover td:nth-child(2) {
    background:
        linear-gradient(
            90deg,
            rgba(16, 103, 122, 0.13),
            rgba(16, 103, 122, 0.05)
        );
}


/* =========================================================
   SMALL TEXT
========================================================= */

.comparison__table small {
    display: inline-block;

    margin-top: 4px;

    color: #777;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
}


/* =========================================================
   LAST ROW
========================================================= */

.comparison__table tbody tr:last-child td {
    border-bottom: 0;
}


/* =========================================================
   СКРУГЛЕНИЯ
========================================================= */

.comparison__table thead tr:first-child th:first-child {
    border-top-left-radius: 14px;
}

.comparison__table thead tr:first-child th:last-child {
    border-top-right-radius: 14px;
}

.comparison__table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 14px;
}

.comparison__table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 14px;
}

@media only screen and (max-width: 900px) {

    .comparison .container {
        width: 94%;
    }

    .comparison__table {
        min-width: 760px;
    }

    .comparison {
        overflow-x: hidden;
    }

    .comparison .container {
        overflow-x: auto;
        padding-bottom: 12px;

        scrollbar-width: thin;
        scrollbar-color: #10677a transparent;
    }

    .comparison__table td,
    .comparison__table thead th {
        padding: 16px 14px;
    }
}

@media only screen and (max-width: 600px) {

    .comparison {
        padding: 45px 0;
    }

    .comparison .container {
        width: calc(100% - 24px);
    }

    .comparison__table {
        min-width: 720px;

        border-radius: 10px;

        box-shadow:
            0 15px 35px rgba(0, 0, 0, 0.12);
    }

    .comparison__table td,
    .comparison__table thead th {
        padding: 14px 12px;
        font-size: 13px;
    }

    .comparison__table td:first-child {
        width: 220px;
    }

    .comparison__table small {
        font-size: 11px;
    }
}

/* =========================
   QUESTIONS
========================= */

.questions {
    position: relative;
    margin-top: 5em;
    margin-bottom: 5em;

    /* Косметика */
    overflow: hidden;
}

/* Декоративный фон */
.questions:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 42em;
    height: 16em;
    background: url("../../../../assets/landing/img/sprite.svg#matrix-gray-usage")
        no-repeat center / cover;
    opacity: 0.12;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* Заголовок */
.questions .s-title {
    position: relative;
    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}

/* Контейнер с кнопками */
.questions .container {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5em;

    padding: 2.5em 2em;

    border-radius: 4px;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.06),
        0 2px 6px rgba(0, 0, 0, 0.04);

    transition:
        box-shadow 0.35s ease,
        transform 0.35s ease;
}

/* Небольшой hover для самого блока */
@media only screen and (min-width: 800px) {
    .questions .container:hover {
        box-shadow:
            0 14px 34px rgba(0, 0, 0, 0.1),
            0 3px 8px rgba(0, 0, 0, 0.05);
    }
}

/* Разделитель */
.questions-delimiter {
    flex: 0 0 auto;

    font-size: 1em;
    line-height: 1;
    color: #8a8a8a;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

/* Кнопки */
.questions .btn {
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        filter 0.3s ease;
}

@media only screen and (min-width: 800px) {
    .questions .btn:hover {
        transform: translateY(-3px);
        filter: brightness(1.04);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
    }

    .questions .container:hover .questions-delimiter {
        color: #10677a;
    }
}

/* =========================
   АДАПТИВ
========================= */

@media only screen and (max-width: 799px) {
    .questions {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    .questions .container {
        flex-direction: column;
        gap: 1em;
        padding: 2em 1.25em;
    }

    .questions .btn {
        width: 100%;
        max-width: 360px;
    }

    .questions-delimiter {
        margin: 0.25em 0;
    }
}

@media only screen and (max-width: 479px) {
    .questions {
        margin-top: 2.5em;
        margin-bottom: 2.5em;
    }

    .questions .container {
        padding: 1.5em 1em;
    }

    .questions .btn {
        max-width: none;
    }
}

/* Уважение reduced motion */
@media (prefers-reduced-motion: reduce) {
    .questions .s-title,
    .questions .container,
    .questions-delimiter,
    .questions .btn {
        transition: none;
    }
}

.questions .container {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.35s ease;
}

.questions .container:hover {
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.1);
}

.questions .btn {
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        filter 0.3s ease;
}

@media only screen and (min-width: 800px) {
    .questions .btn:hover {
        transform: translateY(-3px);
        filter: brightness(1.04);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
    }
}

.questions-delimiter {
    transition: color 0.3s ease;
}

.questions .container:hover .questions-delimiter {
    color: #10677a;
}

@media (prefers-reduced-motion: reduce) {
    .questions .container,
    .questions .btn,
    .questions-delimiter {
        transition: none;
    }
}

/* =========================
   FOOTER
========================= */

.footer {
    position: relative;
    overflow: hidden;

    /* Косметика */
    background-color: #f5f5f5;
}

/* Декоративный фон */
.footer:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42em;
    height: 14em;

    background: url("../../../../assets/landing/img/sprite.svg#matrix-gray-usage")
        no-repeat center / cover;

    opacity: 0.08;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* Заголовок */
.footer .s-title {
    position: relative;

    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

/* Контейнер */
.footer .contacts {
    position: relative;

    transition:
        box-shadow 0.35s ease,
        transform 0.35s ease;
}

/* Контакты */
.contacts__item {
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background-color 0.3s ease;
}

/* Ссылки */
.contacts__link {
    transition:
        color 0.25s ease,
        opacity 0.25s ease;
}

.contacts__link:hover {
    color: #10677a;
}

/* Hover карточек контактов */
@media only screen and (min-width: 800px) {
    .contacts__item:not(.contacts__item--callback):hover {
        transform: translateY(-3px);
    }
}

/* Кнопка заказа звонка */
.contacts__item--callback {
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        filter 0.3s ease;
}

@media only screen and (min-width: 800px) {
    .contacts__item--callback:hover {
        transform: translateY(-3px);
        filter: brightness(1.04);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
    }

    .contacts__item--callback:active {
        transform: translateY(-1px);
    }
}

/* Плавность заголовков контактов */
.contacts__title {
    transition: color 0.25s ease;
}

@media only screen and (min-width: 800px) {
    .contacts__item:hover .contacts__title {
        color: #10677a;
    }
}

/* =========================
   АДАПТИВ
========================= */

@media only screen and (max-width: 799px) {
    .footer:before {
        width: 32em;
        height: 12em;
    }

    .contacts__item--callback {
        transition:
            box-shadow 0.3s ease,
            filter 0.3s ease;
    }

    .contacts__item--callback:active {
        filter: brightness(0.96);
    }
}

@media only screen and (max-width: 479px) {
    .footer:before {
        width: 25em;
        height: 10em;
    }
}

/* Уважение reduced motion */
@media (prefers-reduced-motion: reduce) {
    .footer .s-title,
    .footer .contacts,
    .contacts__item,
    .contacts__link,
    .contacts__title,
    .contacts__item--callback {
        transition: none;
    }
}