@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?85155232');
    src: url('../fonts/fontello.eot?85155232#iefix') format('embedded-opentype'),
        url('../fonts/fontello.woff2?85155232') format('woff2'),
        url('../fonts/fontello.woff?85155232') format('woff'),
        url('../fonts/fontello.ttf?85155232') format('truetype'),
        url('../fonts/fontello.svg?85155232#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-mail:before {
    content: '\e800';
}

/* '' */
.icon-star:before {
    content: '\e801';
}

/* '' */
.icon-star-empty:before {
    content: '\e802';
}

/* '' */
.icon-user:before {
    content: '\e803';
}

/* '' */
.icon-login:before {
    content: '\e804';
}

/* '' */
.icon-clock:before {
    content: '\e805';
}

/* '' */
.icon-info-circled:before {
    content: '\e806';
}

/* '' */
.icon-zoom-in:before {
    content: '\e807';
}

/* '' */
.icon-home:before {
    content: '\e808';
}

/* '' */
.icon-export:before {
    content: '\e809';
}

/* '' */
.icon-truck:before {
    content: '\e80a';
}

/* '' */
.icon-calendar:before {
    content: '\e80b';
}

/* '' */
.icon-picture:before {
    content: '\e80c';
}

/* '' */
.icon-credit-card:before {
    content: '\e80d';
}

/* '' */
.icon-chart-bar:before {
    content: '\e80e';
}

/* '' */
.icon-bell:before {
    content: '\e80f';
}

/* '' */
.icon-phone:before {
    content: '\e810';
}

/* '' */
.icon-location:before {
    content: '\e811';
}

/* '' */
.icon-export-1:before {
    content: '\e812';
}

/* '' */
.icon-link:before {
    content: '\e813';
}

/* '' */
.icon-home-1:before {
    content: '\e814';
}

/* '' */
.icon-tag:before {
    content: '\e815';
}

/* '' */
.icon-eye:before {
    content: '\e816';
}

/* '' */
.icon-ok:before {
    content: '\e817';
}

/* '' */
.icon-check:before {
    content: '\e818';
}

/* '' */
.icon-max:before {
    content: '\e819';
}

/* '' */
.icon-basket:before {
    content: '\e81a';
}

/* '' */
.icon-trash:before {
    content: '\f083';
}

/* '' */
.icon-check-empty:before {
    content: '\f096';
}

/* '' */
.icon-comment-empty:before {
    content: '\f0e5';
}

/* '' */
.icon-sitemap:before {
    content: '\f0e8';
}

/* '' */
.icon-angle-left:before {
    content: '\f104';
}

/* '' */
.icon-angle-right:before {
    content: '\f105';
}

/* '' */
.icon-angle-up:before {
    content: '\f106';
}

/* '' */
.icon-angle-down:before {
    content: '\f107';
}

/* '' */
.icon-code:before {
    content: '\f121';
}

/* '' */
.icon-rouble:before {
    content: '\f158';
}

/* '' */
.icon-doc-text-inv:before {
    content: '\f15c';
}

/* '' */
.icon-thumbs-up-alt:before {
    content: '\f164';
}

/* '' */
.icon-thumbs-down-alt:before {
    content: '\f165';
}

/* '' */
.icon-youtube-play:before {
    content: '\f16a';
}

/* '' */
.icon-instagram:before {
    content: '\f16d';
}

/* '' */
.icon-vkontakte:before {
    content: '\f189';
}

/* '' */
.icon-file-pdf:before {
    content: '\f1c1';
}

/* '' */
.icon-file-word:before {
    content: '\f1c2';
}

/* '' */
.icon-file-excel:before {
    content: '\f1c3';
}

/* '' */
.icon-file-powerpoint:before {
    content: '\f1c4';
}

/* '' */
.icon-file-image:before {
    content: '\f1c5';
}

/* '' */
.icon-file-archive:before {
    content: '\f1c6';
}

/* '' */
.icon-paper-plane:before {
    content: '\f1d8';
}

/* '' */
.icon-paper-plane-empty:before {
    content: '\f1d9';
}

/* '' */
.icon-sliders:before {
    content: '\f1de';
}

