/*!
Theme Name: noblelift
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: noblelift
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

noblelift is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* Links
--------------------------------------------- */
a {
    color: #4169e1;
}

a:visited {
    color: #800080;
}

a:hover,
a:focus,
a:active {
    color: #191970;
}

a:hover,
a:active {
    outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    display: block;
    left: auto;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {

    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

/* Убираем стандартный tap highlight */
a, button {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* iOS + Android */
}

/* Убираем системный фон при нажатии на iOS */
a, button {
    -webkit-touch-callout: none; /* отключает меню удержания (копировать/вставить и т.д.) */
}

/* Если у тебя ещё и фон "мигает" у активного элемента — сбрось outline */
a, button {
    outline: none;
}

.container {
    max-width: 1640px;
    width: 100%;
    margin: 0 auto;
}


@font-face {
    font-family: 'Arial';
    src: local("Arial-Regular"), local("Arial-Regular"), url("/wp-content/themes/noblelift/fonts/arial-ms.otf") format("otf");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: local("Arial Bold"), local("Arial-Bold"), url("/wp-content/themes/noblelift/fonts/arial-ms-bold.otf") format("otf");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: local("Arial Black"), local("Arial-Black"), url("/wp-content/themes/noblelift/fonts/arial-black.ttf") format("ttf");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: Arial;
    font-weight: 400;
}

body.page-id-9 {
    background: #202020;
}

body.page-id-13 {
    background: #4C4C4C;
}

body.page-id-15,
body.page-id-17,
body.page-id-19,
body.single-product,
body.page-id-21,
body.page-id-24,
body.page-id-26,
body.page-id-28,
body.page-id-30,
body.page-id-32,
body.page-id-34,
body.page-id-36,
body.page-id-40,
body.page-id-43,
body.page-id-45,
body.page-id-49,
body.page-id-72,
body.page-id-95,
body.page-id-99,
body.page-id-101,
body.page-id-109,
body.page-id-138,
body.page-id-1635,
body.gallery-template-default,
body.single-useful-news,
body.single-news,
body.single-garage,
body.search,
body.error404,
body.page-template-page-compare{
    background: #F3F3F3;
}

body.page-id-178 {
    background: #FFFFFF;
}

body.page-id-38,
body.page-id-106,
body.page-id-122 {
    background: #202020;
}

a {
    text-decoration: none;
    transition: .3s ease-out;
}

a:hover {
    color: #FD5000;
}

.btn.btn-orange,
.btn.btn-gray {
    background: #FD5000;
    padding: 16px 20px;
    border-radius: 12px;
    border: none;
    font-family: Arial;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #f3f3f3;
    cursor: pointer;
    transition: .3s ease-out;
}

.btn.btn-gray {
    background: #ACACAC;
}

.btn.link {
    outline: 1px solid #F3F3F3;
    outline-offset: -1px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    gap: 20px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #F3F3F3;
    transition: .3s ease-out;
}

.btn.link svg path {
    transition: .3s ease-out;
}

/*--------	МЕНЮ	--------*/

header {
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
}

.header {
    padding: 12px 24px 0 24px;
}

.header-top {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.header-top > div {
    display: flex;
    gap: 20px;
    align-items: center;
}

.header-top > div .site-branding a {
    display: flex;
    position: relative;
}

.header-top > div .site-branding a:before {
    content: "";
    position: relative;
    width: 208px;
    height: 36px;
    background: url("/wp-content/themes/noblelift/img/logo.svg") no-repeat;
    background-size: contain;
}

.header-sticky {
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 999;
    padding: 12px 0 0 0;
    transition: .3s ease;
}

.header-sticky.scroll {
    top: 0;
    transition: .3s ease;
}

.header-sticky .main-navigation {
    display: flex;
    justify-content: center;
    border-radius: 16px;
    max-width: 1640px;
    width: 100%;
    padding: 16px 24px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 4px 4px 12px 0px #20202014;

}

.header-sticky .main-navigation .mobile-links {
    display: none;
    flex-direction: column;
    gap: 28px;
    padding-top: 28px;
    margin: auto 0 0 0;
}

.header-sticky .main-navigation .mobile-links > div:last-child {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.header-sticky .main-navigation .mobile-links > div:last-child a.phone-number {
    padding: 12px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #4C4C4C;
}

.header-sticky .main-navigation .mobile-links > div:last-child button.call {
    padding: 12px 24px;
    color: #fff;
    background: #404040;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    border-radius: 8px;
    border: none;
}

.header-sticky .main-navigation .item-navigation {
    display: flex;
    padding: 0 20px;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
    border-left: 1px solid #ACACAC;
    transition: color .3s ease-out;
}

.header-sticky .main-navigation .item-navigation.mobile {
    display: none;
}

.header-sticky .main-navigation .item-navigation svg {
    display: none;
}

.header-sticky .main-navigation > .item-navigation:first-child {
    border: none;
}

.header-sticky .main-navigation > .item-navigation:nth-child(2) {
    text-transform: uppercase;
}

.header-sticky .main-navigation .item-nav-ul {
    position: relative;
    cursor: pointer;
}

.header-sticky .main-navigation .item-nav-ul .item-ul {
    display: flex;
    flex-direction: column;
    width: 418px;
    z-index: 100;
    background: #fff;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 4px 0 #00000040;
    transition: 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), box-shadow 0.5s;
}

.header-sticky .main-navigation .item-nav-ul .background-ul {
    position: absolute;
    top: 100%;
}

.header-sticky .main-navigation .item-nav-ul .item-ul .item-li {
    display: flex;
    overflow: hidden;
    padding: 4px 4px 4px 20px;
    position: relative;
    color: #ACACAC;
    font-size: 18px;
    line-height: 22px;
    transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s color, 0.2s background-color;
}

.header-sticky .main-navigation .item-nav-ul .item-ul .item-li:before {
    content: "";
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #ACACAC;
    transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s width cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s background, 0.6s visibility;
}

.header-sticky .main-navigation .item-nav-ul:not(:hover) .item-ul .item-li {
    transition: color .3s ease-out;
}

.header-sticky .main-navigation .item-nav-ul:not(:hover) .item-ul .item-li:before {
    transition: background .3s ease-out;
}

.header-sticky .main-navigation .navigation-cards {
    display: none;
    flex-wrap: wrap;
    gap: 16px;
}

.header-top .header-links {
    gap: 0;
}

.header-top .header-links .link.phone-number {
    padding: 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
    margin-right: 16px;
}

body.page-id-9 .header-top .header-links .link.phone-number,
body.page-id-13 .header-top .header-links .link.phone-number,
body.page-id-15 .header-top .header-links .link.phone-number,
body.page-id-17 .header-top .header-links .link.phone-number,
body.page-id-1635 .header-top .header-links .link.phone-number,
body.page-id-19 .header-top .header-links .link.phone-number,
body.page-id-24 .header-top .header-links .link.phone-number,
body.page-id-26 .header-top .header-links .link.phone-number,
body.page-id-28 .header-top .header-links .link.phone-number,
body.page-id-30 .header-top .header-links .link.phone-number,
body.page-id-32 .header-top .header-links .link.phone-number,
body.page-id-34 .header-top .header-links .link.phone-number,
body.page-id-36 .header-top .header-links .link.phone-number,
body.page-id-38 .header-top .header-links .link.phone-number,
body.page-id-40 .header-top .header-links .link.phone-number,
body.page-id-43 .header-top .header-links .link.phone-number,
body.page-id-45 .header-top .header-links .link.phone-number,
body.page-id-49 .header-top .header-links .link.phone-number,
body.page-id-72 .header-top .header-links .link.phone-number,
body.page-id-95 .header-top .header-links .link.phone-number,
body.page-id-99 .header-top .header-links .link.phone-number,
body.page-id-101 .header-top .header-links .link.phone-number,
body.page-id-106 .header-top .header-links .link.phone-number,
body.page-id-109 .header-top .header-links .link.phone-number,
body.page-id-122 .header-top .header-links .link.phone-number,
body.page-id-138 .header-top .header-links .link.phone-number,
body.page-id-178 .header-top .header-links .link.phone-number,
body.gallery-template-default .header-top .header-links .link.phone-number,
body.single-useful-news .header-top .header-links .link.phone-number,
body.single-news .header-top .header-links .link.phone-number,
body.single-garage .header-top .header-links .link.phone-number,
body.search .header-top .header-links .link.phone-number {
    color: #F3F3F3;
}


body.page-id-9 .header-top > div .site-branding a:before,
body.page-id-13 .header-top > div .site-branding a:before,
body.page-id-15 .header-top > div .site-branding a:before,
body.page-id-17 .header-top > div .site-branding a:before,
body.page-id-1635 .header-top > div .site-branding a:before,
body.page-id-19 .header-top > div .site-branding a:before,
body.page-id-24 .header-top > div .site-branding a:before,
body.page-id-26 .header-top > div .site-branding a:before,
body.page-id-28 .header-top > div .site-branding a:before,
body.page-id-30 .header-top > div .site-branding a:before,
body.page-id-32 .header-top > div .site-branding a:before,
body.page-id-34 .header-top > div .site-branding a:before,
body.page-id-36 .header-top > div .site-branding a:before,
body.page-id-38 .header-top > div .site-branding a:before,
body.page-id-40 .header-top > div .site-branding a:before,
body.page-id-43 .header-top > div .site-branding a:before,
body.page-id-45 .header-top > div .site-branding a:before,
body.page-id-49 .header-top > div .site-branding a:before,
body.page-id-72 .header-top > div .site-branding a:before,
body.page-id-95 .header-top > div .site-branding a:before,
body.page-id-99 .header-top > div .site-branding a:before,
body.page-id-101 .header-top > div .site-branding a:before,
body.page-id-106 .header-top > div .site-branding a:before,
body.page-id-109 .header-top > div .site-branding a:before,
body.page-id-122 .header-top > div .site-branding a:before,
body.page-id-138 .header-top > div .site-branding a:before,
body.page-id-178 .header-top > div .site-branding a:before,
body.gallery-template-default .header-top > div .site-branding a:before,
body.single-useful-news .header-top > div .site-branding a:before,
body.single-news .header-top > div .site-branding a:before,
body.single-garage .header-top > div .site-branding a:before,
body.search .header-top > div .site-branding a:before {
    background: url(/wp-content/themes/noblelift/img/logo-light.svg) no-repeat;
    background-size: contain;
}

.header-top .header-links .link.call {
    padding: 12px 20px;
    margin-right: 19px;
    background: #fff;
    color: #404040;
    font-size: 20px;
    line-height: 24px;
    border: none;
    outline: 1px solid #fff;
    outline-offset: -1px;
    border-radius: 12px;
    font-family: Arial;
    cursor: pointer;
    transition: .3s ease-out;
}

.header-top .header-links .search__block,
.footer-top .footer-links .search__block{
    border-left: 1px solid #ACACAC;
    padding-left: 20px;
    display: flex;
    justify-content: flex-end; /* контейнер прижимается к правой стороне */
}

.header-top .header-links .search__block .block-input__search,
.footer-top .footer-links .search__block .block-input__search {
    width: 0;
    max-width: 306px;
    margin-left: auto; /* тянем к правому краю */
    overflow: hidden; /* чтобы input не вылезал */
    z-index: -1;
    transition: width .3s ease-out, margin-right .3s ease-out, z-index 0s .3s ease-out;
}

.header-top .header-links .search__block.show .block-input__search,
.footer-top .footer-links .search__block.show .block-input__search {
    width: 306px;
    z-index: 0;
    margin-right: 8px;
}

.header-top .header-links .search__block .block-input__search .dgwt-wcas-search-wrapp input[type="search"],
.footer-top .footer-links .search__block .block-input__search .dgwt-wcas-search-wrapp input[type="search"] {
    padding: 14px 16px;
    background: #F3F3F3;
    border-radius: 12px;
    border: 1px solid #ACACAC;
    height: 48px;

    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #404040;

    caret-color: #FD5000;
    transition: .3s ease-out;
}

.header-top .header-links .search__block .block-input__search .dgwt-wcas-search-wrapp input[type="search"]:focus,
.footer-top .footer-links .search__block .block-input__search .dgwt-wcas-search-wrapp input[type="search"]:focus {
    border-color: #FD5000;
}

.header-top .header-links .search__block .block-input__search .dgwt-wcas-search-wrapp input[type="search"]::placeholder,
.footer-top .footer-links .search__block .block-input__search .dgwt-wcas-search-wrapp input[type="search"]::placeholder {
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #ACACAC;
    font-style: normal; /* убираем наклон */
    transition: .3s ease-out;
}

.header-top .header-links .search__block .block-input__search .dgwt-wcas-search-wrapp input[type="search"]:focus::placeholder,
.footer-top .footer-links .search__block .block-input__search .dgwt-wcas-search-wrapp input[type="search"]:focus::placeholder {
    padding-left: 8px;
}

.header-top .header-links .search__block .block-input__search .dgwt-wcas-search-wrapp svg.dgwt-wcas-ico-magnifier,
.footer-top .footer-links .search__block .block-input__search .dgwt-wcas-search-wrapp svg.dgwt-wcas-ico-magnifier {
    display: none;
}

.header-top .header-links .search__block .block-input__search .dgwt-wcas-search-wrapp .dgwt-wcas-preloader,
.footer-top .footer-links .search__block .block-input__search .dgwt-wcas-search-wrapp .dgwt-wcas-preloader {
    width: 24px;
    height: 24px;
    right: 16px!important;
    top: 50%;
    transform: translateY(-50%);
}

.header-top .header-links .search__block .block-input__search .dgwt-wcas-search-wrapp .dgwt-wcas-preloader svg path,
.footer-top .footer-links .search__block .block-input__search .dgwt-wcas-search-wrapp .dgwt-wcas-preloader svg path {
    transition: .3s ease-out;
    fill: #ACACAC;
}

.header-top .header-links .basket__block,
.header-top .header-links .compare__block {
    padding-left: 20px;
}

.header-top .header-links .search__block .btn,
.header-top .header-links .basket__block .btn,
.header-top .header-links .compare__block .btn,
.footer-top .footer-links .search__block .btn {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.header-top .header-links .search__block .btn,
.footer-top .footer-links .search__block .btn{
    flex-shrink: 0;
}

.header-top .header-links .search__block .btn.btn-search {
    background: #404040;
    transition: .3s ease-out;
}

.footer-top .footer-links .search__block .btn.btn-search {
    background: #ACACAC;
    transition: .3s ease-out;
}

.header-top .header-links .search__block.show .btn.btn-search,
.footer-top .footer-links .search__block.show .btn.btn-search {
    background: #FD5000;
}

.header-top .header-links .search__block.show .btn.btn-search svg path,
.footer-top .footer-links .search__block .btn.btn-search svg path{
    stroke: #F3F3F3;
}

.header-top .header-links .basket__block .btn.btn-basket {
    background: #ACACAC;
    transition: .3s ease-out;
    position: relative;
}

.header-top .header-links .basket__block .btn.btn-basket .count-items-in-basket {
    position: absolute;
    bottom: 7px;
    right: 7px;

    border-radius: 50%;
    padding: 2px 4px;
    background: #FD5000;

    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #FFFFFF;
    
    transition: .3s ease-out;
}

#fixed-cart-button .count-items-in-basket.show,
.header-top .header-links .basket__block .btn.btn-basket .count-items-in-basket.show {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#fixed-cart-button .count-items-in-basket,
.header-top .header-links .basket__block .btn.btn-basket .count-items-in-basket {
    display: none;
}

.fixed-cart__container .container {
    position: relative;
}

#fixed-cart-button {
    position: fixed;
    bottom: 36px;
    right: 50%;
    transform: translateX(calc(820px));
    z-index: 997;

    width: 84px;
    height: 84px;
    margin: 0 0 0 auto;

    background: #FD5000;
    border-radius: 24px;
    box-shadow: 4px 4px 12px 0px #FD500066;

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

    cursor: pointer;
    transition: .3s ease-out;
}
#fixed-cart-button.show {
    background: #ACACAC;
    box-shadow: 4px 4px 12px 0px #00000040;
}

#fixed-cart-button .count-items-in-basket {
    position: absolute;
    bottom: 11px;
    right: 9px;

    border-radius: 50%;
    padding: 4px 5.5px;
    background: #FD5000;

    font-weight: 400;
    font-size: 16px;
    line-height: 12px;
    color: #FFFFFF;

    transition: .3s ease-out;
}

#fixed-cart-button svg {
    transition: .3s ease-out;
}

.header-top .header-links .compare__block .btn.btn-compare-link {
    background: #E5E5E5;
    position: relative;
    transition: .3s ease-out;
}

.header-top .header-links .compare__block .btn.btn-compare-link .js-compare-count {
    display: none;

    position: absolute;
    bottom: 7px;
    right: 7px;

    background: #FD5000;
    border-radius: 13px;
    padding: 2px 4px;

    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #fff;

    transition: .3s ease-out;
}

.header-top .header-links .compare__block .btn.btn-compare-link .js-compare-count.show {
    display: block;
}

.header-top .header-links .compare__block .btn svg path {
    transition: .3s ease-out;
}

.header-top .header-links .button-burger {
    display: none;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: #404040;
    position: relative;
}

.header-top .header-links .button-burger span {
    transition: .3s ease-out;
    width: 15.5px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.header-top .header-links .button-burger span:nth-child(1) {
    transform: translate(-50%, calc(-50% - 6px));
}

.header-top .header-links .button-burger span:nth-child(3) {
    transform: translate(-50%, calc(-50% + 6px));
}

.header-top .header-links .button-burger.show span:nth-child(2) {
    display: none;
}

.header-top .header-links .button-burger.show span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.header-top .header-links .button-burger.show span:nth-child(3) {
    transform: translate(-50%, -50%) rotate(45deg);
}

/*--------------------- END МЕНЮ ---------------------*/


/*----------------------FOOTER------------------------*/

footer {
    background: #fff;
}

body.page-id-9 footer,
body.page-id-13 footer,
body.page-id-15 footer,
body.page-id-17 footer,
body.page-id-1635 footer,
body.error404 footer,
body.page-id-19 footer,
body.page-id-21 footer,
body.single-product footer,
body.page-id-24 footer,
body.page-id-26 footer,
body.page-id-28 footer,
body.page-id-30 footer,
body.page-id-32 footer,
body.page-id-34 footer,
body.page-id-36 footer,
body.page-id-38 footer,
body.page-id-40 footer,
body.page-id-43 footer,
body.page-id-45 footer,
body.page-id-49 footer,
body.page-id-72 footer,
body.page-id-95 footer,
body.page-id-99 footer,
body.page-id-101 footer,
body.page-id-106 footer,
body.page-id-109 footer,
body.page-id-138 footer,
body.page-id-178 footer,
body.gallery-template-default footer,
body.single-useful-news footer,
body.single-news footer,
body.single-garage footer,
body.search footer,
body.page-template-page-compare footer {
    background: transparent;
}

.footer {
    padding: 60px 0 40px;
    border-radius: 16px;
    margin: 0 16px 16px 16px;
    background: #F3F3F3;
    overflow: hidden;
    position: relative;
}

.footer .footer-background {
    position: absolute;
    transform: rotate(-12deg);
    top: -125px;
    left: 26px;
    z-index: 0;
    width: 1171px;
    height: 933px;
}

.footer .container > div {
    position: relative;
    z-index: 1;
}

.footer-top {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #ACACAC;
}

.footer-top > div .site-branding a {
    display: flex;
}

.footer-top > div .site-branding a img {
    width: 204px;
    height: 36px;
    object-fit: contain;
}

.footer-top .footer-links {
    display: flex;
    align-items: center;
    gap: 0;
}

.footer-top .footer-links .link.phone-number {
    padding: 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #4C4C4C;
    margin-right: 16px;
    display: block;
}

.footer-top .footer-links .link.call {
    padding: 12px 20px;
    margin-right: 19px;
    background: #404040;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    border: none;
    outline: 1px solid #404040;
    outline-offset: -1px;
    border-radius: 8px;
    font-family: Arial;
    cursor: pointer;
    transition: .3s ease-out;
}

.footer-top .footer-links .search__block {
    border-left: 1px solid #ACACAC;
}

.footer-center {
    margin-top: 35px;
    margin-bottom: 36px;
    display: flex;
    gap: 40px;
    align-items: flex-start;
    justify-content: space-between;
}

.footer-center .menu {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.footer-center .menu .item-navigation {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #4C4C4C;
    transition: .3s ease-out;
}

.footer-center .menu .item-nav-ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-center .menu .item-nav-ul > div {
    display: flex;
    gap: 20px;
}

.footer-center .menu .item-nav-ul:last-child > div {
    flex-direction: column;
}

.footer-center .menu .item-nav-ul .item-ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-center .menu .item-nav-ul .item-ul .item-li {
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4C4C4C;
    transition: .3s ease-out;
}

.footer-bottom .countries {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    height: 48px;
}

.footer-bottom .countries img {
    height: 35px;
    width: 48px;
    object-fit: contain;
}

.footer-bottom .text-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
}

.footer-bottom .text-block > div:last-child {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    max-width: 530px;
    width: 100%;
}

.footer-bottom .text-block > div:last-child > div:last-child {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}

.footer-bottom .text-block > div a,
.footer-bottom .text-block > div {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4C4C4C;
}

/*--------------------END FOOTER----------------------*/

/*----------------------MODAL-------------------------*/

.modal {
    position: fixed;
    background: rgba(0, 0, 0, 0.25);
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal.show {
    opacity: 1;
    visibility: visible;
}

.modal .modal-dialog {
    margin: auto;
    max-width: 528px;
}

/*#select-zapchast.modal .modal-dialog {*/
/*    max-width: 810px;*/
/*}*/

.modal .modal-dialog .modal-content {
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-radius: 16px;
    transform: translateY(-50px);
    transition: transform 0.3s ease-in-out;
}

.modal.show .modal-dialog .modal-content {
    transform: translateY(0);
}

.modal .modal-dialog .modal-content .modal-header {
    margin-bottom: 32px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

#select-zapchast.modal .modal-dialog {
    max-width: 810px;
}

#select-zapchast.modal .modal-dialog .modal-content .modal-header {
    padding-left: 36px;
}

#select-zapchast.modal .modal-dialog .modal-content .modal-body {
    padding: 0 36px 36px 36px;
}

.modal .modal-dialog .modal-content .modal-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #404040;
    text-transform: uppercase;
}