/* '' */
.icon-toggle-off:before {
    content: '\f204';
}

/* '' */
.icon-toggle-on:before {
    content: '\f205';
}

/* '' */
.icon-bus:before {
    content: '\f207';
}

/* '' */
.icon-heartbeat:before {
    content: '\f21e';
}

/* '' */
.icon-whatsapp:before {
    content: '\f232';
}

/* '' */
.icon-odnoklassniki:before {
    content: '\f263';
}

/* '' */
.icon-calendar-check-o:before {
    content: '\f274';
}

/* '' */
.icon-map-signs:before {
    content: '\f277';
}

/* '' */
.icon-map-o:before {
    content: '\f278';
}

/* '' */
.icon-shopping-basket:before {
    content: '\f291';
}

/* '' */
.icon-user-circle-o:before {
    content: '\f2be';
}

/* '' */
:root {
    --black: #1A1A1A;
    --white: rgba(240, 240, 240, 1);
    --grey: rgba(72, 79, 84, 1);

    --light-grey: rgba(228, 228, 228, 1);
    --filter: blur(12.100000381469727px);
    --gradient: linear-gradient(180deg, rgba(26, 26, 26, 0) 0%, #1A1A1A 83.6%);


}

html,
body {
    height: 100%;
    padding: 0;
    font-size: 14px;
    line-height: 180%;
    font-weight: normal
}

body {
    background-color: var(--white);
}

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

a:hover,
a:focus,
a:active,
a:visited,
a {
    transition: 0.5s;
    text-decoration: none;
}

[required] {
    position: relative;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjciIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNFMjAwMDAiIGQ9Ik0yLjQyIDMuOEwuMiAzLjE0bC4zMy0xLjEgMi4yMS44MkwyLjcuMzRIMy44bC0uMDcgMi41NSAyLjE3LS44LjM0IDEuMTFMNCAzLjg3bDEuNDUgMS45OC0uOS42OS0xLjM3LTIuMTEtMS4zMiAyLjA2LS45Mi0uNjdMMi40MiAzLjh6Ii8+PC9zdmc+);
    background-position: right 15px top 5px;
    background-repeat: no-repeat;
}

.container {
    max-width: 1200px;
    width: 90%;
    margin: auto;
}

img {
    max-width: 100%;
}


.icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}

.icon-list a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 1000px;

    color: #fff !important;
    text-align: center;
    line-height: 12px;
    line-height: 30px !important;
}

.icon-list a .icon-max::before {
    line-height: 30px;
    font-size: 20px;
}

.icon-list a:hover {}

[class^=btn-] {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 100px;
    font-size: 24px;

    color: #ffffff;
    text-decoration: none;
    text-align: center;
    transition: all .5s ease-in-out;
    border: none;
    outline: none;
    cursor: pointer;
}

@font-face {
    font-family: 'Kraskario';
    src: url('/public/fonts/Kraskario.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    /* Опционально: улучшает производительность */
}

body {
    font-family: 'Kraskario';
    font-size: 24px;
    line-height: 1.3;
}

.header {
    background: var(--black);
    color: #fff;
}

.header a {
    color: #fff;
}

.container {
    max-width: 1360px;
    margin: auto;
    width: 90%;
}

.header .top-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    padding: 2px;
    border-radius: 1000px;
}

.header .top-menu>li>a {
    display: block;
    padding: 4px 20px;
    border-radius: 100px;
    transition: 0.5s;
    color: var(--black);
    line-height: 1.3;
}

.header .top-menu>li>a:hover {
    background: var(--black);
    color: #fff;
}