#select-zapchast.modal .modal-dialog .modal-content .modal-title {
    font-size: 40px;
    line-height: 48px;
    padding-top: 36px;
    margin-bottom: 20px;
}

#select-zapchast.modal .modal-dialog .modal-content .modal-sub-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #767676;
    max-width: 448px;
}

.modal .modal-dialog .modal-content .btn-close {
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.modal .modal-dialog .modal-content .btn-close svg path {
    transition: .3s ease-out;
}

.form-fields .d-flex-group {
    display: flex;
    gap: 16px;
}

.form-fields .group-input {
    width: 100%;
}

.form-fields .group-input.file {
    display: flex;
}

.form-fields .group-input p {
    margin: 0;
}

.form-fields .group-input .input {
    width: 100%;
    padding: 16px 18px;
    border-radius: 12px;
    background: #F3F3F3;
    border: 1px solid #F3F3F3;
    transition: .3s ease-out;
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #404040;
    caret-color: #FD5000;
    transition: .3s ease-out;
}

.form-fields .group-input .input[name="file-image"] {
    background: transparent;
    outline: none;
    padding: 0;
}

.form-fields .group-input textarea {
    max-height: 120px;
}

.form-fields .group-input input[type="file"]::file-selector-button,
.form-fields .group-input input[type="file"]::-webkit-file-upload-button {
    padding: 10px;
    background: #F5F5F5;
    border: 1px solid #DFDFDF;
    border-radius: 10px;
    font-size: 16px;
    line-height: 20px;
    margin-right: 16px;
    color: #404040;
    cursor: pointer;
}

.form-fields .group-input input[type="file"][aria-invalid="true"]::file-selector-button {
    background: #FD500033;
    border-color: #FD5000;
    color: #FD5000;
}

.form-fields .group-input .input::placeholder {
    color: #ACACAC;
    transition: .3s ease-out;
    font-family: Arial;
}

.form-fields .group-input .input:focus-visible {
    outline: none;
}

.form-fields .group-input .input:focus::placeholder {
    padding-left: 8px;
}

.form-fields .group-input .input.filled {
    outline-color: #ACACAC;
    transition: .3s ease-out;
}

.form-fields .group-input .input[aria-invalid="true"] {
    background: #FD500033;
    border-color: #FD5000;
    color: #FD5000;
}

.form-fields .group-input .input[aria-invalid="true"]::placeholder {
    color: #FD5000;
}

.form-fields .group-input .wpcf7-not-valid-tip {
    padding: 4px 0 0 10px;
    color: #FD5000;
    font-family: Arial;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
}

.form-fields .group-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.form-fields .group-button p {
    margin: 0;
}

.form-fields .group-button {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.form-fields .group-button .btn-submit {
    padding: 16px 50px;
    font-family: Arial;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    border-radius: 12px;
    width: 100%;
    background: #FD5000;
    border: none;
    cursor: pointer;
    transition: .3s ease-out;
}

.form-fields .group-button .text {
    max-width: 256px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #ACACAC;
}

.form-fields .group-button .text a {
    color: #ACACAC;
    text-decoration: underline;
}

.form-fields .group-button .wpcf7-spinner {
    display: none;
}

.form-fields form .wpcf7-response-output {
    border: none;
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-top: 14px;
    text-align: center;
}

.form-fields form[data-status="invalid"] .wpcf7-response-output {
    color: #F0221B;
}

.form-fields form[data-status="sent"] .wpcf7-response-output {
    color: #4D9863;
}

/*--------------------END MODAL-----------------------*/

/*----------------- ПЕРВЫЙ ЭКРАН ---------------------*/

.section-title {
    color: #202020;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0;
}

body.page-id-9 .section-title,
body.page-id-13 .section-title {
    color: #fff;
}

body.page-id-15 .section-title,
body.page-id-17 .section-title,
body.page-id-1635 .section-title,
body.error404 .section-title,
body.page-id-19 .section-title,
body.page-id-21 .section-title,
body.single-product .section-title {
    color: #202020;
}

#main-page {
    background: #f3f3f3;
}

#main-page .section.section-1 {
    padding-top: 178px;
    padding-bottom: 182px;
    position: relative;
}

#main-page .section.section-1 .first-screen {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#main-page .section.section-1 img.background-name {
    max-width: 1904px;
    width: 100%;
    max-height: 169px;
    height: auto;
    object-fit: contain;
    object-position: bottom;
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

#main-page .section.section-1 .section-title {
    max-width: 685px;
    position: relative;
    z-index: 2;
}

#main-page .section.section-1 .navigation-cards,
.footer-center .navigation-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    z-index: 2;
}

.footer-center .navigation-cards {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 530px;
}

#main-page .section.section-1 .navigation-cards .card,
.footer-center .navigation-cards .card,
.header-sticky .main-navigation .navigation-cards .card {
    width: 257px;
    height: 168px;
    padding: 20px;
    background: #fff;
    outline: 1px solid #fff;
    box-shadow: 3px 0px 5.8px 0px #00000040;
    border-radius: 16px;
    position: relative;
    display: block;
    transition: .3s ease-out;
    overflow: hidden;
}

#main-page .section.section-1 .navigation-cards .card .title,
.footer-center .navigation-cards .card .title,
.header-sticky .main-navigation .navigation-cards .card .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #202020;
    transition: .3s ease-out;
    z-index: 2;
    position: relative;
}

#main-page .section.section-1 .navigation-cards .card .link,
.footer-center .navigation-cards .card .link,
.header-sticky .main-navigation .navigation-cards .card .link {
    width: 52px;
    height: 52px;
    position: absolute;
    bottom: 8px;
    right: 8px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 1px solid #ACACAC;
    outline-offset: -1px;
    background: transparent;
    transition: .3s ease-out;
    z-index: 2;
}

#main-page .section.section-1 .navigation-cards .card .link svg path,
.footer-center .navigation-cards .card .link svg path,
.header-sticky .main-navigation .navigation-cards .card .link svg path {
    transition: .3s ease-out;
}

#main-page .section.section-1 .navigation-cards .card .image,
.footer-center .navigation-cards .card .image,
.header-sticky .main-navigation .navigation-cards .card .image {
    position: absolute;
    z-index: 0;
    display: flex;
}

#main-page .section.section-1 .navigation-cards .card:nth-child(1) .image,
.footer-center .navigation-cards .card:nth-child(1) .image,
.header-sticky .main-navigation .navigation-cards .card:nth-child(1) .image {
    bottom: 8px;
    left: 8px;
}

#main-page .section.section-1 .navigation-cards .card:nth-child(2) .image,
.footer-center .navigation-cards .card:nth-child(2) .image,
.header-sticky .main-navigation .navigation-cards .card:nth-child(2) .image {
    bottom: 8px;
    right: 29px;
}

#main-page .section.section-1 .navigation-cards .card:nth-child(3) .image,
.footer-center .navigation-cards .card:nth-child(3) .image,
.header-sticky .main-navigation .navigation-cards .card:nth-child(3) .image {
    bottom: 12px;
    left: 20px;
}

#main-page .section.section-1 .navigation-cards .card:nth-child(4) .image,
.footer-center .navigation-cards .card:nth-child(4) .image,
.header-sticky .main-navigation .navigation-cards .card:nth-child(4) .image {
    bottom: 11px;
    right: -30px;
}

#main-page .section.section-1 .container {
    position: relative;
}

#main-page .section.section-1 .background-links {
    position: absolute;
    top: 25px;
    right: 268px;
    width: 1493px;
    height: 756px;
    background: #f3f3f3;
}

#main-page .section.section-1 .background-links img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 1;
    position: relative;
    mix-blend-mode: multiply;
}

#main-page .section.section-1 .background-links .subsection {
    display: flex;
    align-items: center;
    gap: 20px;
    position: absolute;
    z-index: 2;
}

#main-page .section.section-1 .background-links .subsection .circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #595959;
    position: relative;
    transition: .8s ease-out;
    flex-shrink: 0;
}

#main-page .section.section-1 .background-links .subsection .circle:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

#main-page .section.section-1 .background-links .subsection .circle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #595959;
    opacity: 1;
    animation: dot_scale 1.5s linear infinite;
    transition: .8s ease-out;
}

@keyframes dot_scale {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

#main-page .section.section-1 .background-links .subsection .text {
    padding: 12px 16px;
    background: #20202099;
    backdrop-filter: blur(3px);
    border-radius: 8px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    box-shadow: 4px 4px 12px 0px #0000001F;
    transition: .8s ease-out;
}

#main-page .section.section-1 .background-links .subsection.subsection-1 {
    left: 24%;
    top: 51%;
}

#main-page .section.section-1 .background-links .subsection.subsection-2 {
    right: 36%;
    top: 56%;
}

#main-page .section.section-1 .background-links .subsection.subsection-3 {
    left: 24%;
    bottom: 21.5%;
}

#main-page .section.section-1 .background-links .subsection.subsection-4 {
    right: 25%;
    bottom: 24%;
}

#main-page .section.section-1 .background-links .subsection.subsection-5 {
    right: 37%;
    bottom: 13%;
}

#main-page .section.section-1 .background-links .subsection.subsection-6 {
    right: 22%;
    top: 43%;
}

#main-page .section.section-1 .background-links .subsection.subsection-7 {
    right: 34%;
    top: 43%;
}

#main-page .section.section-1 .background-links .subsection.subsection-8 {
    left: 31%;
    top: 32%;
}

#main-page .section.section-1 .background-links .subsection.subsection-9 {
    right: 31%;
    top: 18%;
}

#main-page .section.section-1 .background-links .subsection.subsection-10 {
    right: 3%;
    top: 7%;
    max-width: 364px;
}

#main-page .section.section-1 .background-links .subsection.subsection-11 {
    right: 3%;
    top: 52%;
}

/*--------------- END ПЕРВЫЙ ЭКРАН -------------------*/

#main-page .gradient {
    background: #fff;
    position: relative;
    overflow: hidden;
}

#main-page .gradient:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #ECECEC 100%);
}

#main-page .gradient .background-logo-f3 {
    position: absolute;
    z-index: 0;
    width: 1796px;
    height: 1431px;
    object-fit: contain;
    top: 64px;
    left: 50%;
    transform: translateX(calc(-50% - 40px)) rotate(-12deg);
}

#main-page .section.section-2 {
    padding: 70px 0 60px 0;
    /*background: #fff;*/
    position: relative;
    overflow: hidden;
}

#main-page .section.section-2 .container {
    z-index: 1;
    position: relative;
}

#main-page .section.section-2 .title-container {
    border-left: 1px solid #FD5000;
    padding: 4px 0 0 20px;
    color: #FD5000;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    height: 48px;
    text-transform: uppercase;
}

#main-page .section.section-2 .section-title {
    color: #202020;
    flex: 4;
}

#main-page .section.section-2 .top-block {
    margin-top: 20px;
    display: flex;
    gap: 20px;
}

#main-page .section.section-2 .top-block .block-text {
    flex: 8;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