.max-icon::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTExLjc0MzQgMi4xMzM4NEM1Ljg3NTg0IDIuNDQwNDQgMi4wMDI1OCA3LjA0MjIyIDIuMjQ3MjkgMTIuODQ1MUMyLjM1NDE4IDE1LjM4NTEgMy4zNzUyMyAxNy41NzA2IDMuNjE3MTQgMTkuOTgxMkMzLjY3OTAyIDIwLjYwNTcgMy40OTkgMjEuMzc2NCA0LjIxOTA4IDIxLjY0OTJDNS4xMDUxMiAyMS45ODQgNi40NjM3MiAyMS40MjE0IDcuMjA2MyAyMC45MDY2QzcuNDU5NDYgMjAuNzM1MSA3LjcwMTM2IDIwLjUzNTMgNy44ODcwMSAyMC4yODc4QzguNjU0OTEgMjAuNzk2OSA5LjM4MzQzIDIxLjI4OTIgMTAuMjk3NiAyMS41MDg2QzE0LjMyMjggMjIuNDczNCAxOC43MzMzIDIwLjI2NTMgMjAuNjkzOCAxNi43MTgzQzI0LjM3ODYgMTAuMDU0OCAxOS4zOTcxIDEuNzM0NDIgMTEuNzQzNCAyLjEzMzg0Wk05LjQ2NSAxNi4wNDA1QzkuMTQ3MTUgMTYuMjg4IDguODQwNTUgMTYuNjI1NSA4LjQ4ODk1IDE2LjgxOTZDNy45Nzk4MyAxNy4wOTI0IDcuODIyMzEgMTYuODA4NCA3LjYzMTA0IDE2LjM1ODNDNy4wMjkwOSAxNC45MjY2IDYuOTU1OTYgMTIuNDg3OSA3LjMwNzU2IDEwLjk4ODZDNy43ODAxMiA4Ljk0OTMyIDkuMzU4MTEgNy4xNTQ3NCAxMS41MjY4IDYuOTYzNDdDMTMuNzIwOCA2Ljc2OTM4IDE1Ljc1NzMgNy44ODMyNiAxNi42NzcxIDkuODk0NDNDMTguNzEzNiAxNC4zNjk2IDEzLjUwMTQgMTguNzg4NiA5LjQ2NSAxNi4wNDMzVjE2LjA0MDVaIiBmaWxsPSIjRjBGMEYwIi8+IDwvc3ZnPg==");
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

.soc-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
}

.youtube-icon::before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMy43ODkxIDUuMTk5NkMyMy41NzgyIDMuNjMxMTMgMjMuMTU2NCAyLjUzMDU4IDIyLjMxMjkgMS42ODcwNkMyMS40Njk0IDAuODQzNTUzIDIwLjM2ODkgMC40MjE3ODggMTguODAwNCAwLjIxMDlDMTguNjUzNCAwLjE5MTEyOCAxOC41MDIyIDAuMTczMjEgMTguMzQ2OCAwLjE1Njk3MUMxNi44NDQyIDAgMTQuOTQxIDAgMTIuNDggMEgxMS41MkM4Ljg3NzM2IDAgNi44Nzc5MiAwIDUuMzI3MDQgMC4xOTQzNTNDMy42OTA0NiAwLjM5OTQyOCAyLjU1MzI0IDAuODIwODkgMS42ODcwNiAxLjY4NzA2QzAuODQzNTUzIDIuNTMwNTggMC40MjE3ODggMy42MzExMyAwLjIxMDkgNS4xOTk2QzAuMTkxMTI4IDUuMzQ2NjQgMC4xNzMyMSA1LjQ5Nzc5IDAuMTU2OTcxIDUuNjUzMjNDMCA3LjE1NTc5IDAgOS4wNTg5OSAwIDExLjUyVjEyLjQ4QzAgMTUuMTIyNiAwIDE3LjEyMjEgMC4xOTQzNTMgMTguNjczQzAuMzk5NDI4IDIwLjMwOTUgMC44MjA4OSAyMS40NDY4IDEuNjg3MDYgMjIuMzEyOUMyLjQxMjE3IDIzLjAzOCAzLjMyNzIyIDIzLjQ1MTUgNC41NjYxNiAyMy42ODcyQzYuMjA5NjQgMjQgOC40MjMxOCAyNCAxMS41MiAyNEgxMi40OEMxNS4xOTU2IDI0IDE3LjIzMiAyNCAxOC44MDA0IDIzLjc4OTFDMjAuMzY4OSAyMy41NzgyIDIxLjQ2OTQgMjMuMTU2NCAyMi4zMTI5IDIyLjMxMjlDMjMuMDM4IDIxLjU4NzggMjMuNDUxNSAyMC42NzI4IDIzLjY4NzIgMTkuNDMzOEMyNCAxNy43OTA0IDI0IDE1LjU3NjggMjQgMTIuNDhWMTEuNTJDMjQgOC44MDQ0IDI0IDYuNzY4IDIzLjc4OTEgNS4xOTk2Wk0xMC4yMDcyIDcuNTc0NEM5LjkxMiA3Ljk3NzYgOS45MTIgOC42Nzg0IDkuOTEyIDEwLjA4VjEzLjkyQzkuOTEyIDE1LjMxOTIgOS45MTIgMTYuMDIgMTAuMjA3MiAxNi40MjU2QzEwLjQ2NCAxNi43Nzg0IDEwLjg1NzYgMTcuMDA2NCAxMS4yOTIgMTcuMDUyQzExLjc4OTIgMTcuMTA0NiAxMi4zOTExIDE2Ljc1NzIgMTMuNTk1NyAxNi4wNjIxTDE2Ljk2NjggMTQuMTE0OEMxOC4xNTczIDEzLjQyNjYgMTguNzU1NCAxMy4wODA3IDE4Ljk1NzYgMTIuNjI2NEMxOS4xMzUyIDEyLjIyOCAxOS4xMzUyIDExLjc3MiAxOC45NTc2IDExLjM3MzZDMTguNzUzNiAxMC45MTc2IDE4LjE0ODggMTAuNTY3MiAxNi45MzQ0IDkuODY2NEwxMy42MTA0IDcuOTQ2NEMxMi4zOTYgNy4yNDU2IDExLjc4ODggNi44OTUyIDExLjI5MiA2Ljk0OEMxMC44NTc2IDYuOTkzNiAxMC40NjQgNy4yMjE2IDEwLjIwNzIgNy41NzQ0Wk02LjUxMjMxIDIyLjk1MjFDNi4wODYwOSAyMi45MjM5IDUuNjkyNzMgMjIuODg2OCA1LjMyNzYzIDIyLjgzNzdDMy44NjU1NiAyMi42NDExIDMuMDAxMzIgMjIuMjY5NSAyLjM2NTg5IDIxLjYzNDFDMS43MzA0NSAyMC45OTg3IDEuMzU4ODkgMjAuMTM0NCAxLjE2MjMyIDE4LjY3MjRDMC45NjIwMzkgMTcuMTgyNyAwLjk2IDE1LjIyMjQgMC45NiAxMi40OFYxMS41MkMwLjk2IDguNzc3NTcgMC45NjIwMzkgNi44MTczMiAxLjE2MjMyIDUuMzI3NjNDMS4zNTg4OSAzLjg2NTU2IDEuNzMwNDUgMy4wMDEzMiAyLjM2NTg5IDIuMzY1ODlDMy4wMDEzMiAxLjczMDQ1IDMuODY1NTYgMS4zNTg4OSA1LjMyNzYzIDEuMTYyMzJDNS42ODk2MiAxLjExMzY1IDYuMDc5MzkgMS4wNzY2OSA2LjUwMTQxIDEuMDQ4NjJDNi4yMDQ0OSAxLjIyNzgxIDUuOTM0ODQgMS40Mzc5NiA1LjY4OCAxLjY4NDhDNC4wMDA4IDMuMzcyIDQuMDAwOCA2LjA4NjQgNC4wMDA4IDExLjUxNzZWMTIuNDc3NkM0LjAwMDggMTcuOTA4OCA0LjAwMDggMjAuNjIzMiA1LjY4OCAyMi4zMTA0QzUuOTM3MzggMjIuNTU5OCA2LjIxMTA1IDIyLjc3MTcgNi41MTIzMSAyMi45NTIxWiIgZmlsbD0iI0YwRjBGMCIvPiA8L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
}