#main-page .section.section-2 .top-block .block-text .texts {
    display: flex;
    gap: 20px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #767676;
}

#main-page .section.section-2 .top-block .block-text .texts .text span {
    font-weight: 700;
    color: #404040;
}

#main-page .section.section-2 .top-block .block-text a.link {
    outline: 1px solid #ACACAC;
    outline-offset: -1px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px 32px;
    border-radius: 12px;
    transition: .3s ease-out;
}

#main-page .section.section-2 .top-block .block-text a.link svg path {
    transition: .3s ease-out;
}

#main-page .section.section-2 .top-block .block-text .frame-video {
    border-radius: 16px;
    width: 100%;
    overflow: hidden;
    margin-top: 52px;
}

#main-page .section.section-3 {
    padding: 100px 0 0 0;
    /*background: #fff;*/
    height: 1080px;
}

#main-page .section.section-3 .title-container {
    border-left: 1px solid #FD5000;
    padding: 4px 0 0 20px;
    color: #FD5000;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    height: 48px;
    text-transform: uppercase;
}

#main-page .section.section-3 .container {
    position: relative;
}

#main-page .section.section-3 .advantages {
    position: absolute;
    height: 1010px;
    width: 100%;
    top: -58px;
    left: 50%;
    transform: translateX(-50%);
}

#main-page .section.section-3 .advantages .title-block {
    position: absolute;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #404040;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 3px 0 5.8px #FFFFFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 602px;
}

#main-page .section.section-3 .advantages .title-block span {
    color: #FD5000;
}

#main-page .section.section-3 .advantages .item {
    padding: 24px;
    border-radius: 16px;
    box-shadow: 3px 0px 5.8px 0px #00000040;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    overflow: hidden;
    z-index: 2;
}

#main-page .section.section-3 .advantages .item .item-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #767676;
    z-index: 2;
}

#main-page .section.section-3 .advantages .item .item-title {
    font-weight: 700;
    font-size: 64px;
    line-height: 72px;
    text-transform: uppercase;
    color: #404040;
    z-index: 2;
}

#main-page .section.section-3 .advantages .item.item-1 .item-title,
#main-page .section.section-3 .advantages .item.item-7 .item-title {
    font-size: 24px;
    line-height: 28px;
}

#main-page .section.section-3 .advantages .item.item-2 .item-title,
#main-page .section.section-3 .advantages .item.item-5 .item-title {
    color: #FD5000;
}

#main-page .section.section-3 .advantages .item.item-2 .item-text,
#main-page .section.section-3 .advantages .item.item-5 .item-text {
    color: #FD5000;
    max-width: 322px;
    text-align: right;
    margin: 0 0 0 auto;
}

#main-page .section.section-3 .advantages .item.item-1 svg {
    position: absolute;
    top: 24px;
    right: -24px;
    width: 192px;
    height: 192px;
}

#main-page .section.section-3 .advantages .item.item-2 svg {
    position: absolute;
    top: 1px;
    left: 74px;
    width: 211px;
    height: 204px;
}

#main-page .section.section-3 .advantages .item.item-3 svg {
    position: absolute;
    top: 48px;
    right: -30px;
    width: 240px;
    height: 204px;
}

#main-page .section.section-3 .advantages .item.item-4 svg {
    position: absolute;
    top: 109px;
    right: -30px;
    width: 176px;
    height: 176px;
}

#main-page .section.section-3 .advantages .item.item-5 svg {
    position: absolute;
    width: 293px;
    height: 293px;
    top: 0;
    left: 40px;
}

#main-page .section.section-3 .advantages .item.item-6 svg {
    position: absolute;
    width: 160px;
    height: 160px;
    top: 0;
    right: 0;
}

#main-page .section.section-3 .advantages .item.item-7 svg {
    position: absolute;
    width: 156px;
    height: 156px;
    top: -20px;
    right: -60px;
}

#main-page .section.section-3 .advantages .item.item-1 {
    top: 0;
    left: 33.7%;
    height: 240px;
    width: 395px;
    background: #fff;
}

#main-page .section.section-3 .advantages .item.item-2 {
    top: 95px;
    right: 8.4%;
    width: 534px;
    height: 226px;
    background: #F3F3F3;
}

#main-page .section.section-3 .advantages .item.item-3 {
    bottom: 245px;
    right: 0;
    width: 320px;
    height: 392px;
    background: #fff;
}

#main-page .section.section-3 .advantages .item.item-4 {
    bottom: 0;
    right: 21.4%;
    width: 320px;
    height: 392px;
    background: #fff;
}

#main-page .section.section-3 .advantages .item.item-5 {
    bottom: 30px;
    left: 16.8%;
    width: 534px;
    height: 226px;
    background: #F3F3F3;
}

#main-page .section.section-3 .advantages .item.item-6 {
    bottom: 290px;
    left: 0;
    width: 395px;
    height: 240px;
    background: #F3F3F3;
}

#main-page .section.section-3 .advantages .item.item-7 {
    top: 189px;
    left: 6.4%;
    width: 428px;
    height: 220px;
    background: #fff;
}

#main-page .section.section-3 .advantages svg.connector {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

#main-page .section.section-3 .advantages .point {
    position: absolute;
    z-index: -1;
}

#main-page .section.section-3 .advantages .point > div {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FD5000E0;
    position: relative;
}

#main-page .section.section-3 .advantages .point > div:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

#main-page .section.section-3 .advantages .point > div:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #FD5000E0;
    opacity: 1;
    animation: dot_scale 1.5s linear infinite;
}

#main-page .section.section-3 .advantages .point.point-1 {
    top: 252px;
    left: 45.18%;
}

#main-page .section.section-3 .advantages .point.point-2 {
    top: 332px;
    left: 59.4%;
}

#main-page .section.section-3 .advantages .point.point-3 {
    top: 374px;
    left: 78.5%;
}

#main-page .section.section-3 .advantages .point.point-4 {
    top: 553px;
    left: 85.9%;
}

#main-page .section.section-3 .advantages .point.point-5 {
    top: 775px;
    left: 73.6%;
}

#main-page .section.section-3 .advantages .point.point-6 {
    top: 619px;
    left: 57.3%;
}

#main-page .section.section-3 .advantages .point.point-7 {
    top: 717px;
    left: 47.7%;
}

#main-page .section.section-3 .advantages .point.point-8 {
    top: 892px;
    left: 30.6%;
}

#main-page .section.section-3 .advantages .point.point-9 {
    top: 687px;
    left: 24.7%;
}

#main-page .section.section-3 .advantages .point.point-10 {
    top: 558px;
    left: 18%;
}

#main-page .section.section-3 .advantages .point.point-11 {
    top: 420px;
    left: 30.8%;
}

#main-page .section.section-4 {
    padding: 140px 0;
    /*background: #fff;*/
}

#accordion-slider-link .accordion-slider {
    display: flex;
    gap: 20px;
    height: 800px;
}

#accordion-slider-link .accordion-slider .slide {
    border-radius: 16px;
    width: 256px;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    position: relative;
    gap: 28px;
    transition: width .6s ease;
    cursor: pointer;
}

#accordion-slider-link .accordion-slider .slide:last-child,
#accordion-slider-link .accordion-slider .slide:first-child {
    align-items: flex-end;
}

#accordion-slider-link .accordion-slider .slide.active {
    width: calc(100% - 256px * 2 - 20px * 2);
    padding: 60px;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}

#accordion-slider-link .accordion-slider .slide:last-child.active,
#accordion-slider-link .accordion-slider .slide:first-child.active {
    align-items: flex-start;
}

#accordion-slider-link .accordion-slider .slide a.link {
    width: 52px;
    height: 52px;
    border: 1px solid #FD5000;
    background: #FD5000;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0 auto 0 0;
    transition: .6s ease;
}

#accordion-slider-link .accordion-slider .slide.active a.link {
    background: transparent;
    border-color: #fff;
    z-index: 4;
    position: absolute;
    bottom: 60px;
    right: 60px;
    transform: scale(-1, 1);
    transition: .3s ease;
}

#accordion-slider-link .accordion-slider .slide .title {
    writing-mode: sideways-lr;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #404040;
    text-transform: uppercase;
    opacity: 1;
    height: 100%;
    max-height: 450px;
}

#accordion-slider-link .accordion-slider .slide.active .title {
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
}

#accordion-slider-link .accordion-slider .slide .main-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    text-transform: uppercase;
    opacity: 0;
    transform: matrix(1, 0, 0, 1, -120, 0);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

#accordion-slider-link .accordion-slider .slide:not(.active) .main-title {
    transition: 0s;
}

#accordion-slider-link .accordion-slider .slide.active .main-title {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition: opacity .6s .3s ease, transform .6s .3s ease;
    position: relative;
}

#accordion-slider-link .accordion-slider .slide .sub-title {
    opacity: 0;
    transform: matrix(1, 0, 0, 1, -60, 0);
    max-width: 480px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 0;
}

#accordion-slider-link .accordion-slider .slide:not(.active) .sub-title {
    transition: 0s;
}

#accordion-slider-link .accordion-slider .slide.active .sub-title {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition: .6s .6s ease;
    position: relative;
}

#accordion-slider-link .accordion-slider .slide img {
    width: 100%;
    height: 172px;
    object-fit: cover;
    border-radius: 12px;
    flex-shrink: 0;
    transition: width .6s ease;
}

#accordion-slider-link .accordion-slider .slide.active img {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 0;
    border-radius: 16px;
}

#accordion-slider-link .accordion-slider .slide.active:last-child img,
#accordion-slider-link .accordion-slider .slide.active:first-child img {
    bottom: auto;
    top: 0;
}

#accordion-slider-link .accordion-slider .slide:not(.active):last-child img {
    margin-top: 30px;
}

#accordion-slider-link .accordion-slider .slide:nth-child(2) img {
    object-position: 80%;
}

#accordion-slider-link .accordion-slider .slide:first-child img {
    margin: auto 0 0 0;
    object-position: 58%;
}

#accordion-slider-link .accordion-slider .slide img.big {
    display: none;
}


#main-page .section.section-5 {
    background: #202020;
    padding: 40px;
}

#main-page .section.section-5 .grid {
    padding: 44px 0 120px;
}

#main-page .section.section-5 .title-container {
    border-left: 1px solid #FD5000;
    padding: 4px 0 0 20px;
    color: #FD5000;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    height: 48px;
    text-transform: uppercase;
}

#main-page .section.section-5 .bottom-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 60px;
    margin-top: 476px;
    z-index: 2;
    position: relative;
}

#main-page .section.section-5 .bottom-block .block-text {
    max-width: 674px;
}

#main-page .section.section-5 .bottom-block .block-text .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#main-page .section.section-5 .bottom-block .block-text .text {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #f3f3f3;
}

#main-page .section.section-5 .bottom-block .slider-cards .slick-track {
    display: flex;
    align-items: center;
}

#main-page .section.section-5 .bottom-block .slider-cards .card .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF33;
    text-transform: uppercase;
}

#main-page .section.section-5 .bottom-block .slider-cards .card.slick-active .title {
    color: #fff;
}

#main-page .section.section-5 .bottom-block .slider-cards .card .text {
    margin: auto 0 0 0;
}

#main-page .section.section-5 .bottom-block .slider-cards .card .text,
#main-page .section.section-5 .bottom-block .slider-cards .card .text-col {
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    color: #FFFFFF33;
}

#main-page .section.section-5 .bottom-block .slider-cards .card.slick-active .text,
#main-page .section.section-5 .bottom-block .slider-cards .card.slick-active .text-col {
    color: #fff;
}

#main-page .section.section-5 .bottom-block .slider-cards .card .text-col {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#main-page .section.section-5 .bottom-block .slider-cards .card[data-id-card="1"] .text {
    max-width: 320px;
}

#main-page .section.section-5 .bottom-block .slider-cards .card[data-id-card="2"] .text,
#main-page .section.section-5 .bottom-block .slider-cards .card[data-id-card="5"] .text {
    max-width: 280px;
}

#main-page .section.section-5 .bottom-block .slider-cards .card[data-id-card="4"] .text {
    max-width: 250px;
}


/*-----------CUSTOM SLIDER---------------*/

#main-page .section.section-5 .block-cards {
    position: relative;
}

#custom-slider.cards-wrapper {
    width: 644px;
    margin: 0 66px 0 auto;
    position: relative;
    flex-shrink: 0;
}

#custom-slider .cards-container {
    display: flex;
    height: 316px;
    position: relative;
    overflow: hidden;
    transition: transform .3s ease-out;
}

#custom-slider .cards-container .card {
    height: 240px;
    width: 396px;
    position: absolute;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    padding: 24px;
    background: #40404099;
    box-shadow: 3px 0 5.8px 0 #202020CC;
    backdrop-filter: blur(4px);
    overflow: hidden;
}

#custom-slider .cards-container .card.prev {
    transform: translateX(-100%) translateY(56px);
    opacity: 0.7;
    z-index: 1;
    transition: all .4s ease-out, transform 0s .35s ease-out, width 0s .35s ease-out, height 0s .35s ease-out, z-index 0s;
}

#custom-slider .cards-container .card.current {
    transform: translateX(0);
    opacity: 1;
    z-index: 3;
    height: 316px;
    width: 450px;
    background: #FD5000;
    color: #fff;
    backdrop-filter: blur(8px);
    transition: all .3s ease-out, z-index 0s;
    position: relative;
}

#custom-slider .cards-container .card.current:before {
    content: "";
    position: absolute;
    width: 306px;
    height: 244px;
    background: url("/wp-content/themes/noblelift/img/n-logo-card.png") no-repeat center;
    background-size: contain;
    top: 46px;
    right: 30px;
    transform: rotate(-1.3deg);

}

#custom-slider .cards-container .card.next {
    transform: translateX(62%) translateY(56px);
    opacity: 0.7;
    z-index: 2;
    transition: all .3s ease-out, z-index 0s, transform .3s;
}

#custom-slider .cards-container .card.hidden {
    transform: translateX(200%) translateY(56px);
    opacity: 0;
    z-index: 0;
}

#custom-slider .cards-container .card .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF33;
    text-transform: uppercase;
}

#custom-slider .cards-container .card.current .title {
    color: #fff;
}

#custom-slider .cards-container .card .text {
    margin: auto 0 0 0;
}

#custom-slider .cards-container .card .text,
#custom-slider .cards-container .card .text-col {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF33;
}

#custom-slider .cards-container .card.current .text,
#custom-slider .cards-container .card.current .text-col {
    color: #fff;
}

#custom-slider .cards-container .card .text-col > *,
#custom-slider .cards-container .card .text-col > a {
    color: #FFFFFF33;
}

#custom-slider .cards-container .card.current .text-col > *,
#custom-slider .cards-container .card.current .text-col > a {
    color: #fff !important;
    text-decoration: none !important;
}

#custom-slider .cards-container .card .text-col > *:hover,
#custom-slider .cards-container .card .text-col > a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

#custom-slider .cards-container .card .text-col {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#custom-slider .cards-container .card[data-id-card="1"] .text {
    max-width: 320px;
}

#custom-slider .cards-container .card[data-id-card="2"] .text,
#custom-slider .cards-container .card[data-id-card="5"] .text {
    max-width: 280px;
}

#custom-slider .cards-container .card[data-id-card="4"] .text {
    max-width: 250px;
}

.navigation {
    display: none;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    height: 8px;
}

#custom-slider.cards-wrapper .dots-track {
    display: flex;
    gap: 10px;
    position: relative;
    height: 100%;
    align-items: center;
    transition: transform 0.3s ease;
}

#custom-slider.cards-wrapper .dot {
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
    transition: 0.3s ease-out;
}

#custom-slider.cards-wrapper .dot.far {
    width: 4px;
    height: 4px;
    background: #ACACAC;
    opacity: .5;
}

#custom-slider.cards-wrapper .dot.near {
    width: 6px;
    height: 6px;
    background: #ACACAC;
    opacity: 1;
}

#custom-slider.cards-wrapper .dot.active {
    background: #FD5000;
    width: 8px;
    height: 8px;
}

#custom-slider.cards-wrapper .arrow {
    position: absolute;
    top: 195px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    user-select: none;
}

#custom-slider.cards-wrapper .arrow:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #FD5000;
    transition: .3s ease-out;
    z-index: 0;
}

#custom-slider.cards-wrapper .arrow:hover:before {
    background: #FD5000;
    transform: scaleX(-1);
}

#custom-slider.cards-wrapper .arrow-left {
    left: -66px;
}

#custom-slider.cards-wrapper .arrow-right {
    right: -66px;
}

#custom-slider.cards-wrapper .arrow svg {
    z-index: 1;
}

#custom-slider.cards-wrapper .arrow svg path {
    transition: .3s ease-out;
}

#custom-slider.cards-wrapper .arrow:hover svg path {
    stroke: #fff;
}

/*---------------END CUSTOM SLIDER--------------*/

#main-page .section.section-5 .container {
    position: relative;
}

#main-page .section.section-5 .map-container {
    width: 1087px;
    height: 601px;
    position: absolute;
    top: 12px;
    right: 0;
}

#main-page .section.section-5 .map {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#main-page .section.section-5 .map-container .dot-map {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #20202099;
    position: absolute;
    transition: .8s ease-out;
    flex-shrink: 0;
    cursor: pointer;
    z-index: 10;
}

#main-page .section.section-5 .map-container .dot-map:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

#main-page .section.section-5 .map-container .dot-map:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #20202099;
    opacity: 1;
    animation: dot_scale 1.5s linear infinite;
    transition: .3s ease-out;
}

#main-page .section.section-5 .map-container .dot-map.active {
    background: #FD5000E0;
}

#main-page .section.section-5 .map-container .dot-map.active:before {
    border-color: #FD5000E0;
}

#main-page .section.section-5 .map-container .dot-map[data-id-card="1"] {
    top: 25.2%;
    right: 43.6%;
}

#main-page .section.section-5 .map-container .dot-map[data-id-card="2"] {
    top: 40.4%;
    right: 22.2%;
}

#main-page .section.section-5 .map-container .dot-map[data-id-card="3"] {
    top: 22.9%;
    right: 41.39%;
}

#main-page .section.section-5 .map-container .dot-map[data-id-card="4"] {
    top: 28.4%;
    right: 47.8%;
}

#main-page .section.section-5 .map-container .dot-map[data-id-card="5"] {
    top: 33.1%;
    right: 75.6%;
}

#main-page .section.section-5 .map-container .dot-map[data-id-card="6"] {
    top: 26.78%;
    right: 71.1%;
}

#main-page .section.section-5 .map-container .dot-map[data-id-card="7"] {
    top: 30.9%;
    right: 50.96%;
}

#main-page .section.section-5 .map-container .dot-map[data-id-card="8"] {
    top: 77.5%;
    right: 68.36%;
}

#main-page .section.section-5 .map-container .dot-map[data-id-card="9"] {
    top: 74.37%;
    right: 13.7%;
}

#main-page .section.section-5 .map-container .dot-map[data-id-card="10"] {
    top: 58.2%;
    right: 23.8%;
}

#main-page .section.section-6 {
    padding: 200px 0;
}

#consultation-block {
    background: url("/wp-content/themes/noblelift/img/background-section.jpg") no-repeat center 85%;
    background-size: cover;
}

#consultation-block .block-form {
    max-width: 810px;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 60px;
}

#consultation-block .block-form .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #404040;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#consultation-block .block-form .sub-title {
    font-size: 20px;
    line-height: 24px;
    color: #767676;
    margin-bottom: 36px;
}

.section.section-text .section-title {
    margin-bottom: 36px;
    max-width: 50%;
}

.section.section-text.light {
    background: #fff;
    color: #767676;
}

.section.section-text.light-gray {
    background: #F3F3F3;
    color: #767676;
}

.section.section-text.dark .section-title {
    color: #fff;
}

body.page-id-178 .section.section-text.light-gray,
body.page-id-138 .section.section-text.light-gray,
body.search .section.section-text.light-gray,
body.page-id-109 .section.section-text.light-gray,
body.page-id-101 .section.section-text.light-gray,
body.page-id-99 .section.section-text.light-gray,
body.page-id-95 .section.section-text.light-gray,
body.page-id-72 .section.section-text.light-gray,
body.page-id-49 .section.section-text.light,
body.page-id-45 .section.section-text.light-gray,
body.page-id-43 .section.section-text.light-gray,
body.page-id-40 .section.section-text.light-gray,
body.page-id-36 .section.section-text.light-gray,
body.page-id-34 .section.section-text.light-gray,
body.page-id-32 .section.section-text.light-gray,
body.page-id-30 .section.section-text.light-gray,
body.page-id-28 .section.section-text.light-gray,
body.page-id-26 .section.section-text.light-gray,
body.page-id-24 .section.section-text.light-gray  {
    background: transparent;
}

.section.section-text.dark-gray {
    background: #4C4C4C;
    color: #FFFFFF;
}

.section.section-text.dark {
    background: transparent;
    color: #ACACAC;
}

.section.section-text {
    padding: 160px 0;
}

.section.section-text .block-text {
    display: flex;
    gap: 20px;
}

.section.section-text .block-text > div {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.section.section-text .block-text h3,
.section.section-text .block-text h4,
.section.section-text .block-text h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
    margin: 0 0 12px 0;
}

.section.section-text .block-text .text {
    margin-bottom: 12px;
}

.section.section-text .block-text .text > p {
    margin: 0;
}

.section.section-text .block-text .text:last-child {
    margin-bottom: 0;
}

.section.section-text .block-text .text span.p {
    margin-bottom: 8px;
    display: block;
}

.section.section-text .block-text .text a {
    color: #404040;
    text-decoration: underline;
}

.section.section-text .block-text .text ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    list-style: none;
}

.section.section-text .block-text .text ul li {
    padding-left: 12px;
    position: relative;
}

.section.section-text .block-text .text ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #767676;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.section.section-text.dark-gray .block-text .text ul li:before {
    background: #fff;
}

.section.section-text.dark .block-text .text ul li:before {
    background: #ACACAC;
}
/* -------------------- ХЛЕБНЫЕ КРОШКИ ----------------*/
.breadcrumbs .go-back {
    display: none;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
}

.breadcrumbs #breadcrumbs > span {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.breadcrumbs #breadcrumbs span.breadcrumb_last {
    /*display: none;*/
}

.breadcrumbs #breadcrumbs > span,
.breadcrumbs #breadcrumbs > span a {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #D2D2D2;
}
/*-----------------СТРАНИЦА ПРОДУКЦИЯ----------------------*/

#products {
    position: relative;
    overflow: hidden;
}

#products:before {
    content: "";
    position: absolute;
    top: 140px;
    left: 50%;
    transform: translateX(-50%);
    background: url("/wp-content/themes/noblelift/img/products/n.png") no-repeat center;
    width: 1800px;
    height: 1434px;
    background-size: contain;
    z-index: 0;
}

#products .section {
    position: relative;
    z-index: 1;
}

#products .section.section-1 {
    padding: 190px 0 100px;
}

#products .section.section-1 .breadcrumbs {
    margin-bottom: 12px;
}

#products .section.section-1 .section-title {
    margin-bottom: 42px;
}

#products .section.section-1 .products-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#products .section.section-1 .products-links .block-link {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: calc(100% / 3 - 20px + 20px / 3);
    padding: 24px;
    background: #404040;
    border-radius: 16px;
    transition: .3s ease-out;
}

#products .section.section-1 .products-links .block-link img {
    width: 100%;
    height: 426px;
    object-fit: contain;
    object-position: center;
}

#products .section.section-1 .products-links .block-link .title-block {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

#products .section.section-1 .products-links .block-link .title-block .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    max-width: 163px;
}

#products .section.section-1 .products-links .block-link .arrow {
    width: 52px;
    height: 52px;
    outline: 1px solid #ACACAC;
    outline-offset: -1px;
    border-radius: 12px;
    transition: .3s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

#products .section.section-1 .products-links .block-link .arrow svg path {
    transition: .3s ease-out;
}

#products .section.section-1 .products-links .block-link:nth-child(4),
#products .section.section-1 .products-links .block-link:nth-child(5) {
    width: calc(100% / 2 - 20px / 2);
}

#products .section.section-1 .products-links .block-link:nth-child(4) .title-block .title,
#products .section.section-1 .products-links .block-link:nth-child(5) .title-block .title {
    max-width: 340px;
}

#products .section.section-2 .section-title {
    margin-bottom: 36px;
    max-width: 50%;
}

/*----------------- END СТРАНИЦА ПРОДУКЦИЯ----------------------*/


/*----------------- СТРАНИЦА РАЗДЕЛА----------------------*/
#section-page {
    position: relative;
    overflow-y: hidden;
}

#section-page .section.section-1 {
    height: 400px;
    padding-bottom: 32px;
}

#section-page .section.section-1 .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#section-page .section.section-1 .breadcrumbs {
    margin: auto auto 0 0;
}

#section-page.warehouse-equipment .section.section-1 {
    background: url("/wp-content/themes/noblelift/img/products/warehouse-equipment.jpg") no-repeat center 90%;
    background-size: cover;
}

#section-page.cleaning-systems .section.section-1 {
    background: url("/wp-content/themes/noblelift/img/products/cleaning-systems.jpg") no-repeat center 65%;
    background-size: 120%;
}

#section-page.agv .section.section-1 {
    background: url("/wp-content/themes/noblelift/img/products/agv.jpg") no-repeat center 75%;
    background-size: cover;
}

#section-page .section.section-2 {
    padding: 160px 0;
    background: linear-gradient(180deg, #202020 60%, #404040 80%);
    position: relative;
    overflow: hidden;
}

#section-page .section.section-2 .background-name {
    max-width: 1904px;
    width: 100%;
    max-height: 169px;
    height: auto;
    object-fit: contain;
    object-position: bottom;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

#section-page .section.section-2 .block_sub-sections {
    display: flex;
    justify-content: space-between;
}

#section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button {
    display: none;
}

/*#section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 24px;*/
/*    width: 335px;*/
/*    padding: 20px;*/
/*    border-radius: 20px;*/
/*    background: #40404099;*/
/*    backdrop-filter: blur(38px);*/
/*}*/

#section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections {
    display: flex;
    width: 335px;
    padding: 20px;
    border-radius: 20px;
    background: #40404099;
    backdrop-filter: blur(38px);
}

#section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections .navigation-wrapper{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

#section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections .item {
    position: relative;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #767676;
    cursor: pointer;
    transition: .3s ease-out;
}

#section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections .item.active {
    padding: 12px 0 12px 32px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
}

#section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections .item .icon {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 100%;
    left: 0;
    transform: translateY(-50%);
    transition: .3s ease-out;
}

#section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections .item.active .icon {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