.rutube-icon::before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyOCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM1Xzk5KSI+IDxwYXRoIGQ9Ik0xNC40NTA3IDE0LjUxMjJINC4zMDM0MlYxMC40NDY3SDE0LjQ1MDdDMTUuMDQzNCAxMC40NDY3IDE1LjQ1NTYgMTAuNTUxMyAxNS42NjI0IDEwLjczNEMxNS44NjkyIDEwLjkxNjYgMTUuOTk3NCAxMS4yNTU0IDE1Ljk5NzQgMTEuNzUwM1YxMy4yMTAxQzE1Ljk5NzQgMTMuNzMxNiAxNS44NjkyIDE0LjA3MDQgMTUuNjYyNCAxNC4yNTMxQzE1LjQ1NTYgMTQuNDM1NyAxNS4wNDM0IDE0LjUxMzggMTQuNDUwNyAxNC41MTM4VjE0LjUxMjJaTTE1LjE0NjkgNi42MTM4MUgwVjI0SDQuMzAzNDJWMTguMzQzNUgxMi4yMzQyTDE1Ljk5NzQgMjRIMjAuODE2M0wxNi42NjczIDE4LjMxN0MxOC4xOTY5IDE4LjA4NzUgMTguODgzOCAxNy42MTI5IDE5LjQ1MDMgMTYuODMwN0MyMC4wMTY4IDE2LjA0ODUgMjAuMzAwOCAxNC43OTc5IDIwLjMwMDggMTMuMTI5VjExLjgyNTNDMjAuMzAwOCAxMC44MzU1IDIwLjE5NzQgMTAuMDUzMyAyMC4wMTY4IDkuNDUzNzVDMTkuODM2MiA4Ljg1NDIxIDE5LjUyNzUgOC4zMzI3NSAxOS4wODkxIDcuODY0MzhDMTguNjI2IDcuNDIwOTcgMTguMTEwNSA3LjEwODczIDE3LjQ5MTUgNi44OTk1MUMxNi44NzI2IDYuNzE2ODQgMTYuMDk5MiA2LjYxMjI0IDE1LjE0NjkgNi42MTIyNFY2LjYxMzgxWiIgZmlsbD0iI0YwRjBGMCIvPiA8cGF0aCBkPSJNMjQuMTIxNiA2LjYxMjI0QzI1Ljk0NzUgNi42MTIyNCAyNy40Mjc3IDUuMTMyMDMgMjcuNDI3NyAzLjMwNjEyQzI3LjQyNzcgMS40ODAyIDI1Ljk0NzUgMCAyNC4xMjE2IDBDMjIuMjk1NiAwIDIwLjgxNTQgMS40ODAyIDIwLjgxNTQgMy4zMDYxMkMyMC44MTU0IDUuMTMyMDMgMjIuMjk1NiA2LjYxMjI0IDI0LjEyMTYgNi42MTIyNFoiIGZpbGw9IiNGMEYwRjAiLz4gPC9nPiA8ZGVmcz4gPGNsaXBQYXRoIGlkPSJjbGlwMF8zNV85OSI+IDxyZWN0IHdpZHRoPSIyNy40Mjg2IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPiA8L2NsaXBQYXRoPiA8L2RlZnM+IDwvc3ZnPg==");
    background-size: contain;
    background-repeat: no-repeat;
}

.max-icon,
.youtube-icon,
.rutube-icon {
    display: block;
    width: 24px;
    height: 24px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.black {
    background: var(--black);
    color: #fff;
}

.info-block-wrap {
    padding: 4rem;
}

.btn-opacity {
    color: #fff;
    backdrop-filter: var(--filter);
    box-shadow: -2px 0px 0px 1px rgba(255, 255, 255, 0.3);
}

.btn-opacity:hover {
    background: var(--grey);
}

.info-block-wrap .title {
    font-size: 40px;
    text-transform: uppercase;
}

.info-block-wrap {
    width: 100%;
}

.btn-white {
    background: #fff;
    color: var(--grey);
}

.btn-white:hover {
    background: var(--light-grey);
    color: var(--black);
}

.slider-container {
    overflow: hidden;
    border-radius: 40px;
}

.owl-dots {
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    border-radius: 1000px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
}

.owl-dot {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 1000px;
    transition: .5s;
    outline: none;
    position: relative;
    transition: 0.5s;
    border: 2px solid #eeeeee;
    outline: none;
}

.owl-dot:focus {
    outline: none;
}

.owl-dot::before {
    content: '';
    width: 100%;
    display: block;
    background: var(--light-grey);
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 1000px;
}

.top-slider .owl-dots {
    position: absolute;
    top: 20px;
    right: 50px;
    z-index: 10;
    background: rgba(250, 250, 250, .5);
    backdrop-filter: blur(5px);
}

.owl-dot.active {
    width: 50px;
}

.slider-container .slider-item .absolute::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: var(--gradient);
    z-index: 3;
}

.slider-container .slider-item .absolute::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: url(../images/opacity.svg) no-repeat;
    background-position-x: 93%;
    background-position-y: 100%;
    background-size: 60%;
    z-index: 4;
}

.slider-container .slider-item .absolute .info-content {
    position: relative;
    z-index: 5;
    width: 30%;
    margin-left: 7%;
    margin-bottom: 7%;
}

.btn-grey {
    background: #e4e4e4;
    color: var(--black);
}

.btn-grey2 {
    background: var(--grey);
    color: #fff;
}

.btn-grey2:hover {
    background: var(--black);
    color: #fff;
}

.block-info-container {
    width: 50%;
    padding: 4rem;
    margin-left: 7%;
}

.border-left-radius {
    border-radius: 0 0 0 200px;
    overflow: hidden;
}

.idio-block {
    /* gap: 10%; */
    position: relative;
    z-index: 2;
    height: 500px;
}

.idio-block .image-item-oval {
    width: 200px;
    height: 70px;
    position: absolute;


}

.idio-block .image-item-oval img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px;
    border: 5px solid var(--white);
}

.idio-block .image-item-oval:nth-child(1) {
    top: -2%;
    left: 7%;

}

.idio-block .image-item-oval:nth-child(2) {
    top: 27%;
    left: 47%;
}

.idio-block .image-item-oval:nth-child(3) {
    top: 88%;
    left: 52%;
}

/* .idio-block .image-item-oval:nth-child(1)::before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQ4IiBoZWlnaHQ9IjEyNCIgdmlld0JveD0iMCAwIDI0OCAxMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0xMDkgMEMxMTcuODM3IDAgMTI1IDcuMTYzNDQgMTI1IDE2VjEwN0MxMjUgMTE1LjgzNyAxMzIuMTYzIDEyMyAxNDEgMTIzSDI0Ny41QzI0Ny43NzYgMTIzIDI0OCAxMjMuMjI0IDI0OCAxMjMuNUMyNDggMTIzLjc3NiAyNDcuNzc2IDEyNCAyNDcuNSAxMjRIMTQwQzEzMS4xNjMgMTI0IDEyNCAxMTYuODM3IDEyNCAxMDhWMTdDMTI0IDguMTYzNDQgMTE2LjgzNyAxIDEwOCAxSDAuNUMwLjIyMzg1NyAxIDAgMC43NzYxNDIgMCAwLjVDMCAwLjIyMzg1OCAwLjIyMzg1OCAwIDAuNSAwSDEwOVoiIGZpbGw9IiM0ODRGNTQiLz4gPC9zdmc+");
    z-index: 1;
    width: 122%;
    height: 300%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: -129%;
} */

/* .idio-block .image-item-oval:nth-child(2)::before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjI5IiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDIyOSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0yMTMgMEMyMjEuODM3IDAgMjI5IDcuMTYzNDQgMjI5IDE2VjI0MUMyMjkgMjQ5LjgzNyAyMjEuODM3IDI1NyAyMTMgMjU3SDAuNDk5OTk0QzAuMjIzODUxIDI1NyAwIDI1Ni43NzYgMCAyNTYuNUMwIDI1Ni4yMjQgMC4yMjM4NTggMjU2IDAuNSAyNTZIMjEyQzIyMC44MzcgMjU2IDIyOCAyNDguODM3IDIyOCAyNDBWMTdDMjI4IDguMTYzNDQgMjIwLjgzNyAxIDIxMiAxSDEwNC41QzEwNC4yMjQgMSAxMDQgMC43NzYxNDIgMTA0IDAuNUMxMDQgMC4yMjM4NTggMTA0LjIyNCAwIDEwNC41IDBIMjEzWiIgZmlsbD0iIzQ4NEY1NCIvPiA8L3N2Zz4=");
    z-index: 1;
    width: 150%;
    height: 340%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: -13.7vw;
} */

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swing {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(20deg);
        /* Поворот вправо */
    }

    75% {
        transform: rotate(-20deg);
        /* Поворот влево */
    }

    100% {
        transform: rotate(0deg);
        /* Возврат в исходное положение */
    }
}