#section-page .section.section-2 .block_sub-sections .block-sliders {
    width: auto;
    margin: 0;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper.active {
    display: flex;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info {
    max-width: 533px;
    background: #F3F3F333;
    backdrop-filter: blur(12px);
    border-radius: 20px;
    padding: 20px;
    margin-top: 113px;
    z-index: 4;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info .text {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 24px;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info .buttons {
    display: flex;
    gap: 20px;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info .buttons .btn.link {
    width: 264px;
    flex-shrink: 0;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info .buttons .btn.btn-orange {
    width: 100%;
    text-align: center;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .title-slider {
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 32px;
    z-index: 4;
    max-width: 533px;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container {
    display: flex;
    align-items: center;
    height: 311px;
    width: 100%;
    position: relative;
    overflow: visible;
    transition: transform .4s ease-out;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card {
    width: 260px;
    height: 280px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    overflow: hidden;
    background: transparent;
    padding: 0;
    box-shadow: none;
    display: block;
    border-radius: 0;
    -webkit-user-select: none; /* для Safari */
    -moz-user-select: none;    /* для Firefox */
    -ms-user-select: none;     /* для Internet Explorer/Edge */
    user-select: none;         /* стандартное свойство */
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .background {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0;
    border-radius: 16px;
    padding: 16px;
    border: 1px solid #767676;
    height: 100%;
    background: #F3F3F333;
    backdrop-filter: blur(12px);
    box-shadow: 3px 0px 5.8px 0px #00000040;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.prev {
    transform: translateX(-100%) translateY(0);
    opacity: 0;
    z-index: 1;
    overflow: visible;
    transition: opacity .4s ease-out, transform 0s .35s, width 0s .35s, height 0s .35s, overflow 0s .35s, z-index 0s;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.next {
    transform: translateX(184px) translateY(0);
    opacity: 0.3;
    z-index: 2;
    transition: all .4s ease-out, z-index 0s, transform .4s;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.three {
    transform: translateX(320px) translateY(0);
    opacity: 0.1;
    z-index: 0;
    height: 230px;
    width: 210px;
    transition: all .4s ease-out, width 0s, height 0s, transform 0s, z-index 0s;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.hidden {
    transform: translateX(200%) translateY(0);
    opacity: 0;
    z-index: 0;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current {
    transform: translateX(0);
    opacity: 1;
    z-index: 3;
    height: 311px;
    width: 304px;
    position: relative;
    overflow: visible;
    transition: all .4s ease-out, z-index 0s;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.prev.three {
    transition: all 0s ease-out, opacity 0s, z-index 0s;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current:before {
    content: none;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .thumbnail {
    width: 100%;
    height: 150px;
    object-fit: contain;
    transition: all 0s .35s ease-out;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.prev.three .thumbnail {
    transition: 0s;
}


#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.next .thumbnail {
    height: 200px;
    transition: all .4s ease-out;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .thumbnail {
    height: 231px;
    transition: all .4s ease-out;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .block {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    justify-content: space-between;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .block .text {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #FFFFFF;
    transition: font-size .4s ease-out;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.next .block .text {
    font-size: 15px;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .block .text {
    font-size: 16px;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .block .link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    outline: 1px solid #767676;
    outline-offset: -1px;
    flex-shrink: 0;
    transition: .3s ease-out;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .block .link svg path {
    transition: .3s ease-out;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.three .background > *,
#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.hidden .background > * {
    /*display: none;*/
    opacity: 0;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.next .background > *,
#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .background > * {
    /*display: flex;*/
    opacity: 1;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .navigation {
    display: flex;
    margin: 0;
    width: 100%;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .navigation .dots-track {
    margin: 16px auto 0 auto;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .photo {
    position: absolute;
    visibility: hidden;
    transform: scale(1) translateX(-62%);
    left: 0;
    top: 0;
    height: 309px;
    opacity: 0;
    object-fit: contain;
    transform-origin: left center;
    z-index: -5;
    transition: .4s ease-out;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .photo {
    visibility: visible;
    opacity: 1;
    width: 100%;
    top: -152px;
    transform: scale(2.7) translateX(-260px);
    transform-origin: top left;
    cursor: default;
    transition: .4s ease-out, opacity .5s ease-out;
}

#section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.prev .photo {
    transition: opacity .4s ease-out;
}

#section-page .section.section-3 {
    padding: 140px 0;
}

#section-page .section.section-4 {
    padding: 200px 0;
    margin-bottom: 16px;
}

/*----------------- END СТРАНИЦА РАЗДЕЛА----------------------*/

.cards .item .image .gray.no-photo,
.articles .item .image .gray.no-photo {
    background: #F3F3F3;
    padding: 10px;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.cards .item .image .gray.no-photo .site,
.articles .item .image .gray.no-photo .site {
    position: absolute;
    top: 20px;
    right: 20px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #FD5000;
}

.cards .item .image .gray.no-photo .no-photo-block,
.articles .item .image .gray.no-photo .no-photo-block {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.cards .item .image .gray.no-photo img,
.articles .item .image .gray.no-photo img {
    width: 100%!important;
    height: auto!important;
    object-fit: contain!important;
    bottom: -85px;
    position: relative;
}

/* список, который выпадает при вводе текста в строку поиска */
.dgwt-wcas-suggestions-wrapp {
    transform: translateY(8px);
    background: #F3F3F3;
    border-radius: 12px;
    box-shadow: 0px 8px 19px 0px #0000001A,
                0px 34px 34px 0px #00000017,
                0px 76px 45px 0px #0000000D,
                0px 135px 54px 0px #00000003,
                0px 210px 59px 0px #00000000;
    border: none;
    z-index: 999!important;
}

.dgwt-wcas-suggestions-wrapp::-webkit-scrollbar{
    width: 8px; /* Ширина вертикального скроллбара */
    height: 6px; /* Высота горизонтального скроллбара */
}

.dgwt-wcas-suggestions-wrapp::-webkit-scrollbar-track {
    background: transparent; /* Цвет трека */
}

.dgwt-wcas-suggestions-wrapp::-webkit-scrollbar-thumb {
    background-color: #bebebe; /* Цвет ползунка */
    border-radius: 3px;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {
    padding: 8px;
    min-height: 48px;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-si {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-si img {
    border-radius: 8px;
    max-height: 100%;
    padding: 0;
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion .dgwt-wcas-st  {
    font-size: 16px;
    line-height: 20px;
    color: #4C4C4C;
    opacity: 1;
    transition: .3s ease-out;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion strong {
    color: #FD5000;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-content-wrapp {
    padding-left: 8px;
}


#page-404 .section.section-1 {
    padding: 200px 0 120px 0;
}

#page-404 .section.section-1 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#page-404 .section.section-1 .image {
    width: 100%;
    margin-bottom: 32px;
}

#page-404 .section.section-1 .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#page-404 .section.section-1 .section-title {
    max-width: 596px;
    margin-bottom: 8px;

    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    color: #4C4C4C;
}

#page-404 .section.section-1 .text {
    max-width: 596px;
    margin-bottom: 24px;

    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #767676;
}

#page-404 .section.section-1 .btn {
    padding: 12px 40px;
    display: flex;
    border: 1px solid #FD5000;
}

/*--------------- COOKIES ----------*/
#cookies-modal {
    display: none;
    position: fixed;
    bottom: 26px;
    z-index: 10151;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}

#cookies-modal .modal-wrapper {
    background: #FFFFFF;
    box-shadow: 3px 2px 12px 0px #20202052;
    border-radius: 20px;
    padding: 24px 60px;
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
    max-width: 1364px;
    margin: 0 140px 0 auto;
}

#cookies-modal .modal-wrapper .block-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4C4C4C;
    max-width: 674px;
}

#cookies-modal .modal-wrapper .block-text b {
    font-weight: 700;
    color: #404040;
}

#cookies-modal .modal-wrapper .block-text a {
    color: #FD5000;
}

#cookies-modal .modal-wrapper .block-buttons {
    display: flex;
    gap: 20px;
}

#cookies-modal .modal-wrapper .block-buttons button {
    width: 180px;
    padding: 12px 24px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #F3F3F3;
    border: none;
    border-radius: 12px;
    transition: .3s ease-out;
    cursor: pointer;
}

#cookies-modal .modal-wrapper .block-buttons button.btn-true {
    background: #FD5000;
}

#cookies-modal .modal-wrapper .block-buttons button.btn-false {
    background: #F3F3F3;
    color: #404040;
}

@media (min-width: 992px) {
    /*    HOVER     */
    .header-sticky .main-navigation .item-nav-ul:hover .item-navigation,
    .header-sticky .main-navigation .item-navigation:hover {
        color: #FD5000;
    }

    .header-sticky .main-navigation .item-nav-ul:hover .background-ul {
        padding-top: 16px;
    }

    .header-sticky .main-navigation .item-nav-ul:not(:hover) .item-ul {
        padding: 0 0 0 10px;
        box-shadow: 0 4px 4px 0 #00000000;
    }

    .header-sticky .main-navigation .item-nav-ul:not(:hover) .item-ul .item-li {
        visibility: hidden;
        height: 0;
        padding: 0 0 0 20px;
        color: rgba(25, 25, 25, 0);
        transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.3s color, 0.6s visibility;
    }

    .header-sticky .main-navigation .item-nav-ul:not(:hover) .item-ul .item-li:before {
        visibility: hidden;
        height: 0;
        width: 0;
        background: transparent;
        transition: 0.5s 0.1s height, 0.5s 0.1s width;
    }

    .header-sticky .main-navigation .item-nav-ul .item-ul .item-li:hover {
        color: #FD5000;
        transition: color .3s ease-out;
    }

    .header-sticky .main-navigation .item-nav-ul .item-ul .item-li:hover:before {
        background: #FD5000;
        transition: background .3s ease-out;
    }

    #main-page .section.section-1 .background-links .subsection:hover .text,
    #main-page .section.section-1 .background-links .subsection.hover .text {
        background: #FD5000E0;
    }

    #main-page .section.section-1 .background-links .subsection:hover .circle,
    #main-page .section.section-1 .background-links .subsection.hover .circle {
        background: #FD5000E0;
    }

    #main-page .section.section-1 .background-links .subsection:hover .circle:before,
    #main-page .section.section-1 .background-links .subsection.hover .circle:before {
        border-color: #FD5000E0;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections .item:not(.active):hover {
        color: #FD5000;
    }

    .header-top .header-links .search__block .btn:hover,
    .header-top .header-links .basket__block .btn:hover,
    .header-top .header-links .compare__block .btn:hover,
    .footer-top .footer-links .search__block .btn.btn-search:hover {
        background: #FD5000;
    }

    .header-top .header-links .compare__block .btn:hover .js-compare-count {
        background: #FFFFFF;
        color: #FD5000;
    }

    .header-top .header-links .compare__block .btn:hover svg path,
    .footer-top .footer-links .search__block .btn.btn-search:hover svg path {
        stroke: #F3F3F3;
    }
    .header-top .header-links .basket__block .btn:hover .count-items-in-basket {
        background: #fff;
        color: #FD5000;
    }

    #fixed-cart-button:hover svg {
        transform: scale(1.1);
    }

    .form-fields .group-input .input:hover {
        border-color: #FD5000;
    }
    /*   END HOVER     */

    footer {
        position: relative;
        z-index: 998;
    }

    #accordion-slider-link .accordion-slider .slide.active a.link:hover {
        border: 1px solid #FD5000;
        background: #FD5000;
    }

    .header-top .header-links .search__block .block-input__search .dgwt-wcas-search-wrapp .dgwt-wcas-preloader:hover,
    .footer-top .footer-links .search__block .block-input__search .dgwt-wcas-search-wrapp .dgwt-wcas-preloader:hover {
        opacity: 1;
    }

    .header-top .header-links .search__block .block-input__search .dgwt-wcas-search-wrapp .dgwt-wcas-preloader:hover svg path,
    .footer-top .footer-links .search__block .block-input__search .dgwt-wcas-search-wrapp .dgwt-wcas-preloader:hover svg path {
        fill: #FD5000;
    }

    .header-top .header-links .search__block .block-input__search .dgwt-wcas-search-wrapp input[type="search"]:hover {
        border-color: #FD5000;
    }

    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:hover,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:hover .dgwt-wcas-st,
    .dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax:hover {
        color: #FD5000;
        text-decoration: none;
    }

    .btn.btn-orange:hover {
        background: #F3F3F3;
        color: #FD5000;
    }

    .btn.btn-gray:hover {
        background: #4C4C4C;
    }

    .btn.link:hover {
        background: #F3F3F3;
        color: #FD5000;
    }

    .btn.link:hover svg path {
        stroke: #FD5000;
    }

    #page-404 .section.section-1 .btn:hover {
        background: #F3F3F3;
        color: #404040;
        border-color: #ACACAC;
    }

    #cookies-modal .modal-wrapper .block-buttons button.btn-true:hover {
        background: #F3F3F3;
        color: #FD5000;
    }

    #cookies-modal .modal-wrapper .block-buttons button.btn-false:hover {
        background: #404040;
        color: #F3F3F3;
    }

    .breadcrumbs #breadcrumbs > span a:hover {
        color: #FD5000;
    }

    .section.section-text .block-text .text a:hover {
        color: #FD5000;
    }
}

@media (min-width: 768px) {
    /*	HOVER	*/
    .header-top .header-links .link.phone-number:hover,
    .footer-top .footer-links .link.phone-number:hover,
    body.page-id-9 .header-top .header-links .link.phone-number:hover,
    body.page-id-13 .header-top .header-links .link.phone-number:hover,
    body.page-id-15 .header-top .header-links .link.phone-number:hover,
    .footer-center .menu .item-navigation:hover,
    .footer-center .menu .item-nav-ul .item-ul .item-li:hover {
        color: #FD5000;
    }

    body.page-id-9 .header-top .header-links .link.phone-number:hover,
    body.page-id-13 .header-top .header-links .link.phone-number:hover,
    body.page-id-15 .header-top .header-links .link.phone-number:hover,
    body.page-id-17 .header-top .header-links .link.phone-number:hover,
    body.page-id-1635 .header-top .header-links .link.phone-number:hover,
    body.page-id-19 .header-top .header-links .link.phone-number:hover,
    body.page-id-24 .header-top .header-links .link.phone-number:hover,
    body.page-id-26 .header-top .header-links .link.phone-number:hover,
    body.page-id-28 .header-top .header-links .link.phone-number:hover,
    body.page-id-30 .header-top .header-links .link.phone-number:hover,
    body.page-id-32 .header-top .header-links .link.phone-number:hover,
    body.page-id-34 .header-top .header-links .link.phone-number:hover,
    body.page-id-36 .header-top .header-links .link.phone-number:hover,
    body.page-id-38 .header-top .header-links .link.phone-number:hover,
    body.page-id-40 .header-top .header-links .link.phone-number:hover,
    body.page-id-43 .header-top .header-links .link.phone-number:hover,
    body.page-id-45 .header-top .header-links .link.phone-number:hover,
    body.page-id-49 .header-top .header-links .link.phone-number:hover,
    body.page-id-72 .header-top .header-links .link.phone-number:hover,
    body.page-id-95 .header-top .header-links .link.phone-number:hover,
    body.page-id-99 .header-top .header-links .link.phone-number:hover,
    body.page-id-101 .header-top .header-links .link.phone-number:hover,
    body.page-id-106 .header-top .header-links .link.phone-number:hover,
    body.page-id-109 .header-top .header-links .link.phone-number:hover,
    body.page-id-122 .header-top .header-links .link.phone-number:hover,
    body.page-id-138 .header-top .header-links .link.phone-number:hover,
    body.page-id-178 .header-top .header-links .link.phone-number:hover,
    body.gallery-template-default .header-top .header-links .link.phone-number:hover,
    body.single-useful-news .header-top .header-links .link.phone-number:hover,
    body.single-news .header-top .header-links .link.phone-number:hover,
    body.single-garage .header-top .header-links .link.phone-number:hover,
    body.search .header-top .header-links .link.phone-number:hover {
        color: #FD5000;
    }

    .header-top .header-links .link.call:hover,
    .footer-top .footer-links .link.call:hover {
        outline-color: #FD5000;
        background-color: #fff;
        color: #FD5000;
    }

    #main-page .section.section-1 .navigation-cards .card:hover,
    .footer-center .navigation-cards .card:hover {
        outline-color: #FD5000;
    }

    #main-page .section.section-1 .navigation-cards .card:hover .link,
    .footer-center .navigation-cards .card:hover .link {
        background: #FD5000;
        outline-color: #FD5000;
    }

    #main-page .section.section-1 .navigation-cards .card:hover .link svg path,
    .footer-center .navigation-cards .card:hover .link svg path {
        stroke: #fff;
    }

    #main-page .section.section-1 .navigation-cards .card:hover .title,
    .footer-center .navigation-cards .card:hover .title {
        color: #FD5000;
    }

    #main-page .section.section-2 .top-block .block-text a.link:hover {
        color: #FD5000;
        outline-color: #FD5000;
    }

    #main-page .section.section-2 .top-block .block-text a.link:hover svg path {
        stroke: #FD5000;
    }

    .modal .modal-dialog .modal-content .btn-close:hover svg path {
        stroke: #FD5000;
    }

    #main-page .section.section-5 .map-container .dot-map:hover {
        background: #FD5000E0;
    }

    #main-page .section.section-5 .map-container .dot-map:hover:before {
        border-color: #FD5000E0;
    }

    .form-fields .group-button .btn-submit:hover {
        background: #404040;
    }

    #products .section.section-1 .products-links .block-link .arrow:hover {
        background: #FD5000;
        outline-color: #FD5000;
    }

    #products .section.section-1 .products-links .block-link .arrow:hover svg path {
        stroke: #fff;
    }

    #products .section.section-1 .products-links .block-link:hover {
        background: linear-gradient(180deg, rgba(34, 34, 34, 0.1) 34.89%, #FD5000 152.87%);
        backdrop-filter: blur(4px)
    }

    #products .section.section-1 .products-links .block-link:nth-child(4):hover,
    #products .section.section-1 .products-links .block-link:nth-child(5):hover {
        background: linear-gradient(270deg, rgba(34, 34, 34, 0.1) 0%, #FD5000 134.94%);
        backdrop-filter: blur(4px)

    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .block .link:hover {
        outline-color: #FD5000;
        background: #FD5000;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .block .link:hover svg path {
        stroke: #fff;
    }

    /*	END HOVER	*/



}

@media (max-width: 1680px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .header-sticky .main-navigation {
        max-width: none;
        margin: 0 20px;
        width: auto;
    }

    .header {
        padding-left: 0;
        padding-right: 0;
    }

    #main-page .section.section-3 {
        height: 955px;
    }

    #main-page .section.section-3 .advantages {
        height: 800px;
        top: 24px;
    }

    #main-page .section.section-3 .advantages .item .item-title {
        font-size: 48px;
        line-height: 52px;
    }

    #main-page .section.section-3 .advantages .item.item-1 .item-title,
    #main-page .section.section-3 .advantages .item.item-7 .item-title {
        font-size: 20px;
        line-height: 24px;
    }

    #main-page .section.section-3 .advantages .item .item-text {
        font-size: 16px;
        line-height: 20px;
    }

    #main-page .section.section-3 .advantages .item.item-1 {
        width: 340px;
        height: 180px;
        left: 34.7%;
    }

    #main-page .section.section-3 .advantages .item.item-2 {
        width: 370px;
        height: 180px;
        top: 86px;
        left: 59%;
        right: inherit;
    }

    #main-page .section.section-3 .advantages .item.item-3 {
        width: 256px;
        height: 280px;
        bottom: 219px;
        left: 78%;
    }

    #main-page .section.section-3 .advantages .item.item-4 {
        width: 256px;
        height: 280px;
        left: 59.4%;
    }

    #main-page .section.section-3 .advantages .item.item-5 {
        width: 370px;
        height: 180px;
        bottom: 34px;
        left: 24.8%;
    }

    #main-page .section.section-3 .advantages .item.item-6 {
        width: 340px;
        height: 180px;
        bottom: 270px;
        left: 4%;
    }

    #main-page .section.section-3 .advantages .item.item-7 {
        width: 340px;
        height: 180px;
        top: 143px;
        left: 12.4%;
    }

    #main-page .section.section-3 .advantages .point.point-1 {
        top: 209px;
    }

    #main-page .section.section-3 .advantages .point.point-2 {
        top: 300px;
        left: 57.4%;
    }

    #main-page .section.section-3 .advantages .point.point-3 {
        top: 349px;
        left: 75.5%;
    }

    #main-page .section.section-3 .advantages .point.point-4 {
        top: 500px;
        left: 80.9%;
    }

    #main-page .section.section-3 .advantages .point.point-5 {
        top: 660px;
        left: 66.6%;
    }

    #main-page .section.section-3 .advantages .point.point-6 {
        top: 558px;
    }

    #main-page .section.section-3 .advantages .point.point-7 {
        top: 646px;
        left: 48.7%;
    }

    #main-page .section.section-3 .advantages .point.point-8 {
        top: 710px;
        left: 39.6%;
    }

    #main-page .section.section-3 .advantages .point.point-9 {
        top: 486px;
        left: 26.7%;
    }

    #main-page .section.section-3 .advantages .point.point-10 {
        top: 460px;
        left: 13%;
    }

    #main-page .section.section-3 .advantages .point.point-11 {
        top: 320px;
        left: 34.8%;
    }

    #main-page .section.section-3 .advantages .title-block {
        transform: translate(calc(-50% + 36px), calc(-50% + 27px));
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .photo {
        top: -122px;
        transform: scale(2.4) translateX(-260px);
    }

    #fixed-cart-button {
        right: 36px;
        transform: none;
    }
}

@media (max-width: 1600px) {
    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .photo {
        left: 25%;
    }
}