.idio-block-wrap .zvezda-min {
    position: absolute;
    background: url(../images/star-min.svg) no-repeat center/contain;
    width: 48px;
    height: 48px;

    top: 1%;
    left: 0%;
    z-index: -1;
}

.idio-block-wrap:hover .zvezda-min {
    -webkit-animation: rotate-center 5s linear infinite both;
    animation: rotate-center 5s linear infinite both;
}

.idio-block-wrap .zvezda-max {
    position: absolute;
    background: url(../images/star-max.svg) no-repeat center/contain;
    width: 57%;
    z-index: -1;
    top: -9%;
    left: -12%;
}

.idio-block-wrap .line {
    position: absolute;
    background: url(../images/line.svg) no-repeat center/contain;
    width: 100%;
    height: 90%;
    top: 5%;
}

.idio-block-wrap:hover .zvezda-max {
    animation: swing 10s linear infinite both;
}

.idio-block-wrap .zvezda-max::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.w-50 {
    width: 50%;
}

.hover-image img {
    transition: all 0.3s ease-in-out;
}

.hover-image:hover img {
    transform: scale(1.1);
}

.card-command-flex .command-item {
    width: calc(100% / 4 - 25px);
    background: var(--black);
    color: var(--light-grey);
    border-radius: 32px;
    min-height: 430px;
    transition: .5s ease-in-out;
    position: relative;
    overflow: hidden;
}

.card-command-flex .command-item .lico {
    padding: 30px;
    height: 100%;

    position: relative;
}

.card-command-flex .command-item .lico .image {
    width: 190px;
    height: 190px;
    overflow: hidden;
    border-radius: 1000px;
    /* border: 4px solid var(--grey); */
    margin: 0 auto;
}

.card-command-flex .command-item .no-lico {
    position: absolute;
    transform: rotateY(180deg);
    padding: 30px;
    background: var(--grey);
    border-radius: 32px;
    height: 100%;
    visibility: hidden;
    opacity: 0;
}

.card-command-flex .command-item .name {
    padding-top: 40px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--light-grey);
}

.card-command-flex .command-item.rotate {
    transform: rotateY(180deg);
}

.card-command-flex .command-item.rotate .lico {
    transition: .5s ease-in-out;
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.card-command-flex .command-item.rotate .no-lico {
    transition: .5s ease-in-out;
    position: relative;
    visibility: visible;
    opacity: 1;
}

.card-command-flex .command-item.rotate .no-lico .icon-rotate {
    position: absolute;
    background: url(../images/star-grey.svg) no-repeat center/contain;
    width: 48px;
    height: 48px;

    position: relative;
    z-index: -1;
}

.card-command-flex .command-item.rotate .no-lico .icon-rotate:hover {
    -webkit-animation: rotate-center 5s linear infinite both;
    animation: rotate-center 5s linear infinite both;
}

.card-command-flex .command-item.rotate .no-lico .title {
    font-size: 32px;
    text-transform: uppercase;
}

.command-card .content-block {
    margin-top: 12%;
}

.block-4-wrap {
    overflow: hidden;
    position: relative;
}

.block-4-wrap .big-zvezda {
    position: absolute;
    background: url(../images/star-grey2.svg) no-repeat center/contain;
    width: 1100px;
    height: 1100px;


    z-index: -1;
    top: 20%;
    right: 4%;
}

.block-4-wrap:hover .big-zvezda {
    -webkit-animation: rotate-center 25s linear infinite both;
    animation: rotate-center 25s linear infinite both;
}

.footer {
    padding-top: 100px;
}

.footer .image-footer {
    text-align: center;
    padding-bottom: 60px;
}

.footer .image-footer img {
    max-width: 100%;
}

.footer .contacts-wrap {}

.footer .contacts-wrap .item-contacts {
    display: block;
    padding: 40px;
    background: var(--light-grey);
    color: var(--black);
    text-align: center;
    width: calc(100% / 4 - 20px);
}

.footer .contacts-wrap .item-contacts:hover {
    background: var(--grey);
    color: #fff;
}

.footer .contacts-wrap .item-contacts i {
    display: block;
    margin: auto;
    padding-bottom: 20px;
}

.footer .super-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    color: var(--grey);
}

.fixed-header {
    top: -100px;
    transition: 0.5s;
}

.fixed-header.fixed {

    background: rgba(0, 0, 0, .8);
    box-shadow: 0px 0px 26px 7px rgba(34, 60, 80, 0.2);
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    backdrop-filter: blur(10px);
}

.fixed-header.fixed.visible {
    top: 0;
}

.overflow {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    transition: 0.5s;
    display: none;
    visibility: hidden;
    opacity: 0;
}

.overflow.fade {
    display: block;
}

.overflow.fade.in {
    visibility: visible;
    opacity: 1;
}

.overflow .modal-container-card {
    position: fixed;
    width: 60%;
    top: 0px;
    bottom: 0px;
    right: 0px;
    box-shadow: rgba(34, 60, 80, 0.2) -4px 0px 8px 0px;
    opacity: 0;
    transform: translateX(100%);
    z-index: 10;
    background: var(--black);
    transition: 0.3s ease-in-out;
}

.overflow.fade.in .modal-container-card {
    opacity: 1;
    transform: translateX(0px);
}

.overflow.fade.in .modal-container-card .header-modal {
    padding: 10px;
}

.close {
    width: 28px;
    height: 28px;
    border: 2px solid #fff;
    display: block;
    font-size: 40px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 1000px;
    transition: 1s;
}

.overflow.fade.in .close {
    transform: rotate(360deg);
    transition-delay: .5s;
}

.mob-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mob-menu>li {
    width: calc(50% - 10px);
}

.mob-menu>li>a {
    display: block;
    text-align: center;
    color: #fff;
    padding-top: 6rem;
    padding-bottom: 6rem;
    background: #212121;
    position: relative;
    text-transform: uppercase;
    font-size: 2rem;
}

.mob-menu>li>a::before {
    content: '';
    position: absolute;
    padding-top: 100%;
}


.body-menu {
    padding: 10px;
}

.full-container {
    max-width: 100%;
    padding: 0 20px;
}

.scroll-block-wrap {
    overflow: hidden;
    width: 100vw;
}

.scroll-block-wrap .scroll-block {
    width: max-content;
}


.scroll-block-gorizontal {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.scroll-block-gorizontal .slider-2-item {
    width: 440px;
    flex-shrink: 0;
}

.scroll-block-gorizontal .margin-block {
    width: 44%;
    flex-shrink: 0;
}

.horizon-container {
    width: 100%;
    overflow-x: hidden;
    /* нативный горизонтальный скролл как запасной вариант */
    overflow-y: hidden;
}

.jHorizon_content {
    transition: .5s;
}

.preloader-wrap {
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--black);
    color: #fff;
    font-size: 8rem;
    text-align: center;
}

.preloader-wrap .items-preloader {
    display: none;
}

.preloader-wrap .items-preloader .item {
    font-size: 0;
    transition: 0.3s ease-in-out;
    text-transform: uppercase;
}

@keyframes FontSize {
    0% {
        font-size: 0rem;
    }

    50% {
        font-size: 8rem;
    }

    100% {
        font-size: 0rem;
    }
}

.preloader-wrap.loaded .items-preloader {
    display: block;
}

.preloader-wrap.loaded .percents {
    display: none;
}

.preloader-wrap.loaded .items-preloader .item:nth-child(1) {
    animation: FontSize 1s ease-in-out 0.5s forwards;
}

.preloader-wrap.loaded .items-preloader .item:nth-child(2) {
    animation: FontSize 1s ease-in-out 1s forwards;
}

.preloader-wrap.loaded .items-preloader .item:nth-child(3) {
    animation: FontSize 1s ease-in-out 1.5s forwards;
}