@media (max-width: 1440px) {

    #main-page .section.section-1 .background-links {
        width: 1170px;
        height: 592px;
        right: 250px;
        top: 128px;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-1 {
        top: 50%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-2 {
        right: 33%;
        top: 57%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-4 {
        right: 22%;
        bottom: 22%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-5 {
        right: 32%;
        bottom: 11%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-6 {
        right: 20%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-8 {
        top: 31%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-9 {
        right: 31%;
        top: 18%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-10 {
        right: 3%;
        top: 7%;
        max-width: 364px;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-11 {
        top: 58%;
    }

    #main-page .section.section-1 .section-title {
        max-width: 567px;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-end;
        z-index: 5;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections {
        width: 400px;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button {
        display: flex;
        color: #fff;
        align-items: center;
        gap: 12px;
        padding: 12px 16px;
        width: 400px;
        font-size: 20px;
        line-height: 24px;
        text-transform: uppercase;
        font-weight: 700;
        margin-top: 8px;
        background: #F3F3F333;
        backdrop-filter: blur(24px);
        border-radius: 16px;
        height: 72px;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button svg {
        flex-shrink: 0;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button .close {
        display: none;
        text-transform: none;
        font-weight: 400;
        transition: .3s ease-out;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button .name {
        max-width: 300px;
        margin-right: 4px;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button .arrow {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 0 auto;
        transform: rotate(-180deg);
        transition: .3s ease-out;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button.open .arrow {
        transform: rotate(0deg);
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button.open > svg {
        display: none;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button.open .close {
        display: flex;
        padding: 6px 0;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button.open .name {
        display: none;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections {
        display: none;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper {
        max-width: 533px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .photo {
        transform: scale(2.3) translateX(-260px);
        top: -70px;
    }
}

@media (max-width: 1400px) {

    #main-page .section.section-3 .advantages .item.item-1 {
        left: 38%;
    }

    #main-page .section.section-3 .advantages .item.item-2 {
        left: 67%;
    }

    #main-page .section.section-3 .advantages .item.item-4 {
        left: 57.4%;
    }

    #main-page .section.section-3 .advantages .item.item-5 {
        left: 26.8%;
    }

    #main-page .section.section-3 .advantages .item.item-6 {
        bottom: 237px;
        left: 8%;
    }

    #main-page .section.section-3 .advantages .item.item-7 {
        top: 185px;
        left: 12.4%;
    }

    #main-page .section.section-3 .advantages .point.point-1 {
        top: 193px;
        left: 50%;
    }

    #main-page .section.section-3 .advantages .point.point-2 {
        top: 225px;
        left: 63.4%;
    }

    #main-page .section.section-3 .advantages .point.point-3 {
        top: 308px;
        left: 74.5%;
    }

    #main-page .section.section-3 .advantages .point.point-5 {
        left: 71.6%;
    }

    #main-page .section.section-3 .advantages .point.point-6 {
        top: 480px;
        left: 61.3%;
    }

    #main-page .section.section-3 .advantages .point.point-8 {
        top: 523px;
        left: 35.6%;
    }

    #main-page .section.section-3 .advantages .point.point-11 {
        left: 39%;
    }

    #main-page .section.section-3 .advantages .title-block {
        transform: translate(calc(-50% + 105px), calc(-50% + 15px));
    }

    #products .section.section-1 .products-links .block-link img {
        height: 326px;
    }
}

@media (max-width: 1300px) {
    .footer-center {
        flex-direction: column;
    }

    .footer-center .navigation-cards {
        max-width: none;
    }

    #main-page .section.section-5 .bottom-block {
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 546px;
    }

    #main-page .section.section-5 .bottom-block .block-text {
        max-width: none;
    }

    #custom-slider.cards-wrapper {
        margin: 0 66px 0 66px;
    }
}

@media (max-width: 1280px) {
    #main-page .section.section-1 .first-screen {
        flex-direction: column;
        gap: 600px;
    }

    #main-page .section.section-1 .navigation-cards {
        flex-direction: row;
        justify-content: center;
        width: 100%;
    }

    #main-page .section.section-1 .background-links {
        width: 1256px;
        right: 0;
        top: 100px;
    }

    #main-page .section.section-1 .container {
        overflow: hidden;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-1 {
        left: 25%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-2 {
        right: 34%;
        top: 55%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-3 {
        left: 31%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-4 {
        right: 24%;
        bottom: 24%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-5 {
        right: 33%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-6 {
        right: 22%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-9 {
        right: 29%;
        top: 19%;
    }

    #main-page .section.section-1 .background-links .subsection.subsection-10 {
        right: 6%;
        top: 5%;
    }

    .header-top .header-links .search__block.show .block-input__search .dgwt-wcas-search-wrapp,
    .footer-top .footer-links .search__block.show .block-input__search .dgwt-wcas-search-wrapp {
        min-width: auto;
    }

    .header-top .header-links .search__block.show .block-input__search,
    .footer-top .footer-links .search__block.show .block-input__search {
        width: 206px;
    }

}

@media (max-width: 1200px) {
    .header-sticky .main-navigation {
        padding: 16px;
    }

    .header-sticky .main-navigation .item-navigation {
        padding: 0 16px;
    }


    #main-page .gradient .background-logo-f3 {
        width: 1217px;
        height: 970px;
    }

    #main-page .section.section-2 .top-block {
        flex-direction: column;
        gap: 24px;
    }

    #main-page .section.section-2 .top-block .block-text {
        gap: 24px;
    }

    #main-page .section.section-3 {
        height: 890px;
    }

    #main-page .section.section-3 .advantages {
        top: 0;
    }

    #main-page .section.section-3 .advantages .item.item-1 {
        top: 16%;
        left: 6%;
    }

    #main-page .section.section-3 .advantages .item.item-2 {
        left: 40%;
    }

    #main-page .section.section-3 .advantages .item.item-3 {
        left: auto;
        right: 2%;
        bottom: auto;
        top: 200px;
    }

    #main-page .section.section-3 .advantages .item.item-4 {
        bottom: 25px;
        left: auto;
        right: 5%;
    }

    #main-page .section.section-3 .advantages .item.item-5 {
        right: 30%;
        left: auto;
    }

    #main-page .section.section-3 .advantages .item.item-6 {
        bottom: 67px;
        left: 3%;
    }

    #main-page .section.section-3 .advantages .item.item-7 {
        top: 345px;
        left: 7.4%;
    }

    #main-page .section.section-3 .advantages .point.point-1 {
        top: 142px;
    }

    #main-page .section.section-3 .advantages .point.point-2 {
        top: 143px;
        right: 16%;
        left: auto;
    }

    #main-page .section.section-3 .advantages .point.point-3 {
        right: 14%;
        left: auto;
    }

    #main-page .section.section-3 .advantages .point.point-6 {
        bottom: 238px;
        top: auto;
        left: 64.3%;
    }

    #main-page .section.section-3 .advantages .point.point-8 {
        top: auto;
        left: 33.6%;
        bottom: 217px;
    }

    #main-page .section.section-3 .advantages .point.point-11 {
        left: 34%;
    }

    #main-page .section.section-3 .advantages .title-block {
        font-size: 32px;
        line-height: 40px;
        max-width: 450px;
        transform: translate(calc(-50% + 60px), calc(-50% + 15px));
    }

    #accordion-slider-link .accordion-slider .slide.active {
        padding: 36px;
    }

    #accordion-slider-link .accordion-slider .slide .main-title,
    #accordion-slider-link .accordion-slider .slide .title {
        font-size: 36px;
        line-height: 44px;
    }

    #accordion-slider-link .accordion-slider .slide {
        align-items: flex-end;
    }

    #accordion-slider-link .accordion-slider .slide.active a.link {
        bottom: 36px;
        right: 36px;
    }

    #main-page .section.section-5 .map-container {
        width: 751px;
        height: 416px;
        top: 12px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    #main-page .section.section-5 .bottom-block {
        margin-top: 440px;
    }

    #main-page .section.section-5 {
        padding: 40px 0;
    }

    #cookies-modal .modal-wrapper {
        padding: 24px;
        margin: 0 120px 0 auto;
        gap: 20px;
    }

    #cookies-modal .modal-wrapper .block-buttons {
        gap: 16px;
    }
}

@media (max-width: 1130px) {
    .header-top .header-links .link.call {
        display: none;
    }
}

@media (max-width: 1100px) {
    #accordion-slider-link .accordion-slider .slide .main-title,
    #accordion-slider-link .accordion-slider .slide .title {
        font-size: 32px;
        line-height: 40px;
    }

    #accordion-slider-link .accordion-slider .slide {
        width: 200px;
    }

    #accordion-slider-link .accordion-slider .slide.active {
        width: calc(100% - 200px * 2 - 20px * 2);
    }

    #products .section.section-1 .products-links {
        gap: 16px;
    }

    #products .section.section-1 .products-links .block-link {
        padding: 20px;
        gap: 16px;
        width: calc(100% / 3 - 16px + 16px / 3);
    }

    #products .section.section-1 .products-links .block-link:nth-child(4),
    #products .section.section-1 .products-links .block-link:nth-child(5) {
        width: calc(100% / 2 - 16px / 2);
    }

    #products .section.section-1 .products-links .block-link img {
        height: 280px;
    }

    #products:before {
        width: 1100px;
        height: 876px;
        top: 480px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .photo {
        transform: scale(1.8) translateX(-260px);
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .photo {
        left: 15%;
    }

    #main-page .section.section-2 .top-block .block-text .frame-video {
        margin-top: 6px;
    }

    .header-sticky .main-navigation .item-navigation {
        padding: 0 10px;
    }
}

@media (max-width: 992px) {
    .header-top .header-links .button-burger {
        display: block;
        flex-shrink: 0;
    }

    .header-top .header-links .link.phone-number,
    .header-top .header-links .link.call {
        display: none;
    }

    header {
        background: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    .header {
        padding: 14px 0;

    }

    .header.show {
        background: #F3F3F3;
    }

    .header-top > div .site-branding a:before {
        background: url(/wp-content/themes/noblelift/img/logo.svg) no-repeat!important;
        background-size: contain !important;
    }

    .header-sticky {
        display: none;
        padding: 0;
        position: fixed;
        top: 72px;
        width: 100%;
        height: calc(100vh - 72px);
        transition: none;
    }

    .header-sticky .main-navigation {
        margin: 0;
        border-radius: 0;
        background: #F3F3F3;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: flex-start;
        padding: 14px 24px 10px 24px;
        overflow-y: auto;
        box-shadow: none;
    }

    .header-sticky .main-navigation .item-navigation svg {
        display: block;
        transition: .3s ease-out;
    }

    .header-sticky .main-navigation .item-navigation svg path {
        transition: .3s ease-out;
    }

    .header-sticky .main-navigation .item-navigation {
        border-bottom: 1px solid #ACACAC;
        border-left: none;
        padding: 16px;
        transition: .3s ease-out;
        justify-content: space-between;
        align-items: center;
    }

    .header-sticky .main-navigation .item-navigation.show {
        border-bottom: none;
        background: #FD5000;
        color: #fff;
    }

    .header-sticky .main-navigation .item-navigation.show svg {
        transform: rotate(-180deg);
    }

    .header-sticky .main-navigation .item-navigation.show svg path {
        stroke: #fff;
    }

    .header-sticky .main-navigation > .item-navigation:first-child {
        border-bottom: 1px solid #ACACAC;
        border-left: none;
    }

    .header-sticky .main-navigation .mobile-links {
        display: flex;
    }

    .header-sticky .main-navigation .item-nav-ul .background-ul {
        position: relative;
        top: 0;
        padding-top: 0;
        border-bottom: 1px solid #ACACAC;
        display: none;
    }

    .header-sticky .main-navigation .item-nav-ul .item-ul {
        background: transparent;
        box-shadow: none;
        border-radius: 0;
    }

    .header-sticky .main-navigation .item-nav-ul .item-ul .item-li {
        padding: 8px 8px 8px 24px;
        color: #404040;
    }

    .header-sticky .main-navigation .navigation-cards {
        display: flex;
        margin-top: 28px;
    }

    .footer-bottom .text-block {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .footer-bottom .text-block > div:last-child {
        align-items: flex-start;
    }

    #main-page .section.section-1 {
        padding-top: 128px;
        padding-bottom: 124px;
    }

    #main-page .section.section-1 .navigation-cards .card {
        width: 171px;
        height: 146px;
        padding: 12px 8px 12px 12px;
    }

    #main-page .section.section-1 .navigation-cards .card .link {
        width: 44px;
        height: 44px;
    }

    #main-page .section.section-1 .navigation-cards .card .title {
        font-size: 18px;
        line-height: 22px;
    }

    #main-page .section.section-1 .background-links .subsection {
        display: none;
    }

    #main-page .section.section-1 .background-links {
        width: 100%;
        height: 420px;
        top: 50px;
    }

    #main-page .section.section-1 .first-screen {
        gap: 400px;
    }

    #main-page .section.section-3 {
        height: auto;
    }

    #main-page .section.section-3 .advantages {
        left: auto;
        transform: none;
        height: auto;
        position: relative;
        top: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-top: 30px;
        gap: 20px;
    }

    #main-page .section.section-3 .advantages .item.item-1,
    #main-page .section.section-3 .advantages .item.item-2,
    #main-page .section.section-3 .advantages .item.item-3,
    #main-page .section.section-3 .advantages .item.item-4,
    #main-page .section.section-3 .advantages .item.item-5,
    #main-page .section.section-3 .advantages .item.item-6,
    #main-page .section.section-3 .advantages .item.item-7 {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }

    #main-page .section.section-3 .advantages .title-block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        transform: none;
        order: 5;
        max-width: none;
        padding: 40px 0;
        width: 100%;
    }

    #main-page .section.section-3 .advantages svg.connector,
    #main-page .section.section-3 .advantages .point {
        z-index: 0;
    }

    #main-page .section.section-3 .advantages .item.item-1 {
        order: 7;
    }

    #main-page .section.section-3 .advantages .item.item-2 {
        order: 2;
    }

    #main-page .section.section-3 .advantages .item.item-3 {
        order: 1;
    }

    #main-page .section.section-3 .advantages .item.item-4 {
        order: 6;
    }

    #main-page .section.section-3 .advantages .item.item-5 {
        order: 8;
    }

    #main-page .section.section-3 .advantages .item.item-6 {
        order: 4;
    }

    #main-page .section.section-3 .advantages .item.item-7 {
        order: 3;
    }

    #main-page .section.section-3 {
        padding-bottom: 60px;
    }

    #main-page .section.section-3 .advantages svg.connector line:nth-child(11),
    #main-page .section.section-3 .advantages svg.connector line:nth-child(10),
    #main-page .section.section-3 .advantages svg.connector line:nth-child(9),
    #main-page .section.section-3 .advantages svg.connector line:nth-child(8) {
        display: none;
    }

    #main-page .section.section-3 .advantages .point.point-1 {
        top: 95px;
        left: 31%;
    }

    #main-page .section.section-3 .advantages .point.point-3 {
        top: 268px;
        right: 11%;
    }

    #main-page .section.section-3 .advantages .point.point-4 {
        top: 447px;
        left: 69.9%;
    }

    #main-page .section.section-3 .advantages .point.point-5 {
        top: 387px;
        left: 38%;
    }

    #main-page .section.section-3 .advantages .point.point-6 {
        bottom: 390px;
        left: 10%;
    }

    #main-page .section.section-3 .advantages .point.point-7 {
        top: 626px;
        left: 68.7%;
    }

    #main-page .section.section-3 .advantages .point.point-8 {
        left: 42%;
        bottom: 117px;
    }

    #main-page .section.section-3 .advantages .point.point-9,
    #main-page .section.section-3 .advantages .point.point-10,
    #main-page .section.section-3 .advantages .point.point-11 {
        display: none;
    }

    #accordion-slider-link .accordion-slider {
        gap: 16px;
        height: 753px;
    }

    #accordion-slider-link .accordion-slider .slide {
        width: 180px;
    }

    #accordion-slider-link .accordion-slider .slide.active {
        width: calc(100% - 180px * 2 - 16px * 2);
    }

    #accordion-slider-link .accordion-slider .slide img {
        height: 152px;
    }

    .section.section-text .section-title {
        max-width: none;
    }

    .section.section-text {
        padding: 100px 0;
    }

    #products .section.section-1 {
        padding-top: 108px;
    }

    #products .section.section-2 .section-title {
        max-width: none;
    }

    #products .section.section-1 .products-links .block-link {
        width: calc(100% / 2 - 16px / 2);
    }

    #products .section.section-1 .products-links .block-link:nth-child(3) {
        width: 100%;
        gap: 0;
    }

    #products .section.section-1 .products-links .block-link:nth-child(3) img {
        height: 224px;
        width: 318px;
        margin: 0 auto;
        object-fit: cover;
    }

    #section-page .section.section-2 {
        padding-top: 40px;
    }

    #section-page .section.section-2 .block_sub-sections {
        flex-direction: column;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper {
        align-items: flex-start;
        margin: 0 0 60px 0;
        flex-direction: column;
        position: relative;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections {
        position: absolute;
        top: 80px;
        left: 0;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button .arrow {
        transform: rotate(0);
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button.open .arrow {
        transform: rotate(-180deg);
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button {
        margin: 0;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .title-slider {
        margin-bottom: 560px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper {
        max-width: none;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container {
        width: 533px;
        margin: 0 auto;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .photo {
        left: 0;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .photo {
        transform: scale(1.8) translateX(0px) translateY(-100%);
        top: 0;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info {
        margin: 113px auto 0;
    }

    #section-page .section.section-3,
    #section-page .section.section-4{
        padding: 100px 0;
    }

    .section-title,
    #consultation-block .block-form .title,
    .section.section-text .section-title{
        font-size: 28px;
        line-height: 32px;
    }

    #select-zapchast.modal .modal-dialog {
        margin: 20px;
    }

    #select-zapchast.modal .modal-dialog .modal-content .modal-title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 16px;
        padding-top: 0;
    }

    #select-zapchast.modal .modal-dialog .modal-content .modal-sub-title {
        font-size: 18px;
        line-height: 22px;
    }

    #select-zapchast.modal .modal-dialog .modal-content .modal-header {
        padding-left: 0;
    }

    #select-zapchast.modal .modal-dialog .modal-content .modal-body {
        padding: 0;
    }

    .header-top .header-links .search__block {
        border: none;
        padding-left: 0;
        padding-right: 20px;
        width: 100%;
    }

    .header-top > div {
        justify-content: flex-end;
    }

    .header-top > div:first-child {
        flex-shrink: 0;
    }

    .header-top .header-links .search__block .btn.btn-search {
        width: 44px;
        height: 44px;
        background: #ACACAC;
    }

    .header-top .header-links .search__block .btn.btn-search svg {
        width: 20px;
        height: 20px;
    }

    .header-top .header-links .basket__block,
    .header-top .header-links .compare__block {
        padding: 0;
        display: none;
    }

    .header-sticky .main-navigation .item-navigation.mobile {
        display: flex;
    }

    .header-sticky .main-navigation .item-navigation.mobile.open-side-cart,
    .header-sticky .main-navigation .item-navigation.mobile.compare-href {
        justify-content: flex-start;
        gap: 5px;
    }

    .header-sticky .main-navigation .item-navigation.mobile.open-side-cart .count.show,
    .header-sticky .main-navigation .item-navigation.mobile.compare-href .count.show {
        display: inline-flex;
    }

    .header-sticky .main-navigation .item-navigation.mobile.open-side-cart .count,
    .header-sticky .main-navigation .item-navigation.mobile.compare-href .count{
        display: none;
    }

    #fixed-cart-button {
        bottom: 20px;
        right: 20px;
        z-index: 998;
        width: 56px;
        height: 56px;
        border-radius: 16px;
    }

    #fixed-cart-button svg {
        width: 32px;
        height: 29px;
    }

    #fixed-cart-button .count-items-in-basket {
        font-size: 12px;
        padding: 2px 4px;
    }

    .footer-bottom .text-block > div:last-child > div:last-child {
        justify-content: flex-start;
    }

    .header-top .header-links .search__block .block-input__search .dgwt-wcas-search-wrapp input[type="search"],
    .footer-top .footer-links .search__block .block-input__search .dgwt-wcas-search-wrapp input[type="search"] {
        height: 44px;
    }

    .header-top .header-links .search__block.show .block-input__search,
    .footer-top .footer-links .search__block.show .block-input__search {
        width: 100%;
        max-width: 306px;
    }

    .footer-top .footer-links .search__block {
        display: none;
    }

    .footer-top .footer-links .link.call {
        margin-right: 0;
    }

    .header-top .header-links .search__block .block-input__search {
        z-index: 0;
    }

    .header-top .header-links .search__block .block-input__search .dgwt-wcas-search-wrapp {
        min-width: auto;
    }

    #page-404 .section.section-1 {
        padding-bottom: 100px;
    }

    #cookies-modal {
        bottom: 20px;
    }

    #cookies-modal .modal-wrapper {
        margin: 0 76px 0 auto;
        flex-direction: column;
    }

    #cookies-modal .modal-wrapper .block-text {
        max-width: none;
        text-align: center;
    }
}

@media (max-width: 850px) {
    #accordion-slider-link .accordion-slider .slide .main-title,
    #accordion-slider-link .accordion-slider .slide .title {
        font-size: 28px;
        line-height: 32px;
    }

    #custom-slider.cards-wrapper .arrow {
        display: none;
    }

    #custom-slider.cards-wrapper {
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .footer-center .menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .footer-center {
        gap: 24px;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .footer-bottom .text-block {
        gap: 24px;
    }

    .footer-center .menu .item-nav-ul,
    .footer-center .menu .item-nav-ul:last-child > div {
        gap: 12px;
    }

    .footer-center .menu .item-nav-ul .item-ul,
    .footer-center .menu .item-nav-ul:last-child > div {
        width: calc(50% - 8px);
    }

    .footer-center .menu .item-nav-ul:last-child .item-ul,
    .footer-center .menu .item-nav-ul:last-child {
        width: 100%;
    }

    .footer-center .menu .item-nav-ul .item-ul .item-li,
    .footer-bottom .text-block > div a,
    .footer-bottom .text-block > div {
        font-size: 12px;
        line-height: 16px;
    }

    .footer-top .footer-links .link.phone-number,
    .footer-top .footer-links .link.call {
        margin: 0;
    }

    .footer-center .menu .item-nav-ul > div,
    .footer-center .menu .item-nav-ul:last-child {
        gap: 16px;
    }

    .footer-center .menu .item-nav-ul:last-child {
        flex-direction: row;
    }

    .footer-top .footer-links {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .footer-top {
        align-items: flex-start;
    }

    .footer-top .site-branding a {
        display: flex;
        padding-top: 12px;
    }

    .footer-bottom .text-block {
        flex-direction: column-reverse;
    }

    .footer-center .menu .item-navigation {
        font-size: 16px;
        line-height: 20px;
    }

    .footer-bottom .text-block > div:last-child {
        flex-direction: column-reverse;
    }

    .footer-bottom .text-block > div:last-child > div:last-child {
        flex-direction: column;
    }

    .footer-center .navigation-cards .card .title,
    #main-page .section.section-1 .navigation-cards .card .title,
    .header-sticky .main-navigation .navigation-cards .card .title {
        font-size: 16px;
        line-height: 20px;
    }

    .footer-center .navigation-cards .card {
        width: calc(100% / 2 - 16px / 2);
    }

    .footer-top .footer-links .search__block {
        display: none;
    }

    #main-page .section.section-2 .top-block .block-text .texts {
        flex-direction: column;
        gap: 12px;
        font-size: 14px;
        line-height: 18px;
    }

    #main-page .section.section-2 .top-block .block-text a.link {
        padding: 18px 28px;
        font-size: 16px;
        line-height: 20px;
    }

    #main-page .section.section-2 {
        padding: 60px 0;
    }

    .header-sticky .main-navigation {
        padding: 14px 16px 16px 16px;
    }

    .footer-bottom .text-block > div:first-child {
        text-align: center;
        max-width: 243px;
        margin: 0 auto;
    }

    #main-page .section.section-2 .top-block {
        margin-top: 16px;
    }

    #main-page .section.section-1 {
        padding-top: 104px;
        padding-bottom: 70px;
    }

    #main-page .section.section-1 .navigation-cards {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #main-page .section.section-1 .background-links {
        top: 50px;
    }

    #main-page .section.section-2 .title-container,
    #main-page .section.section-3 .title-container,
    #main-page .section.section-5 .title-container {
        font-size: 16px;
        line-height: 20px;
        padding-left: 16px;
        height: 40px;
    }

    #main-page .section.section-3 {
        padding-top: 60px;
    }

    #main-page .section.section-3 .advantages .item {
        padding: 16px;

    }

    #main-page .section.section-3 .advantages .item.item-1,
    #main-page .section.section-3 .advantages .item.item-7 {
        width: 296px;
        height: 174px;
    }

    #main-page .section.section-3 .advantages .item.item-2,
    #main-page .section.section-3 .advantages .item.item-3,
    #main-page .section.section-3 .advantages .item.item-4,
    #main-page .section.section-3 .advantages .item.item-5 {
        width: 296px;
        height: 146px;
    }

    #main-page .section.section-3 .advantages .item.item-6 {
        width: 256px;
        height: 146px;
    }

    #main-page .section.section-3 .advantages .item .item-title {
        font-size: 36px;
        line-height: 40px;
    }

    #main-page .section.section-3 .advantages .item.item-1 .item-title,
    #main-page .section.section-3 .advantages .item.item-7 .item-title {
        font-size: 16px;
        line-height: 20px;
    }

    #main-page .section.section-3 .advantages .title-block {
        max-width: 70%;
        margin: 0 auto;
    }

    #main-page .section.section-3 .advantages .item.item-2 {
        top: 30px;
    }

    #main-page .section.section-3 .advantages .item.item-4 {
        top: -20px;
    }

    #main-page .section.section-3 .advantages .item.item-6 {
        top: 50px;
    }

    #main-page .section.section-3 .advantages .point.point-4 {
        top: 307px;
        left: 59.9%;
    }

    #main-page .section.section-3 .advantages .point.point-5 {
        left: 25%;
    }

    #main-page .section.section-3 .advantages .point.point-6 {
        bottom: 370px;
        left: 10%;
    }


    #accordion-slider-link .accordion-slider {
        flex-direction: column;
        height: auto;
    }

    #accordion-slider-link .accordion-slider .slide {
        width: 100%;
        height: 100px;
        overflow: hidden;
        flex-direction: row;
        padding: 8px;
    }

    #accordion-slider-link .accordion-slider .slide .title {
        writing-mode: inherit;
        font-size: 16px;
        line-height: 20px;
        max-height: none;
        height: auto;
    }

    #accordion-slider-link .accordion-slider .slide img {
        height: 84px;
        width: 84px;
        margin: 0;
    }

    #accordion-slider-link .accordion-slider .slide:not(.active):last-child img {
        margin: 0;
    }

    #main-page .section.section-4 {
        padding: 60px 0;
    }

    #accordion-slider-link .accordion-slider .slide a.link {
        order: 5;
        margin: 0 0 auto 0;
        transform: scale(-1, -1);
    }

    #accordion-slider-link .accordion-slider .slide .title {
        order: 2;
        width: 100%;
    }

    #accordion-slider-link .accordion-slider .slide .main-title {
        order: 3;
    }

    #accordion-slider-link .accordion-slider .slide .sub-title {
        order: 4;
    }

    #accordion-slider-link .accordion-slider .slide img {
        order: 1;
    }

    #accordion-slider-link .accordion-slider .slide.active {
        flex-direction: column;
    }

    #accordion-slider-link .accordion-slider .slide img {
        transition: none;
    }

    #accordion-slider-link .accordion-slider .slide img.miniature {
        transition: opacity .3s ease;
    }

    #accordion-slider-link .accordion-slider .slide.active img.miniature {
        top: 8px;
        left: 8px;
        height: 84px;
        width: 84px;
        margin: 0;
        opacity: 0;
        transition: opacity .6s ease;
    }

    #accordion-slider-link .accordion-slider .slide.active,
    #accordion-slider-link .accordion-slider .slide.active img.big {
        width: 100%;
        height: 328px;
    }

    #accordion-slider-link .accordion-slider .slide img.big {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 100px;
        width: 100%;
        opacity: 0;
        object-fit: fill;
    }

    #accordion-slider-link .accordion-slider .slide.active img.big {
        opacity: 1;
        object-fit: cover;
    }

    #accordion-slider-link .accordion-slider .slide.active a.link {
        bottom: 16px;
        right: 16px;
    }

    #accordion-slider-link .accordion-slider .slide.active:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 41.31%, rgba(0, 0, 0, 0) 161.13%);
        border-radius: 16px;
        z-index: 1;
        transition: .6s ease;
    }

    #accordion-slider-link .accordion-slider .slide.active {
        padding: 16px;
    }

    #main-page .section.section-5 {
        padding: 20px 0;
    }

    #main-page .section.section-5 .grid {
        padding: 40px 0 20px 0;
    }

    #main-page .section.section-5 .container {
        padding: 0;
    }

    #main-page .section.section-5 .title-container {
        margin-left: 16px;
    }

    #main-page .section.section-5 .bottom-block .block-text {
        padding: 0 16px;
    }

    #main-page .section.section-5 .bottom-block .block-text .title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 16px;
    }

    #main-page .section.section-5 .bottom-block .block-text .text {
        font-size: 16px;
        line-height: 20px;
    }

    #main-page .section.section-5 .navigation {
        display: flex;
    }

    #main-page .section.section-5 .map-wrapper {
        overflow: auto;
        padding: 32px 0 0 0;
        margin-bottom: 20px;
    }

    #main-page .section.section-5 .map-container {
        width: 751px;
        height: 100%;
        top: 0;
        right: 0;
        left: 0;
        transform: translateX(0);
        position: relative;
    }

    #main-page .section.section-5 .bottom-block {
        margin: 0;
    }

    #custom-slider .cards-container .card {
        width: 296px;
        height: 228px;
    }

    #custom-slider .cards-container .card.current {
        width: 400px;
        height: 280px;
    }

    #custom-slider .cards-container .card.next {
        transform: translateX(82%) translateY(36px);
    }

    #main-page .section.section-5 .navigation {
        margin: 16px 26% 0 0;
    }

    #custom-slider .cards-container .card.current:before {
        width: 208px;
        height: 166px;
        top: 42px;
        right: -59px;

    }

    #custom-slider .cards-container {
        height: 282px;
    }

    #custom-slider.cards-wrapper {
        padding: 0 0 0 16px;
        width: 100%;
    }

    #main-page .section.section-6 {
        padding: 100px 0;
    }

    #consultation-block .block-form {
        padding: 16px;
    }

    #consultation-block .block-form .title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 4px;
    }

    .section .section-title{
        font-size: 24px;
        line-height: 30px;
    }

    #consultation-block .block-form .sub-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 24px;
    }

    .section.section-text .section-title {
        margin-bottom: 24px;
    }

    .section.section-text {
        padding: 60px 0;
    }

    .section.section-text .block-text {
        flex-direction: column;
        gap: 16px;
    }

    .section.section-text .block-text > div {
        font-size: 16px;
        line-height: 20px;
    }

    .section.section-text .block-text .text span.p {
        margin-bottom: 6px;
    }

    .section.section-text .block-text .text ul li {
        padding-left: 10px;
    }

    #products .section.section-1 {
        padding: 76px 0 0 0;
    }

    #products .section.section-1 .section-title {
        margin-bottom: 20px;
    }

    #products .section.section-1 .products-links .block-link,
    #products .section.section-1 .products-links .block-link:nth-child(4),
    #products .section.section-1 .products-links .block-link:nth-child(5) {
        width: 100%;
    }

    #products .section.section-1 .products-links .block-link:nth-child(3) img {
        width: 100%;
        object-fit: contain;
    }

    #products .section.section-1 .products-links .block-link img {
        height: 224px;
    }

    #products .section.section-1 .products-links .block-link:nth-child(3) {
        gap: 10px;
    }

    #products .section.section-2 .section-title {
        margin-bottom: 24px;
    }

    #products:before {
        width: 627px;
        height: 500px;
        top: 67%;
    }

    #section-page .section.section-1 {
        height: 300px;
        padding-bottom: 16px;
    }

    #section-page .section.section-2 {
        padding: 16px 0 60px 0;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders {
        padding: 0;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .title-slider {
        font-size: 28px;
        line-height: 32px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info {
        margin: 32px 0 0 0;
        max-width: none;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .photo {
        transform: scale(1.6) translateX(0px) translateY(-100%);
        top: -13%;
    }

    #section-page .section.section-3 {
        padding: 60px 0;
    }

    #section-page .section.section-4 {
        padding: 60px 0;
    }

    .section.section-text .section-title {
        font-size: 24px;
        line-height: 30px;
    }

    #fixed-cart-button {
        bottom: 16px;
        right: 16px;
    }

    #page-404 .section.section-1 {
        padding: 160px 0 76px 0;
    }

    #page-404 .section.section-1 .section-title {
        font-size: 20px;
        line-height: 24px;
    }

    #page-404 .section.section-1 .text {
        font-size: 16px;
        line-height: 20px;
    }

    #page-404 .section.section-1 .image {
        margin-bottom: 40px;
    }

    #cookies-modal {
        bottom: 16px;
    }

    #cookies-modal .modal-wrapper {
        margin: 0 72px 0 auto;
    }

    .breadcrumbs #breadcrumbs > span,
    .breadcrumbs #breadcrumbs > span a {
        font-size: 14px;
        line-height: 16px;
    }
}

@media (max-width: 643px) {
    #main-page .section.section-3 .advantages .item.item-2 {
        margin: 0 0 0 auto;
        top: 0;
    }

    #main-page .section.section-3 .advantages .item.item-4 {
        top: 0;
    }

    #main-page .section.section-3 .advantages .item.item-1 {
        margin: 0 0 0 auto;
    }

    #main-page .section.section-3 .advantages .point.point-1 {
        left: 57%;
    }

    #main-page .section.section-3 .advantages .point.point-2 {
        top: 313px;
        right: 67%;
    }

    #main-page .section.section-3 .advantages .point.point-4 {
        top: 407px;
        left: 55%;
    }

    #main-page .section.section-3 .advantages .point.point-5 {
        left: 65%;
        top: 487px;
    }

    #main-page .section.section-3 .advantages .point.point-7 {
        top: auto;
        bottom: 372px;
        left: 74.7%;
    }
}

@media (max-width: 605px) {
    #main-page .section.section-3 .advantages .item.item-6 {
        margin: 0 0 0 auto;
        top: 0;
    }
}

@media (max-width: 576px) {
    .footer {
        padding: 16px 0;
        margin: 0;
    }

    .footer-top .site-branding a {
        padding: 0;
        width: 182px;
    }

    .footer-top {
        flex-direction: column;
        gap: 16px;
        padding-bottom: 16px;
    }

    .footer-top .footer-links .link.phone-number {
        padding-left: 0;
        font-size: 16px;
        line-height: 20px;
        padding-right: 16px;
    }

    .footer-top .footer-links .link.call {
        font-size: 16px;
        line-height: 20px;
        padding: 12px 24px;
    }

    .footer-top .footer-links {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }

    .footer-center .navigation-cards .card {
        height: 146px;
        padding: 12px;
    }

    .footer-center .navigation-cards .card .link {
        width: 44px;
        height: 44px;
    }

    .footer-bottom .countries img {
        width: 44px;
        height: 32px;
    }

    .footer-bottom .text-block > div:last-child,
    .footer-bottom .text-block > div:last-child > div:last-child {
        gap: 8px;
    }

    .footer-bottom .countries {
        height: 44px;
    }

    .footer .footer-background {
        top: 82px;
        left: -12px;
        width: 451px;
        height: 360px;
    }

    .header {
        padding: 8px 0;
    }

    .header-top > div .site-branding a:before {
        width: 182px;
        height: 32px;
    }

    .header-sticky {
        top: 60px;
        height: calc(100dvh - 60px);
    }

    .header-sticky .main-navigation .item-navigation,
    .header-sticky .main-navigation .item-nav-ul .item-ul .item-li {
        font-size: 16px;
        line-height: 20px;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    .header-sticky .main-navigation .item-nav-ul .item-ul {
        width: auto;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    .header-sticky .main-navigation .navigation-cards .card {
        width: 171px;
        height: 146px;
        padding: 12px 8px 12px 12px;
    }

    #main-page .section.section-1 .navigation-cards .card {
        width: calc(100% / 2 - 16px / 2);
    }

    .header-sticky .main-navigation .navigation-cards .card .link {
        width: 44px;
        height: 44px;
    }

    #main-page .section.section-1 .navigation-cards .card:nth-child(1) .image,
    .header-sticky .main-navigation .navigation-cards .card:nth-child(1) .image {
        width: 107px;
        height: 82px;
        left: 4px;
        bottom: 4px;
    }

    #main-page .section.section-1 .navigation-cards .card:nth-child(2) .image,
    .header-sticky .main-navigation .navigation-cards .card:nth-child(2) .image {
        width: 107px;
        height: 87px;
        right: 33px;
        bottom: 8px;
    }

    #main-page .section.section-1 .navigation-cards .card:nth-child(3) .image,
    .header-sticky .main-navigation .navigation-cards .card:nth-child(3) .image {
        width: 136px;
        height: 132px;
        left: 12px;
        bottom: 8px;
    }

    #main-page .section.section-1 .navigation-cards .card:nth-child(4) .image,
    .header-sticky .main-navigation .navigation-cards .card:nth-child(4) .image {
        width: 116px;
        height: 100px;
        right: -20px;
        bottom: 8px;
    }

    .modal .modal-dialog .modal-content {
        padding: 16px;
    }

    .modal .modal-dialog {
        max-width: none;
        width: auto;
        margin: 16px;
    }

    #select-zapchast.modal .modal-dialog {
        max-width: none;
        width: auto;
        margin: 16px;
    }

    .modal .modal-dialog .modal-content .modal-title {
        font-size: 20px;
        line-height: 24px;
    }

    #select-zapchast.modal .modal-dialog .modal-content .modal-title {
        margin-bottom: 4px;
    }

    #select-zapchast.modal .modal-dialog .modal-content .modal-sub-title {
        font-size: 16px;
        line-height: 20px;
    }

    .modal .modal-dialog .modal-content .modal-header {
        margin-bottom: 24px;
    }

    .form-fields .group-container {
        margin-bottom: 24px;
    }

    .form-fields .group-button {
        gap: 16px;
        flex-direction: column-reverse;
    }

    .form-fields .group-button .btn-submit {
        padding: 16px;
    }

    .form-fields .group-button .text {
        max-width: none;
    }

    #main-page .section.section-1 .first-screen {
        gap: 290px;
    }

    #main-page .section.section-1 {
        padding-top: 92px;
        padding-bottom: 60px;
    }

    #main-page .section.section-1 .background-links {
        top: 100px;
        height: 235px;
        width: 569px;
        left: 50%;
        transform: translateX(-50%);
    }

    #main-page .section.section-1 img.background-name {
        bottom: -1px;
    }

    #main-page .gradient .background-logo-f3 {
        width: 480px;
        height: 384px;
        top: 17%;
        transform: translateX(-50%) rotate(-12deg);
    }

    #main-page .section.section-3 .advantages .item.item-6 {
        margin: 0;
        order: 5;
        top: 0;
    }

    #main-page .section.section-3 .advantages .title-block {
        order: 4;
        padding: 16px 0;
        font-size: 28px;
        line-height: 32px;
        max-width: 90%;
    }

    #main-page .section.section-3 .advantages .item.item-1 {
        margin: 0;
    }

    #main-page .section.section-3 .advantages .item.item-4,
    #main-page .section.section-3 .advantages .item.item-5 {
        margin: 0 0 0 auto;
    }

    #main-page .section.section-3 .advantages .item.item-3,
    #main-page .section.section-3 .advantages .item.item-6 {
        width: 256px;
        height: 146px;
    }

    #main-page .section.section-3 .advantages .point.point-1 {
        left: 74%;
    }

    #main-page .section.section-3 .advantages .point.point-2 {
        top: 303px;
        right: 82%;
    }

    #main-page .section.section-3 .advantages .point.point-3 {
        top: 490px;
        right: 22%;
    }

    #main-page .section.section-3 .advantages .point.point-4 {
        top: 760px;
        left: 70%;
    }

    #main-page .section.section-3 .advantages .point.point-5 {
        left: 21%;
        top: auto;
        bottom: 380px;
    }

    #main-page .section.section-3 .advantages .point.point-6 {
        bottom: 200px;
        left: 80%;
    }

    #main-page .section.section-3 .advantages .point.point-7 {
        top: auto;
        bottom: 70px;
        left: 56%;
    }

    #main-page .section.section-3 .advantages .point.point-8,
    #main-page .section.section-3 .advantages svg.connector line:nth-child(7) {
        display: none;
    }

    #main-page .section.section-2 .top-block .block-text .frame-video {
        border-radius: 12px;
    }

    #accordion-slider-link .accordion-slider .slide,
    #accordion-slider-link .accordion-slider .slide img.big {
        height: 88px;
    }

    #accordion-slider-link .accordion-slider .slide img.big {
        opacity: 0;
        transition: opacity .6s ease;
    }

    #accordion-slider-link .accordion-slider {
        gap: 10px;
    }

    #accordion-slider-link .accordion-slider .slide img.miniature {
        width: 62px;
        height: 72px;
        position: relative;
    }

    #accordion-slider-link .accordion-slider .slide:nth-child(2) img.miniature {
        object-position: 0%;
    }

    #accordion-slider-link .accordion-slider .slide.active img.miniature {
        position: absolute;
        width: 72px;
        height: 62px;
    }

    #accordion-slider-link .accordion-slider .slide {
        gap: 8px;
        justify-content: flex-start;
    }

    #accordion-slider-link .accordion-slider .slide:nth-child(2) {
        align-items: flex-start;
    }

    #accordion-slider-link .accordion-slider .slide.active {
        gap: 8px;
    }


    #accordion-slider-link .accordion-slider .slide.active,
    #accordion-slider-link .accordion-slider .slide.active img.big {
        height: 328px;
    }

    #accordion-slider-link .accordion-slider .slide.active img.big {
        opacity: 1;
        transition: opacity .3s ease;
    }

    #accordion-slider-link .accordion-slider .slide .title {
        margin-left: 4px;
        font-size: 16px;
        line-height: 20px;
    }

    #accordion-slider-link .accordion-slider .slide a.link {
        margin: 0 0 auto auto;
        width: 44px;
        height: 44px;
    }

    #accordion-slider-link .accordion-slider .slide .sub-title {
        font-size: 16px;
        line-height: 20px;
    }

    #custom-slider .cards-container {
        height: 278px;
    }

    #custom-slider .cards-container .card.current {
        width: 312px;
        height: 276px;
        padding: 16px;
    }

    #custom-slider .cards-container .card.next {
        gap: 8px;
        width: 296px;
        height: 228px;
        padding: 12px;
        transform: translateX(62%) translateY(36px);
    }

    #custom-slider .cards-container .card.next .title {
        font-size: 16px;
        line-height: 20px;
    }

    #main-page .section.section-6 {
        padding: 60px 0;
    }

    .form-fields form .wpcf7-response-output {
        font-size: 14px;
        line-height: 16px;
    }

    .form-fields .d-flex-group {
        flex-direction: column;
    }

    #products .section.section-1 .products-links .block-link .title-block .title {
        font-size: 16px;
        line-height: 20px;
    }

    #products .section.section-1 .products-links .block-link .arrow {
        width: 44px;
        height: 44px;
    }

    #products .section.section-1 .products-links .block-link:nth-child(4) .title-block .title,
    #products .section.section-1 .products-links .block-link:nth-child(5) .title-block .title {
        max-width: 267px;
    }

    #products:before {
        width: 400px;
        height: 319px;
        top: 40%;
    }

    #section-page .section.section-1 {
        height: 260px;
        padding-bottom: 16px;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button,
    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections{
        width: 100%;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button {
        height: auto;
        min-height: 60px;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button.open .close,
    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections .item,
    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections .item.active{
        font-size: 16px;
        line-height: 20px;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections {
        gap: 16px;
        padding: 16px;
        top: 68px;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections .item {
        padding: 8px 0;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .sub-sections .navigation-wrapper {
        gap: 16px;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper  {
        margin-bottom: 24px;
    }

    #section-page .section.section-2 .block_sub-sections .sub-sections__wrapper .button .name {
        max-width: 90%;
        font-size: 16px;
        line-height: 20px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .title-slider {
        margin-bottom: 380px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .thumbnail {
        height: 120px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.next .thumbnail {
        height: 148px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .thumbnail {
        height: 170px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .block .text,
    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .block .text,
    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.next .block .text{
        font-size: 12px;
        line-height: 16px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container {
        height: 250px;
        width: 358px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card {
        width: 206px;
        height: 226px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.next {
        transform: translateX(104px) translateY(0);
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.three {
        width: 176px;
        height: 198px;
        transform: translateX(182px) translateY(0);
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current {
        width: 232px;
        height: 250px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card .photo {
        transform: scale(1) translateX(0);
        left: 0;
        height: 253px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .photo {
        top: 0;
        left: 20%;
        transform: scale(1.6) translateX(0) translateY(-100%);
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info .text {
        font-size: 16px;
        line-height: 20px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info .buttons {
        gap: 8px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info .buttons .btn.link {
        flex-shrink: inherit;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info .buttons .btn.btn-orange,
    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info .buttons .btn.link{
        font-size: 16px;
        line-height: 20px;
        width: 100%;
    }

    #section-page .section.section-2 {
        padding: 16px 0 40px 0;
    }

    #section-page .section.section-1 .section-title {
        font-size: 24px;
        line-height: 30px;
    }

    #section-page.cleaning-systems .section.section-1 {
        background: url(/wp-content/themes/noblelift/img/products/cleaning-systems.jpg) no-repeat center 70%;
        background-size: 100%;
    }

    #section-page.agv .section.section-1 {
        background: url(/wp-content/themes/noblelift/img/products/agv.jpg) no-repeat center 46%;
        background-size: 120%;
    }

    .cards .item .image .gray.no-photo .site,
    .articles .item .image .gray.no-photo .site {
        font-size: 16px;
        line-height: 20px;
    }

    .cards .item .image .gray.no-photo img,
    .articles .item .image .gray.no-photo img {
        bottom: -45px;
    }

    .header-top .header-links .search__block {
        padding-right: 12px;
    }

    .header-top.show-search > div:first-child {
        display: none;
    }

    .header-top .header-links {
        width: 100%;
    }

    .header-top .header-links .search__block.show .block-input__search {
        max-width: 500px;
    }

    #cookies-modal .modal-wrapper {
        margin: 0;
        border-radius: 16px;
        gap: 16px;
        padding: 16px;
    }

    #cookies-modal .modal-wrapper .block-text {
        text-align: left;
        font-size: 14px;
        line-height: 18px;
    }

    #cookies-modal .modal-wrapper .block-buttons {
        width: 100%;
    }

    #cookies-modal .modal-wrapper .block-buttons button {
        font-size: 16px;
        line-height: 20px;
        width: 100%;
    }

    .breadcrumbs #breadcrumbs > span {
        gap: 6px;
    }

    .breadcrumbs #breadcrumbs > span,
    .breadcrumbs #breadcrumbs > span a {
        font-size: 12px;
        line-height: 14px;
    }

    .form-fields .group-input.file {
        display: block;
    }

}

@media (max-width: 500px) {

    #main-page .section.section-1 .first-screen {
        gap: 262px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .photo {
        left: -15%;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info .buttons {
        flex-direction: column;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-wrapper .block-info .buttons .btn.link {
        justify-content: space-between;
    }


}

@media (max-width: 460px) {
    .footer-bottom .countries img {
        width: 36px;
        height: 26px;
    }

    #consultation-block .block-form .title {
        width: 70%;
    }

    #modernization-equipment #consultation-block .block-form .title {
        width: 100%;
    }
}

@media (max-width: 420px) {

    .footer-top .footer-links {
        flex-wrap: wrap;
    }

    #main-page .section.section-2 .top-block .block-text a.link {
        width: 100%;
        justify-content: space-between;
    }

    .header-sticky .main-navigation .navigation-cards .card {
        width: calc(100% / 2 - 16px / 2);
    }

    #main-page .section.section-3 .advantages .point.point-1 {
        left: 76%;
        top: 40px;
    }

    #main-page .section.section-3 .advantages .point.point-2 {
        right: 87%;
    }

    #main-page .section.section-3 .advantages .point.point-3 {
        right: 5%;
    }

    #main-page .section.section-3 .advantages .point.point-4 {
        left: 81%;
    }

    #main-page .section.section-3 .advantages .point.point-5 {
        left: 7%;
    }

    #main-page .section.section-3 .advantages .point.point-6 {
        bottom: 182px;
        left: 89%;
    }

    #main-page .section.section-3 .advantages .title-block {
        max-width: none;
    }

    #accordion-slider-link .accordion-slider .slide .title {
        font-size: 14px;
        line-height: 18px;
    }

    #accordion-slider-link .accordion-slider .slide img.big {
        object-fit: cover;
    }

    #accordion-slider-link .accordion-slider .slide.active img.big {
        object-fit: cover;
    }

    #main-page .section.section-5 .navigation {
        margin: 16px 0 0 0;
    }

    #main-page .section.section-5 .bottom-block {
        gap: 58px;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container .card.current .photo {
        left: 0;
        transform: scale(1.5) translateX(0) translateY(-100%);
        top: 0;
    }

    #section-page .section.section-2 .block_sub-sections .block-sliders .slider-container {
        width: 100%;
    }

    #consultation-block .block-form .title {
        width: 75%;
    }

    #modernization-equipment #consultation-block .block-form .title {
        width: 82%;
    }

    #page-404 .section.section-1 .section-title {
        max-width: 330px;
    }
}

@media (max-width: 384px) {
    .footer-bottom .countries img {
        width: 40px;
    }

    #main-page .section.section-1 .background-links {
        top: 128px;
    }

    #main-page .section.section-1 .section-title {
        max-width: 85%;
    }

    #main-page .section.section-3 .advantages .point.point-1 {
        left: 79%;
        top: 40px;
    }

    #main-page .section.section-3 .advantages .point.point-2 {
        right: auto;
        left: 3%;
    }

    #main-page .section.section-3 .advantages .point.point-3 {
        right: 4%;
    }

    #main-page .section.section-3 .advantages .point.point-4 {
        left: 82%;
    }

    #main-page .section.section-3 .advantages .point.point-5 {
        left: 3%;
    }

    #main-page .section.section-3 .advantages .point.point-6 {
        bottom: 182px;
        left: 90%;
    }

    #main-page .section.section-3 .advantages .title-block {
        max-width: none;
    }

    #accordion-slider-link .accordion-slider .slide .main-title {
        font-size: 26px;
        line-height: 30px;
    }

    #consultation-block .block-form .title {
        width: 85%;
    }

    #modernization-equipment #consultation-block .block-form .title {
        width: 86%;
    }
}