@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}
* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    transition: .5s;
    overflow-x: hidden;
}

body.dark-theme {
    background-color: #282828;
}

.only-mobile {
    display: none !important;
}

.white-text {
    color: white;
}

.mobile-element {
    display: none;
}

.bold {
    font-weight: 700;
}

.homepageNavigationPanel .nav-in-page .nav-link {
    border-color: #979797 !important;
}

.homepageNavigationPanel.minified .nav-in-page .nav-link a {
    line-height: 150%;
    color: #979797;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
}

.homepageNavigationPanel.full-state .nav-in-page .nav-link a {
    color: #979797 !important;
}

.homepageNavigationPanel.full-state .nav-in-page .nav-link.active a {
    font-family: Roboto, sans-serif;
    font-style: bold;
}

.site-navigation-left {
    position: fixed;
    top: 50%;
    left: 100px;
    transform: translateY(-50%);
    z-index: 10;
}

.site-navigation-left li:first-of-type {
    margin-top: 10px;
}

.site-navigation-left li {
    display: flex;
    align-items: center;
    /* margin-top: 10px; */
}

.homepageNavigationPanel.full-state .nav-in-page .nav-link.active {
    border-color: #E43653;
}

.site-navigation-left li span {
    transition: 1s;
    opacity: 0;
    line-height: 150%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.site-navigation-left li.active span {
    opacity: 1;
}

.site-navigation-left__marker {
    box-sizing: border-box;
    transition: 0.5s;
    margin-right: 10px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    width: 5px;
    height: 5px;
}

.site-navigation-left li.active .site-navigation-left__marker {
    border: none;
    background: #E43653;
    height: 20px;
}

.wrapper {
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}

.logo {
    display: block;
    transform: translateY(-14px);
}

.logo img {
    width: 150px;
    height: 62px;
}

.header-container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.header-container_adaptive {
    display: none;
}

.logo-adaptive-container {
    display: flex;
    align-items: center;
}

.header-menu {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;
    padding-bottom: 50px;
    /* height: calc(100vh - 186px); */
    min-height: fit-content;
    /* overflow-x: hidden; */
    scrollbar-width: thin;
    /* overflow-y: auto; */
}

.header-menu__blur {
    position: absolute;
    /* top: 152px; */
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    min-height: calc(200vh - 152px);
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
}

.header-menu__blur-full {
    top: 20px;
}

.header-menu__wrapper {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 88px;
    padding-top: clamp(1vh, 5vh, 88px);
    height: auto;
}

.header-menu__title {
    display: block;
    line-height: 120%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}

.header-menu_card {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    width: 25%;
}

.header-menu_card > span {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

.header-menu_card > span img {
    position: relative;
    z-index: 2;
}

.header-menu_card > span img {
    transform: scale(.8);
    transition: transform .3s ease-in-out;
}

.header-menu_card:hover img {
    transform: scale(.9);
}

.header-menu_card:hover > span:before {
    opacity: 1;
    width: 50px;
    height: 50px;
}

.header-menu_card:hover > span:after {
    opacity: 0;
    width: 30px;
    height: 30px;
}

.header-menu_card > span:before {
    display: block;
    position: absolute;
    transition: .5s;
    opacity: 0;
    border: 2px solid #EAEAEA;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    content: '';
}

.header-menu_card > span:after {
    display: block;
    position: absolute;
    transition: .5s;
    border: 2px solid #EAEAEA;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    content: '';
}

.header-menu_card img {
    flex: none;
}

.header-menu__description {
    margin-left: 15px;
}

.header-menu__text {
    display: block;
    margin-top: 5px;
    max-width: 224px;
    line-height: 160%;
    color: #474747;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.header-menu__text p {
    margin-bottom: 0;
}

.header-menu__more {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    font-weight: 400;
    gap: 15px;
}

.header-menu__more:hover {
    color: #000;
}

.header-menu__more:after {
    position: absolute;
    bottom: -10px;
    background-color: rgba(255, 255, 255, .1);
    width: 100%;
    height: 1px;
    content: '';
}

.header-menu__column {
    box-sizing: border-box;
    flex: 1;
    margin-left: 65px;
    border-right: 1px solid #E8E8E8;
    padding-right: 74px;
}

.header-menu__column:first-of-type {
    margin-left: 0;
}

.header-menu__column:last-of-type {
    border: none;
}

.header-menu__column b {
    display: block;
    margin-bottom: 37px;
    line-height: 120%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
}

.header-menu__column li {
    margin-bottom: 25px;
    line-height: 180%;
    color: #474747;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.audit-href {
    text-decoration-line: underline;
    line-height: 17px;
    color: #E43653;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

.kids-href {
    color: #979797;
    background: url("../images/header-icons/iq-kids-heart.svg") no-repeat left;
    border-right: 1px solid #e8e8e8;
    padding: 0 10px;
    font-size: 12px;
    height: 25px;
    display: flex;
    align-items: center;
}

.space-href {
    color: #979797;
    background: url("../images/header-icons/iq-spase-heart.svg") no-repeat left;
    padding: 0 10px;
    margin-left: 10px;
    font-size: 12px;
    height: 25px;
    display: flex;
    align-items: center;
    border-right: 1px solid #e8e8e8;
}

.kids-href span {
    font-weight: 700;
    padding-left: 25px;
    background: #FF005C;
    background: linear-gradient(to right, #FF005C 0%, #DB00FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 5px;
}

.space-href span {
    font-weight: 700;
    padding-left: 25px;
    -webkit-background-clip: text;
    color: #000000;
    margin-right: 5px;
}

/* Выбор языка */
dropdown {
    display: inline-block;
    border-right: 1px solid #e8e8e8;
}

dropdown label:hover, dropdown ul li:hover {
    cursor: pointer;
    background: #eee;
    color: #333;
}

dropdown label, dropdown ul li {
    width: auto;
    background: white;
    color: #8E8E8E;
    display: flex;
    gap: 10px;
    align-items: center;
    height: 25px;
    border-radius: 3px;
    padding-left: 20px;
    justify-content: left;
}

dropdown label {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 0 20px;
    cursor: pointer;
    /* height: 39px; */
    color: #8E8E8E;
    z-index: 15;
    position: relative;
    text-align: center;
}

dropdown label > svg:last-of-type {
    transition: transform .3s ease;
}

dropdown input:checked ~ label > svg:last-of-type {
    transform: rotate(180deg);
}

dropdown input:checked ~ ul > a > li {
    box-shadow: 0px 4px 12px rgb(0 0 0 / 18%);
}

dropdown input {
    display: none;
}

dropdown input ~ ul {
    position: relative;
    visibility: hidden;
    opacity: 0;
    top: -20px;
    z-index: 14;
    height: 0px;
}

dropdown input:checked ~ ul {
    visibility: visible;
    opacity: 1;
    top: 0;
    height: 0px;
}

.animate {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; /* Chrome and Safari */
    -moz-backface-visibility: hidden; /* Firefox */
    -ms-backface-visibility: hidden; /* Internet Explorer */
}

/* Выбор языка END */

.header-contacts {
    line-height: 25px;
    color: #8E8E8E;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    /* border-left: 1px solid #e8e8e8; */
    padding: 0 10px;
}

.header-contacts svg {
    display: inline;
}

.header-right-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-right-top-menu {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.header-right-top-border {
    margin: 0 18px;
    background-color: #8E8E8E;
    width: 1px;
    height: 10px;
}

.mesh-button {
    outline: none;
    border: none;
    background-color: #E43653;
    cursor: pointer;
    padding: 6px 10px;
    /* width: 108px; */
    height: 27px;
    line-height: 17px;
    color: #FFFFFF;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.mesh-button_header {
    margin-left: 40px;
    height: 30px;
    background: rgb(253, 182, 130);
    background: linear-gradient(90deg, rgba(253, 182, 130, 1) 0%, rgba(222, 56, 92, 1) 47%, rgba(149, 90, 226, 1) 100%);
}

.mesh-nav > ul li span {
    display: block;
}

.mesh-header {
    position: relative;
    z-index: 13;
    background-color: white;
    width: 100%;
}

.mesh-nav > ul {
    display: flex;

}

.mesh-nav > ul li {
    position: relative;
    transition: 0.3s;
    border-bottom: 1px solid #E8E8E8;
    cursor: pointer;
    padding: 25px 9px;
}

.mesh-nav > ul li:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    transition: 0.3s;
    background-color: #E43653;
    width: 0px;
    height: 1px;
    content: '';
}

.mesh-nav > ul li.active:after {
    width: 100%;
}

/* .mesh-nav>ul li:hover:after{
    width: 100%;
} */
.mesh-nav > ul li:last-of-type {
    margin-right: 0;
}

.header-right-bottom {
    margin-top: 10px;
}

.mesh-nav > ul li span:first-of-type {
    line-height: 120%;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.mesh-nav > ul li span:last-of-type {
    line-height: 150%;
    color: #979797;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
}

/* .language-select > span {
    display: block;
    margin-right: 6px;
    margin-left: 10px;
    line-height: 17px;
    color: #8E8E8E;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
} */

.buttonTV {
    user-select: none;
    color: #e43653;
    margin: 5px 5px 0 10px;
}

.buttonTV_svg {
    margin-top: 8px;
}

h1 {
    text-transform: uppercase;
    line-height: 56px;
    color: #2E2E2E;
    font-family: Gotham Pro;
    font-size: 59.0017px;
    font-weight: 300;
    font-style: normal;
}

/********** Первая секция **********/
.mesh-section {
    box-sizing: border-box;
    padding-bottom: 45px;
}

.mesh-section_first__services-header {
    margin-top: 60px;
    line-height: 120%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
}

.mesh-section_first__action-block {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mesh-section_first__action-block button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    outline: 0;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    background: transparent;
    cursor: pointer;
    width: 275px;
    height: 46px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #2E2E2E;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
}

.mesh-section_first__action-block button:hover {
    border-color: rgb(184, 184, 184);
}

.mesh-section_first__action-block a {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #2E2E2E;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
}

.mesh-section_first__info p {
    margin-top: 24px;
    line-height: 160%;
    color: #535353;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.mesh-section_first__info {
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    justify-content: space-between;
    z-index: 11;
    margin-top: 83px;
    padding-right: 50px;
    max-width: 615px;
}

.mesh-section_first__play-button {
    display: flex;
    align-items: center;
    margin-top: 10px;
    cursor: pointer;
    max-width: 205px;
}

@-webkit-keyframes video_circles {
    0% {
        opacity: 0.08;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
    }

    50% {
        opacity: 0.08;
    }

    85% {
    }

    100% {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 38px;
        box-shadow: 0 0 0 38px;
    }
}

@keyframes video_circles {
    0% {
        opacity: 0.08;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
    }

    50% {
        opacity: 0.08;
    }

    85% {
    }

    100% {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 38px;
        box-shadow: 0 0 0 38px;
    }
}

.mesh-section_first__play-button-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
    margin-right: 20px;
    cursor: pointer;
    color: inherit;
    font-weight: 600;
    -webkit-box-align: center;
    -ms-flex-align: center;
    pointer-events: all;
}

.mesh-section_first__play-button-icon svg {
    width: 36px;
    height: 36px;
    color: #fff;
}

.mesh-section_first__play-button-icon:before,
.mesh-section_first__play-button-icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    width: 1px;
    height: 1px;
    -webkit-animation: video_circles 2700ms ease-in-out infinite;
    animation: video_circles 2700ms ease-in-out infinite;
    content: '';
}

.mesh-section_first__play-button-icon:after {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

.mesh-section_first__play-button {
    line-height: 24px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
}

.mesh-section_first__services {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 66px;
}

.mesh-section_first__services-card {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-right: 58px;
}

.mesh-section_first__services-card > img {
    margin-bottom: 8px;
}

.mesh-section_first__services-card > b {
    position: relative;
    text-align: center;
    line-height: 13px;
    color: #000000;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
}

.mesh-section_first__services-card > p {
    margin-top: 6px;
    text-align: center;
    line-height: 150%;
    color: #939393;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
}

.mesh-section_first__services-card:last-of-type {
    margin-right: 0;
}

.mesh-section_first__portfolio-nav {
    width: 49%;
}

.mesh-section_first__portfolio-nav ul {
    display: flex;
}

.mesh-section_first__portfolio-nav ul li {
    margin-right: 20px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    padding: 0 3px;
    line-height: 150%;
    color: #979797;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
}

.mesh-section_first__portfolio-card-bottom {
    width: 100%;
}

.mesh-section_first__portfolio-card-middle {
    width: 100%;
}

.mesh-section_first__portfolio-nav ul li.active {
    border-color: #464646;
    color: black;
}

.mesh-section_first__portfolio {
    display: flex;
    flex-direction: column;
}

.mesh-section_first .mesh-section__content {
    display: flex;
    position: relative;
    transition: 0.3s;
    height: calc(100% - 35px);
}

.mesh-section_first {
    padding-top: 15px;
    padding-bottom: 50px;
    overflow-x: hidden;
}

.mesh-section_first__portfolio-card {
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.3s;
    border-left: 1px solid #E8E8E8;
    padding: 0 10px;
    padding-top: 0px;
    width: 280px;
    min-width: 280px;
    max-width: 470px;
    height: 525px;
    /* align-items: flex-end; */
}

.mesh-section_first__portfolio-card-top {
    width: 100%;
    max-width: 260px;
}

.mesh-section_first__portfolio-card img {
    display: block;
    /* min-width: 100%;
    max-width: 100%; */
    transition: 0.3s;
    width: 100%;
    height: auto;
    max-height: 250px;
    object-fit: cover;
    object-position: center;
}

.mesh-section_first__portfolio-card-number {
    display: block;
    bottom: 0;
    transition: 0.3s;
    opacity: 0.1;
    line-height: 100px;
    color: black;
    font-family: 'Gotham Pro';
    font-size: 127.358px;
    font-weight: bold;
    font-style: normal;
}

.mesh-section_first__portfolio-card-date {
    display: block;
    line-height: 13px;
    color: #000000;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
}

.mesh-section_first__portfolio-card-title {
    display: block;
    margin-top: 27px;
    width: 175px;
    line-height: 25px;
    color: #000000;
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    min-height: 50px;
}

.mesh-section_first__portfolio-card-text {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    transition: 0.3s;
    opacity: 0;
    padding-right: 10px;
    width: 235px;
    line-height: 15px;
    color: #000000;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mesh-section__nav-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.mesh-section_first__portfolio-card-subtitle {
    display: block;
    line-height: 16px;
    color: #000000;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
}

.mesh-section_first__portfolio-content {
    display: flex;
    position: relative;
    flex: 1;
    z-index: 11;
    margin-top: 45px;
}

/********** Первая секция (конец) **********/

/********** Клиенты **********/
.mesh-clients-section {
    display: flex;
    align-items: center;
    background-color: #F6F6F6;
    /* padding: 1em 0; */
    width: 100%;
    height: 120px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}

.mesh-clients-section .swiper.slider-partners {
    padding-top: unset;
    padding-bottom: unset;
    height: 100%;
}

.mesh-clients-section .swiper.slider-partners svg {
    width: 50%;
    height: 100%;
}

.mesh-clients-section .swiper.slider-partners .swiper-button-next,
.mesh-clients-section .swiper.slider-partners .swiper-button-prev {
    background-color: #F6F6F6;
}

.clients-slider {
    width: 100%;
    height: 100%;
}

/********** Клиенты (конец) **********/

/********** Отраслевые решения для бизнеса **********/
.industry-solutions-section {
    background-repeat: repeat-x;
    background-position: top;
    padding-bottom: 20px;
}

.industry-solutions-section > .wrapper {
    width: 1400px;
    max-width: 100%;
}

.mesh-section__header > .wrapper {
    display: flex;
    justify-content: space-between;
}

.mesh-section__header-title {
    position: relative;
    flex: none;
    z-index: 1;
    max-width: 460px;
}

.mesh-section__header {
    display: flex;
    position: relative;
    align-items: center;
    padding: 50px 0 50px 0;
    min-height: 127px;
}

.mesh-section__header-back-text {
    display: flex;
    position: absolute;
    top: 0;
    align-items: center;
    justify-content: center;
    transition: 1s;
    z-index: 0;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    line-height: 167px;
    color: #EEEEEE;
    font-family: Gotham Pro;
    font-size: 175px;
    font-weight: bold;
    font-style: normal;
    pointer-events: none;
}

.mesh-section__header-text {
    position: relative;
    transition: 1s;
    z-index: 1;
    max-width: 646px;
    line-height: 160%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.mesh-section__header-title > span {
    display: flex;
    align-items: center;
    transition: 1s;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #535353;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
}

.mesh-section__header-title h2 {
    transition: 1s;
    line-height: 139.5%;
    color: #2E2E2E;
    font-family: Gotham Pro;
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
}

.mesh-section__header-title h2.dark-theme,
.mesh-section__header-title > span.dark-theme {
    color: white;
}

.industry-solutions-section__content {
    box-sizing: border-box;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    background-size: cover;
    padding: 15px 120px;
    width: 100%;
}

.industry-solutions-section__content .swiper-wrapper {
    /* display: flex; */
    flex-wrap: nowrap !important;
}


.industry-solutions-section__content-card {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin: 20px 0;
    padding: 20px 0;
    min-width: 140px;
    height: 110px;
    text-align: center;
}

.industry-solutions-section__content-card .image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
}

.industry-solutions-section__content-card .image-container svg {
    height: 50px;
    width: 50px;
}

.industry-solutions-section__content-card span:after {
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .5s;
    z-index: -1;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.2);
    width: 0px;
    height: 100%;
    content: '';
    backdrop-filter: blur(60px);
}

/* .industry-solutions-section__content-card:hover{
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(60px);
    border-radius: 5px;
} */
.industry-solutions-section__content-card:hover span:after {
    width: 100%;
}

.industry-solutions-section__content-card img {
    transition: 1.5s;
}

.industry-solutions-section__content-card:hover img {
    transform: rotateY(-360deg);
}

.industry-solutions-section__content-card span {
    box-sizing: border-box;
    display: block;
    position: relative;
    z-index: 1;
    margin-top: 8px;
    padding: 6px 26px;
    text-align: center;
    line-height: 120%;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.buisness-slider__navigation {
    display: none;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.buisness-slider__navigation .buisness-slider__prev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.buisness-slider__navigation .buisness-slider__next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.buisness-slider__navigation .swiper-button-disabled {
    opacity: 1;
    cursor: auto;
}

.buisness-slider__navigation .swiper-pagination {
    display: flex;
    position: static !important;
    width: auto !important;
}

.buisness-slider__navigation .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    border-radius: 44px;
    background: rgba(255, 255, 255, 0.5) !important;
    width: 10px !important;
    height: 2px !important;
}

.buisness-slider__navigation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FFFFFF !important;
    width: 23px !important;
    height: 2px !important;
}

.buisness-slider__navigation .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 2px;
}

/********** Отраслевые решения для бизнеса (конец) **********/

/********** Лицензии **********/
.categories-carousel .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    height: 300px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.categories-carousel .title {
    box-sizing: border-box;
    -webkit-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    padding: 0 15px;
    text-align: center;
    text-align: center;
    line-height: 1;
    line-height: 24px;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-size: 24px;
    font-weight: bold;
    font-weight: 500;
    font-style: normal;
}

.categories-carousel .title .text {
    margin-top: 20px;
    text-align: center;
    line-height: 150%;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.categories-carousel .big-title {
    position: relative;
    position: absolute;
    transition: .3s;
    z-index: 2;
    text-align: center;
    line-height: 86px;
    color: #FFFFFF;
    font-family: Gotham Pro;
    font-size: 90px;
    font-weight: 500;
    font-style: normal;
}

@media (max-width: 450px) {
    .categories-carousel .title .text {
        font-size: 12px;
        margin-top: 5px;
    }
    .categories-carousel .image .title {
        font-size: 20px;
    }
}

.categories-carousel .title .num {
    display: inline;
    opacity: .43;
    vertical-align: top;
    font-size: 12px;
    font-weight: 600;
}

.categories-carousel .content {
    position: relative;
    -webkit-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    margin-bottom: 20px;
    border-radius: 4px;
    background: #F2F2F3;
    height: 105px;
    overflow: hidden;
}

.dark-scheme #page .categories-carousel .content,
#page .dark-scheme .categories-carousel .content {
    background: #000;
    color: #fff;
}

.categories-carousel .content .title {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.categories-carousel .image {
    display: flex;
    position: relative;
    align-items: center;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    justify-content: center;
    -webkit-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    border-radius: 4px;
    background-color: #fbf8f6;
    background-position: top !important;
    background-size: cover;
    overflow: hidden;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
}

.categories-carousel .image:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.9s;
    opacity: 0.3;
    background: #000;
    width: 100%;
    height: 100%;
    content: '';
}

.categories-carousel .image .title {
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    opacity: 0;
}

.categories-carousel .wrap:hover .content {
    margin: 0 !important;
    height: 0;
}

.categories-carousel .wrap:hover .big-title {
    opacity: 0;
}

.categories-carousel .wrap:hover .content .title {
    -webkit-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    transform: translateY(-70px);
    opacity: 0;
}

.categories-carousel .wrap:hover .image:before {
    opacity: .7 !important;
}

.categories-carousel .wrap:hover .image .title {
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    opacity: 1;
}

.categories-carousel.style1 .swiper-slide:nth-child(even) .content,
.categories-carousel.style2 .content {
    -webkit-order: 2;
    order: 2;
    margin: 15px 0 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
}

.categories-carousel.style1 .swiper-slide:nth-child(even) .image .title,
.categories-carousel.style2 .image .title {
    -webkit-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    transform: translateY(-70px);
}

.categories-carousel.style1 .swiper-slide:nth-child(even) .wrap:hover .content .title,
.categories-carousel.style2 .wrap:hover .content .title {
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
}

/* .license-section{
      padding-bottom: 30px;
  } */
.license-title {
    width: 150%;
    font-size: 48px;
    text-align: start;
}

.full-link-license {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.license-title span {
    font-weight: 400;
}

.license-section__content-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
}

.license-section__see-more {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}

.license-section__see-more-href {
    display: flex;
    align-items: center;
}

.license-section__see-more-href:hover > div {
    width: 0px;
}

.license-section__see-more-href > div {
    transition: background-color 1000ms, width 0.3s;
    margin-right: 15px;
    background-color: black;
    width: 35px;
    height: 1px;
}

.license-section__see-more-href > a,
.license-section__see-more-href > span {
    transition: 1s;
    line-height: 24px;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
}

/********** Лицензии (конец) **********/

/* Outsource */
.outsource-slider__navigation {
    display: none;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.outsource-slider__navigation .outsource-slider__prev,
.outsource-slider__navigation .cases-slider__prev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: scaleX(-1);
    margin-right: 5px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.outsource-slider__navigation .outsource-slider__next,
.outsource-slider__navigation .cases-slider__next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.outsource-slider__navigation .swiper-button-disabled {
    opacity: 1;
    cursor: auto;
}

.outsource-slider__navigation .swiper-pagination {
    display: flex;
    position: static !important;
    width: auto !important;
}

.outsource-slider__navigation .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    border-radius: 30px;
    background: rgba(0, 0, 0, 0.6) !important;
    width: 25px !important;
    height: 5px !important;
}

.outsource-slider__navigation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000000 !important;
    width: 40px !important;
    height: 5px !important;
}

.outsource-slider__navigation .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 2px;
}

/* Outsource  */

/********** Аутсорс **********/
.mesh-content-section__nav {
    margin-top: 12px;
}

.mesh-content-section__nav ul {
    display: flex;
}

.mesh-content-section__nav ul li {
    transition: 1s !important;
    margin-right: 10px;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 10px !important;
    width: max-content;
    line-height: 150% !important;
    white-space: nowrap;
    color: #000000;
    font-family: Roboto !important;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.mesh-content-section__nav ul li:last-child {
    margin-right: unset !important;
}

/* .mesh-content-section__nav ul li+li {
    margin-left: 10px;
} */

.news-header .mesh-content-section__nav ul li {
    box-sizing: border-box;
    transition: 1s !important;
    margin-right: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    border-radius: 5px;
    background: #FFFFFF;
    cursor: pointer;
    padding: 5px 10px !important;
    width: max-content;
    line-height: 19px;
    white-space: nowrap;
    color: #9BA1AA;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}

.mesh-content-section__nav ul li.active {
    border: none;
    background-color: #E43653;
    color: white !important;
    cursor: default;
}

.mesh-content-section__nav ul li.active a {
    color: white !important;
}

.mesh-content-section__nav ul li a:hover {
    color: #E43653 !important;
}

.mesh-content-section__nav ul li.active a:hover {
    color: unset !important;
}

.mesh-content-section__nav ul li a {
    color: black;
}

.search-news {
    box-sizing: border-box;
    display: flex;
    margin-left: 20px;
    border: 1px solid #D9E1E7;
    border-radius: 5px;
    height: 37px;
}

.search-news button {
    outline: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: 0 10px;
}

.news-header {
    display: flex;
    align-items: center;
    margin: 50px 0;
    height: 75px;
}

.news-header h1 {
    margin-top: -10px !important;
    margin-bottom: 0 !important;
    text-transform: capitalize;
    line-height: 139.5%;
    color: #2E2E2E;
    font-family: 'Gotham Pro';
    font-size: 59px;
    font-weight: 400;
    font-style: normal;
}

.search-news input {
    transition: 1s;
    outline: 0;
    border: none;
    padding-left: 10px;
    width: 205px;
}

.mesh-outsource-section {
    padding-bottom: 50px;
}

.outsource-item__modal-back {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: white;
    width: 100%;
    height: 100%;
}

video {
    display: block;
}

.outsource-gutter {
    width: 30px;
}

.outsource-gutter-main {
    width: 2%;
}

.outsource-section.swiper-container-multirow-column .swiper-wrapper {
    flex-direction: inherit;
}

.outsource-section .mesh-outsource-section__card {
    display: flex;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 130px;
    overflow: hidden;
}

.portfolio-video-modal__card-continer {
    display: none;
    position: absolute;
}

.outsource-section .mesh-outsource-section__cards-container {
    margin-top: -30px;
}

.mesh-outsource-section__cards-container {
    margin-top: 25px;
}

.mesh-section__content {
    margin: 0 auto;
    width: 1350px;
}

.outsource-section .mesh-outsource-section__card img {
    width: 100%;
}

.front,
.back {
    position: absolute;
    backface-visibility: hidden;
    transition: transform .6s linear;
    width: 100%;
    height: 100%;
}

.front {
    transform: perspective(600px) rotateY(0deg);
}

.back {
    transform: perspective(600px) rotateY(180deg);
}

.mesh-outsource-section__card:hover > .front {
    transform: perspective(600px) rotateY(-180deg);
}

.mesh-outsource-section__card:hover > .back {
    transform: perspective(600px) rotateY(0deg);
}

.mesh-outsource-section__card .front {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.mesh-outsource-section__card .back {
    box-sizing: border-box;
    background-color: #c5c5c5;
    padding: 10px;
    text-align: center;
    line-height: 150%;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

#outsource-section .mesh-section__content {
    width: 1200px;
}

#single-portfolio-grid-section .mesh-outsource-section__card {
    position: relative;
    width: 226px;
}

.mesh-outsource-section__card .image {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.mesh-outsource-section__card .up {
    box-sizing: border-box;
    position: absolute;
    bottom: -100%;
    transition: 1s;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 150%;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    display: flex;
    align-items: center;
}

.mesh-outsource-section__card .up p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mesh-outsource-section__card p {
    text-align: center;
    line-height: 150%;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.mesh-outsource-section__card:hover .up {
    bottom: 0;
}

.mesh-outsource-section__card:hover .mesh-outsource-section__card-content b {
    opacity: 0;

}

.mesh-outsource-section__card video {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
}

.mesh-outsource-section__card:hover .mesh-outsource-section__card-content {
    opacity: 1;
}

.mesh-outsource-section__card img {
    display: block;
}

.mesh-outsource-section__card-content {
    box-sizing: border-box;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    transition: .5s;
    background-color: rgb(0, 0, 0, 50%);
    width: 100%;
    height: 100%;
    text-align: center;
}

.mesh-outsource-section__card-content b {
    transition: 1s;
    line-height: 120%;
    color: #FFFFFF;
    font-family: Gotham Pro;
    font-size: 25px;
    font-weight: bold;
    font-style: normal;
}

.mesh-outsource-section__card-content p {
    margin-top: 15px;
    line-height: 150%;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

/********** Аутсорс (конец) **********/
/********** Аутстаф **********/
.events-block {
    margin: 30px 0;
}

.event-nav {
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
}

.event-nav .prev,
.event-nav .next {
    position: absolute;
    top: 50%;
    z-index: 200;
    margin-top: -.5em;
    cursor: pointer;
    font-size: 18px;
}

.event-nav .prev {
    left: -30px;
}

.event-nav .next {
    right: -30px;
}

/* .event-nav .swiper-slide {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 25px;
    width: auto;
    min-width: 150px;
    height: 42px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
  }

  .event-nav .swiper-slide::before {
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: inset 0 0 0 400px;
            box-shadow: inset 0 0 0 400px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    z-index: -1;
  }

  .event-nav .swiper-slide.swiper-slide-thumb-active {
    color: #fff;
  }

  .event-nav .swiper-slide.swiper-slide-thumb-active:before {
    top: 0;
    border-radius: 4px;
  }
   */
@media (max-width: 767.98px) {
    .event-nav {
        padding: 0 35px;
    }

    .event-nav .prev {
        left: 0px;
    }

    .event-nav .next {
        right: 0px;
    }

    .event-nav .swiper-slide {
        margin-right: 20px !important;
    }
}

.event-content .page {
    display: none;
}

.event-content .handle-loadmore-block {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 35px;
    text-align: center;
    -webkit-box-flex: 0;
}

@media (max-width: 991.98px) {
    .event-content {
        margin: 0 -15px;
    }

    .event-content .swiper-slide {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.event-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    padding-right: 10px;
    color: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.event-item:first-child {
    border-top: 1px solid #e5e5e5;
}

.event-item:nth-child(even) {
    background: #F8FBFF;
}

.event-item:hover {
    background: #F9F9F9;
}

body.dark-scheme .event-item,
body .dark-scheme .event-item {
    border-bottom: 1px solid #1f1e1e;
    background: #272626;
    color: #fff;
}

body.dark-scheme .event-item:first-child,
body .dark-scheme .event-item:first-child {
    border-top: 1px solid #1f1e1e;
}

body.dark-scheme .event-item:nth-child(even),
body .dark-scheme .event-item:nth-child(even) {
    background: #2c2b2b;
}

body.dark-scheme .event-item:hover,
body .dark-scheme .event-item:hover {
    background: #313030;
}

.event-item > *:not(:last-child) {
    margin: 10px 0;
    margin-right: 70px;
}

.event-item .link {
    display: flex;
    align-items: center;
    cursor: pointer;

}

.event-item .link svg {
    position: relative;
    right: 0;
    transition: 0.5s;
}

.button-style4.extra-small {
    margin-right: 15px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
}

.event-item .link:hover .button-style4.extra-small {
    color: #E43653;
}

.event-item .link:hover svg {

    right: -5px;
}

.event-item .link:hover svg path {
    fill: #E43653;
}

.event-item .image {
    position: relative;
    -webkit-flex: 0 0 160px;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    margin-right: 120px;
    border-radius: 4px;
    max-width: 160px;
    height: 100px;
    overflow: hidden;
    -webkit-box-flex: 0;
}

.event-item .image .video-link {
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    cursor: pointer;
    color: #fff;
    font-size: 24px;
}

.event-item .image .video-link:hover {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.event-item .author,
.event-item .location {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
}

.event-item .details {
    -webkit-flex: 0 0 305px;
    -ms-flex: 0 0 305px;
    flex: 0 0 305px;
    max-width: 305px;
    -webkit-box-flex: 0;
}

.event-item .heading {
    line-height: 29px;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
}

.event-item .time {
    margin-top: 5px;
    line-height: 160%;
    color: #535353;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.event-item .name {
    line-height: 21px;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;

}

.event-item .post {
    margin-top: 6px;
    line-height: 160%;
    color: #535353;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

@media (max-width: 991.98px) {
    .event-item {
        display: block;
        position: relative;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 30px;
        border: none !important;
        padding: 0 15px;
        -webkit-box-flex: 0;
    }

    .event-item:nth-child(even) {
        background: none;
    }

    .event-item .image {
        margin: 0 0 15px;
        max-width: none;
        height: 200px;
    }

    .event-item .heading {
        font-size: 20px;
    }
}

@media screen and (max-width: 470px) {
    .event-item {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-flex: 0;
    }
}

/********** Аутстаф (конец) **********/

/********** Видеоблок **********/
.video-section {
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
    height: 500px;
}

.video-section__left {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
    height: 300px;
    padding-left: 5%;
}

.video-section__wrap {
    box-sizing: border-box;
    width: 600px;
}

.video-section__wrap b {
    line-height: 139.5%;
    color: white;
    font-family: Gotham Pro;
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
}

.video-section__wrap p {
    margin-top: 20px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: white;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.out-team__section-content img {
    width: 100%;
}

.video-section__right {
    display: flex;
    align-items: center;
    height: 300px;
}

.video-section__right .video-section__wrap {
    padding-right: 200px;
}

.video-section__right .mesh-section_first__play-button {
    margin-top: 0;
}

@keyframes video_circles_white {
    0% {
        opacity: 0.08;
        -webkit-box-shadow: 0 0 0 0 white;
        box-shadow: 0 0 0 0 white;
    }

    50% {
        opacity: 0.08;
    }

    100% {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 38px white;
        box-shadow: 0 0 0 38px white;
    }

}

.video-section__right .mesh-section_first__play-button .mesh-section_first__play-button-icon:before,
.video-section__right .mesh-section_first__play-button .mesh-section_first__play-button-icon:after {
    position: absolute;
    border-radius: 999em;
    box-shadow: 0 0 0 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    animation: play-pulse 1200ms ease-in-out infinite;
    content: '';
    color: #fff;
}

.video-section__right .mesh-section_first__play-button .mesh-section_first__play-button-icon:after {
    animation-delay: 300ms;
}

@keyframes play-pulse {
    0% {
        opacity: .08;
        box-shadow: 0 0 0 0;
    }
    50% {
        opacity: .08;
    }
    100% {
        opacity: 0;
        box-shadow: 0 0 0 1rem;
    }
}

.video-section__right .mesh-section_first__play-button {
    color: white;
}

.video-section__right .mesh-section_first__play-button svg {
    position: relative;
    z-index: 2;
    border-radius: 999em;
}

.video-section__right .mesh-section_first__play-button svg path {
    fill: white;
}

.video-section__right .video-section__wrap {
    display: flex;
    justify-content: flex-end;
}

/********** Видеоблок (конец) **********/

/********** Наш блог **********/
/* .out-blog__section{
    padding-bottom: 110px;
  } */
#news .our-blog-card {
    margin-right: 0;
}

#news h1 {
    margin: 50px 0;
}

#news .news__cards-container {
    margin-top: 30px;
}

.news-gutter {
    width: 5%;
}

.our-blog-card {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 3%;
    margin-bottom: 30px;
    background: #F9F9F9 !important;
    cursor: pointer;
    width: 30%;
    height: 550px;
}

.our-blog-card:hover .our-blog-card__header > span,
.our-blog-card:hover .our-blog-card__title,
.our-blog-card:hover .our-blog-card__content p,
.our-blog-card:hover .our-blog-section__card-see-more a {
    color: white !important;
}

.our-blog-card:hover .license-section__see-more-href > a,
.our-blog-card:hover .license-section__see-more-href > span {
    color: white;
}

.our-blog-card:hover .license-section__see-more-href > div {
    background-color: white !important;
}

.our-blog-card:hover .our-blog-card__category {
    color: #8F8F8F;
}

.our-blog-card:hover .our-blog-section__card-see-more div {
    transition: background-color 1000ms, width 0.3s;
}

.our-blog-card:hover .our-blog-section__card-see-more div {
    background-color: white !important;
}

.our-blog-card:hover > img {
    height: 100%;
    filter: brightness(40%);
}

.our-blog-content {
    display: flex;
    flex-wrap: wrap;
}

.our-blog-card__header {
    display: none;
    align-items: center;
}

.our-blog-card__header > img {
    display: block;
    flex: none;
    margin-right: 23px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    object-fit: cover;
    object-position: center;
}

.our-blog-card__header > span {
    transition: 1s;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
}

.our-blog-card__category {
    display: block;
    transition: 1s;
    margin-top: 25px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #535353;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;

}

.our-blog-card__title {
    display: block;
    transition: 1s;
    margin-top: 15px;
    line-height: 150%;
    letter-spacing: 0.05em;
    color: #2E2E2E;
    font-family: Gotham Pro;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
}

.our-blog-card > img {
    display: block;
    position: absolute;
    top: 0;
    transition: 1s;
    width: 100%;
    height: 140px;
    object-fit: cover;
    object-position: center;
}

.our-blog-card-logo-wrapper {
    display: flex;
    position: absolute;
    height: 45px;
    width: fit-content;
    bottom: 48%;
    z-index: 10;
    background: rgba(238, 238, 238, 0.3);
    backdrop-filter: blur(2.5px);
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    border-color: rgba(238, 238, 238, 0.3);
    border-radius: 0px 15px 0px 0px;
    border-left: none;
    transition: .8s;
    margin-bottom: -1px;
    padding: 0 10px;
    cursor: pointer;
}

.our-blog-card-logo {
    display: flex;
    position: relative;
    z-index: 10;
    margin: auto auto;
}

.our-blog-card-logo img {
    max-width: 100px;
    border-radius: 0;
}

.our-blog-card:hover .our-blog-card-logo-wrapper {
    opacity: 0;
    bottom: 0;
}

.our-blog-card__content {
    position: relative;
    z-index: 2;
    padding: 300px 40px;
}

.our-blog-card__content p {
    display: -webkit-box;
    transition: 1s;
    margin-top: 20px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    line-height: 150%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.our-blog-card__text {
    display: -webkit-box;
    transition: 1s;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 150%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.our-blog-card__footer {
    display: flex;
    align-items: center;
    margin-top: 25px;
}

.our-blog-card__footer span {
    display: flex;
    align-items: center;
    transition: 1s;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #A5A5A6;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.our-blog-section__card-see-more {
    margin-top: 20px;
}

.our-blog-section__card-see-more a {
    transition: 1s;
    font-size: 14px;
}

.our-blog-card__likes,
.our-blog-card__view {
    display: flex;
}

.our-blog-card__likes span:last-of-type,
.our-blog-card__view span:last-of-type {
    margin-left: 5px;
}

.our-blog-card__likes {
    margin-left: 15px;
}

.our-blog-card__view {
    margin-left: 20px;
}

/********** Наш блог (конец) **********/
.review-section-nav-container .nav-arrows svg {
    outline: 0;
    cursor: pointer;
}

.review-section-nav-container .nav-arrows {
    display: flex;
    align-items: center;
}

.review-section-nav-container .swiper-button-disabled {
    opacity: 0;
}

.swiper-button-disabled {
    opacity: 0;
}

/* .review-section-nav-container .nav-arrows svg:last-of-type{
    margin-left: 25px;
  } */
.header-text-aliign-end {
    display: flex;
    align-items: flex-end;
}

.testimonial-item.with-hover:hover .wrap,
.testimonial-item.show-active-element.swiper-slide-active .wrap {
    border-radius: 0;
    background-color: #E43653 !important;
}

.testimonial-item.with-hover:hover .wrap:before,
.testimonial-item.show-active-element.swiper-slide-active .wrap:before {
    border-color: #E43653;
}

.reviews-section .testimonial-item.show-active-element.swiper-slide-active .wrap:before {
    border-color: #E43653;
}

.testimonial-item.with-hover:hover .top-block,
.testimonial-item.show-active-element.swiper-slide-active .top-block {
    margin-bottom: 20px !important;
}

.testimonial-item .wrap {
    border-radius: 0;
}

.testimonial-item .quote {
    line-height: 160%;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.testimonial-item .name {
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
}

.testimonial-item .post {
    opacity: 1;
    margin-top: 0;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
}

.testimonial-item.swiper-slide {
    height: auto;
}

.testimonial-item .top-block .top-block-inner {
    align-items: flex-start;
}

/********** Награды **********/
.portfolio-type-slider .swiper-slide a {
    cursor: pointer;
}

.portfolio-type-slider .content .title {
    line-height: 23px;
    letter-spacing: 0.05em;
    color: #2E2E2E;
    font-family: Gotham Pro;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
}

.portfolio-type-slider .content .desc {
    line-height: 160%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.portfolio-type-slider .prev {
    bottom: 0;
}

.awards-section {
    padding-bottom: 80px;
}

.awards-section .awards-slider {
    overflow: visible;
}

.awards-section .mesh-section__header {
    padding: 0;
    padding-top: 50px;
    min-height: auto;
}

.awards-section .mesh-content-section__nav {
    margin-top: 10px;
}

.awards-section .mesh-section__header-text {
    display: flex;
    justify-content: flex-end;
}

.awards-section .portfolio-type-slider.with-filter .content {
    margin-top: 30px;
}


.awards-section .swiper-scrollbar {
    display: none;
    background: none;
    height: 12px;
}

.awards-section .swiper-scrollbar .swiper-scrollbar-drag {
    border-radius: 40px;
    background: #E43653;
}

.awards-section .swiper-scrollbar::before {
    position: absolute;
    bottom: 4px;
    border-top: 2px solid #EDEDED;
    width: 100%;
    content: '';
}


/********** Награды (конец) **********/

/********** Инста **********/
.instagram-section {
    position: relative;
    bottom: -1px;
    padding-top: 60px;
}

.instagram-section__first-block {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.instagram-section__first-block button {
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    border-radius: 5px;
    background: #262627;
    cursor: pointer;
    width: 175px;
    height: 60px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
}

.instagram-section__first-block-left h2 {
    margin-top: 10px;
    line-height: 139.5%;
    color: #2E2E2E;
    font-family: Gotham Pro;
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
}

.instagram-section__first-block-left span {
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #535353;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
}

.instagram-section__first-block button svg {
    margin-right: 15px;
}

.gallery-carousel {
    margin-top: 60px;
    margin-bottom: 0 !important;
}

.gallery-carousel .swiper-slide {
    filter: grayscale(1);
}

.gallery-carousel .swiper-slide:hover {
    filter: grayscale(0);
}

/********** Инста (конец) **********/
/********** Футер **********/
.site-footer {
    background: #222222;
    padding-top: 48px;
    padding-bottom: 20px;
    color: white;
}

footer .site-logo a {
    line-height: 26px;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
}

footer .textwidget p {
    margin-top: 26px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.site-footer .row {
    display: flex;
    justify-content: space-between;
}

.site-footer div.first {
    max-width: 300px;
}

.site-footer .social-links {
    display: flex;
    margin-top: 35px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
}

.site-footer .social-links a:first-of-type {
    margin-left: 25px;
}

.site-footer .social-links a {
    margin-left: 17px;
}

.site-footer h6 {
    margin-bottom: 25px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
}

.site-footer .label {
    line-height: 150%;
    letter-spacing: 0.005em;
    color: rgba(255, 255, 255, 0.4);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
}

.site-footer .value {
    margin-top: 10px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.contact-item.without-label {
    padding-top: 12px;
}

.subscribe-form .input {
    outline: 0;
    border: 0;
}

.site-footer button {
    outline: 0;
    border: 0;
    border-radius: 5px;
    background: #302F2F;
    width: 110px;
    height: 30px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.footer-bottom .right-text {
    display: flex;
    align-items: center;
}

.footer-bottom .left-text {
    line-height: 150%;
    letter-spacing: 0.005em;
    color: rgba(255, 255, 255, 0.35);
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

.footer-bottom .right-text .site-right {
    margin-left: 50px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: rgba(255, 255, 255, 0.35);
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

.footer-bottom .right-text .links a {
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

.footer-bottom .right-text .links {
    display: flex;
    align-items: center;
}

.right-text-links-href {
    margin: 0 10px;
    background-color: rgba(255, 255, 255, 0.2);
    width: 1px;
    height: 15px;
}

/********** Футер (конец) **********/

/********** Личная страница новости **********/
.single-look__header {
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    border-radius: 8px 8px 0 0;
    background-color: transparent;
    padding: 0;
    padding-top: 28px;
    /* padding-left: 150px;
    padding-right: 150px; */
    width: 90%;
    max-width: 1920px;
}

.single-look-main {
    padding: 50px 0;
}

.single-look-page {
    height: 6000px;
}

.single-look-page .single-look-main {
    margin: 0 auto;
    border-radius: 0 0 8px 8px;
    background-color: transparent;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 0px;
    max-width: 1920px;
}

.single-look__header-avatar {
    width: 37px;
    height: 37px;
}

.single-look__header-avatar > img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.single-look__author-name {
    margin-left: 11px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
}

.single-look__post-date {
    margin-top: 0;
    margin-left: 30px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: #535353;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
}

/* .single-look__stat.desctop-object{
    display: none;
} */
.single-look__first-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single-look__stat {
    display: flex;
}

.single-look__first-line > div:first-of-type {
    display: flex;
    align-items: center;
}

.single-look__stat > div svg {
    cursor: pointer;
}

.single-look__second-line {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 16px;
}

.single-look__socials.desctop-object {
    display: none;
}

.single-look__tags .single-look__socials.desctop-object {
    display: none;
}

.single-look__socials {
    display: flex;
    display: none;
}

.single-look__socials svg {
    display: block;
    margin-left: 16px;
    cursor: pointer;
    width: 26px;
    height: 26px;
}

.single-look__first-line > div.single-look__stat {
    display: flex;
}

.single-look__stat > div {
    display: flex;
    align-items: center;
    margin-right: 30px;
    margin-right: 13px;
}

.single-look__stat > div:last-of-type {
    margin-right: 0;
}

.single-look-page > main {
    padding: 0;
}

.single-look__stat > div > span {
    margin-left: 10px;
    line-height: 18px;
    color: #8C8C8C;
    font-family: SF UI Display;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
}

.single-look-tags-slider__slide {
    box-sizing: border-box;
    transition: .5s;
    margin-right: 10px;
    border: 1px solid #E8E8E8;
    border-radius: 23px;
    border-radius: 5px;
    background: #FEFEFE;
    background: #F9F9F9;
    cursor: pointer;
    padding: 7px 16px;
    width: max-content;
    line-height: 150%;;
    white-space: nowrap;
    color: #E43653;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}

.single-look-tags-slider__slide:hover {
    border-color: rgba(228, 54, 83, 1);
}

.single-look-tags-slider {
    margin-left: 0;
    padding-top: 15px;
    width: 100%;
}

.single-look-tags-slider .swiper-wrapper {
    padding: 3px 0;
    padding-left: 10px;
}

/* .single-look-page>main{
    position: relative;
    padding: 16px;
} */
.single-look-page article {
    box-sizing: border-box;
    /* margin-bottom: 580px; */
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
    /* margin-top: 110px; */
    background-color: white;
    padding: 190px 260px 110px 260px;
    width: 100%;

}

.single-look-main h1 {
    margin: 0 auto;
    margin-top: 0px;
    width: 90%;
    line-height: 43px;
    color: rgba(46, 46, 46, 1);
    font-family: Gotham Pro;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;

    /* padding-left: 150px;
    padding-right: 150px; */
}

.single-look-main h2 {
    margin: 0 auto;
    margin-top: 40px;
    width: 90%;
    line-height: 108.02%;
    color: #000000;
    font-family: Gotham Pro;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;

    /* padding-left: 150px;
    padding-right: 150px; */
}

.single-look-main p {
    margin: 0 auto;
    margin-top: 10px;
    width: 90%;
    line-height: 190%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    /* padding-left: 150px;
    padding-right: 150px; */
}

.single-look-main > img {
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    width: 90%;
    height: auto;
}

.single-look__image {
    width: 100%;
    height: 100%;
}

.single-look__image img {
    width: 100%;
}

.single-look__products {
    display: flex;
    flex-wrap: wrap;
}

/* .single-look__more-text{
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
} */
.single-look__more-text-content {
    display: none;
}

.single-look__more-text-content p,
.single-look__more-text-content h2,
.single-look__more-text-content h3,
.single-look__more-text-content h4,
.single-look__more-text-content img {
    width: 100%;
}

.single-look__more-text button {
    display: flex;
    align-items: center;
    margin-top: 40px;
    outline: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    line-height: 21px;
    color: #919191;
    font-family: Inter;
    font-size: 18px;
    font-weight: 1;
    font-style: normal;
}

.single-look__product-card {
    box-sizing: border-box;
    position: relative;
    margin-top: 0;
    margin-top: 4%;
    border-radius: 8px;
    background: #FFFFFF;
    padding: 11px 18px;
    padding-top: 25px;
    padding-bottom: 20px;
    width: 100%;
}

.single-look__stock-ticket {
    display: flex;
    position: absolute;
    top: 10px;
    left: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border-radius: 5px;
    background: #FF5B5B;
    width: 60px;
    height: 32px;
    line-height: 108.02%;
    color: #FFFFFF;
    font-family: Inter;
    font-size: 13px;
    font-weight: 1;
    font-style: normal;
}

.single-look__product-card:nth-of-type(even) {
    margin-left: 0;
}

.single-look__product-card figure img {
    display: block;
    margin: 0 auto;
    width: 51%;
}

.single-look__images-slider img {
    border-radius: 7px;
}

.single-look__product-card svg {
    position: absolute;
    right: 13px;
    bottom: 20px;
    width: 8px;
    height: 16px;
}

.single-look__images-slider {
    position: relative;
    margin-top: 40px;
}

.single-look__images-slider .single-look__images-slider-next-arrow {
    display: block;
    position: absolute;
    top: 275px;
    right: 68px;
    bottom: auto;
    transform: translateY(-50%);
    opacity: 0.5;
    z-index: 2;
    outline: none;
}

.single-look__images-slider .single-look__images-slider-pagination {
    position: absolute;
    top: 530px;
    bottom: auto;
    transform: translateY(-100%);
    z-index: 2;
    outline: none;
    width: 100%;
    text-align: center;
}

.single-look__scroll-up {
    display: none;
    position: fixed;
    right: 50px;
    bottom: 50px;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border-radius: 5px;
    background-color: white;
    cursor: pointer;
    width: 40px;
    height: 40px;
    /* opacity: 0.5; */
}

/* .single-look__scroll-up:hover{
    opacity: 1;
} */
.single-look__image-container > img {
    border-radius: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.single-look__image-container {
    box-sizing: border-box;
    /* padding: 0 150px; */
    position: relative;
    margin: 0 auto;
    margin-bottom: 50px;
    background-color: white;
    width: 90%;
    height: 550px;
}

.single-look__image-price-card {
    box-sizing: border-box;
    display: flex;
    position: absolute;
    top: 40%;
    right: 27%;
    flex-direction: column;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.3);
    padding: 14px 23px;
    padding-right: 40px;
    padding-right: 20px;
    width: 180px;
    backdrop-filter: blur(60px);
}

.single-look__image-price-card:after {
    position: absolute;
    bottom: -40px;
    /* Положение треугольника */
    left: 50%;
    transform: translateX(-50%);
    border: 20px solid transparent;
    /* Прозрачные границы */
    border-top: 20px solid rgba(255, 255, 255, 0.3);
    /* Добавляем треугольник */
    content: '';
    backdrop-filter: blur(60px);
}

.single-look__image-price-card-title {
    line-height: 21px;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
}

.single-look__image-price-card-price {
    margin-top: 5px;
    line-height: 21px;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
}

.single-look__products-slider-pagination .swiper-pagination-bullet {
    background-color: #979494;
    width: 8px;
    height: 8px;
}

.swiper-pagination-bullets.single-look__products-slider-pagination {
    position: absolute;
    bottom: 20px;
    transform: translateY(50%);
    z-index: 2;
    outline: none;
    text-align: center;
}

.single-look__images-slider .single-look__images-slider-prev-arrow {
    display: block;
    position: absolute;
    top: 275px;
    bottom: auto;
    left: 68px;
    transform: translateY(-50%);
    opacity: 0.5;
    z-index: 2;
    outline: none;
}

.single-look__products-slider {
    background-color: #F6F6F6;
}

.single-look__views svg {
    width: 29px;
    height: 24px;
}

.single-look__products-slider .swiper-wrapper {
    padding-bottom: 40px;
}

.single-look__products-slider-slide {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    pointer-events: all !important;
}

.single-look__images-slider .single-look__images-slider-pagination .swiper-pagination-bullet {
    transition: .5s;
    opacity: 1 !important;
    margin: 5px !important;
    border-radius: 3px !important;
    background: rgba(255, 255, 255, 0.25);
    width: 10px !important;
    height: 2px !important;
}

.single-look__images-slider .single-look__images-slider-pagination .swiper-pagination-bullet-active {
    background: #E43653;
    width: 23px !important;
}

.single-look__images-slider .swiper-button-disabled {
    display: none;
}

.single-look__card-title {
    display: block;
    margin-top: 25px;
    line-height: 108.02%;
    color: #000000;
    font-family: Inter;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
}

.single-look__card-price {
    display: block;
    margin-top: 15px;
    line-height: 108.02%;
    color: #000000;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
}

.single-look__video {
    margin-top: 0;
    border-radius: 8px;
    background-color: #E4E4E4;
    width: 100%;
    height: auto;
}

.single-look__bottom-functions-line {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0px;
    border-top: 1px solid #E8E8E8;
    padding: 27px 5%;
}

.single-look__comments-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single-look__comments-section {
    margin: 0 auto;
    /* padding-left: 150px;
    padding-right: 150px; */
    margin-top: 60px;
    border-radius: 0 0 8px 8px;
    padding-bottom: 70px;
    width: 90%;
}

/* .single-look-main>article{
    margin-top: ;
} */
.single-look__comments-header-title {
    line-height: 27px;
    color: #000000;
    font-family: NEXT ART;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
}

.single-look__comments-show-more-section > button {
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    outline: 0;
    border: 0;
    border-radius: 37px;
    background: #FAFAFA;
    cursor: pointer;
    width: 100%;
    height: 55px;
    text-transform: uppercase;
    line-height: 12px;
    color: #606060;
    font-family: NEXT ART;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
}

.single-look__comments-show-more-dropdown {
    display: none;
}

.single-look__comments-count {
    /* font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 108.02%;
    color: #BDBDBD;
    margin-left: 10px; */
    display: none;
}

.single-look__comments-sort {
    position: relative;
    min-width: 150px;
}

.single-look__comments-sort-current {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}

.single-look__comments-sort-current svg {
    display: block;
    margin-left: 10px;
    width: 15px;
    height: 8px;
}

.single-look__comments-sort-current span {
    line-height: 18px;
    color: #000000;
    font-family: NEXT ART;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

.single-look__send-comment-area {
    position: relative;
    margin-left: 20px;
    width: 100%;
}

.single-look__send-comment-avatar {
    flex: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
}

.single-look__send-comment-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.single-look__send-comment-block {
    display: flex;
    align-items: center;
    padding-top: 50px;
}

.single-look__send-comment-area input {
    box-sizing: border-box;
    outline: 0;
    border: 0;
    border-radius: 37px;
    background-color: #F6F6F6;
    padding-right: 60px;
    padding-left: 40px;
    width: 100%;
    height: 52px;
    line-height: 108.02%;
    color: black;
    font-family: Alegreya;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
}

.single-look__send-comment-area input::placeholder {
    line-height: 108.02%;
    color: #9D9D9D;
    font-family: NEXT ART;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
}

.single-look__send-comment-area button {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 2;
    outline: 0;
    border: 0;
    background-color: transparent;
}

.single-look__send-comment-area button svg {
    display: block;
    width: 0px;
}

.single-look__one-comment-header-info {
    display: flex;
    align-items: center;
}

.single-look__one-comment {
    margin-top: 50px;
}

.single-look__one-comment-name {
    margin-left: 20px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    white-space: nowrap;
    color: #000000;
    font-family: NEXT ART;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
}

.single-look__one-comment-date {
    margin-top: 0;
    margin-left: 20px;
    line-height: 20px;
    color: #8C8C8C;
    font-family: SF UI Display;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
}

.single-look__one-comment-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single-look__one-comment-header-info img {
    border-radius: 50%;
    width: 37px;
    height: 37px;
}

.single-look__one-comment-functions-button {
    display: block;
    margin-top: 5px;
    outline: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
}

.single-look__one-comment-functions-button svg {
    display: block;
    width: 20px;
    height: 25px;
}

.single-look__one-comment-content {
    margin-top: 25px;
    line-height: 108.02%;
    color: #000000;
    font-family: Alegreya;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
}

.single-look__one-comment-likes-count {
    margin-right: 10px;
    line-height: 20px;
    color: #868686;
    font-family: NEXT ART;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.single-look__one-comment-likes {
    display: flex;
    align-items: center;
}

.single-look__one-comment-likes svg {
    display: block;
    cursor: pointer;
    width: 18px;
    height: 20px;
}

.single-look__one-comment-footer a {
    cursor: pointer;
    line-height: 20px;
    color: #BBBBBB;
    font-family: NEXT ART;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
}

.single-look__one-comment-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.single-look__see-more-comments-button {
    display: flex;
    align-items: flex-end;
    margin-top: 10px;
    outline: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
}

.single-look__see-more-comments-button svg {
    margin-top: 3px;
    margin-bottom: 2px;
    width: 21px;
    height: 26px;
}

.single-look__see-more-comments-count {
    margin-top: 3px;
    margin-left: 16px;
    line-height: 10px;
    color: #000000;
    font-family: SF UI Display;
    font-size: 8px;
    font-weight: 600;
    font-style: normal;
}

.single-look__see-more-comments-block {
    padding-left: 50px;
}

.main-fashion-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 3;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.11);
    background-color: white;
}

.main-fashion-dropdown ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ededed;
    cursor: pointer;
    padding: 13px;
    list-style-type: none;
    line-height: 10px;
    color: #000000;
    font-family: Inter;
    font-size: 13px;
    font-weight: 1;
    font-style: normal;
}

.single-look__one-comment-functions-block {
    position: relative;
}

.main-fashion-dropdown ul li span {
    white-space: nowrap;
}

.main-fashion-dropdown ul li svg {
    display: block;
    flex: none;
    opacity: 0.5;
    margin-left: 30px;
    width: 13px;
    height: 13px;
}

.single-look__comments-sort-dropdown ul li.single-look__active-sort svg {
    opacity: 1;
}

.single-look-header {
    position: fixed;
    z-index: 5;
    box-shadow: 0 10px 20px rgb(0 0 0 / 7%);
    width: 100%;
}

main.single-look-main-container {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.single-look-main > article {
    border-radius: 8px;
    padding-top: 100px;

}

.single-look-article-content {
    position: relative;
    border-radius: 5px;
    background: #F9F9F9;
    max-width: 1200px;
    width: 80%;
    height: fit-content;
}

.main-news {
    padding: 20px 0;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 0 20px;
}

.single-look__tags {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}


.single-look__more-text .single-look-main h2 {
    padding: 0;
}

.single-look__more-text .single-look-main p {
    padding: 0;
}

.single-look__more-text {
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    /* padding-left: 150px;
    padding-right: 150px; */
    width: 90%;
}

.single-look__more-text button svg {
    transition: .5s;
    margin-left: 20px;
}

.single-look__images-slider .single-look__images-slider-pagination .swiper-pagination-bullet {
    margin: 10px;
    width: 8px;
    height: 8px;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.single-look__images-slider .single-look__images-slider-next-arrow svg,
.single-look__images-slider .single-look__images-slider-prev-arrow svg {
    display: block;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

.single-look__products-slider-wrap-for-back {
    position: relative;
    /* width: 70%; */
    margin: 0 auto;
    background-color: transparent;
    padding-top: 20px;
    padding-right: 150px;
    padding-left: 150px;
}


.single-look__video-container {
    margin: 0 auto;
    margin-top: 50px;
    /* padding-left:150px;
    padding-right: 150px; */
    width: 90%;
}

.single-look__bottom-functions-line .single-look__likes svg {
    width: 22px;
    height: 24px;
}

.single-look__bottom-functions-line .single-look__comments svg {
    width: 22px;
    height: 24px;
}

.single-look__bottom-functions-line .single-look__views svg {
    width: 22px;
}

.active-article-slide {
    z-index: 3;
}

.active-article-next-slide {
    z-index: 2;
    /* filter: brightness(0); */
}

.single-look__likes svg {
    width: 14px;
    height: 24px;
}

.single-look__comments svg {
    width: 14px;
    height: 24px;
}

.single-look__views svg {
    width: 19px;
    height: 24px;
}


.main-fashion-dropdown ul li:hover {
    background-color: #ededed;
}


.single-look__one-comment .single-look__one-comment {
    margin-top: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

.single-look__one-comment .single-look__send-comment-block {
    display: none;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 20px;
    padding-bottom: 20px;
}

.single-look__one-comment-content-answer-href {
    text-decoration: none;
    color: #507AE5;
}

.single-look__see-more-comments-answer-dropdpwn {
    display: none;
}

.single-look__see-more-comments-count-number {
    line-height: 20px;
    letter-spacing: -0.035em;
    color: #373737;
    font-family: NEXT ART;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
}

.single-look__see-more-comments-count-number + span {
    display: none;
}

.like-active path {
    fill: #FF0000;
    stroke: #FF0000;
}

.single-look__left-menu {
    box-sizing: border-box;
    top: 0px;
    height: auto;
    /* width: 200px; */
}

.single-look__left-filter-tag {
    box-sizing: border-box;
    display: inline-block;
    /* white-space: nowrap; */
    /* text-overflow: ellipsis;
    overflow: hidden; */
    border-radius: 5px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
    background: #F9F9F9;
    cursor: pointer;
    padding: 10px;
    /* width: 200px; */
    text-decoration: none;
    line-height: 18px;
    color: black;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
}

.single-look__left-filter-tag:hover {
    color: white;
    background-color: #E43653;
}

.single-look__left-filter-tag.active {
    color: #E43653;
}


.single-look__left-menu-container > div {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: 18px;
    border-radius: 8px;
    background-color: white;
    width: 62px;
    height: 62px;
}

.single-look__left-menu-container > div:first-of-type {
    margin-top: 0;
}

.single-look__left-menu-container > div span {
    margin-top: 7px;
    line-height: 12px;
    color: #8C8C8C;
    font-family: SF UI Display;
    font-size: 13.9839px;
    font-weight: normal;
    font-style: normal;
}

.sticky {
    position: sticky;
    top: 0;
    height: fit-content;
    width: 10%;
}

.single-look__left-menu-container > div svg {
    cursor: pointer;
}

.single-look__left-menu-container > div.single-look__left-menu-social {
    padding: 22px 0;
    height: auto;
}

.single-look__left-menu-container > div.single-look__left-menu-social a {
    margin-top: 36px;

}

.single-look__left-menu-container > div.single-look__left-menu-social a svg {
    display: block;
}

.single-look__left-menu-container > div.single-look__left-menu-social a:first-of-type {
    margin-top: 0;
}

.single-look__right-menu {
    box-sizing: border-box;
    top: 0;
    overflow: visible!important;
}


@media screen and (min-width: 1200px) {
    .flex-direction-1200 {
        flex-direction: column!important;
    }
}

.single-look__right-menu-next-post {
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    border-radius: 10px;
    border: none;
    padding: 20px;
    text-decoration: none;
    background-color: #F9F9F9;
    height: 200px!important;
}



.single-look__right-menu-next-post span {
    color: white;
    font-family: Gotham Pro, sans-serif;
    font-size: 15px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
}

@media screen and (min-width: 1200px) {
    single-look__right-menu-next-post {
        width: 200px;
    }
}


/* .single-look__right-menu-next-post:hover {

} */

.single-look__products-slider-next-arrow {
    right: 70px;
}

.single-look__products-slider-prev-arrow {
    left: 70px;
}

.single-look__products-slider-next-arrow,
.single-look__products-slider-prev-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
}

/********** Личная страница новости **********/
/********** Волонтёрство **********/
.white-text {
    color: white !important;
}

.swiper-slide.charity-section__slide {
    height: 750px;
}

.swiper-slide.charity-section__slide .wrapper {
    display: flex;
    align-items: center;
}

.charity-section__slide:first-of-type {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/charity-slider-image-1.jpg);
    background-position: center;
    background-size: cover;
}

#charity-section__header-slider .mesh-section_first__play-button {
    color: white;
}

#charity-section__header-slider svg path {
    fill: white;
}

#charity-section__header-slider .mesh-section_first__play-button .mesh-section_first__play-button-icon:before,
#charity-section__header-slider .mesh-section_first__play-button .mesh-section_first__play-button-icon:after {
    box-shadow: 0 0 0 0 white;
    animation: video_circles_white 2700ms ease-in-out infinite;
}

#charity-section__header-slider .mesh-section_first__play-button .mesh-section_first__play-button-icon:after {
    animation-delay: 300;
}

.charity-section__right-part {
    max-width: 277px;
}

#charity-section__header-slider .mesh-section_first__play-button {
    border-bottom: 1px solid white;
    padding-bottom: 15px;
    max-width: 100%;
}

.charity-section__right-part .mesh-section__header-text {
    margin-top: 10px;
}

.charity-section__navigation-panel {
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 50%;
    align-items: center;
    justify-content: space-between;
    transform: translateX(-50%);
    z-index: 2;
    background: rgba(255, 255, 255, 0.2);
    padding: 0 20px;
    width: 1200px;
    height: 50px;
    backdrop-filter: blur(60px);
}

.charity-section__slider {
    position: relative;
}

.nav-arrows__seperator {
    margin: 0 12px;
    background-color: #E0E0E0;
    width: 1px;
    height: 15px;
}

/********** Страница внутренняя из портфолио **********/
#single-portfolio-header-section {
    background: url('../images/potrfolio-background.webp');
    background-size: cover;
    height: 285px;
    background-position-x: right;
    background-position-y: center;
    margin-top: 25px;
}

#single-portfolio-header-section .wrapper {
    display: flex;
    align-items: center;
}

.single-portfolio-header {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
}

.single-portfolio-header__right-part.double {
    max-width: 420px;
}

.single-portfolio-header__right-part {
    position: relative;
    z-index: 3;
    max-width: 585px;
}

.single-portfolio-header__left-part {
    display: flex;
    align-items: center;
}

.single-portfolio-header__left-part img {
    display: block;
    position: relative;
    flex: none;
    z-index: 2;
    margin-right: 20px;
}

.single-portfolio-header__right-part p {
    transition: 0.5s;
    line-height: 160%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.single-portfolio-header__right-part p.dark-theme {
    color: white;
}

.single-portfolio-header .mesh-section__header-title {
    margin-top: 20px;
}

.single-portfolio-header__back-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .5s;
    text-transform: uppercase;
    line-height: 167px;
    color: #EEEEEE;
    font-family: Gotham Pro;
    font-size: 175px;
    font-weight: bold;
    font-style: normal;
}

.header-section__content {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.header-section__content .right-part .mesh-section__header-text {
    max-width: 575px;
    line-height: 160%;
    font-size: 20px;
}

.header-section__content .right-part {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    padding-left: 15px;
}

.single-portfolio-header__back-text.dark-theme {
    color: rgb(255, 255, 255, 0.05);
}

.single-portfolio__icon-cards {
    display: flex;
    justify-content: space-between;
    margin-top: 140px;
    width: 100%;
}

.single-portfolio__icon-card {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.single-portfolio__icon-card span {
    display: block;
    margin-top: 10px;
    line-height: 120%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}

.portfolio-video-modal__description-part .content-for-modal__content b {
    font-size: 20px;
}

.content-for-modal__content p > b {
    font-size: 14px !important;
}

/***** Раздел цели *****/
#single-portfolio-purpose-section {
    background: url('../images/loreal-purpose-section-back.jpg');
    background-repeat-y: no-repeat;
}

#single-portfolio-purpose-section .wrapper {
    display: flex;
    align-items: flex-start;
}

.single-portfolio-purpose-section__title-part .mesh-section__header-text {
    margin-top: 15px;
    max-width: 420px;
}

.single-portfolio-purpose-section__card {
    display: flex;
    align-items: flex-start;
    width: 270px;
}

.single-portfolio-purpose-section__cards {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    column-gap: 45px;
    row-gap: 37px;
}

.single-portfolio-purpose-section__card > p {
    line-height: 139.5%;
    color: #FFFFFF;
    font-family: Gotham Pro;
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
}

.single-portfolio-purpose-section__card-content {
    margin-left: 30px;
}

.single-portfolio-purpose-section__card-content b {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 5px;
    line-height: 29px;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
}

.single-portfolio-purpose-section__card-content p {
    margin-top: 10px;
    line-height: 160%;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.title-red {
    text-decoration: underline;
    color: #e43653;
}

/***** раздел скролл слайдера ******/
.single-portfolio-horizontal-slider-section {
    padding: 70px 0;
}

.single-portfolio-horizontal-slider-section-background .single-portfolio-header__back-text {
    top: 31%;
    opacity: .15;
    white-space: nowrap;
    color: #EEEEEE;
    font-size: 130px;
}

.single-portfolio-horizontal-slider-section-background.single-portfolio-header {
    display: block;
}

.single-portfolio-horizontal-slider-section-background .mesh-section__header-title h2 {
    color: #EEEEEE;
}

.single-portfolio-horizontal-slider-section-background .mesh-section__header-title > span {
    color: white;
}

.single-portfolio-horizontal-slider-section-background .single-portfolio-header__right-part p {
    margin-top: 20px;
    color: white;
}

.single-portfolio-horizontal-slider-section__navigarion {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.single-portfolio-horizontal-slider-section-background {
    background: url('../images/BTL-background.jpg');
    background-repeat: no-repeat;
    background-size: 100% 75%;

}

.single-portfolio-horizontal-slider-section__lefr-arrow,
.single-portfolio-horizontal-slider-section__right-arrow {
    cursor: pointer;
}

.single-portfolio-horizontal-slider-section__pagination {
    margin: 0 30px;
}

.single-portfolio-horizontal-slider-section__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: black;
}

.single-portfolio-horizontal-slider-section__pagination .swiper-pagination-bullet {
    margin: 0 5px;
}

#digital-section .swiper-slide.single-portfolio-horizontal-slider-section__card {
    margin: 0 15px;
}

.swiper-slide.single-portfolio-horizontal-slider-section__card {
    /* margin-right: 30px; */
    box-sizing: border-box;
    border-radius: 5px;
    background: #FFFFFF;
    width: max-content;
}

.swiper-slide.single-portfolio-horizontal-slider-section__card > img {
    display: block;
    margin: 0 auto;

}

.swiper-slide.single-portfolio-horizontal-slider-section__card b {
    display: flex;
    align-items: center;
    line-height: 29px;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
}

.swiper-slide.single-portfolio-horizontal-slider-section__card figcaption {
    margin-top: 35px;
    padding-right: 10px;
}

.swiper-slide.single-portfolio-horizontal-slider-section__card p {
    margin-top: 20px;
    line-height: 160%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

/* .single-portfolio-horizontal-slider-section__slider{
  padding: 15px !important;
} */
.single-portfolio-horizontal-slider-section__slider.swiper-container {
    overflow: visible;
}

.single-portfolio-horizontal-slider-section__slider .swiper-scrollbar-drag {
    border-radius: 59px;
    background: #E43653;
}

.single-portfolio-horizontal-slider-section__slider.swiper-container-horizontal > .swiper-scrollbar {
    bottom: -30px;
    opacity: 1 !important;
}

/****** Блок галереи личной страницы порфолио ******/
#single-portfolio-gallery-section {
    padding-top: 120px;
    padding-bottom: 80px;
}

.single-portfolio-gallery-section__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single-portfolio-gallery-section__content img {
    display: block;
}

/******* Блок с слипшимися картинками *****/
#single-portfolio-stack-images-section {
    padding-top: 80px;
}

.single-portfolio-stack-images-section__content {
}

.single-portfolio-stack-images-section__content img {
    display: block;
    margin: 0 auto;
}

/********* Раздел Цель UPD1 **********/
#single-portfolio-purpose-section {
    position: relative;
    padding-top: 140px;
    padding-bottom: 160px;
}

#single-portfolio-purpose-section .portfolio-type-slider .items {
}

/* #single-portfolio-purpose-section .wrapper{
  display: block;
} */
#single-portfolio-purpose-section .mesh-section__header-text {
    justify-content: flex-end;
    width: 100%;
    max-width: none;
}

.single-portfolio-purpose-section__left-part {
    max-width: 380px;
}

.single-portfolio-purpose-section__right-part {
    flex: 1;
}

#single-portfolio-purpose-section .portfolio-type-slider .swiper-slide {
    width: 465px;
    height: 581px;
}

.mesh-content-section__nav {
    margin-bottom: 20px;
}

.news-header .mesh-content-section__nav {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}

#single-portfolio-purpose-section .mesh-content-section__nav li {
    color: white;
}

#single-portfolio-purpose-section .mesh-content-section__nav ul li.active {
    background: rgba(255, 255, 255, 0.46);
    color: black !important;
    font-weight: 500;
}

#single-portfolio-purpose-section .mesh-section__header-back-text {
    top: 6%;
    opacity: 0.15;
    height: auto;
    text-transform: uppercase;
    line-height: 167px;
    color: #EEEEEE;
    font-family: Gotham Pro;
    font-size: 175px;
    font-weight: bold;
    font-style: normal;
}

#single-portfolio-purpose-section .portfolio-type-slider .swiper-slide:before {
    padding: 0;
    height: 100%;
}

.base-icon-next-2:before,
.base-icon-prev-2:before {
    display: none;
}

/********* **********/
#slider-with-under-images .project-slider {
    margin-top: 70px;
}

.project-slider .swiper-slide {
    display: flex;
}

.project-slider .swiper-slide > a {
    flex: none;
    width: 50%;
}

.project-slider .swiper-slide .project-slider__slide-content {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 90px;
    padding-right: 120px;
}

.project-slider .item a span {
    padding-bottom: 125%;
}

.project-slider .thumbs .swiper-slide:before {
    padding-bottom: 125%;
}

.project-slider__slide-content {
    line-height: 160%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

/********** слайдер с нумерацией ********/
#numeric-slider-section {
    padding: 70px 0;
}

.portfolio-item .title {
    display: flex;
    align-items: center;
    line-height: 32px;
    color: #535353;
    font-family: Roboto, sans-serif;
    font-size: 27.3516px;
    font-weight: 500;
    font-style: normal;

}

/********** Личная страница портфолио сетка *********/
#single-portfolio-grid-section {
    padding: 70px 0;
}

#single-portfolio-grid-section .wrapper {
    width: 1225px;
}

#single-portfolio-grid-section .mesh-section__content {
    width: 100%;
}

#single-portfolio-grid-section .mesh-outsource-section__cards-container {
    transition: .3s;
    margin-top: 0;
    width: 100% !important;
    height: 650px !important;
    overflow-x: auto;
}

#single-portfolio-grid-section .mesh-outsource-section__cards-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

#single-portfolio-grid-section .mesh-outsource-section__cards-container::-webkit-scrollbar-track {
    background: transparent;
}

#single-portfolio-grid-section .mesh-outsource-section__cards-container::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #E43653;
}

#single-portfolio-grid-section .outsource-gutter {
    width: 23px;
}

.hover-plus {
    z-index: 4;
}

#single-portfolio-grid-section .portfolio-item .img {
    margin: 0;
}

.portfolio-item .img:before {
    display: none;
}

.portfolio-item .img {
    cursor: none;
}

#single-portfolio-page .reviews-section {
    padding: 70px 0;
}

/********* keyvisual *********/
.key-visual-images-swiper .swiper-slide img {
    position: relative;
    bottom: -7px;
    left: -7px;
    transition: .5s;
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.key-visual-images-swiper {
    padding: 10px !important;
}

#key-visual-section {
    padding: 70px 0;
}

.key-visual-images-swiper .swiper-slide:hover img {
    bottom: 0;
    left: 0;
}

.key-visual-images-swiper .swiper-slide {
    box-sizing: border-box;
    border: 1px solid #959DA9;
    border-radius: 5px;
    height: auto;
}

/********** Другие проекты **********/
.other-projects-section__card {
    width: 31%;
}

.other-projects-section__card > img {
    width: 100%;
}

.other-projects-section__card-description {
    box-sizing: border-box;
    transform: translate(-15px, -50%);
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.07);
    background-color: white;
    padding: 12px 32px;
    width: 270px;
    height: 75px;
}

.other-projects-section__card-description > b {
    line-height: 21px;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
}

.other-projects-section__card-href {
    display: flex;
    align-items: center;
}

.other-projects-section__card-href a:first-of-type {
    margin-right: 5px;
    line-height: 160%;
    color: #E43653;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.other-projects-section__content .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/********** Branding **********/
.single-portfolio-branding-section__content {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-portfolio-branding-section__content img {
    margin-bottom: 100px;
    width: 32%;
    height: auto;

}

.single-portfolio-branding-section__content img:nth-of-type(2) {
    display: block;
    position: relative;
    top: 35px;
}

.single-portfolio-branding-section__content img:nth-of-type(5) {
    display: block;
    position: relative;
    bottom: 35px;
}

#numeric-slider-section .swiper-slide img {
    height: 396px;

}

#numeric-slider-section .single-portfolio-horizontal-slider-section__lefr-arrow {
    margin-right: 25px;
}

#numeric-slider-section .single-portfolio-horizontal-slider-section__navigarion {
    justify-content: flex-end;
    margin-bottom: 30px;
}

#numeric-slider-section .swiper-slide-active {
    position: relative;

}

#numeric-slider-section .swiper-wrapper {
    align-items: center;
    justify-content: space-between;
}

#numeric-slider-section .swiper-slide-active video {
    transform: scale(1.2);
    transition: transform .2s ease;
    margin: 0 30px;
}

/********** Аналитика **********/
.analyticsl-section {
    display: flex;
    padding: 70px 0;
}

.analyticsl-section__part {
    box-sizing: border-box;
    padding: 85px 0;
    width: 50%;
}

.analyticsl-section__part_left {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 90px;
}

.analyticsl-section__part .single-portfolio-header {
    width: 460px;
}

.two-block-section-video {
    background: url('../images/loreal-analytics-back.jpg');
    background-position: center;
    background-size: cover;

}

.two-block-section-text {
    flex-direction: column;
    background: url('../images/pattern-white.jpg');
    background-position: center;
    background-size: cover;

}

.two-block-section-text.analyticsl-section__part_right {
    align-items: flex-start;
}

.two-block-section-text.analyticsl-section__part_left {
    align-items: flex-end;
}

.analyticsl-section__part_right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 50px;
}

.analyticsl-section__content {
    max-width: 460px;
}

.analyticsl-section__content p {
    margin-bottom: 10px;
    line-height: 160%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

/********** видеопромоушен **********/
.videopromotion-section {
    display: flex;
}

/********** Выпадающее меню аутстаф *********/
.header-menu__cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 100%;
}

/* .header-menu__cards-container .header-menu_card {
    width: 50%;
} */

.header-menu.header-menu_outstaff .header-menu__text {
    max-width: 300px;
}

/* .header-menu.header-menu_outstaff{
  display: block;
} */
.header-menu_outstaff-nav {
    box-sizing: border-box;
    border-right: 1px solid #D9D9D9;
    padding-right: 30px;
    width: 280px;
}

.outstaffTab {
    width: fit-content !important;
    margin-right: 20px;
    padding: 5px 10px;
    font-size: 18px;
}

.activeOutstaffTab {
    background-color: var(--_accent);
    color: #fff;
    border-radius: 7px;
    cursor: pointer;
}

.header-menu_outstaff-nav li {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    cursor: pointer;
    padding: 15px 0;
    line-height: 120%;
    color: #636363;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
}

.header-menu_outstaff-nav li.active {
    color: #2E2E2E;
}

.header-menu_outstaff-nav-item-right {
    display: flex;
    align-items: center;
}

.header-menu_outstaff-nav li .header-menu_outstaff-nav-item-arrow {
    width: 9px;
    height: 10px;
    color: #d9d9d9;
    fill: #d9d9d9;
}

.header-menu_outstaff-nav li.active .header-menu_outstaff-nav-item-arrow {
    color: #2e2e2e;
    fill: #2e2e2e;
}

.header-menu_outstaff-nav li.active .header-menu_outstaff-nav-item-count {
    display: flex;
}

.header-menu_outstaff-nav-item-count > span {
    display: block;
}

.header-menu_outstaff-nav-item-count {
    display: none;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 50%;
    background-color: #2E2E2E;
    width: 17px;
    height: 17px;
    line-height: 120%;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
}

.header-menu_outstaff-sections {
    box-sizing: border-box;
    padding-left: 60px;
    width: 76%;
}

.header-menu_outstaff-section {
    /* position: absolute;
    top: 0;
    left: -50px;
    visibility: hidden;
    opacity: 0; */
    margin-top: 20px;
    pointer-events: none;
}

/* .header-menu.header-menu_outstaff .header-menu_outstaff-section .header-menu__text {
    max-width: 100%;
} */

.header-menu_outstaff-section.active {
    /* position: relative;
    left: 0;
    transition: .5s;
    visibility: visible;
    opacity: 1; */
    pointer-events: initial;
}

.header-menu__stack-section {
    padding-top: 30px;
}

.header-menu__stack-section > span {
    line-height: 120%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

.header-menu__stack-section {
    width: 100%;
}

.header-menu__stack-section .header-menu_card {
    flex-direction: column;
    margin: 0;
    border: unset;
    padding-top: 10px;
    width: auto;
}

.header-menu__stack-section .header-menu_card > p {
    margin-top: 10px;
    text-align: center;
    line-height: 160%;
    color: #474747;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
}

.header-menu-stack-slider-arrow {
    position: absolute;
    top: 106px;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    width: 18px;
    height: 18px;
    color: #2e2e2e;
}

.header-menu-stack-slider-arrow.swiper-button-disabled {
    display: none;
}

.header-menu__stack-slider {
    margin-top: 20px;
    overflow: hidden;
}

.header-menu__stack-section {
    position: relative;
}

.header-menu-stack-slider-prev-arrow {
    right: -30px;
}

.header-menu-stack-slider-next-arrow {
    left: -30px;
    transform: translateY(-50%) scaleX(-1);
}

/********** Модальное окно с видео в портфолио **********/
.portfolio-video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 15;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    backdrop-filter: blur(38px);
    -webkit-backdrop-filter: blur(10px);
}

.swiper-container.portfolio-video-modal__pagination-slider {
    margin-top: 10px;
}


.portfolio-video-modal__card {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.portfolio-video-modal .portfolio-video-modal__card {
    display: flex;
}

.portfolio-video-modal__slider {
    width: 940px;
    height: 620px;
}

.homePage-portfolio-video-modal__slider {
    height: 820px;
    /*  НЕ МЕНЯТЬ  */
}

.portfolio-video-modal__card-content {
    display: flex;
    width: 940px;
    height: 620px;
    overflow: hidden;
}

.thumbs-slider-container-navigation {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.thumbs-slider-container-navigation .swiper-wrapper {
    flex-direction: column;
}

.portfolio-video-modal__pagination-slider-navigation {
    max-width: 513px;
}

.thumbs-slider-container-navigation .portfolio-video-modal__pagination-slider-navigation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.portfolio-video-modal__pagination-slider-navigation svg path {
    fill: none !important;
}

.portfolio-video-modal__pagination-slider-navigation .arrow-left {
    position: absolute;
    left: -20px;
    cursor: pointer;
}

.video-sound {
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.portfolio-video-modal__pagination-slider-navigation .arrow-right {
    position: absolute;
    right: -20px;
    cursor: pointer;
}

.portfolio-video-modal__pagination-slider .modal-navigation__item {
    display: flex;
    width: max-content;
    align-items: center;
    margin-bottom: 15px;
    cursor: pointer;
}

.portfolio-video-modal__pagination-slider .modal-navigation__item.active {
    cursor: default;
}

.portfolio-video-modal__pagination-slider .modal-navigation__item .modal-navigation__separator {
    margin: 0 10px;
    background: rgba(255, 255, 255, 0.5);
    width: 3px;
    height: 20px;
}

.portfolio-video-modal__pagination-slider .modal-navigation__item span {
    transition: .3s;
    max-width: 210px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    line-height: 150%;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.6);
    font-family: 'Roboto';
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
}

.thumbs-slider-container .portfolio-video-modal__pagination-slider .swiper-wrapper .modal-navigation__item:not(.active) {
    filter: brightness(.3);
}

/*.thumbs-slider-container .portfolio-video-modal__pagination-slider .swiper-wrapper .modal-navigation__item.active {*/
/*    !* border-radius: 5px; *!*/
/*    filter: brightness(1);*/
/*}*/

.thumbs-slider-container .portfolio-video-modal__pagination-slider .swiper-wrapper .modal-navigation__item img {
    border-style: solid;
    /* Обводка нижнего изображения в модалке */
    width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: top;
    border-radius: 5px;
}

.thumbs-slider-container-navigation .portfolio-video-modal__pagination-slider .swiper-wrapper .modal-navigation__item img {
    transition: .3s;
    opacity: 0;
    width: 30px !important;
    height: 30px !important;
    object-fit: cover;
    object-position: center;
}

.thumbs-slider-container-navigation .portfolio-video-modal__pagination-slider .modal-navigation__item.active img {
    opacity: 1;
}

.thumbs-slider-container-navigation .portfolio-video-modal__pagination-slider .modal-navigation__item.active span,
.thumbs-slider-container-navigation .portfolio-video-modal__pagination-slider .modal-navigation__item:hover span {
    color: white;
    font-size: 15px;
}

.thumbs-slider-container-navigation .portfolio-video-modal__pagination-slider .modal-navigation__item.active .modal-navigation__separator,
.thumbs-slider-container-navigation .portfolio-video-modal__pagination-slider .modal-navigation__item:hover .modal-navigation__separator {
    background-color: #fff;
    height: 30px;
}

.py-2 {
    position: relative;
}

/* .portfolio-video-modal__close{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top:35px;
  left: 35px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.21);
  backdrop-filter: blur(23px);
  z-index: 11;
  width: 63px;
  height: 63px;
  cursor: pointer;
} */

.portfolio-video-modal__close {
    display: flex;
    align-items: center;
    flex: none;
    justify-content: center;
    outline: none;
    border: none;
    border-radius: 32px;
    background: #373737;
    cursor: pointer;
    width: 82px;
    height: 31px;
    line-height: 160%;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 11.0563px;
    font-weight: normal;
    font-style: normal;
}

.btn-outsourcing-link {
    border: none;
    border-radius: 32px;
    background: #E43653;
    cursor: pointer;
    width: 82px;
    height: 31px;
    color: #FFFFFF;
    font-size: 14px;
}

.portfolio-video-modal__close--icon {
    border-radius: 999em;
    width: 30px;
    height: 30px;
    font-size: 12px;
}

.portfolio-video-modal__description-part-header > div {
    display: flex;
    align-items: center;
}

.portfolio-video-modal__description-part-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.portfolio-video-modal__description-part-header img {
    margin-right: 10px;
    width: 40px;
}

.portfolio-video-modal__description-part .portfolio-video-modal__description-part-header b {
    margin-top: 0;
}

.content-for-modal-pagination__swiper {
    box-sizing: border-box;
    display: flex;
    position: absolute;
    top: 50%;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 3;
    padding: 0 20px;
    width: 100%;
}

.portfolio-video-modal__video-part {
    /* background: rgba(0, 0, 0, 0.33);
  backdrop-filter: blur(35px); */
    box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    position: relative;
    align-items: center;
    flex: none;
    justify-content: center;
    width: 100%;
    height: 100%;
    user-select: none;
}

.mesh-video-placeholder {
    width: 100%;
    height: 100%;
    /*position: absolute;
    left: 0;
    top: 0;*/
    background-size: cover;
}
.mesh-video-placeholder > * {
    user-select: none;
}

.portfolio-video-modal__video-part svg {
    z-index: 5;
    cursor: pointer;
}

.portfolio-video-modal__video-part video {
    display: none;
    /*width: auto;*/
    /*min-width: unset;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*float: right;*/
    background-color: #000;
}

.portfolio-video-modal__video-part iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background-color: #000;
}

.portfolio-video-modal__video-part img {
    display: none;
    width: 101%;
    height: 100%;
    object-fit: cover;
    /* object-position: top; */
}

.ui-accordion-header-icon.ui-icon {
    left: 0;
}

.portfolio-video-modal__video-part .video-controls {
    box-sizing: border-box;
    display: flex;
    position: absolute;
    bottom: 15px;
    align-items: center;
    justify-content: space-between;
    z-index: 3;
    padding: 0 20px;
    width: 100%;
}

.video-progress-bar {
    background-color: white;
    width: 0;
    height: 100%;
}

.video-progress-bar-container {
    position: relative;
    background: rgba(255, 255, 255, 0.37);
    width: 70%;
    height: 3.5px;
}

.video-play {
    cursor: pointer;
}

.portfolio-video-modal__description-part {
    box-sizing: border-box;
    background-color: white;
    padding: 20px 4% 100px 4%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    /* "auto" или "thin"  */
    scrollbar-color: rgb(163, 163, 163);
    z-index: 1 !important;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.portfolio-video-modal__description-part::-webkit-scrollbar {
    width: 6px;
}

.portfolio-video-modal__description-part::-webkit-scrollbar-track {
    background: transparent;
}

.portfolio-video-modal__description-part::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: rgb(163, 163, 163);
}

.portfolio-video-modal__description-part p {
    margin-top: 10px;
    line-height: 160%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.portfolio-video-modal__description-part ul li {
    margin-top: 10px;
    margin-left: 18px;
    list-style-type: disc;
    color: black;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.portfolio-video-modal__description-part b {
    display: block;
    margin-top: 10px;
    line-height: 120%;
    color: #2E2E2E;
    font-family: Gotham Pro;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
}

.portfolio-video-modal__description-part-title {
    margin-top: 0;
    line-height: 139.5%;
    font-size: 35px;
}

/********** ПОРТФОЛИО: основной контент **********/
#single-portfolio__content {
    padding-top: 40px;
}

.single-portfolio__content-nav {
    margin-top: 20px;
    margin-bottom: 20px;
}

.single-portfolio__content-nav li[data-cat="all"]:after {
    background-color: transparent;
}

.single-portfolio__content-nav li:not(.active) div.dot {
    display: block;
    position: absolute;
    top: -5px;
    right: 0;
    transition: .5s;
    border-radius: 50%;
    /* background-color: black; */
    width: 7px;
    height: 7px;
}

.single-portfolio__content-nav li.active div.dot {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    transition: .5s;
    border-radius: 5px;
    background-color: transparent;
    width: 100%;
    height: 100%;
}

.single-portfolio__content-nav li:not(.active) {
    background-color: transparent !important;
    color: #000 !important;
}

.single-portfolio__content-nav li {
    position: relative;
    transition: .5s;
    cursor: pointer;
    padding: 0 10px;
    line-height: 150%;
    white-space: nowrap;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    width: max-content;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.single-portfolio__content-nav li.active {
    border-radius: 5px;
    background: #E7E7E7;
    cursor: default;
}

#single-portfolio__content .our-blog-card {
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    height: 520px;
}

.single-portfolio__card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

#single-portfolio__content .our-blog-card__footer {
    margin-top: 0;
}

#single-portfolio__content .our-blog-section__card-see-more {
    margin-top: 0;
}

#single-portfolio__content .our-blog-card__likes {
    margin-left: 5px;
}

#single-portfolio__content .our-blog-card__title {
    text-transform: uppercase;
}

#single-portfolio__content .our-blog-card:hover > video,
#single-portfolio__content .our-blog-card:hover > .portfolio-item-poster {
    height: 100%;
    filter: brightness(40%);
}

#single-portfolio__content .our-blog-card video,
#single-portfolio__content .our-blog-card .portfolio-item-poster {
    display: block;
    position: absolute;
    top: 0;
    transition: .8s;
    width: 100%;
    height: 270px;
    object-fit: cover;
    object-position: center 39%;
}

#single-portfolio__content .our-blog-card__category {
    margin-top: 0;
}

#single-portfolio__content .our-blog-card__text {
    margin-top: 10px;
}

#single-portfolio__content .our-blog-card__content {
    position: absolute;
    padding-bottom: 20px;
}

#single-portfolio__content .our-blog-section__card-see-more a {
    position: static;
    top: auto;
    left: auto;
}

.overlay-for-cursor {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/********** сторис *********/
.stories__image {
    position: relative;
    margin: 0 auto;
    width: 80px;
    height: 80px;
}

#single-portfolio__content-stories {
    padding-top: 40px;
}

.single-portfolio__content-stories-swiper.swiper-container {
    overflow: visible;
}

.stories {
    cursor: pointer;
}

.single-portfolio__content-stories-swiper .stories {
    margin-right: 65px;
}

.stories__image:after {
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: -1;
    border-radius: 50%;
    background: linear-gradient(180deg, #CA1717 0%, #FF7A00 100%);
    width: 92px;
    height: 92px;
    content: '';
}

.stories__image img {
    border: 3px solid white;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.stories__title {
    display: block;
    margin-top: 20px;
    text-align: center;
    line-height: 150%;
    color: #2E2E2E;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.content-for-modal__swiper {
    position: relative;
    width: 100%;
    height: 100%;
}

.content-for-modal__swiper video {
    display: block !important;
}

.single-portfolio__content-stories-swiper {
    margin-top: 25px;
}

/* .single-portfolio__content-stories-swiper .swiper-wrapper {
    justify-content: space-between;
} */

/********** Модалка сторис *********/
.stories-slider-modal {
    display: flex;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    z-index: 15;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    backdrop-filter: blur(38px);
    -webkit-backdrop-filter: blur(10px);

}

.stories-slider-modal .swiper-slide video,
.stories-slider-modal .swiper-slide iframe {
    display: none;
    border-radius: 20px;
    width: 100%;
    height: 100%;
}

.stories-slider-modal .swiper-slide video.active-video,
.stories-slider-modal .swiper-slide iframe.active-video {
    display: block;
}

.stories-slider-modal .swiper-slide {
    position: relative;
    border-radius: 20px;
    cursor: pointer;
    width: 480px;
    height: 600px;
}

.stories-slider-modal-container > .swiper-wrapper > .swiper-slide {
    transform: scale(.7);
}

.stories-slider-modal .swiper-slide .stories__title {
    color: white;
}

.stories-slider-modal .swiper-slide .stories {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.stories-slider-modal-container > .swiper-wrapper > .swiper-slide.swiper-slide-prev {
    left: -30px;
}

.stories-slider-modal-container > .swiper-wrapper > .swiper-slide.swiper-slide-next {
    right: -30px;
}

.stories-slider-modal .swiper-slide.swiper-slide-active {
    transform: scale(1);
}

.stories-slider-modal .swiper-slide.swiper-slide-active .stories-card-slider__nav {
    display: block;
}

.stories-slider-modal .swiper-slide.swiper-slide-active .stories__video-nav {
    display: flex;
}

.stories-slider-modal .swiper-slide.swiper-slide-active .overlay {
    display: none;
}

.stories-slider-modal .swiper-slide.swiper-slide-active .stories {
    display: none;
}

.stories-slider-modal .stories-card-slider .stories-card-slider-poster {
    display: block;
    width: 100%;
    height: auto;
    min-height: 600px;
    border-radius: 20px;
}
.stories-slider-modal .stories-card-slider .stories-card-slider-poster + video,
.stories-slider-modal .stories-card-slider .stories-card-slider-poster + iframe,
.stories-slider-modal .stories-card-slider .stories-card-slider-poster + .mesh-video-placeholder {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.stories-slider-modal .stories-card-slider .swiper-slide:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 70px);
    z-index: 2;
}

.swiper-slide .overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    width: 100%;
    height: 100%;
}

@media (max-width: 576px) {
    .stories-slider-modal .stories-card-slider .swiper-slide {
        min-height: 300px !important
    }
    .stories-slider-modal .stories-card-slider .stories-card-slider-poster {
        min-height: 300px !important;
    }
}

.preload-spinner {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    background: url('/images/preloader.gif') center center no-repeat rgba(0, 0, 0, 0.65);
    border-radius: 15px;
}

.portfolio-video-modal__close.stories-close {
    z-index: 5;
    margin: 0 auto 30px auto;
    border-radius: 32px;
}

.stories-card-slider__nav {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 3;
    width: 100%;
}

.stories-card-slider__nav svg path {
    fill: unset;
}

.stories-card-slider__nav .right-arrow {
    position: absolute;
    top: -20px;
    right: -60px;
    padding: 20px;
}

.stories-card-slider__nav .left-arrow {
    position: absolute;
    top: -20px;
    left: -60px;
    padding: 20px;
}

.stories__video-nav {
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    padding: 0 20px;
    width: 100%;
}

.stories__video-nav-slide-container {
    flex: 1;
    margin: 0 3px;
    border-radius: 2px;
    /*background: rgba(255, 255, 255, 0.4);*/
    background: #a1a1a1;
    height: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.stories__video-nav-slide-container-progress {
    border-radius: 2px;
    background-color: #fff;
    width: 0;
    height: 100%;
}

.stories__video-nav-slide-container.active .stories__video-nav-slide-container-progress {
    width: 100% !important;
}

/*********** модалка аудита ********/
.audit-modal {
    display: flex;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100vh;
}

.audit-modal_content-box {
    display: flex;
    position: relative;
    background-color: white;
    width: 830px;
    height: 500px;
}

.audit-modal_content-img-part {
    flex: none;
}

.audit-modal_content-img-info {
    padding: 50px 30px;
}

.audit-modal_content-img-info > b {
    display: flex;
    align-items: center;
    line-height: 29px;
    color: #000000;
    font-family: 'Roboto';
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
}

.audit-modal_content-img-info > span {
    display: block;
    margin-top: 15px;
    line-height: 160%;
    color: #535353;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}

.audit-modal_form input {
    margin-top: 30px;
    outline: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 30px;
    line-height: 160%;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

.audit-modal_form textarea {
    margin-top: 30px;
    outline: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 50px;
    resize: none;
    line-height: 160%;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

.audit-modal_form button {
    display: block;
    margin-top: 20px;
    border-radius: 5px;
    background: #222222;
    cursor: pointer;
    width: 175px;
    height: 50px;
    line-height: 150%;
    letter-spacing: 0.005em;
    color: white;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
}

.audit-modal_close {
    position: absolute;
    top: 23px;
    right: 23px;
    cursor: pointer;
}


/* Оформление для выпадающего меню Франшиза */
.header-menu_franchise-description {
    --accent-color: #e43653;
    margin: 0;
    border: unset;
    padding: 0;
    width: 30%;
    font-family: Roboto, sans-serif;
}

.header-menu_franchise-cards {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0 0 0 20px;
    width: 70%;
}

.header-menu_franchise-cards .header-menu_card {
    margin-bottom: 20px;
    width: 48%;
}

.header-menu_franchise-cards .header-menu_card > span {
    flex-shrink: 0;
}

.header-menu_franchise-cards .header-menu__text {
    max-width: unset;
}

.header-menu_franchise-description h2 {
    margin-bottom: 20px;
    text-transform: unset;
    line-height: 48px;
    color: var(--accent-color);
    font-family: 'Gotham Pro', sans-serif;
    font-size: 35px;
    font-weight: 700;
}

.header-menu_franchise-description p {
    margin-bottom: 20px;
    color: #474747;
    font-size: 14px;
}

.header-menu_franchise-description__more {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.header-menu_franchise-description__more strong {
    color: var(--accent-color);
    font-size: 14px;
    font-weight: 700;
    align-items: center;
    display: flex;
    text-transform: uppercase;
}

.header-menu_franchise-description__more a {
    display: flex;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px var(--accent-color);
    padding: 10px;
    color: var(--accent-color);
    font-size: 14px;
    margin-left: 10px;
}

.header-menu_franchise-description__more a:hover,
.header-menu_franchise-description__more a:focus {
    background-color: var(--accent-color);
    color: #fff;
}


/* Оформление для выпадающего меню с картинками сбоку */
.header-menu_picside h2 {
    margin-bottom: 16px;
    text-transform: unset;
    line-height: 1.4;
    color: #2e2e2e;
    font-family: 'Gotham Pro', sans-serif;
    font-size: 35px;
    font-weight: 700;
}

.header-menu_picside .header-menu__wrapper {
    flex-wrap: nowrap;
    padding-right: 5%;
    padding-left: 5%;
    font-family: Roboto, sans-serif;
    gap: 90px;
}

.header-menu_picside-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45%;
}

.header-menu_picside-form {
    width: 55%;
}

.header-menu_picside-form p {
    margin-bottom: 1rem;
}

.header-menu_picside-range {
    margin-bottom: 16px;
    width: 80%;
}

.header-menu_picside-range .rangeslider {
    margin-bottom: 4px;
}

.header-menu_picside-range .rangeslider__fill__bg {
    background-color: #e0e0e0;
}

.header-menu_picside-range__ticks {
    display: flex;
    flex-wrap: nowrap;
}

.header-menu_picside-range__tick {
    position: relative;
    flex-basis: var(--c-flexbasis, 15%);
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center;
    color: #979797;
    font-size: 12px;
}

.header-menu_picside-range__tick strong {
    color: var(--accent-color);
    font-weight: normal;
}

.header-menu_picside-range__tick:first-child {
    flex-basis: 0;
    text-align: left;
}

.header-menu_picside-range__tick:last-child {
    flex-basis: 0;
    text-align: right;
}

.header-menu_picside-range__ticks--dots .header-menu_picside-range__tick:before {
    position: absolute;
    left: calc(50% - 3px);
    z-index: 1;
    margin-top: -14px;
    border-radius: 999em;
    background-color: #aaa;
    width: 6px;
    height: 6px;
    content: '';
}

.header-menu_picside-range__ticks--dots .header-menu_picside-range__tick:first-child:before {
    left: 0;
}

.header-menu_picside-range__ticks--dots .header-menu_picside-range__tick:last-child:before {
    left: calc(100% - 6px);
}

.header-menu_picside-flex {
    display: flex;
    width: 80%;
    gap: 20px;
}

.header-menu_picside-flex > * {
    flex-grow: 1;
}

.header-menu_picside-price {
    color: #222;
    font-size: 14px;
}

.header-menu_picside-price strong {
    color: var(--accent-color);
    font-weight: normal;
}

.header-menu_picside-button a,
.header-menu_picside-button button {
    --bd-width: 1px;

    display: block;
    transition: .3s;
    border: 0;
    border-radius: 5px;
    box-shadow: inset 0 0 0 var(--bd-width) currentColor;
    background-color: transparent;
    padding: 12px 30px;
    width: 100%;
    text-align: center;
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 500;
}

.header-menu_picside-button a:hover,
.header-menu_picside-button a:focus,
.header-menu_picside-button button:hover,
.header-menu_picside-button button:focus {
    --bd-width: 3px;
}

/* подменю для мобильников */
.header-menu__sub {
    position: absolute !important;
    top: 0;
    right: 0;
    flex-direction: column;
    transform: translateX(100%);
    transition: .5s ease-in-out;
    opacity: 0;
    border: unset !important;
    background-color: #fff;
    padding: 0 !important;
    width: 100% !important;
    min-height: 100%;
}

.header-menu__sub--show {
    transform: translateX(0);
    opacity: 1;
}

.header-menu__sub-wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow-y: auto;
}

.header-menu__sub-close {
    display: flex;
    align-items: center;
    border: unset;
    background-color: transparent;
    padding: 1em 1vw;
    width: 100%;
    font-size: 20px;
    gap: 10px;
}

.header-menu__sub-close svg {
    transform: scaleX(-1);
}

.header-menu__sub-card {
    padding: 5px 1vw !important;
    width: 100%;
    gap: 10px;
}

.header-menu__sub-icon {
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;
}

@media screen and (min-width: 400px) {
    .header-menu__sub-card {
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    .header-menu__sub-card {
        width: 33%;
    }
}

/* стили для инпут-слайдера */
.rangeslider {
    display: block;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 16px;
}

.rangeslider__fill,
.rangeslider__fill__bg,
.rangeslider__handle {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 2;
    border-radius: 10px;
    background: var(--accent-color);
    height: 2px;
    will-change: width;
}

.rangeslider__handle {
    display: inline-block;
    transition: width .1s ease-in-out, height .1s ease-in-out, top .1s ease-in-out;
    z-index: 2;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--accent-color);
    background: #fff;
    cursor: pointer;
    width: 16px;
    height: 16px;
    will-change: width, height, top;
    touch-action: none;
}

.rangeslider__handle:active {
    background: var(--accent-color);
}

.rangeslider__fill__bg {
    background: #fff;
    width: 100%;
}

.rangeslider--disabled {
    opacity: .4;
}

/*!shalser*/

.site-logo img {
    width: 150px;
    height: 62px;
}

/*body > footer {*/
/*    position: absolute!important;*/
/*    top: 6193px!important;*/
/*    width: 100%!important;*/
/*}*/

/*body > footer #particles-js{*/
/*    z-index: 0!important;*/
/*}*/

/*!slider business*/

/*.industry-solutions-section__content .swiper-wrapper {*/
/*    flex-wrap: nowrap;*/
/*}*/

#shSwiperSecondBlockDown {
    display: flex;
    align-items: center;
    justify-content: center;
}

.a {
    /*width: 1800px!important;*/
    display: flex;
    flex-direction: column;
}

.b {
    /*width: 1800px!important;*/
    display: flex;
    flex-direction: column;
}

.sh-wrapper {
    display: flex;
    height: 344px;
}

.aa {
    /*width: 1800px!important;*/
    display: flex;
    width: 100%;
    height: 150px;
}

.bb {
    /*width: 1800px!important;*/
    display: flex;
    width: 100%;
    height: 150px;
}

.aaa {
    width: 330px;
}

.bbb {
    width: 330px;
}

/* .swiper-pagination {
    position: relative !important;
    top: 135px;
    left: 201px !important;
    text-align: inherit;
} */

.swiper-pagination-bullet {
    transition: .3s;
    background: #fff !important;
    width: 10px !important;
    height: 2px !important;
}

.swiper-pagination-bullet-active {
    transition: .3s;
    background: #fff !important;
    width: 23px !important;
    height: 2px !important;
}

.swiper-button-next,
.swiper-button-prev {
    position: relative;
    top: 151px;
    width: 900px;
    color: #fff;
}

.swiper-button-next {
    left: -91px;
}

.swiper-button-prev {
    left: -425px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 15px;
}

.sh-slider-mob {
    display: none;
}

/*!end slider business*/

.wrapper-sh-mesh-section_first__portfolio-nav {
    display: none !important;
}

.mesh-section_first__portfolio-card-categories {

}
.header-breadcrumbs-title {
    z-index: 3;
    position: relative;
    display: flex;
    left: 150px;
    top: 36px;
    color: #979797;
    font-size: 14px;
    font-weight: 300;
}

.header-breadcrumbs-container {
    position: absolute;
    width: 100vw;
    height: 80px;
    /* background: linear-gradient(to top, rgba(255, 255, 255, 0), 1%, rgba(255, 255, 255, 1)); */
    z-index: 1;
    left: 0;
    top: -6px
}
.mesh-section_first__portfolio-card-categoryItem {
    margin-right: 15px;
    border-radius: 22px;
    border: 1px solid #E4E4E4;
    padding: 2px 5px;
}

.mesh-section_first__portfolio-card-categoryItem:before {
    content: '•';
    color: inherit;
    position: relative;
    top: 4px;
    margin-right: 5px;
    font-size: 25px;
}

.autsors {
    color: #6336E4;
}

.autstaf {
    color: #FABB5C;
}

.khit {
    color: #0066FF;
}

.licenziya {
    color: #E43653;
}

.sh-mesh-section_first__portfolio-card-middle {
    margin-top: 20px;
}

#sh-fix-footer #shFooteR {
    position: absolute !important;
    top: 6193px !important;
    width: 100% !important;
}

#sh-fix-footer #shFooteR #particles-js {
    z-index: 0 !important;
}

.sh-mesh-section_first__portfolio-card-text {
    margin-top: -91px !important;
}

.wrapper-sh-mesh-section_first__portfolio-nav {
    display: none !important;
}

.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*!license block delete*/
.sh-de {
    display: none;
}

/*!end license block delete*/

@media screen and (max-width: 1280px) {
    #license-section .wrap {
        height: 310px;
    }

    #license-section .wrap .image {
        height: 190px;
    }

    /*#license-section .wrap .content {*/
    /*    height: 100px;*/
    /*}*/
}
@media screen and (max-width: 1200px) {
    .header-breadcrumbs-title {
        display: flex;
    }
}


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

    /*!slider business*/
    .sh-slider-mob {
        display: block;
    }

    .sh-slider-desctop {
        display: none !important;
    }

    .industry-solutions-section__content .swiper-wrapper {
        flex-wrap: nowrap;
    }

    /*!end slider business*/
    /*!license block delete*/
    .sh-de {
        display: block !important;
    }

    /*!end license block delete*/
    #mesh-section_first .mesh-section__content {
        /* margin-top: 38px; */
        /* width: 530px !important; */
        margin-left: 0;
    }

    .sh-header-right {
        display: flex;
        flex-direction: row-reverse;
    }

    .sh-mesh-section_first__portfolio-nav-desktop {
        display: none !important;
    }

    .sh-mesh-section_first__portfolio-nav {
        display: flex;
        width: 256px;
    }

    .wrapper-sh-mesh-section_first__portfolio-nav {
        display: flex !important;
        justify-content: space-between;
    }

    .see-cases li:after {
        position: relative;
        top: 4px;
        margin-left: 15px;
        content: url("../images/main-page/arrow-right-main.png");
    }

    .sh-mesh-section_first__portfolio-nav-desktop {
        display: none !important;
    }

    .sh-mesh-section_first__portfolio-nav {
        display: flex;
        width: 256px;
    }

    .wrapper-sh-mesh-section_first__portfolio-nav {
        display: flex !important;
        justify-content: space-between;
    }

    .see-cases li:after {
        position: relative;
        top: 4px;
        margin-left: 15px;
        content: url("../images/main-page/arrow-right-main.png");
    }
}

@media screen and (max-width: 768px) {
    .mesh-clients-section .swiper.slider-partners svg {
        width: 100%;
    }

    /*!slider business*/
    .swiper-button-next {
        left: -10px;
    }

    .swiper-button-prev {
        left: -315px;
    }

    /* .swiper-pagination {
        position: relative !important;
        top: 135px;
        left: 179px !important;
        text-align: inherit;
    } */

    /*!end slider business*/
}

@media screen and (max-width: 400px) {
    .sh-mesh-section_first__portfolio-nav {
        width: 200px;
    }

    .wrapper-sh-mesh-section_first__portfolio-nav {
        align-items: baseline;
    }

    .mobile-element {
        display: flex !important;
    }

    .desctop-element {
        display: none;
    }

    /*!slider business*/
    .swiper-button-next {
        left: 65px;
    }

    .swiper-button-prev {
        left: -176px;
    }

    .swiper-pagination {
        position: relative !important;
        top: 135px;
        left: 113px !important;
        text-align: inherit;
    }

    /*!end slider business*/
}

.buisness-slider {
    max-width: 1200px;
    height: auto;
}

.business-slider__wrap {
    background-position: 50% 50%;
    background-size: cover;
}


/*!shalser*/

.portfolio-video-modal {
    background-position: 50% 50%;
    background-size: cover;
}

.portfolio-video-modal__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, .6);
    backdrop-filter: blur(9px);
}

.homePage-partners-item img {
    width: 140px !important;
}

.video-section_wrap__adaptive {
    padding: 0 !important;
    align-items: start !important;
}

.video-section__text {
    font-size: 12px;
}

.video-section__title {
    font-size: 22px;
}

.video-section_left__adaptive {
    position: relative;
    top: 50%;
}

.video-section_right__adaptive {
    position: absolute;
    width: 40%;
    right: 30%;
    align-items: end;
}

.slider-lead__controls-homePage {
    justify-content: end !important;
}

.slider-lead__controls-homePage.disabled {
    display: none;
}

@media (min-width: 1200px) {
    .video-section_wrap__adaptive {
        justify-content: center !important;
        margin-left: 10%;
    }

    .portfolio-video-modal__video-part {
        max-width: 490px;
    }

    .portfolio-video-modal__video-part img {
        max-width: 500px;
    }

    .portfolio-video-modal {
        background-image: unset !important;
    }

    .portfolio-video-modal__backdrop {
        display: none;
    }

    .portfolio-video-modal__video-part {
        max-width: 490px;
    }

    .portfolio-video-modal__video-part img {
        max-width: 500px;
    }

    .portfolio-video-modal {
        background-image: unset !important;
    }

    .portfolio-video-modal__backdrop {
        display: none;
    }
}

@media (max-width: 1200px) {
    .mesh-top-line__content {
        justify-content: space-between;
    }

    .portfolio-video-modal__video-part img {
    . object-position: top !important;
    }

    .video-section_left__adaptive {
        position: relative;
        width: 70%;
        height: 40%;
        top: 5%;
        padding: 20px;
        left: 15%;
        align-items: start;
        background: none;
    }

    .video-section_right__adaptive {
        bottom: 50px;
    }

    .video-section_left__adaptive {
        width: 100%;
        left: 0;
    }

    .video-section__text {
        color: #fff !important;
    }

    .video-section__title {
        font-size: 18px !important;
        color: #fff !important;
    }

    .mesh-section_first__play-button svg, .mesh-section_first__play-button span {
        color: #fff;
    }


    .heroHomepage {
        margin: 0 !important;
    }

    .swiper-slide-homePage {
        background: none !important;
    }

    .swiper-slide-homePage video {
        object-fit: contain !important;
        object-position: top;
    }

    .slider-lead__controls-homePage {
        bottom: 350px;
    }

    .heroHomepage-section-video {
        overflow-y: hidden !important;
    }

    .our-blog-card-logo img {
        max-width: 80px;
    }

    .our-blog-card-logo-wrapper {
        bottom: 40%;
        height: 30px;
        margin-bottom: -2px;
        padding: 0 5px;
    }

    #single-portfolio__content .our-blog-section__card-see-more a {
        font-size: 12px;
    }

    .license-section__see-more-href > div {
        width: 20px;
    }
}

@media (max-width: 876px) {
    .slider-lead__controls-homePage {
        bottom: 440px;
    }
}

@media (max-width: 765px) {
    .awards-section .portfolio-type-slider.with-filter .content {
        margin-top: 0px;
    }

    .slider-lead__controls-homePage {
        bottom: 220px;
    }
}

@media (max-width: 500px) {
    .video-section_left__adaptive {
        z-index: 0 !important;
    }

    .video-section__wrap-homePage {
        position: absolute;
        left: 2%;
        top: 100%;
    }

    .slider-lead__controls-homePage {
        bottom: 385px;
    }

    .video-section__text {
        color: black !important;
    }

    .video-section__title {
        color: black !important;
    }

    /*.mesh-section_first__play-button svg, span {*/
    /*    color: black;*/
    /*}*/
    .slider-lead__controls-homePage {
        bottom: 400px;
    }
}

@media (max-width: 415px) {
    .video-section__text {
        color: black !important;
    }

    .video-section__title {
        color: black !important;
    }

    /*.mesh-section_first__play-button svg, span {*/
    /*    color: black;*/
    /*}*/
    .slider-lead__controls-homePage {
        bottom: 400px;
    }

    .video-section_wrap__adaptive {
        position: absolute;
        bottom: 50px;
    }
}

@media (max-width: 400px) {
    .slider-lead__controls-homePage {
        bottom: 420px;
    }
}

@media screen and (max-width: 1200px) {
    .mesh-button_header {
        margin-left: 0px;
    }

    .main-news {
        padding: 20px 0;
        display: flex;
        flex-direction: column;
    }

    .sticky {
        position: relative;
        top: 0;
        width: auto;
        margin-bottom: 0px;
    }

    .single-look__left-menu {
        width: unset;
    }

    .single-look__right-menu {
        width: unset;
    }

    .single-look-article-content {
        width: 100%;
    }

    .portfolio-video-modal {
        backdrop-filter: blur(0);
        -webkit-backdrop-filter: blur(0);
        background: #000;
    }
}

@media (max-width: 425px) {
    .license-section__content .swiper-wrapper .swiper-slide {
        width: 48% !important;
    }
}

/* swiperjs */
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

/* portfolio swiper */
.mesh-swipe-move,
.mesh-swipe-move *,
#portfolio-video-modal.mesh-swipe-active video,
#portfolio-video-modal.mesh-swipe-active iframe {
    pointer-events: none;
}
.mesh-swipe-move {
    transition: transform 500ms;
}
#portfolio-video-modal .portfolio-video-modal__video-part:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 70px);
    z-index: 2;
}

.wrapper {
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}

.header-container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.logo {
    display: block;
    transform: translateY(-14px);
}

.logo img {
    width: 150px;
    height: 62px;
}

.header-menu {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;
    padding-bottom: 50px;
    min-height: fit-content;
    scrollbar-width: thin;
}

.header-menu__blur {
    position: absolute;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    min-height: calc(200vh - 152px);
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
}

.header-menu__blur-full {
    top: 20px;
}

.header-menu__wrapper {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    padding-top: 88px;
    padding-top: clamp(1vh, 5vh, 88px);
    height: auto;
}

.header-menu__title {
    display: block;
    line-height: 120%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}

.header-menu_card {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.header-menu_card > span {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

.header-menu_card > span img {
    position: relative;
    z-index: 2;
}

.header-menu_card > span img {
    transform: scale(.8);
    transition: transform .3s ease-in-out;
}

.header-menu_card:hover img {
    transform: scale(.9);
}

.header-menu_card:hover > span:before {
    opacity: 1;
    width: 50px;
    height: 50px;
}

.header-menu_card:hover > span:after {
    opacity: 0;
    width: 30px;
    height: 30px;
}

.header-menu_card > span:before {
    display: block;
    position: absolute;
    transition: .5s;
    opacity: 0;
    border: 2px solid #EAEAEA;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    content: '';
}

.header-menu_card > span:after {
    display: block;
    position: absolute;
    transition: .5s;
    border: 2px solid #EAEAEA;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    content: '';
}

.header-menu_card img {
    flex: none;
}

.header-menu__description {
    margin-left: 15px;
}

.header-menu__text {
    display: block;
    margin-top: 5px;
    max-width: 224px;
    line-height: 160%;
    color: #474747;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.header-menu__text p {
    margin-bottom: 0;
}

.header-menu__more {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    font-weight: 400;
    gap: 15px;
}

.header-menu__more:hover {
    color: #000;
}

.header-menu__more:after {
    position: absolute;
    bottom: -10px;
    background-color: rgba(255, 255, 255, .1);
    width: 100%;
    height: 1px;
    content: '';
}

.header-menu__column {
    box-sizing: border-box;
    flex: 1;
    margin-left: 65px;
    border-right: 1px solid #E8E8E8;
    padding-right: 74px;
}

.header-menu__column:first-of-type {
    margin-left: 0;
}

.header-menu__column:last-of-type {
    border: none;
}

.header-menu__column b {
    display: block;
    margin-bottom: 37px;
    line-height: 120%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
}

.header-menu__column li {
    margin-bottom: 25px;
    line-height: 180%;
    color: #474747;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.audit-href {
    text-decoration-line: underline;
    line-height: 17px;
    color: #E43653;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

.kids-href {
    color: #979797;
    background: url("../images/header-icons/iq-kids-heart.svg") no-repeat left;
    border-right: 1px solid #e8e8e8;
    padding: 0 10px;
    font-size: 12px;
    height: 25px;
    display: flex;
    align-items: center;
}

.space-href {
    color: #979797;
    background: url("../images/header-icons/iq-spase-heart.svg") no-repeat left;
    padding: 0 10px;
    margin-left: 10px;
    font-size: 12px;
    height: 25px;
    display: flex;
    align-items: center;
    border-right: 1px solid #e8e8e8;
}

.kids-href span {
    font-weight: 700;
    padding-left: 25px;
    background: #FF005C;
    background: linear-gradient(to right, #FF005C 0%, #DB00FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 5px;
}

.space-href span {
    font-weight: 700;
    padding-left: 25px;
    -webkit-background-clip: text;
    color: #000000;
    margin-right: 5px;
}

/********** top line **********/
#mesh-top-line {
    border-bottom: 1px solid #E8E8E8;
    background-color: white;
    width: 100%;
    height: 40px;
}

.mesh-top-line__content {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
}

.mesh-top-line__content_right {
    display: flex;
    align-items: center;
    max-width: 240px;
    width: 100%;
}

.mesh-top-line__content_right > a {
    text-transform: uppercase;
    line-height: 160%;
    color: #E43653;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.mesh-top-line__content_right > a > span {
    color: #474747;
}

.top-line-volume > div {
    margin: 0 2px;
    background: #E43653;
    width: 2px;
}

.top-line-volume {
    display: flex;
    align-items: flex-end;
}

.top-line-volume > div:nth-of-type(1) {
    height: 7px;
}

.top-line-volume > div:nth-of-type(2) {
    height: 11px;
}

.top-line-volume > div:nth-of-type(3) {
    height: 5px;
}

.top-line-volume > div:nth-of-type(4) {
    height: 9px;
}

.top-line-mesh-tv span {
    line-height: 160%;
    color: #474747;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.top-line-mesh-tv img {
    display: inline;
}

.header-contacts {
    line-height: 25px;
    color: #8E8E8E;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    /* border-left: 1px solid #e8e8e8; */
    padding: 0 10px;
}

.header-contacts svg {
    display: inline;
}

.header-right-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-right-top-menu {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.header-right-top-border {
    margin: 0 18px;
    background-color: #8E8E8E;
    width: 1px;
    height: 10px;
}

.mesh-button {
    outline: none;
    border: none;
    background-color: #E43653;
    cursor: pointer;
    padding: 6px 10px;
    height: 27px;
    line-height: 17px;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.mesh-button_header {
    margin-left: 40px;
    height: 30px;
    background: rgb(253, 182, 130);
    background: linear-gradient(90deg, rgba(253, 182, 130, 1) 0%, rgba(222, 56, 92, 1) 47%, rgba(149, 90, 226, 1) 100%);
}

.mesh-nav > ul li span {
    display: block;
}

.mesh-header {
    position: relative;
    z-index: 13;
    background-color: white;
    width: 100%;
}

.mesh-nav > ul {
    display: flex;

}

.mesh-nav > ul li {
    position: relative;
    transition: 0.3s;
    border-bottom: 1px solid #E8E8E8;
    cursor: pointer;
    padding: 25px 9px;
}

.mesh-nav > ul li:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    transition: 0.3s;
    background-color: #E43653;
    width: 0px;
    height: 1px;
    content: '';
}

.mesh-nav > ul li.active:after {
    width: 100%;
}

.mesh-nav > ul li:last-of-type {
    margin-right: 0;
}

.header-right-bottom {
    margin-top: 10px;
}

.mesh-nav > ul li span:first-of-type {
    line-height: 120%;
    color: #000000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.mesh-nav > ul li span:last-of-type {
    line-height: 150%;
    color: #979797;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
}

@media (max-width: 900px) {
    .mesh-top-line__content_right {
        display: none;
    }
}

/* .language-select > span {
    display: block;
    margin-right: 6px;
    margin-left: 10px;
    line-height: 17px;
    color: #8E8E8E;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
} */

.header-container_adaptive {
    display: none;
}

.logo-adaptive-container {
    display: none;
    align-items: center;
}

.mesh-top-line__content_adaptive {
    display: none;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 10px 0;
}

.mesh-top-line__btn_adaptive-container {
    display: flex;
    flex-grow: 1;
}

.mesh-top-line__btn_adaptive {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-left: 1px solid #E8E8E8;
    padding-left: 20px;
    position: relative;
}

@media (max-width: 1200px) {
    .mesh-top-line__content {
        justify-content: start;
        width: 100%;
    }

    .mesh-top-line__content_left {
        position: relative;
        z-index: 14;
    }

    .adaptive-header {
        display: none;
    }
}

@media (max-width: 700px) {
    .mesh-top-line__content {
        display: none;
    }

    .adaptive_border {
        display: flex;
        justify-content: start;
    }

}

@media (max-width: 500px) {
    .space-href span {
        font-weight: 400;
        margin: 0 2px;
    }

    .kids-href {
        width: 85px !important;
    }

    .kids-href, .space-href {
        height: 100%;
        font-size: 12px;
        padding: 0;
        width: 100px;
    }

    #mesh-top-line {
        height: 50px;
    }

    .mesh-top-line__content_left {
        position: absolute;
        right: 20px;
    }

    .header-breadcrumbs > span {
        margin: 30px 10px !important;
    }

    .header-container_adaptive {
        display: flex;
        justify-content: space-between;
    }

    .header-right-bottom {
        top: 50px !important;
    }

    .logo {
        display: none !important;
    }

    .logo-adaptive {
        z-index: 10;
    }


    .adaptive_border {
        border-bottom: 1px solid #e8e8e8;
    }
}

@media (max-width: 900px) {
    .mesh-top-line__content_adaptive {
        display: flex;
        justify-content: start;
    }
}

@media screen and (max-width:1600px) {
    .thumbs-slider-container-navigation .swiper-wrapper {
        flex-direction: row;
    }

    .thumbs-slider-container-navigation {
        top: 25px;
        transform: none;
    }

    .thumbs-slider-container-navigation .portfolio-video-modal__pagination-slider .modal-navigation__item span {
        white-space: nowrap;
    }

    .thumbs-slider-container-navigation .portfolio-video-modal__pagination-slider .swiper-wrapper .modal-navigation__item img {
        width: 0px !important;
        height: 0px !important;
    }

    .thumbs-slider-container-navigation .portfolio-video-modal__pagination-slider .swiper-wrapper .modal-navigation__item.active img {
        margin-left: 10px;
        width: 30px !important;
        height: 30px !important;
        display: none;
    }

    .portfolio-video-modal__pagination-slider .modal-navigation__item {
        flex: none;
        /* margin-left: 10px; */
    }
    /* .portfolio-video-modal__pagination-slider .modal-navigation__item:last-child {
        padding-right: 20px;
    } */

    .thumbs-slider-container-navigation {
        width: 100%;
        overflow-x: auto;
        --ms-overflow-style: none;
        scrollbar-width: none;
    }

    .thumbs-slider-container-navigation::-webkit-scrollbar {
        width: 6px;
        /* ширина scrollbar */
        height: 6px;
        display: none;
    }

    .thumbs-slider-container-navigation::-webkit-scrollbar-track {
        background: white;
        /* цвет дорожки */
    }

    .thumbs-slider-container-navigation::-webkit-scrollbar-thumb {
        border: none;
        /* padding вокруг плашки */
        border-radius: 20px;
        /* закругления плашки */
        background-color: #373737;
        /* цвет плашки */
        height: 3px;
    }

    .portfolio-video-modal {
        justify-content: unset;
    }

    .portfolio-video-modal__slider {
        height: calc(100% - 170px);
        margin-top: 70px;
    }

    .portfolio-video-modal__card-content {
        height: calc(100% - 170px);
    }

}

@media screen and (max-width:1200px) {
    .thumbs-slider-container-navigation {
        top: 60px;
        transform: none;
    }

    .only-desctop {
        display: none;
    }

    .only-mobile {
        display: block;
    }

    .wrapper {
        box-sizing: border-box;
        padding: 0 20px;
        width: 100%;
    }

    .heroHomepage {
        overflow-x: hidden;
    }

    /********* Шапка **********/
    .header-container .logo {
        display: block !important;
        position: relative;
        bottom: 0px;
        width: 110px;
        z-index: 10;
    }

    .mesh-header {
        box-sizing: border-box;
        padding: 20px;
    }

/*     .mesh-header.step-two .mesh-nav ul {
        position: relative;
        flex-direction: row;
        border-radius: 0 0 30px 30px;
        box-shadow: 0px 8px 4px rgba(0, 0, 0, 0.01);
        background: white;
        padding-bottom: 20px;
        overflow: auto;
    } */

    .header-menu_outstaff-nav {
        border: 0;
        padding-right: 0;
        width: 100%;
    }

    .header-menu_outstaff-nav>ul {
        display: flex;
    }

/*     .mesh-header.step-two .mesh-nav ul li span {
        white-space: nowrap;
    } */

    .mesh-header.step-three .mesh-nav>ul {
        display: none;
    }

    .header-menu__stack-slider {
        /* border-radius: 40px 0 0px 40px;
        background: red; */
        padding: 0 30px !important;
    }

    .header-menu__stack-slider .swiper-slide {
        width: max-content;
    }

    .header-menu__stack-section {
        padding-left: 18px;
    }

    .mesh-header.step-three .header-menu {
        padding-left: 0;
    }

    .mesh-header.step-three .header-menu__cards-container {
        padding-left: 20px;
    }

    #mobile-burger .back-icon {
        display: none;
    }

    .mesh-header.step-three #mobile-burger {
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .mesh-header.step-three #mobile-burger .back-icon {
        display: block;

    }

    .mesh-header.step-three .header-menu_outstaff-nav ul {
        padding-left: 20px;
    }

    .mesh-header.step-three #mobile-burger.menu-opened .mobile-burger__decor-line {
        display: none;
    }

    .mesh-header.step-three #mobile-burger.menu-opened .mobile-burger__decor-line .back-icon {
        display: block;
    }

    .mesh-header.step-two .header-breadcrumbs {
        border-radius: 0;
        box-shadow: none;
    }

    .header-breadcrumbs {
        display: flex;
        /* border-radius: 0 0 30px 30px;
        box-shadow: 0px 8px 4px rgba(0, 0, 0, 0.01);
        background-color: white;
        padding-left: 20px; */
    }

    .header-right-bottom {
        background: rgba(255, 255, 255, 1);
        backdrop-filter: blur(80px);
        ;
    }

    .header-breadcrumbs span.second-item {
        display: none;
    }

    .header-breadcrumbs span:first-of-type:before {
        display: none;
    }

    .header-breadcrumbs span:before {
        position: absolute;
        top: 50%;
        left: -9px;
        transform: translateY(-50%);
        border-radius: 50%;
        background-color: #C4C4C4;
        width: 5px;
        height: 5px;
        content: '';
    }

    .mesh-header.step-three .header-breadcrumbs span.second-item {
        display: block;
        color: #2E2E2E;
    }

    .header-breadcrumbs span.second-item {
        display: none;
    }

    .header-breadcrumbs span {
        display: block;
        margin-right: 25px;
        white-space: nowrap;
    }

/*     .mesh-header.step-two .mesh-nav ul li {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        border: 0;
        xtransition: .5s;
        border-radius: 56px;
        padding: 7px 10px;
        height: 32px;
    } */

    .header-menu_card {
        margin-bottom: 0;
        border-bottom: 1px solid #E8E8E8;
        padding: 10px 0;
        width: 100%;
    }

    .header-menu_card>span:before {
        display: none;
    }

    .header-menu_card>span:after {
        display: none;
    }

    .header-menu__stack-section>span {
        margin-left: 74px;
    }

/*     .mesh-header.step-two .mesh-nav ul li.active-mobile {
        background: #2E2E2E;
    } */

/*     .mesh-header.step-two .mesh-nav ul li span {
        margin: 0;
        line-height: 18px;
        color: #979797;
        font-family: Roboto, sans-serif;
        font-size: 12.47px;
        font-weight: normal;
        font-style: normal;
    } */

/*     .mesh-header.step-two .mesh-nav ul li.active-mobile span {
        color: white;
    } */

/*     .mesh-header.step-two .mesh-nav ul li img {
        display: none;
    } */

    .mesh-header .wrapper {
        border-bottom: 1px solid #E8E8E8;
        padding: 0;
    }

/*     .mobile-burger__decor-line {
        position: relative;
        border-radius: 10px;
        background-color: white;
        width: 100%;
        height: 2px;
    } */

    .header-container .logo img {
        display: block;
        width: 100%;
        height: auto;
    }

    .header-container {
        align-items: center;
    }

    .outsource-section .mesh-outsource-section__card {
        height: 165px;
    }

    .outsource-section .mesh-outsource-section__cards-container{
        margin-top: -20px;
    }

    .mesh-outsource-section__cards-container::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .mesh-outsource-section__cards-container::-webkit-scrollbar-track {
        background: transparent;
    }

    .mesh-outsource-section__cards-container::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background-color: #E43653;
    }

    .outsource-gutter-main {
        width: 20px;
    }

    .mesh-outsource-section__cards-container {
        transition: .3s;
        width: 100% !important;
    }

    #mobile-burger .mobile-burger__decor-line {
        transition: .5s;
    }

    #mobile-burger.menu-opened {
        border-radius: 50%;
        background-color: #2E2E2E;
    }

/*     #mobile-burger.menu-opened .mobile-burger__decor-line:first-of-type {
        transform: rotate(45deg);
        margin-top: 5px;
    }

    #mobile-burger.menu-opened .mobile-burger__decor-line:last-of-type {
        transform: rotate(-45deg);
        margin-bottom: 5px;
    } */

    .body-container {
        box-sizing: border-box;
        height: 100vh;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .mesh-header .wrapper {
        border-bottom: 0;
    }

    .header-menu__wrapper .header-menu_card:last-of-type {
        border-bottom: 0;
    }

/*     .mesh-header.step-two .mesh-nav ul::-webkit-scrollbar {
        display: none;
    } */

    .mobile-menu {
        display: none;
    }

    .mesh-nav ul li:after {
        display: none;
    }

    .header-menu {
        /* display: none; */
        position: absolute;
        top: auto;
        opacity: 1;
        z-index: -1;
        background: transparent;
        padding: 0;
        /* padding-left: 20px; */
        /* transition: opacity .5s; */
    }

    .header-menu.active {
        position: relative;
        top: 0;
        z-index: 1;
    }

    .mesh-nav>ul {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0 20px;
    }

    .header-menu_outstaff .header-menu__wrapper {
        padding-top: 0;
    }

    .header-menu_outstaff-sections {
        padding-left: 0;
        width: 100%;
    }

/*     .header-menu__cards-container .header-menu_card {
        width: 100%;
    } */

    .mesh-nav ul li {
        display: flex;
        align-items: center;
        padding: 13px 0;
        width: 33%;
        /* padding-left: 1vw;
        padding-right: 1vw; */
    }

    .mesh-nav ul li a {
        display: flex;
        align-items: center;
        padding: 13px 0;
    }

    .header-breadcrumbs>span {
        display: block;
        margin: 30px 0;
        padding-left: 140px;
        color: #979797;
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 300;
        font-style: normal;
        padding-top: 12px;
    }

    .header-menu_outstaff-nav-item-right {
        display: none;
    }

    .mesh-nav>ul li span:first-of-type {
        margin-left: 10px;
        line-height: 24px;
        color: #000000;
        font-family: Roboto, sans-serif;
        font-size: 19px;
        font-weight: normal;
        font-style: normal;
    }

    .mesh-nav>ul li span:nth-last-of-type(1) {
        /* display: none; */
    }

    .mesh-header {
        width: 100%;
    }

    /*********** First section *********/
    .testimonial-item.swiper-slide-next {
        margin-top: 14px;
    }

    .mesh-section_first__portfolio-nav {
        width: 100%;
    }

    .mesh-section_first__info {
        margin-top: 0;
    }

    .mesh-section_first__services-header {
        margin-top: 0;
    }

    .mesh-section_first__services-card {
        margin-right: 0;
        width: 33%;
    }

    .mesh-section_first__portfolio-nav ul li {
        margin-right: 0;
    }

    .mesh-section_first__portfolio-nav ul {
        display: flex;
        justify-content: space-between;
    }

    .mesh-section_first {
        padding-top: 0;
        padding-bottom: 20px;
    }

    #outsource-section .mesh-section__content {
        width: 100%;
    }

    .mesh-outsource-section__card-content b {
        font-size: 19px;
    }

    .mesh-section__content {
        width: 100%;
    }

    .mesh-section_first__info {
        padding: 0;
        width: 100%;
        max-width: none;
    }

    .mesh-section_first__services {
        margin-top: 10px;
    }

    .mesh-section_first__info>div:last-of-type {
        margin-top: 15px;
    }

    .mobile-main-slider b {
        line-height: 150%;
        color: #E5E5E5;
        font-family: Gotham Pro;
        font-size: 55px;
        font-weight: bold;
        font-style: normal;
    }

    .mesh-section_first__info p.mobile-main-slider__slide-title {
        margin-top: 5px;
        line-height: 120%;
        color: #000000;
        font-family: Roboto, sans-serif;
        font-size: 15px;
        font-weight: 300;
        font-style: normal;
    }

    .mesh-section_first__info p.mobile-main-slider__slide-text {
        line-height: 160%;
        color: #464646;
        font-family: Roboto, sans-serif;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
    }

    .mobile-main-slider__first-slide-show {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border: 1px solid #E8E8E8;
        width: 100%;
        height: 100px;
    }

    .mobile-main-slider__first-slide-show p {
        margin-top: 0;
        margin-left: 5px;
        line-height: 14px;
        color: #000000;
        font-family: Roboto, sans-serif;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
    }

    .mobile-main-slider .swiper-slide:first-of-type {
        border-left: 0;
        padding-left: 0;
    }

    .mobile-main-slider .swiper-slide {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-left: 1.30769px solid #E8E8E8;
        padding-left: 10px;
        height: auto;
    }

    .mobile-main-slider .swiper-slide img {
        display: block;
        width: 100%;
        height: 94px;
        object-fit: cover;
        object-position: center;
    }

    .mobile-main-slider .swiper-slide span {
        line-height: 150%;
        /* color: #000000; */
        font-family: Roboto, sans-serif;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
    }

    .mesh-section_first__info p.mobile-main-slider__slide-date {
        margin-top: 3px;
        line-height: 150%;
        color: #000000;
        font-family: Roboto, sans-serif;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
    }

    .mobile-main-slider-pagination .swiper-pagination-bullet {
        transition: .5s;
        opacity: 1 !important;
        border-radius: 2px;
        background-color: rgba(0, 0, 0, 0.25);
        width: 10px;
        height: 2px;
    }

    .mobile-main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #E43653;
        width: 23px;
    }

    /********** Клиенты **********/

    .mesh-clients-section {
        position: relative;
    }

    .swiper-container.clients-slider {
        width: 80%;
    }

    .mesh-clients-section .wrapper {
        justify-content: flex-start;
    }

    .mesh-clients-section__big-logo {
        width: auto;
        height: 37px;
    }

    .mesh-clients-section__little-logo {
        width: auto;
        height: 20px;
    }

    .clients-slider__arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .clients-slider__right-arrow {
        right: 5%;
    }

    .clients-slider__left-arrow {
        left: 5%;
    }

    /********** Клиенты (конец) **********/
    /********** **********/
    .mesh-section__header-title {
        width: 100%;
        max-width: 100%;
    }

    .industry-solutions-section .mesh-section__header {
        padding: 25px 20px;
    }

    .industry-solutions-section>.wrapper {
        padding: 0;
        width: 100%;
    }

    .mesh-section__header>.wrapper {
        display: block;
        padding: 0;
    }

    .mesh-section__header-title span {
        display: flex;
        align-items: center;
        text-transform: uppercase;
        line-height: 16px;
        letter-spacing: 0.02em;
        color: #535353;
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
    }

    .mesh-section__header-title h2 {
        display: flex;
        align-items: center;
        line-height: 139.5%;
        color: #2E2E2E;
        font-family: Gotham Pro;
        font-size: 25px;
        font-weight: bold;
        font-style: normal;
    }

    .mesh-section__header-text {
        margin-top: 13px;
    }

    .mesh-section__header {
        padding: 25px 0;
    }

    .mesh-section__header-back-text {
        top: 42px;
        height: auto;
        line-height: 55px;
        font-size: 55px;
    }

    .mesh-section__header-back-text.little-mobile {
        top: 35px;
        font-size: 40px;
    }

    .awards-section .mesh-section__header-text {
        margin-top: 0;
    }

    .industry-solutions-section {
        padding-bottom: 0px;
    }

    .industry-solutions-section__content-card.swiper-slide {
        width: auto;
    }

    .industry-solutions-section__content {
        display: block;
        padding: 0;
    }

    .js-buisness-slider-navigation {
        position: absolute;
        bottom: 20px !important;
        left: 50% !important;
        transform: translateX(-50%);
        z-index: 2;
        width: max-content !important;
    }

    .js-buisness-slider-navigation .swiper-pagination-bullet {
        opacity: .25;
        border-radius: 6px;
        background-color: black;
        width: 10px;
        height: 2px;
    }

    .js-buisness-slider-navigation .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1;
        background-color: white;
        width: 23px;
    }

    /********** Лицензии **********/
    .license-section__content-cards {
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }

    .categories-carousel .content {
        flex: none;
        height: 70px;
    }

    /*!shalser*/
    .categories-carousel .wrap {
        height: 190px;
    }

    @media screen and (max-width: 1024px) {
        .categories-carousel .wrap {
            height: 320px !important;
        }

        .categories-carousel .content {
            height: 100px;
        }
    }

    /*!shalser*/
    .license-section__see-more {
        padding: 23px 0;
    }

    .categories-carousel {
        margin-top: 10px;
        margin-bottom: 0;
    }

    /********** Аутсорс **********/
    .mesh-outsource-section__card {
        width: 100%;
    }

    .mesh-outsource-section__card img {
        width: 100%;
    }

    .mesh-outsource-section__cards-container {
        margin-top: 8px;
    }

    /********** Аутстаф ***********/
    .event-item {
        padding: 0;
    }

    .event-nav {
        padding: 0!important;
    }

    .events-block {
        margin-top: 0;
    }

    /********** Видео секция **********/
    .video-section {
        display: block;
        align-items: flex-start;
    }

    .video-section__wrap {
        padding: 0 20px;
        width: 100%;
    }

    .video-section__wrap b {
        line-height: 105%;
    }

    .video-section__left {
        padding-bottom: 20px;
        width: 100%;
        height: 50%;
    }

    .video-section__right {
        height: 250px;
    }

    .video-section__right .video-section__wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    /********** Наш блог **********/
    /* .mesh-content-section__nav ul li {
        margin-right: 0;
    } */

    .mesh-content-section__nav {
        width: 100%;
    }

    .news-header {
        flex-wrap: wrap;
        margin-bottom: 120px;
    }

    .news-header .mesh-content-section__nav {
        margin-left: 0;
        width: auto;
    }

    .search-news {
        margin-bottom: 10px;
        margin-left: 0;
        max-width: 100% !important;
    }

    /* .mesh-content-section__nav ul {
        justify-content: space-between;
    } */

    .our-blog-card {
        margin-right: 0;
        width: 100%;
    }

    /********** Отзывы **********/
    .testimonial-item.with-hover:hover .top-block,
    .testimonial-item.show-active-element.swiper-slide-active .top-block {
        flex: none;
    }

    .testimonials-slider {
        margin-top: 20px;
    }

    .testimonial-item .quote {
        line-height: 140%;
    }

    /********** Портфолио *********/
    .portfolio-block {
        margin: 0;
    }

    .awards-section {
        box-sizing: border-box;
        padding-bottom: 20px;
        width: 100%;
        overflow-x: hidden;
    }

    .awards-section-content {
        margin-top: 0;
    }

    /********** Инстаграм **********/
    .instagram-section__first-block {
        flex-wrap: wrap;
    }

    .instagram-section__first-block button {
        margin-top: 20px;
    }

    .instagram-section {
        box-sizing: border-box;
        padding-top: 20px;
        width: 100%;
        overflow-x: hidden;
    }

    .gallery-carousel {
        margin-top: 40px;
    }

    .gallery-carousel .swiper-slide {
        width: 130px;
    }

    /********** Футер **********/
    .site-footer .row {
        display: block;
    }

    footer .textwidget p {
        margin-top: 8px;
    }

    .site-footer .social-links {
        margin-top: 10px;
    }

    .site-footer .label {
        line-height: 150%;
        letter-spacing: 0.005em;
        color: #FFFFFF;
        font-family: Roboto, sans-serif;
        font-size: 15px;
        font-weight: 500;
        font-style: normal;
    }

    .site-footer h6 {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .site-footer .contact-item .value {
        line-height: 150%;
    }

    .contact-item.without-label {
        padding-top: 0;
    }

    .subscribe-form {
        margin-top: 20px;
        margin-bottom: 22px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-bottom .right-text {
        display: block;
    }

    .footer-bottom .right-text .site-right {
        margin-left: 0;
    }

    .footer-bottom {
        margin-top: 0;
    }

    .footer-bottom .right-text .links {
        margin-top: 19px;
    }

    .footer-bottom .right-text .site-right {
        margin-top: 15px;
    }

    .pace {
        width: 100vw;
    }

    .pace .top {
        flex-direction: column;
    }

    /********** Личная страница новости **********/
    .single-look-page article {
        padding: 0;
    }

    .single-look-page .mesh-header .wrapper {
        border: 0;
    }

    main.single-look-main-container {
        position: relative;
    }

    .single-look-page article {
        position: relative;
    }

    .single-look-main h1 {
        line-height: 25px;
        font-size: 20px;
    }

    .single-look__image-container {
        height: 450px;
    }

    .single-look__images-slider .single-look__images-slider-next-arrow {
        top: 240px;
        right: 34px;
    }

    .single-look__images-slider .single-look__images-slider-prev-arrow {
        top: 240px;
        left: 34px;
    }

    .single-look__images-slider .single-look__images-slider-pagination {
        top: 440px;
    }

    /* .mesh-content-section__nav ul li{
    margin-right: 0;
}
.mesh-content-section__nav ul{
    width: 100%;
    padding: 0 20px;
} */
    /********** Личная страница портфолио **********/
    .header-section__content {
        flex-direction: column;
    }

    #single-portfolio-header-section {
        height: 465px;
    }

    #single-portfolio-header-section .mesh-section__header-text {
        margin-top: 0;
        line-height: 160%;
        color: #000000;
        font-family: Roboto, sans-serif;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
    }

    #single-portfolio-header-section .mesh-section__header-title h2 {
        font-size: 48px;
    }

    #single-portfolio-header-section .right-part {
        margin-top: 25px;
    }

    /***** Карточки ******/
    /* .single-portfolio__content-nav {
        padding-top: 6px;
        overflow-x: auto;
    } */

    #single-portfolio__content .our-blog-card {
        /* background: transparent !important; */
        width: 48%;
        height: 300px;
    }

    #single-portfolio__content .portfolio-item {
        width: auto;
    }

    #single-portfolio__content .our-blog-card__footer {
        display: none;
    }

    #single-portfolio__content .news-gutter {
        width: 4%;
    }

    #single-portfolio__content .our-blog-card__content {
        padding: 0 10px;
        padding-top: 105%;
    }

    #single-portfolio__content .our-blog-card__text {
        display: none;
    }

    #single-portfolio__content .our-blog-card__title {
        font-size: 15px;
    }

    #single-portfolio__content .our-blog-card__title {
        margin-top: 5px;
    }

    /**** Цель ****/
    #single-portfolio-purpose-section .wrapper {
        flex-wrap: wrap;
    }

    #single-portfolio__content .our-blog-card video,
    #single-portfolio__content .our-blog-card .portfolio-item-poster {
        height: 180px;
    }

    .portfolio-video-modal__slider {
        width: 100%;
        margin-top: 0;
        height: calc(100% - 153px);
        /* height: calc(100vh - 153px - constant(safe-area-inset-top)); */
        border-radius: 20px 20px 0 0;
    }
    .portfolio-video-modal__slider.no-thumbs {
        /* height: calc(100vh - 58px); */
        height: 100%;
        top: 58px;
        /* height: calc(100vh - 58px - constant(safe-area-inset-top)); */
    }

    .portfolio-video-modal__video-part {
        height: auto;
    }

    .portfolio-video-modal__video-part video,
    .portfolio-video-modal__video-part iframe,
    .portfolio-video-modal__video-part .mesh-video-placeholder {
        display: block;
        width: 100%;
        height: 40vh;
        object-fit: cover;
        object-position: top;
    }

    .our-blog-card__title {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .thumbs-slider-container {
        position: relative;
        background-color: white;
        width: 100%;
    }

    /* .portfolio-video-modal__pagination-slider .swiper-slide {
        width: 100% !important;
        height: 100% !important;
    } */

    .portfolio-video-modal__pagination-slider-navigation svg path {
        stroke: #CFCFCF;
    }

    .swiper-container.portfolio-video-modal__pagination-slider {
        width: max-content;
        padding: 0 4.25%;
        margin: 15px auto 0 auto;
    }

    .portfolio-video-modal__pagination-slider-navigation {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: 16px;
    }

    .portfolio-video-modal__pagination-slider-navigation .arrow-left {
        left: 75px;
    }

    .portfolio-video-modal__pagination-slider-navigation .arrow-right {
        right: 75px;
    }

    .site-footer {
        position: relative;
    }

    .portfolio-video-modal__card-content {
        flex-direction: column;
        width: 100%;
        height: 100%;
    }

    .portfolio-video-modal__card-continer {
        width: 100%;
        height: 100%;
        overflow: visible;
    }

    #single-portfolio-purpose-section {
        border-top-right-radius: 40px;
        padding-top: 35px;
        padding-bottom: 40px;
        overflow-x: hidden;
        background-position-x: right;
        background-position-y: -105px;
    }

    #single-portfolio-purpose-section .portfolio-type-slider .swiper-slide {
        width: 270px;
        height: 338px;
    }

    .awards-section-content {
        margin-top: 10px;
    }

    #single-portfolio-purpose-section .mesh-content-section__nav {
        display: none;
    }

    #single-portfolio-purpose-section .mesh-section__header-back-text {
        font-size: 75px;
    }

    /**** портфолио ****/
    .single-portfolio-header {
        flex-wrap: wrap;
    }

    #single-portfolio-grid-section {
        padding: 40px 0;
    }

    /**** Маркетинг *****/
    .single-portfolio-header__back-text {
        top: 18%;
        font-size: 60px;
    }

    #numeric-slider-section {
        padding: 40px 0;
        padding-top: 0;
        overflow-x: hidden;
    }

    .portfolio-block .prev,
    .portfolio-block .next {
        display: none;
    }

    .portfolio-item {
        width: 275px;
    }

    /***** Секция со скролл слайдером *******/
    .single-portfolio-horizontal-slider-section {
        padding-top: 0;
    }

    .swiper-slide.single-portfolio-horizontal-slider-section__card {
        width: 274px;
    }

    .swiper-slide.single-portfolio-horizontal-slider-section__card img {
        width: 100%;
    }

    /***** Аутсорс *****/
    .outsource-small {
        width: 48%;
    }

    .outsource-gutter {
        width: 4%;
    }

    /****** key-visual *******/
    #key-visual-section {
        padding-top: 0;
        padding-bottom: 40px;
    }

    /***** Другие проекты*****/
    .other-projects-section__card {
        width: 48%;
    }

    .other-projects-section__card:last-of-type {
        display: none;
    }

    .other-projects-section__card-description {
        transform: translate(0, 0);
        width: 100%;
    }

    .other-projects-section__card-description {
        padding-right: 4px;
        padding-left: 4px;
    }

    /**** Отзывы *****/
    #single-portfolio-page .reviews-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /**** сторисы ***/
    /*.stories-slider-modal .swiper-slide {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100vh;
    }

    .stories-slider-modal-container>.swiper-wrapper>.swiper-slide.swiper-slide-prev {
        left: 0;
    }

    .stories-slider-modal-container>.swiper-wrapper>.swiper-slide.swiper-slide-next {
        right: 0;
    }

    .stories-slider-modal-container {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

    .stories-slider-modal-container>.swiper-wrapper {
        height: auto;
    }*/

    /*.portfolio-video-modal__close {
        position: absolute;
        top: 14px;
        left: 20px;
        z-index: 2;
    }

    .portfolio-video-modal__close.stories-close {
        top: 30px;
        left: auto;
    }

    .stories__video-nav {
        top: 90px;
    }*/

    /* .stories-slider-modal .swiper-slide video {
        border-radius: 0;
    } */

    /*.stories__video-nav-slide-container-progress {
        background-color: white;
    }

    .stories-slider-modal .swiper-slide.swiper-slide-active .stories-card-slider__nav {
        display: flex;
        justify-content: space-between;
    }

    .stories-card-slider__nav .left-arrow, .stories-card-slider__nav .right-arrow {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        padding: 10px;
    }

    .stories-card-slider video{
        margin: 0 30px;
    }*/

    .thumbs-slider-container-navigation {
        width: 100%;
        top: 14px;
        top: calc(constant(safe-area-inset-top) + 14px);
        left: 60px;
        width: calc(100vw - 70px);
    }

    .portfolio-video-modal__pagination-slider {
        max-width: 100%;
    }

    .portfolio-video-modal {
        justify-content: flex-end;
    }

    .portfolio-video-modal__video-part img {
        width: 100%;
        height: 40vh;
        object-fit: cover;
        object-position: unset;
    }

    .portfolio-video-modal .portfolio-video-modal__close--icon {
        position: absolute;
        top: 14px;
        left: 20px;
        z-index: 2;
    }

    .only-mobile {
        display: block !important;
    }
}


/* slider-stories-secondary */
.slider-stories-secondary {
    display: none;
    position: fixed;
    left: 0;
    bottom: 20px;
    height: 140px;
    width: 100%;
    padding: 0 30px;
    z-index: 10;
}
@media (max-height: 670px) {
    .slider-stories-secondary {
        bottom: 0;
    }
}
.slider-stories-secondary .swiper-slide img.swiper-slide-image {
    border-radius: 7px;
    user-select: none;
}
.slider-stories-secondary .swiper-slide:not(.swiper-slide-active) {
    transform: scale(0.7) translateY(10%) !important;
}
.slider-stories-secondary .swiper-slide .stories {
    pointer-events: none;
    margin-top: 6px;
}
.slider-stories-secondary .swiper-slide .stories__image {
    width: 56px;
    height: 56px;
}
.slider-stories-secondary .swiper-slide .stories__image::after {
    width: 63px !important;
    height: 63px !important;
}
.slider-stories-secondary .swiper-slide.swiper-slide-active .stories {
    opacity: 0;
}
.slider-stories-secondary .swiper-slide .stories .stories__title {
    margin-top: 2px;
}

@media (max-width:576px) {
    /* stories slider mobile */
    .stories-slider-modal {
        padding-bottom: 60px;
    }
    .stories-slider-modal .swiper-container {
        overflow: visible;
    }
    .stories-slider-modal .swiper-slide {
        display: flex;
        align-items: center;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 0;
    }
    .stories-slider-modal .swiper-slide.swiper-slide-active .stories {
        display: block;
        transform: none;
        top: -70px;
        left: 25px;
    }
    .stories-slider-modal .swiper-slide.swiper-slide-active .stories .stories__title {
        position: absolute;
        left: 70px;
        top: 20px;
        margin: 0;
    }
    .stories-slider-modal .swiper-slide.swiper-slide-active .stories .stories__image {
        width: 57px;
        height: 57px;
    }
    .stories-slider-modal .swiper-slide.swiper-slide-active .stories .stories__image::after {
        width: 63px;
        height: 63px;
    }
    .stories-slider-modal .swiper-slide .stories .stories__image::after {
        width: 86px;
        height: 86px;
    }
    .stories-slider-modal .swiper-slide .overlay {
        display: none;
    }
    .stories-slider-modal .stories-card-slider {
        width: 100%;
        padding: 0 10px;
    }
    .stories-slider-modal .swiper-slide .stories__video-nav {
        top: 10px;
    }
    .stories-slider-modal .swiper-slide .stories-card-slider__nav {
        display: flex !important;
        align-items: stretch;
        justify-content: space-between;
        margin-top: 0;
        top: 60px;
        transform: none !important;
        width: 100%;
        height: calc(100% - 120px);
        pointer-events: none;
    }
    .stories-slider-modal .swiper-slide .stories-card-slider__nav .left-arrow,
    .stories-slider-modal .swiper-slide .stories-card-slider__nav .right-arrow {
        position: relative;
        top: 0;
        left: auto;
        right: auto;
        width: 50px;
        padding: 0;
        pointer-events: all;
        box-sizing: border-box;
    }
    .stories-slider-modal .swiper-slide .stories-card-slider__nav .left-arrow svg,
    .stories-slider-modal .swiper-slide .stories-card-slider__nav .right-arrow svg {
        display: inline-block !important;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -8px 0 0 -8px;
    }
    .stories-slider-modal .swiper-slide .stories-card-slider__nav .left-arrow {
        left: 0;
    }
    .stories-slider-modal .swiper-slide .stories-card-slider__nav .right-arrow {
        right: 0;
    }
    .stories-slider-modal .swiper-slide video,
    .stories-slider-modal .swiper-slide iframe {
        border-radius: 0;
        margin: 0;
    }
    .stories-slider-modal .stories-card-slider .stories-card-slider-poster {
        border-radius: 0;
    }
    .stories-slider-modal .portfolio-video-modal__close.stories-close {
        position: absolute;
        right: 25px;
        top: -53px;
    }
    .slider-stories-secondary {
        display: block;
    }
}

@media screen and (max-width:1200px) and (min-width:760px) {
    .news-header .mesh-content-section__nav {
        width: auto;
    }

    .our-blog-card {
        margin-right: 0;
        width: 47%;
    }

    .mobile-main-slider .swiper-slide {
        height: 445px;
    }

    .mobile-main-slider b {
        display: block;
        line-height: 105%;
        font-size: 127.358px;
    }

    .mobile-main-slider .swiper-slide img {
        height: 150px;
    }

    .mobile-main-slider__first-slide-show {
        flex: none;
        height: 150px;
    }

    .mesh-section_first__info p.mobile-main-slider__slide-title {
        margin-top: 25px;
    }

    .mesh-section_first__portfolio-nav ul li {
        font-size: 14px;
    }

    /* Партнёры */
    .mesh-clients-section__big-logo {
        height: 45px;
    }

    .mesh-clients-section__little-logo {
        height: 27px;
    }

    /* Отраслевые решения для бизнеса */
    .mesh-section__header-title span {
        font-size: 16px;
    }

    .mesh-section__header-title h2 {
        max-width: 446px;
        line-height: 139.5%;
        font-size: 35px;
    }

    /* Лицензия */
    .categories-carousel .wrap {
        height: 380px;
    }

    .categories-carousel .content {
        height: 123px;
    }

    .categories-carousel .image .title {
        font-family: Gotham Pro;
        font-size: 55px;
    }

    .license-section__see-more {
        padding: 30px 0;
    }

    /* Аутсорс */
    .outsource-small {
        width: 32%;
    }

    .outsource-gutter {
        width: 2%;
    }

    .outsource-big {
        width: 66%;
    }

    .event-item {
        box-sizing: border-box;
        padding: 10px;
    }

    .license-section__see-more {
        width: 100%;
    }

    /* Видео блок */


    /*  Новости */
    .our-blog-content {
        justify-content: space-between;
    }

    .our-blog-content .our-blog-card {
        width: 49%;
    }

    .our-blog-content .our-blog-card:nth-of-type(2) {
        display: flex !important;
    }

    /* Футер */
    .site-footer .row {
        display: flex;
        flex-wrap: wrap;
    }

    .pace .number {
        margin: 0 auto;
        font-size: 70px;
    }

    .mesh-section__header-back-text,
    .mesh-section__header-back-text.little-mobile {
        font-size: 90px;
    }

    .single-look__images-slider .single-look__images-slider-next-arrow {
        right: 54px;
    }

    .single-look__images-slider .single-look__images-slider-prev-arrow {
        left: 54px;
    }
}

@media (min-width:1200px) {
    .buttonTV_adaptive {
        display: none !important;
    }
    /* Видео блок */
    .video-section {
        display: flex;
        align-items: center;
    }
}

/*    !shalser*/

/*.desctop-element{*/
/*    display: none;*/
/*}*/
/*.mobile-element{*/
/*    display: block;*/
/*}*/

/*#mobile-burger{*/
/*    box-sizing: border-box;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*    transition: .5s;*/
/*    outline:none;*/
/*    border:none;*/
/*    border-radius: 5px;*/
/*    background: #E43653;*/
/*    padding: 18px 11px;*/
/*    width: 48px;*/
/*    height: 48px;*/
/*    backdrop-filter: blur(60px);*/
/*}*/

/* #mobile-burger {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: .5s;
    outline: none;
    border: none;
    border-radius: 50px;
    background: #000000;
    padding: 18px 11px;
    width: 48px;
    height: 48px;
    backdrop-filter: blur(60px);
    margin-left: 20px;
} */

/********** Страница всех новостей **********/
#news {
    padding-bottom: 50px;
}

@media (max-width: 1198px) {
    .buisness-slider__navigation {
        display: flex;
    }

    .outsource-slider__navigation {
        display: flex;
    }
}

@media screen and (max-width: 1024px) {
    #mesh-top-line {
        display: block;
    }
}


@media (max-width:768px) {
    .awards-section .swiper-scrollbar {
        display: block;
    }

    .awards-section .portfolio-block {
        flex-direction: column;
    }

    .mesh-nav ul li {
        width: 50%;
    }
}

@media (max-width:1200px) {
    .header-right-top-menu {
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width:500px) {
    .header-right-top-menu {
        display: none;
    }

    .portfolio-video-modal__video-part img{
        object-position: top;
    }

    .header-breadcrumbs>span {
        padding-top: 1px;
    }
}

@media (max-width:400px) {
    .mesh-nav ul li {
        width: 100%;
    }
}

/* @media (max-width: 575.98px) {
    .awards-section .portfolio-type-slider .swiper-slide {
    width: 280px;
}
}*/

/**
 * Swiper 6.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 18, 2020
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

@media only screen and (max-width:1535px){.homepageNavigationPanel{display:none}
}
.homepageNavigationPanel{pointer-events:none;position:fixed;height:100%;z-index:11;width:296px;left:0;top:0;transition-duration:200ms;transition-timing-function:linear}
.homepageNavigationPanel.minified{pointer-events:none}
.homepageNavigationPanel.minified .nav-container{pointer-events:auto;width:68px}
.homepageNavigationPanel.minified .nav-in-page{pointer-events:none}
.homepageNavigationPanel.minified .nav-in-page .nav-link{height:4px;opacity:1}
.homepageNavigationPanel.minified .nav-in-page .nav-link.active{height:20px; border-color:#E43653}
.homepageNavigationPanel.minified .nav-in-page .nav-link.active a{transition-duration:200ms;transition-timing-function:linear;font-family:"SAPRegular",Arial,Helvetica,sans-serif;font-weight:normal;line-height:1.1em;font-size:14px}
html.content-zh_cn .homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-weight:400}
html.content-iw_il .homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ar_sa .homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ja_jp .homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ko_kr .homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:"Malgun Gothic",Arial,Helvetica,sans-serif;font-weight:400}
html.content-zh_tw .homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:"Microsoft JhengHei",Arial,Helvetica,sans-serif;font-weight:400}
@media only screen and (min-width:768px){.homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:"SAPMedium",Arial,Helvetica,sans-serif;font-weight:normal}
html.content-zh_cn .homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-weight:500}
html.content-iw_il .homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:bold}
html.content-ar_sa .homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:bold}
html.content-ja_jp .homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:bold}
html.content-ko_kr .homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:"Malgun Gothic",Arial,Helvetica,sans-serif;font-weight:500}
html.content-zh_tw .homepageNavigationPanel.minified .nav-in-page .nav-link.active a{font-family:"Microsoft JhengHei",Arial,Helvetica,sans-serif;font-weight:500}
}
.homepageNavigationPanel.minified .nav-in-page .nav-link.active a.show{opacity:1;transition-duration:200ms;transition-timing-function:linear}
.homepageNavigationPanel.minified .nav-in-page .nav-link a{color:#979797 !important;opacity:0;transition-duration:200ms;transition-timing-function:linear}
.homepageNavigationPanel .nav-container{pointer-events:auto;width:224px;height:100%}
.homepageNavigationPanel .nav-links{display:inline-block;max-width:192px}
.homepageNavigationPanel.full-state{transition-duration:200ms;transition-timing-function:linear}
.homepageNavigationPanel.full-state .nav-in-page .nav-link{height:26px;opacity:1}
.homepageNavigationPanel.full-state .nav-in-page .nav-link.active{height:42px}
.homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:"SAPRegular",Arial,Helvetica,sans-serif;font-weight:normal;line-height:1.1em;font-size:16px}
html.content-zh_cn .homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-weight:400}
html.content-iw_il .homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ar_sa .homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ja_jp .homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ko_kr .homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:"Malgun Gothic",Arial,Helvetica,sans-serif;font-weight:400}
html.content-zh_tw .homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:"Microsoft JhengHei",Arial,Helvetica,sans-serif;font-weight:400}
@media only screen and (min-width:768px){.homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:"SAPMedium",Arial,Helvetica,sans-serif;font-weight:normal}
html.content-zh_cn .homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-weight:500}
html.content-iw_il .homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:bold}
html.content-ar_sa .homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:bold}
html.content-ja_jp .homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:bold}
html.content-ko_kr .homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:"Malgun Gothic",Arial,Helvetica,sans-serif;font-weight:500}
html.content-zh_tw .homepageNavigationPanel.full-state .nav-in-page .nav-link.active a{font-family:"Microsoft JhengHei",Arial,Helvetica,sans-serif;font-weight:500}
}
.homepageNavigationPanel.full-state .nav-in-page .nav-link a{display:block;opacity:1}
.homepageNavigationPanel .nav-in-page{margin-left:32px;width:192px;transform:translateY(50%);position:absolute;bottom:50%}
.homepageNavigationPanel .nav-in-page .nav-link{padding:0 0 0 10px;cursor:pointer;border-left:4px solid #E43653;height:26px;display:flex;align-items:center;margin-top:8px;margin-bottom:8px;transition-duration:200ms;transition-timing-function:linear;opacity:0}
.homepageNavigationPanel .nav-in-page .nav-link.active,.homepageNavigationPanel .nav-in-page .nav-link:hover{transition-duration:200ms;transition-timing-function:linear}
.homepageNavigationPanel .nav-in-page .nav-link.active a,.homepageNavigationPanel .nav-in-page .nav-link:hover a{color:#fff;line-height:1.1em}
.homepageNavigationPanel .nav-in-page .nav-link.active{height:42px}
.homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:"SAPRegular",Arial,Helvetica,sans-serif;font-weight:normal;line-height:1.1em;font-size:16px}
html.content-zh_cn .homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-weight:400}
html.content-iw_il .homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ar_sa .homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ja_jp .homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ko_kr .homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:"Malgun Gothic",Arial,Helvetica,sans-serif;font-weight:400}
html.content-zh_tw .homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:"Microsoft JhengHei",Arial,Helvetica,sans-serif;font-weight:400}
@media only screen and (min-width:768px){.homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:"SAPMedium",Arial,Helvetica,sans-serif;font-weight:normal}
html.content-zh_cn .homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-weight:500}
html.content-iw_il .homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:bold}
html.content-ar_sa .homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:bold}
html.content-ja_jp .homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:Arial,Helvetica,sans-serif;font-weight:bold}
html.content-ko_kr .homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:"Malgun Gothic",Arial,Helvetica,sans-serif;font-weight:500}
html.content-zh_tw .homepageNavigationPanel .nav-in-page .nav-link.active a{font-family:"Microsoft JhengHei",Arial,Helvetica,sans-serif;font-weight:500}
}
.homepageNavigationPanel .nav-in-page .nav-link.initial{opacity:1;transition-duration:1000ms;transition-timing-function:linear}
.homepageNavigationPanel .nav-in-page .nav-link a{color:black !important;display:block;font-family:"SAPBook",Arial,Helvetica,sans-serif;font-weight:normal;font-size:14px;line-height:1.1em;color:rgba(255,255,255,0.7)}
html.content-zh_cn .homepageNavigationPanel .nav-in-page .nav-link a{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-weight:300}
html.content-iw_il .homepageNavigationPanel .nav-in-page .nav-link a{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ar_sa .homepageNavigationPanel .nav-in-page .nav-link a{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ja_jp .homepageNavigationPanel .nav-in-page .nav-link a{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ko_kr .homepageNavigationPanel .nav-in-page .nav-link a{font-family:"Malgun Gothic",Arial,Helvetica,sans-serif;font-weight:300}
html.content-zh_tw .homepageNavigationPanel .nav-in-page .nav-link a{font-family:"Microsoft JhengHei",Arial,Helvetica,sans-serif;font-weight:300}
.rtl .homepageNavigationPanel{background:linear-gradient(to left,rgba(0,0,0,0.3),rgba(0,0,0,0));right:0;left:inherit}
.rtl .homepageNavigationPanel.full-state{background:linear-gradient(to left,rgba(0,0,0,0.7),rgba(0,0,0,0))}
.rtl .homepageNavigationPanel .nav-in-page{margin-left:0;margin-right:32px}
.rtl .homepageNavigationPanel .nav-in-page .nav-link{padding:0 10px 0 0;border-left:0;border-right:4px solid rgba(255,255,255,0.4)}
.rtl .homepageNavigationPanel .nav-in-page .nav-link.active,.rtl .homepageNavigationPanel .nav-in-page .nav-link:hover{border-left-color:transparent;border-left-width:0;border-right-color:rgba(255,255,255,0.7)}

.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.ov-h{overflow:hidden!important}.ov-v{overflow:visible!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-shrink-0{flex-shrink:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:var(--pad-0)!important}.gap-1{gap:var(--pad-1)!important}.gap-2{gap:var(--pad-2)!important}.gap-3{gap:var(--pad-3)!important}.gap-4{gap:var(--pad-4)!important}.gap-5{gap:var(--pad-5)!important}.order-first{order:-1!important}.order-last{order:999!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.container,.container-fluid,.container-lg,.container-lg\:max,.container-md,.container-md\:max,.container-sm,.container-sm\:max,.container-xl,.container-xl\:max,.container-xxl{margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px;width:100%}.row{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px}.row>*{flex-shrink:0;padding-right:20px;padding-left:20px;width:100%;max-width:100%}.col{--width:100%;--col-width:8.33333%;--col-1:var(--col-width);--col-2:calc(var(--col-width) * 2);--col-3:calc(var(--col-width) * 3);--col-4:calc(var(--col-width) * 4);--col-5:calc(var(--col-width) * 5);--col-6:calc(var(--col-width) * 6);--col-7:calc(var(--col-width) * 7);--col-8:calc(var(--col-width) * 8);--col-9:calc(var(--col-width) * 9);--col-10:calc(var(--col-width) * 10);--col-11:calc(var(--col-width) * 11);--col-12:calc(var(--col-width) * 12);flex:1 0 0%;width:var(--width)}.col[class*="--"]{flex:0 0 auto}.col.--1{--width:var(--col-1)}.col.--2{--width:var(--col-2)}.col.--3{--width:var(--col-3)}.col.--4{--width:var(--col-4)}.col.--5{--width:var(--col-5)}.col.--6{--width:var(--col-6)}.col.--7{--width:var(--col-7)}.col.--8{--width:var(--col-8)}.col.--9{--width:var(--col-9)}.col.--10{--width:var(--col-10)}.col.--11{--width:var(--col-11)}.col.--12{--width:var(--col-12)}.m-auto{margin:var(--pad-auto)!important}.m-0{margin:var(--pad-0)!important}.m-1{margin:var(--pad-1)!important}.m-2{margin:var(--pad-2)!important}.m-3{margin:var(--pad-3)!important}.m-4{margin:var(--pad-4)!important}.m-5{margin:var(--pad-5)!important}.mt-auto{margin-top:var(--pad-auto)!important}.mt-0{margin-top:var(--pad-0)!important}.mt-1{margin-top:var(--pad-1)!important}.mt-2{margin-top:var(--pad-2)!important}.mt-3{margin-top:var(--pad-3)!important}.mt-4{margin-top:var(--pad-4)!important}.mt-5{margin-top:var(--pad-5)!important}.mr-auto{margin-right:var(--pad-auto)!important}.mr-0{margin-right:var(--pad-0)!important}.mr-1{margin-right:var(--pad-1)!important}.mr-2{margin-right:var(--pad-2)!important}.mr-3{margin-right:var(--pad-3)!important}.mr-4{margin-right:var(--pad-4)!important}.mr-5{margin-right:var(--pad-5)!important}.mb-auto{margin-bottom:var(--pad-auto)!important}.mb-0{margin-bottom:var(--pad-0)!important}.mb-1{margin-bottom:var(--pad-1)!important}.mb-2{margin-bottom:var(--pad-2)!important}.mb-3{margin-bottom:var(--pad-3)!important}.mb-4{margin-bottom:var(--pad-4)!important}.mb-5{margin-bottom:var(--pad-5)!important}.ml-auto{margin-left:var(--pad-auto)!important}.ml-0{margin-left:var(--pad-0)!important}.ml-1{margin-left:var(--pad-1)!important}.ml-2{margin-left:var(--pad-2)!important}.ml-3{margin-left:var(--pad-3)!important}.ml-4{margin-left:var(--pad-4)!important}.ml-5{margin-left:var(--pad-5)!important}.p-auto{padding:var(--pad-auto)!important}.p-0{padding:var(--pad-0)!important}.p-1{padding:var(--pad-1)!important}.p-2{padding:var(--pad-2)!important}.p-3{padding:var(--pad-3)!important}.p-4{padding:var(--pad-4)!important}.p-5{padding:var(--pad-5)!important}.pt-auto{padding-top:var(--pad-auto)!important}.pt-0{padding-top:var(--pad-0)!important}.pt-1{padding-top:var(--pad-1)!important}.pt-2{padding-top:var(--pad-2)!important}.pt-3{padding-top:var(--pad-3)!important}.pt-4{padding-top:var(--pad-4)!important}.pt-5{padding-top:var(--pad-5)!important}.pr-auto{padding-right:var(--pad-auto)!important}.pr-0{padding-right:var(--pad-0)!important}.pr-1{padding-right:var(--pad-1)!important}.pr-2{padding-right:var(--pad-2)!important}.pr-3{padding-right:var(--pad-3)!important}.pr-4{padding-right:var(--pad-4)!important}.pr-5{padding-right:var(--pad-5)!important}.pb-auto{padding-bottom:var(--pad-auto)!important}.pb-0{padding-bottom:var(--pad-0)!important}.pb-1{padding-bottom:var(--pad-1)!important}.pb-2{padding-bottom:var(--pad-2)!important}.pb-3{padding-bottom:var(--pad-3)!important}.pb-4{padding-bottom:var(--pad-4)!important}.pb-5{padding-bottom:var(--pad-5)!important}.pl-auto{padding-left:var(--pad-auto)!important}.pl-0{padding-left:var(--pad-0)!important}.pl-1{padding-left:var(--pad-1)!important}.pl-2{padding-left:var(--pad-2)!important}.pl-3{padding-left:var(--pad-3)!important}.pl-4{padding-left:var(--pad-4)!important}.pl-5{padding-left:var(--pad-5)!important}.text-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:var(--lines);line-clamp:var(--lines)}.text-clamp.--unclamped{line-clamp:unset;-webkit-line-clamp:unset}.text-center{text-align:center}.text-end{text-align:end}.text-uppercase{text-transform:uppercase!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-underline{text-decoration:underline}.lh-var{--_height:var(--lh,1);line-height:var(--_height)}.lh-1{line-height:1!important}.lh-2{line-height:2!important}.lh-12{line-height:1.2!important}.lh-14{line-height:1.4!important}.lh-16{line-height:1.6!important}.lh-18{line-height:1.8!important}@media (min-width:576px){.d-inline\:sm{display:inline!important}.d-inline-block\:sm{display:inline-block!important}.d-block\:sm{display:block!important}.d-flex\:sm{display:flex!important}.d-inline-flex\:sm{display:inline-flex!important}.d-none\:sm{display:none!important}.flex-fill\:sm{flex:1 1 auto!important}.flex-row\:sm{flex-direction:row!important}.flex-column\:sm{flex-direction:column!important}.flex-row-reverse\:sm{flex-direction:row-reverse!important}.flex-column-reverse\:sm{flex-direction:column-reverse!important}.flex-grow-0\:sm{flex-grow:0!important}.flex-shrink-0\:sm{flex-shrink:0!important}.flex-grow-1\:sm{flex-grow:1!important}.flex-shrink-1\:sm{flex-shrink:1!important}.flex-wrap\:sm{flex-wrap:wrap!important}.flex-nowrap\:sm{flex-wrap:nowrap!important}.flex-wrap-reverse\:sm{flex-wrap:wrap-reverse!important}.gap-0\:sm{gap:var(--pad-0)!important}.gap-1\:sm{gap:var(--pad-1)!important}.gap-2\:sm{gap:var(--pad-2)!important}.gap-3\:sm{gap:var(--pad-3)!important}.gap-4\:sm{gap:var(--pad-4)!important}.gap-5\:sm{gap:var(--pad-5)!important}.order-first\:sm{order:-1!important}.order-last\:sm{order:999!important}.order-1\:sm{order:1!important}.order-2\:sm{order:2!important}.order-3\:sm{order:3!important}.order-4\:sm{order:4!important}.order-5\:sm{order:5!important}.justify-content-start\:sm{justify-content:flex-start!important}.justify-content-end\:sm{justify-content:flex-end!important}.justify-content-center\:sm{justify-content:center!important}.justify-content-between\:sm{justify-content:space-between!important}.justify-content-around\:sm{justify-content:space-around!important}.justify-content-evenly\:sm{justify-content:space-evenly!important}.align-items-start\:sm{align-items:flex-start!important}.align-items-end\:sm{align-items:flex-end!important}.align-items-center\:sm{align-items:center!important}.align-items-baseline\:sm{align-items:baseline!important}.align-items-stretch\:sm{align-items:stretch!important}.align-content-start\:sm{align-content:flex-start!important}.align-content-end\:sm{align-content:flex-end!important}.align-content-center\:sm{align-content:center!important}.align-content-between\:sm{align-content:space-between!important}.align-content-around\:sm{align-content:space-around!important}.align-content-stretch\:sm{align-content:stretch!important}.align-self-auto\:sm{align-self:auto!important}.align-self-start\:sm{align-self:flex-start!important}.align-self-end\:sm{align-self:flex-end!important}.align-self-center\:sm{align-self:center!important}.align-self-baseline\:sm{align-self:baseline!important}.align-self-stretch\:sm{align-self:stretch!important}.container,.container-lg\:max,.container-md\:max,.container-sm,.container-sm\:max,.container-xl\:max{max-width:540px}.col[class*=":sm"]{flex:0 0 auto}.col.--1\:sm{--width:var(--col-1)}.col.--2\:sm{--width:var(--col-2)}.col.--3\:sm{--width:var(--col-3)}.col.--4\:sm{--width:var(--col-4)}.col.--5\:sm{--width:var(--col-5)}.col.--6\:sm{--width:var(--col-6)}.col.--7\:sm{--width:var(--col-7)}.col.--8\:sm{--width:var(--col-8)}.col.--9\:sm{--width:var(--col-9)}.col.--10\:sm{--width:var(--col-10)}.col.--11\:sm{--width:var(--col-11)}.col.--12\:sm{--width:var(--col-12)}.lh-1\:sm{line-height:1!important}.lh-2\:sm{line-height:2!important}.lh-12\:sm{line-height:1.2!important}.lh-14\:sm{line-height:1.4!important}.lh-16\:sm{line-height:1.6!important}.lh-18\:sm{line-height:1.8!important}}@media (min-width:768px){.d-inline\:md{display:inline!important}.d-inline-block\:md{display:inline-block!important}.d-block\:md{display:block!important}.d-flex\:md{display:flex!important}.d-inline-flex\:md{display:inline-flex!important}.d-none\:md{display:none!important}.flex-fill\:md{flex:1 1 auto!important}.flex-row\:md{flex-direction:row!important}.flex-column\:md{flex-direction:column!important}.flex-row-reverse\:md{flex-direction:row-reverse!important}.flex-column-reverse\:md{flex-direction:column-reverse!important}.flex-grow-0\:md{flex-grow:0!important}.flex-shrink-0\:md{flex-shrink:0!important}.flex-grow-1\:md{flex-grow:1!important}.flex-shrink-1\:md{flex-shrink:1!important}.flex-wrap\:md{flex-wrap:wrap!important}.flex-nowrap\:md{flex-wrap:nowrap!important}.flex-wrap-reverse\:md{flex-wrap:wrap-reverse!important}.gap-0\:md{gap:var(--pad-0)!important}.gap-1\:md{gap:var(--pad-1)!important}.gap-2\:md{gap:var(--pad-2)!important}.gap-3\:md{gap:var(--pad-3)!important}.gap-4\:md{gap:var(--pad-4)!important}.gap-5\:md{gap:var(--pad-5)!important}.order-first\:md{order:-1!important}.order-last\:md{order:999!important}.order-1\:md{order:1!important}.order-2\:md{order:2!important}.order-3\:md{order:3!important}.order-4\:md{order:4!important}.order-5\:md{order:5!important}.justify-content-start\:md{justify-content:flex-start!important}.justify-content-end\:md{justify-content:flex-end!important}.justify-content-center\:md{justify-content:center!important}.justify-content-between\:md{justify-content:space-between!important}.justify-content-around\:md{justify-content:space-around!important}.justify-content-evenly\:md{justify-content:space-evenly!important}.align-items-start\:md{align-items:flex-start!important}.align-items-end\:md{align-items:flex-end!important}.align-items-center\:md{align-items:center!important}.align-items-baseline\:md{align-items:baseline!important}.align-items-stretch\:md{align-items:stretch!important}.align-content-start\:md{align-content:flex-start!important}.align-content-end\:md{align-content:flex-end!important}.align-content-center\:md{align-content:center!important}.align-content-between\:md{align-content:space-between!important}.align-content-around\:md{align-content:space-around!important}.align-content-stretch\:md{align-content:stretch!important}.align-self-auto\:md{align-self:auto!important}.align-self-start\:md{align-self:flex-start!important}.align-self-end\:md{align-self:flex-end!important}.align-self-center\:md{align-self:center!important}.align-self-baseline\:md{align-self:baseline!important}.align-self-stretch\:md{align-self:stretch!important}.container,.container-lg\:max,.container-md,.container-md\:max,.container-sm,.container-xl\:max{max-width:720px}.col[class*=":md"]{flex:0 0 auto}.col.--1\:md{--width:var(--col-1)}.col.--2\:md{--width:var(--col-2)}.col.--3\:md{--width:var(--col-3)}.col.--4\:md{--width:var(--col-4)}.col.--5\:md{--width:var(--col-5)}.col.--6\:md{--width:var(--col-6)}.col.--7\:md{--width:var(--col-7)}.col.--8\:md{--width:var(--col-8)}.col.--9\:md{--width:var(--col-9)}.col.--10\:md{--width:var(--col-10)}.col.--11\:md{--width:var(--col-11)}.col.--12\:md{--width:var(--col-12)}.lh-1\:md{line-height:1!important}.lh-2\:md{line-height:2!important}.lh-12\:md{line-height:1.2!important}.lh-14\:md{line-height:1.4!important}.lh-16\:md{line-height:1.6!important}.lh-18\:md{line-height:1.8!important}}@media (min-width:992px){.d-inline\:lg{display:inline!important}.d-inline-block\:lg{display:inline-block!important}.d-block\:lg{display:block!important}.d-flex\:lg{display:flex!important}.d-inline-flex\:lg{display:inline-flex!important}.d-none\:lg{display:none!important}.flex-fill\:lg{flex:1 1 auto!important}.flex-row\:lg{flex-direction:row!important}.flex-column\:lg{flex-direction:column!important}.flex-row-reverse\:lg{flex-direction:row-reverse!important}.flex-column-reverse\:lg{flex-direction:column-reverse!important}.flex-grow-0\:lg{flex-grow:0!important}.flex-shrink-0\:lg{flex-shrink:0!important}.flex-grow-1\:lg{flex-grow:1!important}.flex-shrink-1\:lg{flex-shrink:1!important}.flex-wrap\:lg{flex-wrap:wrap!important}.flex-nowrap\:lg{flex-wrap:nowrap!important}.flex-wrap-reverse\:lg{flex-wrap:wrap-reverse!important}.gap-0\:lg{gap:var(--pad-0)!important}.gap-1\:lg{gap:var(--pad-1)!important}.gap-2\:lg{gap:var(--pad-2)!important}.gap-3\:lg{gap:var(--pad-3)!important}.gap-4\:lg{gap:var(--pad-4)!important}.gap-5\:lg{gap:var(--pad-5)!important}.order-first\:lg{order:-1!important}.order-last\:lg{order:999!important}.order-1\:lg{order:1!important}.order-2\:lg{order:2!important}.order-3\:lg{order:3!important}.order-4\:lg{order:4!important}.order-5\:lg{order:5!important}.justify-content-start\:lg{justify-content:flex-start!important}.justify-content-end\:lg{justify-content:flex-end!important}.justify-content-center\:lg{justify-content:center!important}.justify-content-between\:lg{justify-content:space-between!important}.justify-content-around\:lg{justify-content:space-around!important}.justify-content-evenly\:lg{justify-content:space-evenly!important}.align-items-start\:lg{align-items:flex-start!important}.align-items-end\:lg{align-items:flex-end!important}.align-items-center\:lg{align-items:center!important}.align-items-baseline\:lg{align-items:baseline!important}.align-items-stretch\:lg{align-items:stretch!important}.align-content-start\:lg{align-content:flex-start!important}.align-content-end\:lg{align-content:flex-end!important}.align-content-center\:lg{align-content:center!important}.align-content-between\:lg{align-content:space-between!important}.align-content-around\:lg{align-content:space-around!important}.align-content-stretch\:lg{align-content:stretch!important}.align-self-auto\:lg{align-self:auto!important}.align-self-start\:lg{align-self:flex-start!important}.align-self-end\:lg{align-self:flex-end!important}.align-self-center\:lg{align-self:center!important}.align-self-baseline\:lg{align-self:baseline!important}.align-self-stretch\:lg{align-self:stretch!important}.container,.container-lg,.container-lg\:max,.container-md,.container-sm,.container-xl\:max{max-width:960px}.col[class*=":lg"]{flex:0 0 auto}.col.--1\:lg{--width:var(--col-1)}.col.--2\:lg{--width:var(--col-2)}.col.--3\:lg{--width:var(--col-3)}.col.--4\:lg{--width:var(--col-4)}.col.--5\:lg{--width:var(--col-5)}.col.--6\:lg{--width:var(--col-6)}.col.--7\:lg{--width:var(--col-7)}.col.--8\:lg{--width:var(--col-8)}.col.--9\:lg{--width:var(--col-9)}.col.--10\:lg{--width:var(--col-10)}.col.--11\:lg{--width:var(--col-11)}.col.--12\:lg{--width:var(--col-12)}.lh-1\:lg{line-height:1!important}.lh-2\:lg{line-height:2!important}.lh-12\:lg{line-height:1.2!important}.lh-14\:lg{line-height:1.4!important}.lh-16\:lg{line-height:1.6!important}.lh-18\:lg{line-height:1.8!important}}@media (min-width:1200px){.d-inline\:xl{display:inline!important}.d-inline-block\:xl{display:inline-block!important}.d-block\:xl{display:block!important}.d-flex\:xl{display:flex!important}.d-inline-flex\:xl{display:inline-flex!important}.d-none\:xl{display:none!important}.flex-fill\:xl{flex:1 1 auto!important}.flex-row\:xl{flex-direction:row!important}.flex-column\:xl{flex-direction:column!important}.flex-row-reverse\:xl{flex-direction:row-reverse!important}.flex-column-reverse\:xl{flex-direction:column-reverse!important}.flex-grow-0\:xl{flex-grow:0!important}.flex-shrink-0\:xl{flex-shrink:0!important}.flex-grow-1\:xl{flex-grow:1!important}.flex-shrink-1\:xl{flex-shrink:1!important}.flex-wrap\:xl{flex-wrap:wrap!important}.flex-nowrap\:xl{flex-wrap:nowrap!important}.flex-wrap-reverse\:xl{flex-wrap:wrap-reverse!important}.gap-0\:xl{gap:var(--pad-0)!important}.gap-1\:xl{gap:var(--pad-1)!important}.gap-2\:xl{gap:var(--pad-2)!important}.gap-3\:xl{gap:var(--pad-3)!important}.gap-4\:xl{gap:var(--pad-4)!important}.gap-5\:xl{gap:var(--pad-5)!important}.order-first\:xl{order:-1!important}.order-last\:xl{order:999!important}.order-1\:xl{order:1!important}.order-2\:xl{order:2!important}.order-3\:xl{order:3!important}.order-4\:xl{order:4!important}.order-5\:xl{order:5!important}.justify-content-start\:xl{justify-content:flex-start!important}.justify-content-end\:xl{justify-content:flex-end!important}.justify-content-center\:xl{justify-content:center!important}.justify-content-between\:xl{justify-content:space-between!important}.justify-content-around\:xl{justify-content:space-around!important}.justify-content-evenly\:xl{justify-content:space-evenly!important}.align-items-start\:xl{align-items:flex-start!important}.align-items-end\:xl{align-items:flex-end!important}.align-items-center\:xl{align-items:center!important}.align-items-baseline\:xl{align-items:baseline!important}.align-items-stretch\:xl{align-items:stretch!important}.align-content-start\:xl{align-content:flex-start!important}.align-content-end\:xl{align-content:flex-end!important}.align-content-center\:xl{align-content:center!important}.align-content-between\:xl{align-content:space-between!important}.align-content-around\:xl{align-content:space-around!important}.align-content-stretch\:xl{align-content:stretch!important}.align-self-auto\:xl{align-self:auto!important}.align-self-start\:xl{align-self:flex-start!important}.align-self-end\:xl{align-self:flex-end!important}.align-self-center\:xl{align-self:center!important}.align-self-baseline\:xl{align-self:baseline!important}.align-self-stretch\:xl{align-self:stretch!important}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xl\:max{max-width:1140px}.col[class*=":xl"]{flex:0 0 auto}.col.--1\:xl{--width:var(--col-1)}.col.--2\:xl{--width:var(--col-2)}.col.--3\:xl{--width:var(--col-3)}.col.--4\:xl{--width:var(--col-4)}.col.--5\:xl{--width:var(--col-5)}.col.--6\:xl{--width:var(--col-6)}.col.--7\:xl{--width:var(--col-7)}.col.--8\:xl{--width:var(--col-8)}.col.--9\:xl{--width:var(--col-9)}.col.--10\:xl{--width:var(--col-10)}.col.--11\:xl{--width:var(--col-11)}.col.--12\:xl{--width:var(--col-12)}.lh-1\:xl{line-height:1!important}.lh-2\:xl{line-height:2!important}.lh-12\:xl{line-height:1.2!important}.lh-14\:xl{line-height:1.4!important}.lh-16\:xl{line-height:1.6!important}.lh-18\:xl{line-height:1.8!important}}@media (min-width:1280px){.d-inline\:xxl{display:inline!important}.d-inline-block\:xxl{display:inline-block!important}.d-block\:xxl{display:block!important}.d-flex\:xxl{display:flex!important}.d-inline-flex\:xxl{display:inline-flex!important}.d-none\:xxl{display:none!important}.flex-fill\:xxl{flex:1 1 auto!important}.flex-row\:xxl{flex-direction:row!important}.flex-column\:xxl{flex-direction:column!important}.flex-row-reverse\:xxl{flex-direction:row-reverse!important}.flex-column-reverse\:xxl{flex-direction:column-reverse!important}.flex-grow-0\:xxl{flex-grow:0!important}.flex-shrink-0\:xxl{flex-shrink:0!important}.flex-grow-1\:xxl{flex-grow:1!important}.flex-shrink-1\:xxl{flex-shrink:1!important}.flex-wrap\:xxl{flex-wrap:wrap!important}.flex-nowrap\:xxl{flex-wrap:nowrap!important}.flex-wrap-reverse\:xxl{flex-wrap:wrap-reverse!important}.gap-0\:xxl{gap:var(--pad-0)!important}.gap-1\:xxl{gap:var(--pad-1)!important}.gap-2\:xxl{gap:var(--pad-2)!important}.gap-3\:xxl{gap:var(--pad-3)!important}.gap-4\:xxl{gap:var(--pad-4)!important}.gap-5\:xxl{gap:var(--pad-5)!important}.order-first\:xxl{order:-1!important}.order-last\:xxl{order:999!important}.order-1\:xxl{order:1!important}.order-2\:xxl{order:2!important}.order-3\:xxl{order:3!important}.order-4\:xxl{order:4!important}.order-5\:xxl{order:5!important}.justify-content-start\:xxl{justify-content:flex-start!important}.justify-content-end\:xxl{justify-content:flex-end!important}.justify-content-center\:xxl{justify-content:center!important}.justify-content-between\:xxl{justify-content:space-between!important}.justify-content-around\:xxl{justify-content:space-around!important}.justify-content-evenly\:xxl{justify-content:space-evenly!important}.align-items-start\:xxl{align-items:flex-start!important}.align-items-end\:xxl{align-items:flex-end!important}.align-items-center\:xxl{align-items:center!important}.align-items-baseline\:xxl{align-items:baseline!important}.align-items-stretch\:xxl{align-items:stretch!important}.align-content-start\:xxl{align-content:flex-start!important}.align-content-end\:xxl{align-content:flex-end!important}.align-content-center\:xxl{align-content:center!important}.align-content-between\:xxl{align-content:space-between!important}.align-content-around\:xxl{align-content:space-around!important}.align-content-stretch\:xxl{align-content:stretch!important}.align-self-auto\:xxl{align-self:auto!important}.align-self-start\:xxl{align-self:flex-start!important}.align-self-end\:xxl{align-self:flex-end!important}.align-self-center\:xxl{align-self:center!important}.align-self-baseline\:xxl{align-self:baseline!important}.align-self-stretch\:xxl{align-self:stretch!important}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1240px}.col[class*=":xxl"]{flex:0 0 auto}.col.--1\:xxl{--width:var(--col-1)}.col.--2\:xxl{--width:var(--col-2)}.col.--3\:xxl{--width:var(--col-3)}.col.--4\:xxl{--width:var(--col-4)}.col.--5\:xxl{--width:var(--col-5)}.col.--6\:xxl{--width:var(--col-6)}.col.--7\:xxl{--width:var(--col-7)}.col.--8\:xxl{--width:var(--col-8)}.col.--9\:xxl{--width:var(--col-9)}.col.--10\:xxl{--width:var(--col-10)}.col.--11\:xxl{--width:var(--col-11)}.col.--12\:xxl{--width:var(--col-12)}.lh-1\:xxl{line-height:1!important}.lh-2\:xxl{line-height:2!important}.lh-12\:xxl{line-height:1.2!important}.lh-14\:xxl{line-height:1.4!important}.lh-16\:xxl{line-height:1.6!important}.lh-18\:xxl{line-height:1.8!important}}
:root {
    /* utils */
    --bdr: 5px;
    --tran: all .3s ease-in-out;
    --pad: 1rem;
    --cn-pad: 20px;
    --pad-auto: auto;
    --pad-0: 0;
    --pad-1: calc(var(--pad) / 2);
    --pad-2: var(--pad);
    --pad-3: calc(var(--pad) * 1.5);
    --pad-4: calc(var(--pad) * 2);
    --pad-5: calc(var(--pad) * 2.5);
    /* font sizes, fixed & responsive */
    --fz: 1rem;
    --fz: 16px;
    --fz-xs: 0.7rem;
    --fz-sm: 0.75rem;
    --fz-md: 1.25rem;
    --fz-lg: 1.5rem;
    --fz-xl: 1.75rem;
    --fz-xxl: 2rem;
    --fzr-300: clamp(0.7rem, 0.66rem + 0.2vw, 0.8rem);
    --fzr-400: clamp(0.88rem, 0.83rem + 0.24vw, 1rem);
    --fzr-500: clamp(1.09rem, 1rem + 0.47vw, 1.33rem);
    --fzr-600: clamp(1.37rem, 1.21rem + 0.8vw, 1.78rem);
    --fzr-700: clamp(1.71rem, 1.45rem + 1.29vw, 2.37rem);
    --fzr-800: clamp(2.14rem, 1.74rem + 1.99vw, 3.16rem);
    --fzr-900: clamp(2.67rem, 2.07rem + 3vw, 4.21rem);
    --fz-h1: 59px;
    --fz-h2: 35px;
    --fz-h3: 24px;
    --fz-12: .75rem;
    --fz-14: .875rem;
    --fz-18: 1.125rem;
    /* colors */
    --c-black: #000;
    --c-white: #fff;
    --c-light: #f8f8f8;
    --c-dark: #535353;
    --c-darker: #2e2e2e;
    /* --c-blue:         #1b34d9; */
    --c-blue: #0066ff;
    --c-pink: #e43653;
    --c-grey: #979797;
    --c-grey-light: #eee;
    --c-grey-lighter: #e8e8e8;
    --c-bg: var(--c-white);
    --c-fg: var(--c-black);
}

* {
    min-width: 0;
    min-height: 0;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

.footer {
    box-sizing: border-box;
    position: -webkit-sticky;
    position: sticky;
    top: 100vh;
    background-color: #222;
    padding: var(--pad-2) 0 calc(var(--pad-2) * 2);
    overflow: hidden;
    color: var(--c-white);
    font-family: Roboto, sans-serif;
}

.footer-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.footer svg {
    display: flex;
    width: 1em;
    height: 1em;
}

.footer svg:not([fill]),
.footer svg *:not([fill]) {
    fill: currentColor;
}

.footer #particles-js {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.footer a {
    position: relative;
    color: inherit;
}

.footer a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    transition: var(--tran);
    opacity: .75;
    background-color: currentColor;
    width: 0;
    height: .1em;
    content: '';
}

.footer a:hover:after {
    width: 100%;
}

.footer-spacer {
    opacity: .2;
    margin-bottom: 35px;
    background-color: var(--c-white);
    height: 2px;
}

.footer-logo {
    font-family: Gotham Pro, sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.footer-tel {
    font-size: var(--fz-lg);
}

.footer-mail,
.footer-copy {
    font-size: var(--fz-14);
}

.footer-copy {
    opacity: 1;
    font-size: var(--fz-14);
    max-width: 60%;
}

.footer-tel,
.footer-mail {
    position: relative;
}

.footer-tel svg,
.footer-mail svg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: var(--tran);
    opacity: 0;
}

.footer-nav {
    display: flex;
    flex-direction: column;
}

.footer-nav * {
    margin-bottom: .5em;
}

.footer-nav--socials {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: var(--pad-2);
    gap: .5em;
}

.footer-nav--socials .footer-nav__title {
    margin-bottom: 0;
}

.footer-nav__title {
    margin-bottom: .67em;
    font-size: var(--fz-18);
    font-weight: 500;
}

.footer-nav__socials {
    display: flex;
    flex-direction: row;
    gap: 1em;
}

.footer-nav__socials * {
    margin-bottom: unset;
}

.footer-nav__socials a {
    transition: var(--tran);
}

.footer-nav__socials a:after {
    display: none;
}

.footer-nav__socials a:hover {
    -webkit-animation: an-rot 0.3s ease-in-out;
    animation: an-rot 0.3s ease-in-out;
}

.footer-nav-inline {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    margin-top: 19px;
    margin-bottom: 15px;
    font-size: 13px;
}

.footer-nav-inline__sep {
    color: #393939;
}

.footer-col--contacts {
    display: flex;
}

.footer-col--nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: var(--pad-2);
    gap: clamp(2rem, 5vw, 100px);
}

.footer-subtitle {
    margin-top: 12px;
    font-size: var(--fz);
    font-weight: 500;
}

.footer address {
    margin-top: var(--pad-2);
    font-size: var(--fz-14);
    font-style: normal;
}

.footer address strong {
    display: block;
    opacity: .4;
    font-weight: 500;
}

.footer .form {
    margin-top: 24px;
    margin-bottom: 22px;
}

.footer .form ::-moz-placeholder {
    color: var(--c-light);
}

.footer .form :-ms-input-placeholder {
    color: var(--c-light);
}

.footer .form ::placeholder {
    color: var(--c-light);
}

.footer .form input {
    border-color: rgba(255, 255, 255, .2);
    color: var(--c-white);
}

.footer .form input:focus,
.footer .form input:active {
    border-color: rgba(255, 255, 255, .6);
}

.footer .form .btn {
    border-radius: 5px;
    background: #302f2f;
    width: 100%;
    height: 100%;
    color: var(--c-white);
    font-size: var(--fz-12);
}

.footer .form .btn:hover,
.footer .form .btn:focus {
    box-shadow: inset 0 0 0 2px var(--c-white);
}

#retail-footer-container {
    display: block;
}

.footer .icon-arrow-up {
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='45' viewBox='0 0 50 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 0C25.5812 0 26.1631 0.219936 26.6068 0.659248L49.334 23.1592C50.222 24.0384 50.222 25.462 49.334 26.3407C48.4459 27.2193 47.0078 27.2199 46.1203 26.3407L25 5.43148L3.87967 26.3407C2.9916 27.2199 1.55354 27.2199 0.666046 26.3407C-0.221451 25.4615 -0.222019 24.0378 0.666046 23.1592L23.3932 0.659248C23.8369 0.219936 24.4188 0 25 0ZM23.3932 18.6592L0.666046 41.1591C-0.222019 42.0383 -0.222019 43.462 0.666046 44.3406C1.55411 45.2192 2.99217 45.2198 3.87967 44.3406L25 23.4314L46.1203 44.3406C47.0084 45.2198 48.4465 45.2198 49.334 44.3406C50.2214 43.4614 50.222 42.0377 49.334 41.1591L26.6068 18.6592C26.1631 18.2199 25.5812 17.9999 25 17.9999C24.4188 17.9999 23.8369 18.2199 23.3932 18.6592Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 45px;
    cursor: pointer;
}

.footer .btn-scroll-top {
    display: block;
    padding: 10px;
    background: transparent;
    outline: none;
    border: none;
    position: absolute;
    bottom: 50px;
    right: 50px;
    z-index: 3;
}

@-webkit-keyframes an-rot {
    0% {
        transform: rotate(0deg);
    }

    40% {
        transform: rotate(20deg);
    }

    60% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes an-rot {
    0% {
        transform: rotate(0deg);
    }

    40% {
        transform: rotate(20deg);
    }

    60% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@media (max-width: 420px) {
    .footer .btn-scroll-top {
        bottom: 20px;
    }
}

@media (min-width: 768px) {
    .footer-logo {
        font-size: var(--fz-h2);
    }

    .footer {
        padding: var(--pad-5) 0 calc(var(--pad-5) * 2);
    }

    /*.footer-spacer {*/
    /*    margin: var(--pad-5) 0;*/
    /*}*/
    .footer-tel:hover svg,
    .footer-mail:hover svg {
        transform: translate(calc(-100% - 10px), -50%);
        opacity: 1;
    }

    .footer-copy {
        opacity: 1;
        font-size: var(--fz-14);
        max-width: 100%;
    }

    .footer-nav__socials {
        margin-bottom: var(--pad-4);
    }

    .footer-col--contacts {
        justify-content: flex-end;
    }

    .footer-col--contacts div {
        margin-left: auto;
    }

    .footer-col--nav {
        justify-content: flex-start;
        margin-bottom: unset;
    }
}


/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvX3ZhcmlhYmxlcy5wY3NzIiwiZm9vdGVyLnBjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxVQUFVO0lBQ1YsZUFBZTtJQUNmLCtCQUErQjtJQUMvQixnQkFBZ0I7SUFDaEIsZ0JBQW1COztJQUVuQixnQkFBZ0I7SUFDaEIsYUFBYTtJQUNiLGdDQUFnQztJQUNoQyxzQkFBc0I7SUFDdEIsa0NBQWtDO0lBQ2xDLGdDQUFnQztJQUNoQyxrQ0FBa0M7O0lBRWxDLG1DQUFtQztJQUNuQyxnQkFBZ0I7SUFDaEIsZ0JBQWdCO0lBQ2hCLGtCQUFrQjtJQUNsQixtQkFBbUI7SUFDbkIsbUJBQW1CO0lBQ25CLGtCQUFrQjtJQUNsQixtQkFBbUI7SUFDbkIsZ0JBQWdCO0lBQ2hCLGtEQUFrRDtJQUNsRCxrREFBa0Q7SUFDbEQsa0RBQWtEO0lBQ2xELG9EQUFvRDtJQUNwRCxxREFBcUQ7SUFDckQscURBQXFEO0lBQ3JELGtEQUFrRDs7SUFFbEQsYUFBYTtJQUNiLGFBQWE7SUFDYixhQUFhO0lBQ2IsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixpQkFBaUI7O0lBRWpCLFdBQVc7SUFDWCxzQkFBc0I7SUFDdEIsc0JBQXNCO0lBQ3RCLHlCQUF5QjtJQUN6Qix5QkFBeUI7SUFDekIseUJBQXlCO0lBQ3pCLCtCQUErQjtJQUMvQix5QkFBeUI7SUFDekIseUJBQXlCO0lBQ3pCLHlCQUF5QjtJQUN6QixzQkFBc0I7SUFDdEIseUJBQXlCOztJQUV6QixnQ0FBZ0M7SUFDaEMsZ0NBQWdDO0FBQ3BDO0FDbkRBO0lBQ0ksWUFBWTtJQUNaLGFBQWE7QUFDakI7QUFFQTtJQUNJLG1CQUFtQjtBQUN2QjtBQUVBO0lBQ0ksNEJBQTRCO0lBQzVCLGdDQUF3QjtJQUF4Qix3QkFBd0I7SUFDeEIsdUJBQXVCO0lBQ3ZCLHNCQUFzQjtJQUN0Qix1REFBdUQ7SUFDdkQsd0JBQXdCO0lBQ3hCLGdDQUFnQztJQUNoQyxvQ0FBb0M7QUEyUXhDO0FBelFJO1FBQ0kscUJBQXFCO1FBQ3JCLG9CQUFvQjtRQUNwQiw4QkFBOEI7SUFDbEM7QUFFQTtRQUNJLGFBQWE7UUFDYixZQUFZO1FBQ1osWUFBWTtJQU1oQjtBQUpJOztZQUVJLGtCQUFrQjtRQUN0QjtBQUdKO1FBQ0ksa0JBQWtCO1FBQ2xCLFdBQVc7UUFDWCxXQUFXO1FBQ1gsV0FBVztRQUNYLFdBQVc7UUFDWCxZQUFZO0lBQ2hCO0FBRUE7UUFDSSxrQkFBa0I7UUFDbEIsaUJBQWlCO0lBbUJyQjtBQWpCSTtZQUNJLDBCQUEwQjtZQUMxQixtQkFBbUI7WUFDbkIsbUJBQW1CO1lBQ25CLDZCQUE2QjtZQUM3QixxQkFBcUI7WUFDckIsOEJBQThCO1lBQzlCLG1CQUFtQjtZQUNuQixzQkFBc0I7WUFDdEIsb0JBQW9CO1FBQ3hCO0FBR0k7Z0JBQ0ksV0FBVztZQUNmO0FBSVI7UUFDSSxvQkFBb0I7UUFDcEIsd0JBQXdCO1FBQ3hCLGdDQUFnQztRQUNoQyxxQkFBcUI7SUFDekI7QUFFQTtRQUNJLG1DQUFtQztRQUNuQyxpQkFBaUI7UUFDakIsZ0JBQWdCO0lBS3BCO0FBSEk7QUFMSjtZQU1RO0lBRVI7UUFESTtBQUdKO1FBQ0ksdUJBQXVCO0lBQzNCO0FBRUE7O1FBRUksdUJBQXVCO0lBQzNCO0FBRUE7UUFDSSxZQUFZO1FBQ1osdUJBQXVCO1FBQ3ZCLGNBQWM7SUFDbEI7QUFFQTs7UUFFSSxrQkFBa0I7SUFVdEI7QUFSSTtZQUNJLG9CQUFvQjtZQUNwQixlQUFlO1lBQ2YsYUFBYTtZQUNiLDRCQUE0QjtZQUM1Qix1QkFBdUI7WUFDdkIsYUFBYTtRQUNqQjtBQUdKO1FBQ0ksb0JBQW9CO1FBQ3BCLHNCQUFzQjtJQTRDMUI7QUExQ0k7WUFDSSxtQkFBbUI7UUFDdkI7QUFFQTtZQUNJLDBCQUEwQjtZQUMxQixzQkFBc0I7WUFDdEIsNEJBQTRCO1lBQzVCLG9CQUFvQjtRQUt4QjtBQUhJO2dCQUNJLGdCQUFnQjtZQUNwQjtBQUdKO1lBQ0ksb0JBQW9CO1lBQ3BCLDJCQUEyQjtZQUMzQixrQkFBa0I7UUFDdEI7QUFFQTtZQUNJLG9CQUFvQjtZQUNwQixtQkFBbUI7WUFDbkIsbUJBQW1CO1FBaUJ2QjtBQWZJO2dCQUNJLG9CQUFvQjtZQUN4QjtBQUVBO2dCQUNJLHVCQUF1QjtZQVMzQjtBQVBJO29CQUNJLGFBQWE7Z0JBQ2pCO0FBRUE7b0JBQ0ksMENBQWtDOzRCQUFsQyxrQ0FBa0M7Z0JBQ3RDO0FBS1o7UUFDSSxtQkFBbUI7UUFDbkIsbUJBQW1CO1FBQ25CLG1CQUFtQjtRQUNuQixtQkFBbUI7UUFDbkIsbUJBQW1CO1FBQ25CLG1CQUFtQjtJQUt2QjtBQUhJO1lBQ0ksY0FBYztRQUNsQjtBQUlBO1lBQ0ksYUFBYTtRQUNqQjtBQUVBO1lBQ0kscUJBQXFCO1lBQ3JCLG9CQUFvQjtZQUNwQiw4QkFBOEI7WUFDOUIsNkJBQTZCO1lBQzdCLHdDQUF3QztRQUM1QztBQUdKO1FBQ0ksaUJBQWlCO1FBQ2pCLHNCQUFzQjtRQUN0QixnQkFBZ0I7SUFDcEI7QUFFQTtRQUNJLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsa0JBQWtCO0lBT3RCO0FBTEk7WUFDSSxrQkFBa0I7WUFDbEIsZUFBZTtZQUNmLGdCQUFnQjtRQUNwQjtBQUdKO1FBQ0ksbUJBQW1CO1FBQ25CLG1CQUFtQjtJQTZCdkI7QUEzQkk7WUFDSSxxQkFBcUI7UUFDekI7QUFGQTtZQUNJLHFCQUFxQjtRQUN6QjtBQUZBO1lBQ0kscUJBQXFCO1FBQ3pCO0FBRUE7WUFDSSxxQ0FBcUM7WUFDckMsNEJBQTRCO1FBTWhDO0FBSkk7O2dCQUVJLHFDQUFxQztZQUN6QztBQUdKO1lBQ0ksa0JBQWtCO1lBQ2xCLHNCQUFzQjtZQUN0QixtQkFBbUI7WUFDbkIsbUJBQW1CO1lBQ25CLDZCQUE2QjtZQUM3QiwyQkFBMkI7UUFNL0I7QUFKSTs7Z0JBRUksMENBQTBDO1lBQzlDO0FBSVI7QUF2T0o7UUF3T1E7QUEyQ1I7O1FBekNRO1lBQ0ksc0JBQXNCO1FBQzFCO2dCQUtRO29CQUNJLDhDQUE4QztvQkFDOUMsWUFBWTtnQkFDaEI7O1FBSVI7WUFDSSxZQUFZO1lBQ1osdUJBQXVCO1lBQ3ZCLGVBQWU7UUFDbkI7WUFHSTtnQkFDSSw0QkFBNEI7WUFDaEM7WUFJQTtnQkFDSSx5QkFBeUI7WUFLN0I7O2dCQUhJO29CQUNJLGlCQUFpQjtnQkFDckI7O1lBR0o7Z0JBQ0ksMkJBQTJCO2dCQUMzQixzQkFBc0I7WUFDMUI7SUFFUjtBQUdKO0lBQ0k7UUFDSSx1QkFBdUI7SUFDM0I7SUFDQTtRQUNJLHdCQUF3QjtJQUM1QjtJQUNBO1FBQ0kseUJBQXlCO0lBQzdCO0lBQ0E7UUFDSSx1QkFBdUI7SUFDM0I7QUFDSjtBQWJBO0lBQ0k7UUFDSSx1QkFBdUI7SUFDM0I7SUFDQTtRQUNJLHdCQUF3QjtJQUM1QjtJQUNBO1FBQ0kseUJBQXlCO0lBQzdCO0lBQ0E7UUFDSSx1QkFBdUI7SUFDM0I7QUFDSiIsImZpbGUiOiJmb290ZXIuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiOnJvb3Qge1xyXG4gICAgLyogdXRpbHMgKi9cclxuICAgIC0tYmRyOiAgICAgIDVweDtcclxuICAgIC0tdHJhbjogICAgIGFsbCAuM3MgZWFzZS1pbi1vdXQ7XHJcbiAgICAtLXBhZDogICAgICAkcGFkO1xyXG4gICAgLS1jbi1wYWQ6ICAgJGNuLXBhZDtcclxuXHJcbiAgICAtLXBhZC1hdXRvOiBhdXRvO1xyXG4gICAgLS1wYWQtMDogICAgMDtcclxuICAgIC0tcGFkLTE6ICAgIGNhbGModmFyKC0tcGFkKSAvIDIpO1xyXG4gICAgLS1wYWQtMjogICAgdmFyKC0tcGFkKTtcclxuICAgIC0tcGFkLTM6ICAgIGNhbGModmFyKC0tcGFkKSAqIDEuNSk7XHJcbiAgICAtLXBhZC00OiAgICBjYWxjKHZhcigtLXBhZCkgKiAyKTtcclxuICAgIC0tcGFkLTU6ICAgIGNhbGModmFyKC0tcGFkKSAqIDIuNSk7XHJcblxyXG4gICAgLyogZm9udCBzaXplcywgZml4ZWQgJiByZXNwb25zaXZlICovXHJcbiAgICAtLWZ6ICAgICAgOiAxcmVtO1xyXG4gICAgLS1meiAgICAgIDogMTZweDtcclxuICAgIC0tZnoteHMgICA6IDAuN3JlbTtcclxuICAgIC0tZnotc20gICA6IDAuNzVyZW07XHJcbiAgICAtLWZ6LW1kICAgOiAxLjI1cmVtO1xyXG4gICAgLS1mei1sZyAgIDogMS41cmVtO1xyXG4gICAgLS1mei14bCAgIDogMS43NXJlbTtcclxuICAgIC0tZnoteHhsICA6IDJyZW07XHJcbiAgICAtLWZ6ci0zMDAgOiBjbGFtcCgwLjdyZW0sIDAuNjZyZW0gKyAwLjJ2dywgMC44cmVtKTtcclxuICAgIC0tZnpyLTQwMCA6IGNsYW1wKDAuODhyZW0sIDAuODNyZW0gKyAwLjI0dncsIDFyZW0pO1xyXG4gICAgLS1menItNTAwIDogY2xhbXAoMS4wOXJlbSwgMXJlbSArIDAuNDd2dywgMS4zM3JlbSk7XHJcbiAgICAtLWZ6ci02MDAgOiBjbGFtcCgxLjM3cmVtLCAxLjIxcmVtICsgMC44dncsIDEuNzhyZW0pO1xyXG4gICAgLS1menItNzAwIDogY2xhbXAoMS43MXJlbSwgMS40NXJlbSArIDEuMjl2dywgMi4zN3JlbSk7XHJcbiAgICAtLWZ6ci04MDAgOiBjbGFtcCgyLjE0cmVtLCAxLjc0cmVtICsgMS45OXZ3LCAzLjE2cmVtKTtcclxuICAgIC0tZnpyLTkwMCA6IGNsYW1wKDIuNjdyZW0sIDIuMDdyZW0gKyAzdncsIDQuMjFyZW0pO1xyXG5cclxuICAgIC0tZnotaDE6IDU5cHg7XHJcbiAgICAtLWZ6LWgyOiAzNXB4O1xyXG4gICAgLS1mei1oMzogMjRweDtcclxuICAgIC0tZnotMTI6IC43NXJlbTtcclxuICAgIC0tZnotMTQ6IC44NzVyZW07XHJcbiAgICAtLWZ6LTE4OiAxLjEyNXJlbTtcclxuXHJcbiAgICAvKiBjb2xvcnMgKi9cclxuICAgIC0tYy1ibGFjazogICAgICAgICMwMDA7XHJcbiAgICAtLWMtd2hpdGU6ICAgICAgICAjZmZmO1xyXG4gICAgLS1jLWxpZ2h0OiAgICAgICAgI2Y4ZjhmODtcclxuICAgIC0tYy1kYXJrOiAgICAgICAgICM1MzUzNTM7XHJcbiAgICAtLWMtZGFya2VyOiAgICAgICAjMmUyZTJlO1xyXG4gICAgLyogLS1jLWJsdWU6ICAgICAgICAgIzFiMzRkOTsgKi9cclxuICAgIC0tYy1ibHVlOiAgICAgICAgICMwMDY2ZmY7XHJcbiAgICAtLWMtcGluazogICAgICAgICAjZTQzNjUzO1xyXG4gICAgLS1jLWdyZXk6ICAgICAgICAgIzk3OTc5NztcclxuICAgIC0tYy1ncmV5LWxpZ2h0OiAgICNlZWU7XHJcbiAgICAtLWMtZ3JleS1saWdodGVyOiAjZThlOGU4O1xyXG5cclxuICAgIC0tYy1iZzogICAgICAgICAgIHZhcigtLWMtd2hpdGUpO1xyXG4gICAgLS1jLWZnOiAgICAgICAgICAgdmFyKC0tYy1ibGFjayk7XHJcbn1cclxuIiwiQGltcG9ydCAnY29tcG9uZW50cy9fc3lzdGVtLnBjc3MnO1xyXG5AaW1wb3J0ICdjb21wb25lbnRzL192YXJpYWJsZXMucGNzcyc7XHJcblxyXG4qIHtcclxuICAgIG1pbi13aWR0aDogMDtcclxuICAgIG1pbi1oZWlnaHQ6IDA7XHJcbn1cclxuXHJcbiosICo6YmVmb3JlLCAqOmFmdGVyIHtcclxuICAgIGJveC1zaXppbmc6IGluaGVyaXQ7XHJcbn1cclxuXHJcbi5mb290ZXIge1xyXG4gICAgYm94LXNpemluZzogICAgICAgYm9yZGVyLWJveDtcclxuICAgIHBvc2l0aW9uOiAgICAgICAgIHN0aWNreTtcclxuICAgIHRvcDogICAgICAgICAgICAgIDEwMHZoO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzIyMjtcclxuICAgIHBhZGRpbmc6ICAgICAgICAgIHZhcigtLXBhZC0yKSAwIGNhbGModmFyKC0tcGFkLTIpICogMik7XHJcbiAgICBvdmVyZmxvdzogICAgICAgICBoaWRkZW47XHJcbiAgICBjb2xvcjogICAgICAgICAgICB2YXIoLS1jLXdoaXRlKTtcclxuICAgIGZvbnQtZmFtaWx5OiAgICAgIFJvYm90bywgc2Fucy1zZXJpZjtcclxuXHJcbiAgICAmLWhlYWRlciB7XHJcbiAgICAgICAgZGlzcGxheTogICAgICAgICBmbGV4O1xyXG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiAgcm93O1xyXG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcclxuICAgIH1cclxuXHJcbiAgICBzdmcge1xyXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgICAgd2lkdGg6ICAgMWVtO1xyXG4gICAgICAgIGhlaWdodDogIDFlbTtcclxuXHJcbiAgICAgICAgJjpub3QoW2ZpbGxdKSxcclxuICAgICAgICAmICo6bm90KFtmaWxsXSkge1xyXG4gICAgICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgICNwYXJ0aWNsZXMtanMge1xyXG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICB0b3A6ICAgICAgMDtcclxuICAgICAgICByaWdodDogICAgMDtcclxuICAgICAgICBib3R0b206ICAgMDtcclxuICAgICAgICBsZWZ0OiAgICAgMDtcclxuICAgICAgICB6LWluZGV4OiAgLTE7XHJcbiAgICB9XHJcblxyXG4gICAgYSB7XHJcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICAgIGNvbG9yOiAgICBpbmhlcml0O1xyXG5cclxuICAgICAgICAmOmFmdGVyIHtcclxuICAgICAgICAgICAgcG9zaXRpb246ICAgICAgICAgYWJzb2x1dGU7XHJcbiAgICAgICAgICAgIGJvdHRvbTogICAgICAgICAgIDA7XHJcbiAgICAgICAgICAgIGxlZnQ6ICAgICAgICAgICAgIDA7XHJcbiAgICAgICAgICAgIHRyYW5zaXRpb246ICAgICAgIHZhcigtLXRyYW4pO1xyXG4gICAgICAgICAgICBvcGFjaXR5OiAgICAgICAgICAuNzU7XHJcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcclxuICAgICAgICAgICAgd2lkdGg6ICAgICAgICAgICAgMDtcclxuICAgICAgICAgICAgaGVpZ2h0OiAgICAgICAgICAgLjFlbTtcclxuICAgICAgICAgICAgY29udGVudDogICAgICAgICAgJyc7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAmOmhvdmVyIHtcclxuICAgICAgICAgICAgJjphZnRlciB7XHJcbiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAmLXNwYWNlciB7XHJcbiAgICAgICAgb3BhY2l0eTogICAgICAgICAgLjI7XHJcbiAgICAgICAgbWFyZ2luOiAgICAgICAgICAgMzVweCAwO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWMtd2hpdGUpO1xyXG4gICAgICAgIGhlaWdodDogICAgICAgICAgIDJweDtcclxuICAgIH1cclxuXHJcbiAgICAmLWxvZ28ge1xyXG4gICAgICAgIGZvbnQtZmFtaWx5OiBHb3RoYW0gUHJvLCBzYW5zLXNlcmlmO1xyXG4gICAgICAgIGZvbnQtc2l6ZTogICAyMnB4O1xyXG4gICAgICAgIGZvbnQtd2VpZ2h0OiA3MDA7XHJcblxyXG4gICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiAkbXEtbWQpIHtcclxuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1mei1oMik7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgICYtdGVsIHtcclxuICAgICAgICBmb250LXNpemU6IHZhcigtLWZ6LWxnKTtcclxuICAgIH1cclxuXHJcbiAgICAmLW1haWwsXHJcbiAgICAmLWNvcHkge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZnotMTQpO1xyXG4gICAgfVxyXG5cclxuICAgICYtY29weSB7XHJcbiAgICAgICAgb3BhY2l0eTogICAxO1xyXG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZnotMTQpO1xyXG4gICAgICAgIG1heC13aWR0aDogNjAlO1xyXG4gICAgfVxyXG5cclxuICAgICYtdGVsLFxyXG4gICAgJi1tYWlsIHtcclxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcblxyXG4gICAgICAgIHN2ZyB7XHJcbiAgICAgICAgICAgIHBvc2l0aW9uOiAgIGFic29sdXRlO1xyXG4gICAgICAgICAgICB0b3A6ICAgICAgICA1MCU7XHJcbiAgICAgICAgICAgIGxlZnQ6ICAgICAgIDA7XHJcbiAgICAgICAgICAgIHRyYW5zZm9ybTogIHRyYW5zbGF0ZVkoLTUwJSk7XHJcbiAgICAgICAgICAgIHRyYW5zaXRpb246IHZhcigtLXRyYW4pO1xyXG4gICAgICAgICAgICBvcGFjaXR5OiAgICAwO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAmLW5hdiB7XHJcbiAgICAgICAgZGlzcGxheTogICAgICAgIGZsZXg7XHJcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuXHJcbiAgICAgICAgKiB7XHJcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IC41ZW07XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAmLS1zb2NpYWxzIHtcclxuICAgICAgICAgICAgYWxpZ24taXRlbXM6ICAgIGZsZXgtc3RhcnQ7XHJcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206ICB2YXIoLS1wYWQtMik7XHJcbiAgICAgICAgICAgIGdhcDogICAgICAgICAgICAuNWVtO1xyXG5cclxuICAgICAgICAgICAgXiZfX3RpdGxlIHtcclxuICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDA7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcblxyXG4gICAgICAgICZfX3RpdGxlIHtcclxuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogLjY3ZW07XHJcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogICAgIHZhcigtLWZ6LTE4KTtcclxuICAgICAgICAgICAgZm9udC13ZWlnaHQ6ICAgNTAwO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgJl9fc29jaWFscyB7XHJcbiAgICAgICAgICAgIGRpc3BsYXk6ICAgICAgICBmbGV4O1xyXG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xyXG4gICAgICAgICAgICBnYXA6ICAgICAgICAgICAgMWVtO1xyXG5cclxuICAgICAgICAgICAgKiB7XHJcbiAgICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiB1bnNldDtcclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgYSB7XHJcbiAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiB2YXIoLS10cmFuKTtcclxuXHJcbiAgICAgICAgICAgICAgICAmOmFmdGVyIHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xyXG4gICAgICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgICAgICY6aG92ZXIge1xyXG4gICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogYW4tcm90IDAuM3MgZWFzZS1pbi1vdXQ7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgJi1uYXYtaW5saW5lIHtcclxuICAgICAgICBkaXNwbGF5OiAgICAgICBmbGV4O1xyXG4gICAgICAgIGZsZXgtd3JhcDogICAgIHdyYXA7XHJcbiAgICAgICAgZ3JpZC1nYXA6ICAgICAgMTBweDtcclxuICAgICAgICBtYXJnaW4tdG9wOiAgICAxOXB4O1xyXG4gICAgICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XHJcbiAgICAgICAgZm9udC1zaXplOiAgICAgMTNweDtcclxuXHJcbiAgICAgICAgJl9fc2VwIHtcclxuICAgICAgICAgICAgY29sb3I6ICMzOTM5Mzk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgICYtY29sIHtcclxuICAgICAgICAmLS1jb250YWN0cyB7XHJcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAmLS1uYXYge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiAgICAgICAgIGZsZXg7XHJcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiAgcm93O1xyXG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206ICAgdmFyKC0tcGFkLTIpO1xyXG4gICAgICAgICAgICBnYXA6ICAgICAgICAgICAgIGNsYW1wKDJyZW0sIDV2dywgMTAwcHgpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAmLXN1YnRpdGxlIHtcclxuICAgICAgICBtYXJnaW4tdG9wOiAgMTJweDtcclxuICAgICAgICBmb250LXNpemU6ICAgdmFyKC0tZnopO1xyXG4gICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICB9XHJcblxyXG4gICAgYWRkcmVzcyB7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogdmFyKC0tcGFkLTIpO1xyXG4gICAgICAgIGZvbnQtc2l6ZTogIHZhcigtLWZ6LTE0KTtcclxuICAgICAgICBmb250LXN0eWxlOiBub3JtYWw7XHJcblxyXG4gICAgICAgIHN0cm9uZyB7XHJcbiAgICAgICAgICAgIGRpc3BsYXk6ICAgICBibG9jaztcclxuICAgICAgICAgICAgb3BhY2l0eTogICAgIC40O1xyXG4gICAgICAgICAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAuZm9ybSB7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogICAgMjRweDtcclxuICAgICAgICBtYXJnaW4tYm90dG9tOiAyMnB4O1xyXG5cclxuICAgICAgICA6OnBsYWNlaG9sZGVyIHtcclxuICAgICAgICAgICAgY29sb3I6IHZhcigtLWMtbGlnaHQpO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgaW5wdXQge1xyXG4gICAgICAgICAgICBib3JkZXItY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgLjIpO1xyXG4gICAgICAgICAgICBjb2xvcjogICAgICAgIHZhcigtLWMtd2hpdGUpO1xyXG5cclxuICAgICAgICAgICAgJjpmb2N1cyxcclxuICAgICAgICAgICAgJjphY3RpdmUge1xyXG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIC42KTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgLmJ0biB7XHJcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgICAgICAgICAgYmFja2dyb3VuZDogICAgIzMwMmYyZjtcclxuICAgICAgICAgICAgd2lkdGg6ICAgICAgICAgMTAwJTtcclxuICAgICAgICAgICAgaGVpZ2h0OiAgICAgICAgMTAwJTtcclxuICAgICAgICAgICAgY29sb3I6ICAgICAgICAgdmFyKC0tYy13aGl0ZSk7XHJcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogICAgIHZhcigtLWZ6LTEyKTtcclxuXHJcbiAgICAgICAgICAgICY6aG92ZXIsXHJcbiAgICAgICAgICAgICY6Zm9jdXMge1xyXG4gICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMnB4IHZhcigtLWMtd2hpdGUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIEBtZWRpYSAobWluLXdpZHRoOiAkbXEtbWQpIHtcclxuICAgICAgICBwYWRkaW5nOiB2YXIoLS1wYWQtNSkgMCBjYWxjKHZhcigtLXBhZC01KSAqIDIpO1xyXG5cclxuICAgICAgICAmLXNwYWNlciB7XHJcbiAgICAgICAgICAgIG1hcmdpbjogdmFyKC0tcGFkLTUpIDA7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAmLXRlbCxcclxuICAgICAgICAmLW1haWwge1xyXG4gICAgICAgICAgICAmOmhvdmVyIHtcclxuICAgICAgICAgICAgICAgIHN2ZyB7XHJcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoY2FsYygtMTAwJSAtIDEwcHgpLCAtNTAlKTtcclxuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAgIDE7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcblxyXG4gICAgICAgICYtY29weSB7XHJcbiAgICAgICAgICAgIG9wYWNpdHk6ICAgMTtcclxuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1mei0xNCk7XHJcbiAgICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgICYtbmF2IHtcclxuICAgICAgICAgICAgJl9fc29jaWFscyB7XHJcbiAgICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAgdmFyKC0tcGFkLTQpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAmLWNvbCB7XHJcbiAgICAgICAgICAgICYtLWNvbnRhY3RzIHtcclxuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XHJcblxyXG4gICAgICAgICAgICAgICAgZGl2IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogYXV0bztcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgJi0tbmF2IHtcclxuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcclxuICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206ICAgdW5zZXQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuXHJcbkBrZXlmcmFtZXMgYW4tcm90IHtcclxuICAgIDAlIHtcclxuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcclxuICAgIH1cclxuICAgIDQwJSB7XHJcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMjBkZWcpO1xyXG4gICAgfVxyXG4gICAgNjAlIHtcclxuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtMjBkZWcpO1xyXG4gICAgfVxyXG4gICAgMTAwJSB7XHJcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XHJcbiAgICB9XHJcbn1cclxuIl19 */

/*
!!!!!!! YOU THERE !!!!!!
! DON'T EDIT THIS FILE !
!!!!!!!!! DON'T !!!!!!!!
 */
*, :after, :before {
    padding: 0;
    margin: 0
}

html {
    line-height: 1.15;
    font-family: sans-serif
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

a {
    bajs-func-wrap-navigation-itemckground-color: transparent
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button, input, optgroup, select, textarea {
    line-height: inherit;
    border: 1px solid currentColor
}

button {
    overflow: visible;
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    padding: 1px 6px
}

input {
    overflow: visible
}

input, textarea {
    padding: 1px
}

fieldset {
    border: 1px solid currentColor;
    margin: 0 2px
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

select {
    text-transform: none
}

textarea {
    overflow: auto;
    vertical-align: top
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=color] {
    background: inherit
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .5
}

::-webkit-file-upload-button, ::-webkit-search-decoration {
    -webkit-appearance: button;
    font: inherit
}

::-moz-focus-inner {
    border: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

hr {
    box-sizing: content-box;
    height: 0;
    color: inherit;
    overflow: visible
}

dl, ol, ul {
    margin: 1em 0
}

dl dl, dl ol, dl ul, ol dl, ol ol, ol ul, ul dl, ul ol, ul ul {
    margin: 0
}

b, strong {
    font-weight: bolder
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

table {
    text-indent: 0;
    border-color: inherit
}

details, dialog {
    display: block
}

dialog {
    background-color: inherit;
    border: solid;
    color: inherit;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}

dialog:not([open]) {
    display: none
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

:root {
    --bdr: 5px;
    --tran: all .3s ease-in-out;
    --pad: 1rem;
    --cn-pad: 20px;
    --pad-auto: auto;
    --pad-0: 0;
    --pad-1: calc(var(--pad) / 2);
    --pad-2: var(--pad);
    --pad-3: calc(var(--pad) * 1.5);
    --pad-4: calc(var(--pad) * 2);
    --pad-5: calc(var(--pad) * 2.5);
    --fz: 1rem;
    --fz: 16px;
    --fz-xs: 0.7rem;
    --fz-sm: 0.75rem;
    --fz-md: 1.25rem;
    --fz-lg: 1.5rem;
    --fz-xl: 1.75rem;
    --fz-xxl: 2rem;
    --fzr-300: clamp(0.7rem, 0.66rem + 0.2vw, 0.8rem);
    --fzr-400: clamp(0.88rem, 0.83rem + 0.24vw, 1rem);
    --fzr-500: clamp(1.09rem, 1rem + 0.47vw, 1.33rem);
    --fzr-600: clamp(1.37rem, 1.21rem + 0.8vw, 1.78rem);
    --fzr-700: clamp(1.71rem, 1.45rem + 1.29vw, 2.37rem);
    --fzr-800: clamp(2.14rem, 1.74rem + 1.99vw, 3.16rem);
    --fzr-900: clamp(2.67rem, 2.07rem + 3vw, 4.21rem);
    --fz-h1: 59px;
    --fz-h2: 35px;
    --fz-h3: 24px;
    --fz-12: .75rem;
    --fz-14: .875rem;
    --fz-18: 1.125rem;
    --c-black: #000;
    --c-white: #fff;
    --c-light: #f8f8f8;
    --c-dark: #535353;
    --c-darker: #2e2e2e;
    --c-blue: #06f;
    --c-pink: #e43653;
    --c-grey: #979797;
    --c-grey-light: #eee;
    --c-grey-lighter: #e8e8e8;
    --c-bg: var(--c-white);
    --c-fg: var(--c-black)
}

.collapsar__item {
    transition: var(--tran);
    margin-bottom: var(--pad-1);
    border-radius: var(--bdr);
    background-color: var(--c-white);
    padding: var(--pad-1)
}

.collapsar__item:last-child {
    margin-bottom: 0
}

.collapsar__item.--expanded .collapsar__title {
    color: var(--accent-color, var(--c-blue))
}

.collapsar__item.--expanded .collapsar__title svg {
    transform: rotate(135deg)
}

.collapsar__content {
    transition: var(--tran);
    font-size: 15px
}

.collapsar__content ul {
    list-style-type: disc;
    padding: 0 20px;
}

.collapsar__content ul li {
    list-style-type: disc !important;
}

.collapsar__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: var(--c-darker);
    font-family: Gotham Pro, sans-serif;
    font-size: 20px;
    font-weight: 700
}

.collapsar__title svg {
    transition: var(--tran);
    color: #292d32
}

.collapsar__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--pad-1);
    border-radius: var(--bdr);
    background-color: var(--c-white);
    padding: var(--pad-1);
    color: var(--c-darker);
    font-size: 20px
}

.collapsar__list:last-child {
    margin-bottom: 0
}

.collapsar__list strong {
    margin-right: 20px;
    font-weight: 500
}

.collapsar--white .collapsar__item {
    margin-bottom: 20px;
    background-color: transparent;
    padding: 0;
    color: var(--c-white)
}

.collapsar--white .collapsar__title {
    color: var(--c-white)
}

.collapsar--white .collapsar__title > div {
    margin-bottom: 10px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: flex
}

.collapsar--white .collapsar__title svg {
    transform: unset !important;
    color: var(--c-white)
}

.collapsar--white .collapsar__content {
    padding-left: 28px
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    margin-bottom: var(--pad-2);
    line-height: 1;
    color: var(--c-darker);
    font-family: Gotham Pro, sans-serif
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin-bottom: unset
}

h1 {
    font-size: var(--fz-h1);
    font-weight: 300
}

h2 {
    font-weight: 700;
    line-height: 1.4
}

h2, h3 {
    font-size: var(--fz-h3)
}

h3 {
    font-weight: 300
}

.subtitle {
    margin-bottom: var(--pad-1);
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 500
}

.white-subtitle {
    position: relative;
    color: #FFFFFF;
}

.white-subtitle::after {
    position: absolute;
    bottom: calc(var(--pad-1) * -1);
    left: 0;
    background-color: var(--c-white);
    width: 3ch;
    height: 1px;
    content: "";
}

/* .list-disc {
    padding-left: var(--pad)
} */

.list-disc li {
    list-style-type: disc
}
.list-disc.margin-l20 li {
    margin-left: 20px;
}

* {
    min-width: 0;
    min-height: 0
}

*, :after, :before {
    box-sizing: inherit
}

html {
    box-sizing: border-box;
    background: var(--c-bg);
    line-height: 1.4;
    color: var(--c-fg);
    font-family: Roboto, sans-serif;
    font-size: var(--fz);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    fill: inherit;
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

body, html {
    position: relative;
    min-height: 100vh
}

body {
    display: flex;
    flex-direction: column
}

[x-cloak] {
    display: none !important
}

svg {
    display: flex;
    width: 1em;
    height: 1em
}

svg:not([fill]), svg :not([fill]) {
    fill: currentColor
}

a, button {
    transition: var(--tran);
    outline: 0
}

a, a:hover, button, button:hover {
    text-decoration: none;
    fill: currentColor
}

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

p {
    margin-bottom: var(--pad-2)
}

p:last-child {
    margin-bottom: 0
}

dl, ol, ul {
    margin: 0
}

.footer, .header {
    flex: 0 0 auto
}

.main {
    flex: 1 0 auto
}

.dmodal-root {
    display: flex;
    z-index: 20;
    overflow-y: auto
}

.dmodal-overlay, .dmodal-root {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.dmodal-overlay {
    background-color: rgba(0, 0, 0, .8)
}

.dmodal-wrap {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding: var(--pad-2)
}

.dmodal-window {
    position: relative;
    border-radius: 5px;
    background-color: var(--c-white);
    overflow: hidden
}

.dmodal--startupform .rangeslider__fill__bg {
    background-color: #000;
    opacity: .2
}

.dmodal--startupform .credit-range {
    font-size: 12px
}

.dmodal--startupform .credit-range__title {
    font-size: 16px
}

.dmodal-close {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: var(--pad-3);
    font-size: var(--fz-14)
}

.dmodal-close--float {
    z-index: 1;
    background-color: var(--c-black);
    border-radius: 999em;
    color: var(--c-white);
    padding: var(--pad-2);
    top: 10px;
    right: 10px
}

.dmodal-sideimg {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.dmodal-svgimg {
    text-align: center
}

.dmodal-svgimg, .dmodal-vacancy-gradient {
    display: flex;
    align-items: center;
    justify-content: center
}

.dmodal-vacancy-gradient {
    --_bgc: var(--bgc, #fff);
    background-color: var(--_bgc);
    position: relative
}

.dmodal-vacancy-gradient:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(157deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, 0) 40%, transparent 80%, rgba(0, 0, 0, .1));
    z-index: 0
}

.dmodal-vacancy-gradient img {
    z-index: 1
}

.dmodal-title {
    color: var(--c-black);
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 500
}

.dmodal-video {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 90vh
}

:-ms-input-placeholder {
    color: var(--c-darker)
}

::placeholder {
    color: var(--c-darker)
}

input, textarea {
    outline: unset;
    border: unset;
    border-radius: 0;
    background-color: transparent;
    font-family: inherit;
    -webkit-appearance: none
}

input:active, input:focus, textarea:active, textarea:focus {
    outline: unset
}

textarea {
    resize: vertical
}

.form-control {
    --s-bs-width: 1px;
    transition: var(--tran);
    box-shadow: inset 0 0 0 var(--s-bs-width);
    padding: .5em 1em;
    color: var(--c-darker);
    font-size: var(--fz)
}

.form-control:active, .form-control:focus {
    --s-bs-width: 2px
}

.form-control--fw {
    width: 100%
}

.form-control--underline {
    border-bottom: 1px solid currentColor;
    box-shadow: unset;
    padding-right: 0;
    padding-left: 0
}

.form-control--underline:active, .form-control--underline:focus {
    border-color: var(--accent-color)
}

.swiper .swiper-wrapper {
    box-sizing: border-box
}

.swiper .swiper-button-next, .swiper .swiper-button-prev {
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    transition: var(--tran);
    margin-top: unset;
    width: unset;
    height: unset;
    color: var(--c-fg)
}

.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after {
    display: none
}

.swiper .swiper-button-next svg, .swiper .swiper-button-prev svg {
    width: 2em;
    height: 1em
}

.swiper .swiper-button-next:hover, .swiper .swiper-button-prev:hover {
    color: var(--accent-color)
}

.swiper .swiper-button-prev {
    transform: scaleX(-1)
}

.swiper-scrollbar--round {
    --_accent: var(--accent, #000);
    position: relative !important;
    left: unset !important;
    bottom: unset !important;
    width: 100% !important;
    height: 12px !important;
    background-color: transparent !important
}

.swiper-scrollbar--round:before {
    content: "";
    position: absolute;
    height: 2px;
    background-color: #ededed;
    width: 100%;
    top: 5px;
    left: 0
}

.swiper-scrollbar--round .swiper-scrollbar-drag {
    background-color: var(--_accent);
    height: 12px;
    border-radius: 999em
}

.swiper-wrapper-education {
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
}

.swiper-wrapper-meshSpace .swiper-slide {
    width: 375px !important;
}

.splide {
    --_accent: var(--accent-color, var(--c-blue))
}

.splide__arrow {
    transition: var(--tran);
    border: unset;
    background-color: transparent;
    color: var(--c-fg);
    font-size: inherit
}

.splide__arrow svg {
    width: 2em;
    height: 1em
}

.splide__arrow:hover {
    color: var(--_accent)
}

.splide__arrow--prev {
    transform: scaleX(-1)
}

.splide .splide__pagination {
    gap: 5px
}

.splide .splide__pagination li {
    display: flex
}

.splide .splide__pagination__page {
    opacity: .6;
    border-radius: 999em;
    background-color: var(--_accent);
    padding: 0;
    width: 25px;
    height: 5px;
    border: unset
}

.splide .splide__pagination__page.is-active {
    opacity: 1;
    width: 40px
}

.slider-arrows {
    display: flex;
    margin: auto calc(var(--pad-2) * -1) 0 auto
}

.slider-arrows__spacer {
    margin: 0;
    color: var(--c-grey-light)
}

.slider-arrows .splide__arrow, .slider-arrows .swiper-button-next, .slider-arrows .swiper-button-prev {
    padding: 0 var(--pad-2)
}

.slider-color--var .swiper-pagination-bullet-active, .slider-color--var .swiper-scrollbar-drag, .slider-color--var .swiper-slide-active .card-review__text {
    background-color: var(--accent-color, var(--c-blue)) !important
}

.slider-color--var .swiper-slide-active .card-review__text:before {
    border-bottom-color: var(--accent-color, var(--c-blue)) !important
}

.slider-color--var .swiper-button-next, .slider-color--var .swiper-button-next:hover, .slider-color--var .swiper-button-prev, .slider-color--var .swiper-button-prev:hover {
    color: var(--accent-color, var(--c-blue)) !important
}

.btn-unset {
    border: unset;
    background-color: unset;
    padding: unset
}

.btn {
    --s-bg: var(--c-bg);
    --s-fg: var(--c-fg);
    --s-bd-width: 0;
    --s-bd-color: transparent;
    --s-pad-y: .25em;
    --s-pad-x: .5em;
    --s-pad: var(--s-pad-y) var(--s-pad-x);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--tran);
    border: unset;
    border-radius: var(--bdr);
    box-shadow: inset 0 0 0 var(--s-bd-width) var(--s-bd-color);
    background-color: var(--s-bg);
    padding: var(--s-pad);
    vertical-align: middle;
    text-decoration: none;
    color: var(--s-fg);
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    gap: .5em
}

.btn svg {
    flex-shrink: 0
}

.btn:hover {
    cursor: pointer;
    color: var(--s-fg)
}

.btn.disabled, .btn:disabled {
    opacity: .5;
    cursor: not-allowed
}

.btn--fw {
    width: 100%
}

.btn--icon, .btn--round {
    --bdr: 999em
}

.btn--icon {
    padding: .5em
}

.btn--black {
    --s-bg: #262626;
    --s-fg: #fff
}

.btn--black:hover {
    --s-bg: #fff;
    --s-fg: #262626
}

.btn--black:focus {
    --s-bg: #262626;
    --s-fg: #fff
}

.btn--dark {
    --s-bg: var(--c-dark);
    --s-fg: #fff
}

.btn--dark:hover {
    --s-bg: #fff;
    --s-fg: var(--c-dark)
}

.btn--dark:focus {
    --s-bg: var(--c-dark);
    --s-fg: #fff
}

.btn--darker {
    --s-bg: var(--c-darker);
    --s-fg: #fff
}

.btn--darker:hover {
    --s-bg: #fff;
    --s-fg: var(--c-darker)
}

.btn--darker:focus {
    --s-bg: var(--c-darker);
    --s-fg: #fff
}

.btn--outline {
    --s-bd-width: 1px;
    --s-bd-color: var(--s-bg);
    --s-fg: var(--s-bg);
    transition-duration: 0s;
    background-color: transparent
}

.btn--outline:hover {
    --s-bd-width: 2px
}

.btn--outline-hover {
    --s-bd-color: var(--s-fg)
}

.btn--outline-hover:focus, .btn--outline-hover:hover {
    --s-bd-width: 2px
}

.bg-black {
    background-color: var(--c-black)
}

.c-black {
    color: var(--c-black)
}

.bg-white {
    background-color: var(--c-white)
}

.c-white {
    color: var(--c-white)
}

.bg-light {
    background-color: var(--c-light)
}

.c-light {
    color: var(--c-light)
}

.bg-dark {
    background-color: var(--c-dark)
}

.c-dark {
    color: var(--c-dark)
}

.bg-darker {
    background-color: var(--c-darker)
}

.c-darker {
    color: var(--c-darker)
}

.bg-blue {
    background-color: var(--c-blue)
}

.c-blue {
    color: var(--c-blue)
}

.bg-pink {
    background-color: var(--c-pink)
}

.c-pink {
    color: var(--c-pink)
}

.bg-grey {
    background-color: var(--c-grey)
}

.c-grey {
    color: var(--c-grey)
}

.bg-grey-light {
    background-color: var(--c-grey-light)
}

.c-grey-light {
    color: var(--c-grey-light)
}

.bg-grey-lighter {
    background-color: var(--c-grey-lighter)
}

.c-grey-lighter {
    color: var(--c-grey-lighter)
}

.ff-roboto {
    font-family: Roboto, sans-serif !important
}

.ff-gotham {
    font-family: Gotham Pro, sans-serif !important
}

.fz-sm {
    font-size: var(--fz-sm) !important
}

.fz-md {
    font-size: var(--fz-md) !important
}

.fz-lg {
    font-size: var(--fz-lg) !important
}

.fz-xl {
    font-size: var(--fz-xl) !important
}

.fz-xxl {
    font-size: var(--fz-xxl) !important
}

.fzr-300 {
    font-size: var(--fzr-300) !important
}

.fzr-400 {
    font-size: var(--fzr-400) !important
}

.fzr-500 {
    font-size: var(--fzr-500) !important
}

.fzr-600 {
    font-size: var(--fzr-600) !important
}

.fzr-700 {
    font-size: var(--fzr-700) !important
}

.fzr-800 {
    font-size: var(--fzr-800) !important
}

.fzr-900 {
    font-size: var(--fzr-900) !important
}

body.darkness {
    color: #f1f1f1;
    background-color: #282828
}

.darkness .license-section__see-more-href > a, .darkness .license-section__see-more-href > span, .darkness .mesh-content-section__nav ul li, .darkness .mesh-section__header-text, .darkness .mesh-section__header-title > span, .darkness .portfolio-video-modal__description-part-title, .darkness .slides-filter__button, .darkness .subtitle, .darkness h1, .darkness h2, .darkness h3, .darkness h4, .darkness h5, .darkness h6, .darkness p {
    color: #f1f1f1
}

.darkness .outsource-slider__next svg path, .darkness .outsource-slider__prev svg path {
    fill: #f1f1f1
}

.darkness .license-section__see-more-href > div, .darkness .outsource-slider__navigation .swiper-pagination .swiper-pagination-bullet, .darkness .outsource-slider__navigation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #f1f1f1 !important
}

.darkness .section-fit {
    color: hsla(0, 0%, 100%, .05)
}

.darkness .card-vacancy__exp p, .darkness .card-vacancy__show, .darkness .card-vacancy__title p, .darkness .form-control--underline {
    color: #eee
}

.darkness .dmodal-window {
    background-color: #282828
}

.darkness :-ms-input-placeholder {
    color: #eee
}

.darkness ::placeholder {
    color: #eee
}

.darkness .card-vacancy__img--linear:before {
    background-image: linear-gradient(72deg, transparent, transparent 40%, #000)
}

.darkness .categories-carousel .content, .darkness .portfolio-video-modal__description-part {
    background-color: #323232
}

@keyframes a {
    0% {
        transform: rotate(40deg) translateY(-50%);
        width: 24px
    }
    to {
        transform: rotate(-40deg) translate(10%, -250%);
        width: 16px
    }
}

@keyframes b {
    0% {
        transform: rotate(-40deg) translateY(-50%);
        width: 24px
    }
    to {
        transform: rotate(40deg) translate(10%, 250%);
        width: 16px
    }
}

@keyframes c {
    0% {
        transform: rotate(-40deg) translate(10%, -250%);
        width: 20px
    }
    to {
        transform: rotate(40deg) translateY(-50%);
        width: 16px
    }
}

@keyframes d {
    0% {
        transform: rotate(40deg) translate(10%, 250%);
        width: 20px
    }
    to {
        transform: rotate(-40deg) translateY(-50%);
        width: 16px
    }
}

.header-tv {
    display: none;
    border-bottom: 1px solid #e8e8e8;
    height: 32px
}

body:after {
}

body.pace-done:after {
    display: none
}

.section-fit {
    position: absolute;
    /* top: -1rem; */
    right: 0;
    left: 0;
    z-index: -1;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    color: var(--c-grey-light);
    font-family: Gotham Pro, sans-serif;
    font-size: 8vw;
    font-size: clamp(16px, calc(100vw / var(--chars)), 150px);
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.heroHomepage .section-fit {
    top: 0
}

.our-team-slider .swiper-slide, .our-team-slider__navigation {
    display: flex;
    justify-content: center
}

.our-team-slider__navigation {
    --_accent: var(--c-black);
    align-items: center;
    gap: 16px;
    width: 100%;
    margin-top: 20px;
}

.our-team-slider__navigation .swiper-pagination {
    position: relative;
    z-index: 0;
    bottom: unset !important;
    width: unset !important;
    top: unset !important;
    left: unset !important;
    display: flex;
    gap: 5px
}

.our-team-slider__navigation .swiper-pagination-lock {
    display: none !important
}

.our-team-slider__navigation .swiper-pagination-bullet {
    margin: 0 !important;
    display: block !important;
    height: 5px !important;
    border-radius: 999em;
    background-color: var(--_accent) !important;
    opacity: .6;
    min-width: 25px
}

.our-team-slider__navigation .swiper-pagination-bullet-active {
    min-width: 40px;
    opacity: 1
}

.our-team-slider__navigation .swiper-button-next, .our-team-slider__navigation .swiper-button-prev {
    color: var(--_accent) !important;
    width: 1em !important;
    height: 1em !important
}

.slides-filter {
    --_accent: var(--accent-color, var(--c-pink));
    margin-right: calc(var(--cn-pad) * -1);
    margin-left: calc(var(--cn-pad) * -1);
    padding-right: var(--cn-pad);
    padding-top: var(--pad-3);
    padding-bottom: var(--pad-3);
    padding-left: var(--cn-pad)
}

.slides-filter__button {
    transition: var(--tran);
    border: unset;
    background-color: transparent;
    padding: .1em .6em;
    width: auto !important;
    color: var(--c-black);
    font-size: var(--fz-18);
    font-weight: 400
}

.slides-filter__button:focus, .slides-filter__button:hover {
    color: var(--_accent)
}

.slides-filter__button--active, .slides-filter__button.active {
    border-radius: var(--bdr);
    background-color: var(--_accent);
    color: var(--c-white);
    font-weight: 500
}

.color_black {
    color: black;
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .configuration {
        margin-top: -150px !important;
    }

    .configuration_container {
        margin-top: 200px;
    }
}

.slides-filter__button--active:focus, .slides-filter__button--active:hover, .slides-filter__button.active:focus, .slides-filter__button.active:hover {
    color: var(--c-white)
}

.benefits-item {
    display: flex;
    margin-bottom: var(--pad-5);
    height: 30%;
}

.become-partner__icon::before {
    content: none !important;
}

.benefits__icon {
    display: flex;
    position: relative;
    flex-shrink: 0;
    border-radius: 999em;
    width: 70px;
    height: 70px;
    margin-right: 20px
}

.benefits__icon:before {
    position: absolute;
    opacity: .2;
    border-radius: 999em;
    box-shadow: inset 0 0 0 2px var(--accent-color);
    width: 100%;
    height: 100%;
    content: ""
}

.benefits__icon svg {
    margin: auto;
    width: 50%;
    height: 50%;
    color: var(--accent-color)
}

.benefits__icon_noOpacity:before {
    opacity: 1;
}

.benefits_img_container {
    max-width: 50%;
}

.benefits__title {
    color: #6B6B6B;
    font-size: 25px;
    margin-bottom: 40px;
}

.benefits__text {
    color: var(--c-dark)
}

.benefits__text strong {
    display: block;
    color: var(--accent-color);
    font-size: var(--fz-h3);
    font-weight: 500
}

.card-other {
    --s-pad: var(--pad-2);
    background-color: var(--c-light);
    width: 100%
}

.card-other, .card-other__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-other__content {
    flex-grow: 1;
    padding: var(--s-pad);
}

.card-other__img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    height: 147px
}

.card-other__title {
    color: var(--c-black);
    font-size: var(--fz-18);
    font-weight: 500
}

.card-other__title strong {
    display: block;
    margin-bottom: .25em;
    color: var(--c-darker);
    font-family: Gotham Pro, sans-serif;
    font-size: 33px;
    font-weight: 700
}

.card-other__text {
    flex-grow: 1;
    margin-left: 5px
}

.card-other__more {
    display: flex;
    align-items: center;
    color: var(--c-darker);
    gap: .25em
}

.card-other__more svg {
    width: .75em;
    height: .75em
}

.card-other__more:focus, .card-other__more:hover {
    color: var(--c-blue)
}

.license-section__see-more-href {
    margin-top: 20px;
    padding-left: 50px
}

.card-retail {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    box-shadow: 0 4px 22px rgba(0, 0, 0, .1);
    background-color: var(--c-white);
    cursor: pointer;
    padding-bottom: 30px;
    max-width: 400px;
    height: unset !important
}

.card-retail__img {
    position: absolute;
    transition: 1s;
    margin-bottom: var(--pad-4);
    border-radius: 8px 8px 0 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    width: 100%;
    height: 130px
}

.card-retail__text, .card-retail__title {
    position: relative;
    transition: 1s;
    z-index: 2;
    padding-right: 20px;
    padding-left: 20px;
    color: var(--c-fg)
}

.card-retail__title {
    margin-top: 150px;
    margin-bottom: var(--pad-1);
    text-align: center;
    color: var(--c-darker);
    font-family: Gotham Pro, sans-serif;
    font-size: var(--fzr-500);
    font-weight: 700
}

.card-retail__text {
    display: none
}

.card-retail .func-item__more {
    transition: 1s;
    margin-top: 1em;
    font-size: 16px
}

.card-retail .license-section__see-more-href {
    z-index: 2;
    margin-top: auto;
    padding: 0 50px
}

.card-retail:hover .card-retail__text, .card-retail:hover .card-retail__title, .card-retail:hover .license-section__see-more-href a {
    color: var(--c-white)
}

.card-retail:hover .func-item__more {
    --s-color: var(--c-white)
}

.card-retail:hover .license-section__see-more-href div {
    background-color: var(--c-white)
}

.card-retail:hover .card-retail__img {
    border-radius: 8px;
    height: 100%;
    filter: brightness(.4)
}

.card-review {
    --s-tran: all .5s ease-in-out;
    display: flex;
    flex-direction: column
}

.card-review__author {
    display: flex;
    transition: var(--s-tran);
    opacity: 0;
    margin-bottom: var(--pad-2);
    max-height: 0;
    overflow: hidden
}

.card-review__avatar {
    flex-shrink: 0;
    margin-right: 20px;
    border-radius: 999em;
    background-position: 50% 50%;
    background-size: cover;
    width: 65px;
    height: 65px
}

.card-review__name {
    font-size: var(--fz-14);
    font-weight: 500
}

.card-review__name strong {
    display: block;
    font-size: var(--fz-18);
    font-weight: 500
}

.card-review__text {
    --s-bg: #ededed;
    position: relative;
    flex-grow: 1;
    transition: var(--s-tran);
    background-color: var(--s-bg);
    padding: 30px;
    font-size: var(--fz)
}

.card-review__text:before {
    position: absolute;
    top: 0;
    left: 18px;
    transition: var(--s-tran);
    border-width: 0 13px 20px;
    border-style: solid;
    border-color: transparent transparent var(--s-bg);
    width: 0;
    height: 0;
    content: ""
}

.swiper-slide-active {
    --_accent: var(--accent-color);
    --_fg: var(--fg-color, var(--c-black))
}

.swiper-slide-active .card-review__author {
    opacity: 1;
    max-height: 200px
}

.swiper-slide-active .card-review__text {
    --s-bg: var(--_accent);
    color: var(--_fg)
}

.swiper-slide-active .card-review__text:before {
    transform: translateY(-15px)
}

.is-active.card-review {
    --_accent: var(--accent-color, #ebf3ff);
    --_fg: var(--fg-color, var(--c-black))
}

.is-active.card-review .card-review__author {
    opacity: 1;
    max-height: 200px
}

.is-active.card-review .card-review__text {
    --s-bg: var(--_accent);
    color: var(--_fg)
}

.is-active.card-review .card-review__text:before {
    transform: translateY(-15px)
}

.section-reviews--vacancy .swiper-slide-active .card-review__text {
    --s-bg: #1475e5;
    color: var(--c-white)
}

.func-wrap {
    --s-columns: 2;
    display: grid;
    grid-template-columns:repeat(var(--s-columns), 1fr);
    grid-gap: var(--pad-2) var(--pad-1)
}

.func-wrap.news-wrap {
    --s-columns: 1;
}

.func-wrap-navigation ul {
    display: flex;
    padding: 20px 0
}

.func-wrap-navigation ul li {
    margin-right: 10px;
    cursor: pointer;
    padding: 0 10px;
    text-align: center;
    line-height: 150%;
    color: #272626;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    font-style: normal
}

.func-wrap-navigation ul li.active {
    border-radius: 5px;
    background: #06f;
    color: #fff
}

.func-item {
    --s-pad: var(--pad-2);
    --s-img-height: 182px;
    position: relative;
    background-color: var(--c-grey-light);
    cursor: pointer;
    padding-top: var(--s-img-height);
    width: 100%
}

.func-item, .func-item__content {
    display: flex;
    flex-direction: column
}

.func-item__content {
    flex-grow: 1;
    transition: var(--tran);
    transition: 1s;
    transition-delay: .3s;
    z-index: 1;
    padding: var(--s-pad);
    gap: var(--pad-1)
}

.func-item__content > * {
    transition: 1s
}

.func-item__img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    transition: 1s;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    height: var(--s-img-height)
}

.func-item__title, .func-item__title strong {
    transition: 1s
}

.func-item__title {
    color: var(--c-dark);
    font-size: var(--fz-14)
}

.func-item__title strong {
    display: block;
    margin-top: .5em;
    color: var(--c-darker);
    font-family: Gotham Pro, sans-serif;
    font-size: var(--fzr-300);
    font-weight: 700
}

.func-item__text {
    display: none
}

.func-item__text p {
    margin-bottom: 5px
}

.func-item__text ul li {
    margin-bottom: 5px;
    margin-left: 18px;
    list-style-type: disc
}

.func-item__more {
    --s-color: var(--c-black);
    position: relative;
    margin-top: auto;
    color: var(--s-color);
    font-size: var(--fzr-300);
    font-weight: 500
}

.func-item__more:before {
    position: absolute;
    top: 50%;
    left: 0;
    transition: var(--tran);
    background-color: var(--s-color);
    width: 2.5em;
    height: 1px
}

.func-item__more:hover {
    transition-delay: 0;
    padding-left: 0;
    color: var(--s-color)
}

.func-item__more:hover:before {
    width: 0
}

.func-item:focus .func-item__img, .func-item:hover .func-item__img {
    --s-img-height: 100%;
    filter: brightness(.4)
}

.func-item:focus .func-item__title, .func-item:focus .func-item__title strong, .func-item:hover .func-item__title, .func-item:hover .func-item__title strong {
    color: var(--c-white)
}

.func-item:focus .func-item__more:before, .func-item:hover .func-item__more:before {
    background-color: var(--c-white)
}

.func-item:focus .func-item__content > *, .func-item:hover .func-item__content > * {
    color: var(--c-white)
}

.func-item:focus .func-item__content .mesh-nav > ul, .func-item:hover .func-item__content {
    margin-bottom: 0
}

.header-download-buttons {
    display: flex
}

.header-download-buttons a {
    display: block;
    margin: 15px
}

.header-img-group {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    order: -1
}

.header-img-group > div {
    display: flex;
    align-items: center;
    flex-direction: column
}

.header-img-group__play {
    /* display: none; */
    position: absolute;
    top: 50%;
    /* left: 59%; */
    /* transform: translate(-50%, -50%); */
    color: #2e2e2e
}

.header-img-group__play:focus, .header-img-group__play:hover {
    color: var(--c-blue)
}

.header-img-group__play:after, .header-img-group__play:before {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 999em;
    box-shadow: 0 0 0 0;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
    animation: e 1.2s ease-in-out infinite;
    content: ""
}

.header-img-group__play:after {
    animation-delay: .3s
}

.header-img-group__play svg {
    width: 3rem;
    height: 3rem
}

@keyframes e {
    0% {
        opacity: .08;
        box-shadow: 0 0 0 0
    }
    50% {
        opacity: .08
    }
    to {
        opacity: 0;
        box-shadow: 0 0 0 1rem
    }
}

.icon-box {
    --s-color: var(--c-darker);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.icon-box__spacer {
    position: relative;
    flex-grow: 1
}

.icon-box__spacer:after {
    position: absolute;
    top: 0;
    right: 50%;
    background-color: #ededed;
    width: 1px;
    height: 100%;
    content: ""
}

.icon-box__spacer:nth-child(3n+3) {
    display: none
}

.icon-box__item {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
    padding: var(--pad-2) var(--pad-1);
    width: 33%;
    color: var(--s-color);
    font-size: var(--fzr-400)
}

.icon-box__item:last-child {
    display: none
}

.icon-box__item.even:last-child {
    display: flex
}

.icon-box__item:after {
    content: ""
}

.icon-box__item:hover {
    --s-color: var(--accent-color, var(--c-blue))
}

.icon-box__icon {
    --_width: var(--fzr-800);
    margin-bottom: var(--pad-2)
}

.icon-box__icon svg {
    width: var(--_width);
    height: var(--_width)
}

.icon-box__text {
    text-align: center
}

.icon-box--green .icon-box__item:hover {
    --s-color: #22b75b
}

.partners-wrap {
    display: flex;
    justify-content: space-between
}

.partners-item {
    display: flex;
    height: unset !important
}

.partners-item img, .partners-item svg {
    transform: scaleX(1);
    margin: auto;
    animation: g .3s ease-in-out
}

.partners-item:hover img, .partners-item:hover svg {
    animation: f 1s ease-in-out
}

.partners-item-r {
    display: flex;
    height: unset
}

.partners-item-r img {
    transition: 1.5s;
    margin: auto
}

.partners-item-r:hover img {
    transform: rotateY(-1turn)
}

@keyframes f {
    0% {
        transform: scaleX(1)
    }
    50% {
        transform: scaleX(-1)
    }
    to {
        transform: scaleX(1)
    }
}

@keyframes g {
    0% {
        transform: scaleX(1)
    }
    50% {
        transform: scaleX(.5)
    }
    to {
        transform: scaleX(1)
    }
}

.section, .section .container {
    position: relative
}

.section-drop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.section-iql {
    background-repeat: no-repeat;
    background-position: 100% 10%;
    background-size: contain
}

.section-iql.retail {
    background-image: url(../images/info/header-bg-xs-retail.png)
}

.section-iql.retail_left {
    background-image: url(../images/info/header-bg-xs-retail_left.png)
}

.section-iql.force {
    background-image: url(../images/info/header-bg-xs-force.png)
}

.section-iql.force_purpule {
    background-image: url(../images/info/header-bg-xs-force_purpule.png)
}

.section-iql.mart {
    background-image: url(../images/info/header-bg-xs-mart.png)
}


.section-iql.recognition {
    background-image: url(../images/info/header-bg-xs-recognition.png)
}

.section-iql.stroyportal {
    background-image: url(../images/info/header-bg-xs-stroyportal.png)
}

.section-iql.school-bristol {
    background-image: url(../images/info/header-bg-school-bristol.png)
}

.section-iql.mailRu {
    background-image: url(../images/info/header-bg-xs-mail.png)
}

.section-iql.mVideo {
    background-image: url(../images/info/header-bg-xs-mVideo.png)
}

.section-iql.oracle {
    background-image: url(../images/info/header-bg-xs-oracle.png)
}

.section-iql.sap {
    background-image: url(../images/info/header-bg-xs-sap.png)
}

.section-iql.nanocad {
    background-image: url(../images/info/header-bg-xs-nanocad.png)
}

.section-iql ol, .section-iql ul {
    padding: 0 25px;
}

.section-iql.school-dixy {
    background-image: url(../images/info/header-bg-xs-school_dixy.png)
}

.section-iql ol, .section-iql ul {
    padding: 0 25px;
}

.section-iql ol li {
    list-style-type: symbols;
}

.section-iql ul li {
    list-style-type: disc;
}

.section-iql_list p {
    margin-bottom: 5px;
}

.section-feedback {
    background: var(--accent-color);
    padding: 90px 0
}

.section-feedback .form textarea {
    height: 2.5em;
    resize: none
}

.section-feedback .form .btn {
    --s-pad: .75em 2em;
    height: 100%
}

.section-feedback .form .col {
    margin-bottom: var(--pad-4)
}

.section-feedback--vacancy {
    background: url(../img/sfeedback-bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding: 0;
    color: var(--c-white)
}

.section-feedback--vacancy :-ms-input-placeholder {
    color: var(--c-light)
}

.section-feedback--vacancy ::placeholder {
    color: var(--c-light)
}

.section-feedback--vacancy .form-control, .section-feedback--vacancy h2 {
    color: inherit
}

.section-feedback--vacancy .container {
    background-color: hsla(0, 0%, 100%, .2);
    padding: 80px calc(var(--pad-1) * 3) 30px;
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px)
}

.section-feedback--franchise {
    background-color: var(--c-darker);
    padding: calc(var(--pad-1) * 10) 0;
    color: var(--c-white)
}

.section-feedback--franchise :-ms-input-placeholder {
    color: var(--c-white)
}

.section-feedback--franchise ::placeholder {
    color: var(--c-white)
}

.section-feedback--franchise .form-control, .section-feedback--franchise h2 {
    color: inherit
}

.section-feedback--franchise .container {
    position: relative;
    z-index: 1
}

.section-feedback-color--var {
    background-color: var(--accent-color, var(--c-blue))
}

.section-feedback-img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    color: var(--c-fg)
}

.section-feedback-img > .container {
    position: relative;
    z-index: 1
}

.section-feedback-img .form-control--underline, .section-feedback-img h2 {
    color: currentColor
}

.section-feedback-img :-ms-input-placeholder {
    color: currentColor
}

.section-feedback-img ::placeholder {
    color: currentColor
}

.section-feedback-img .btn {
    --s-bg: #fff;
    --s-fg: #222
}

.section-follow {
    padding: calc(var(--pad-2) * 5) 0 calc(var(--pad-1) * 7)
}

.section-follow__button {
    display: flex
}

.section-follow .btn {
    --s-pad: 1.2em 1.8em
}

.section-01 .section-fit {
    top: 0
}

.section-01-btn {
    width: 100% !important;
}

.section-02 {
    padding-top: var(--pad-5);
    padding-bottom: var(--pad-5);
    overflow: hidden
}

.section-02 .section-drop {
    bottom: 60%
}

.section-03, .section-04, .section-07 {
    padding-bottom: calc(var(--pad-4) * 2)
}

.section-05 {
    padding-bottom: var(--pad-4)
}

.section-03 .icon-box > a {
    position: static !important
}

.section-05-vac {
    /* margin-bottom: calc(var(--pad-1) * 9); */
    background-color: #f9f9f9;
    padding-top: calc(var(--pad-4) * 2);
    padding-bottom: 50px
}

.section-05-vac .section-fit {
    z-index: 0
}

.section-05-vac * {
    z-index: 1
}

.section-05-franchise {
    margin-bottom: calc(var(--pad-1) * 9)
}

.section-05-franchise, .section-06 {
    padding-top: calc(var(--pad-4) * 2)
}

.section-06 {
    position: relative;
    margin-bottom: var(--pad-4);
    padding-bottom: calc(var(--pad-4) * 2);
    overflow: hidden
}

.section-06 .section-drop {
    top: var(--pad-4);
    bottom: var(--pad-4)
}

.section-06 .hwimg {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    padding: var(--pad-4) 0
}

.section-06 .hwimg img {
    margin: auto
}

.section-reviews {
    padding-bottom: calc(var(--pad-3) * 2)
}

.section-reviews .container {
    z-index: 1
}

.section-other {
    padding-bottom: calc(var(--pad-1) * 8)
}

.section-sublead {
    position: relative;
    background-color: #222;
    padding-top: calc(var(--pad-1) * 10);
    padding-bottom: calc(var(--pad-1) * 10);
    color: var(--c-white)
}

.section-sublead:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: url(../images/info/ssublead.png);
    width: 100%;
    height: 100%;
    content: "";
    mix-blend-mode: color-burn
}

.section-sublead h2 {
    color: inherit
}

.section-sublead .subtitle {
    position: relative
}

.section-sublead .subtitle:after {
    position: absolute;
    bottom: calc(var(--pad-1) * -1);
    left: 0;
    background-color: var(--c-white);
    width: 3ch;
    height: 1px;
    content: ""
}

.section-advantage {
    background-color: #222;
    padding-top: calc(var(--pad-1) * 5);
    padding-bottom: calc(var(--pad-1) * 5);
    color: var(--c-white)
}

.section-vacancies {
    margin-bottom: calc(var(--pad-1) * 16);
    background-image: url(../images/info/ssublead.png);
    padding: var(--pad-5) 0
}

.section-vacancies .section-fit {
    top: -2rem;
    z-index: 0
}

.section-vacancies * {
    z-index: 1
}

.section-fancy {
    position: relative;
    padding-top: calc(var(--pad-1) * 6);
    padding-bottom: calc(var(--pad-1) * 2);
    overflow: hidden
}

.section-fancy:before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-image: url(../images/info/ssublead.png);
    background-position: 0 100%;
    width: 100%;
    height: 20%;
    content: ""
}

.section-fancy .filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    column-gap: calc(var(--pad-1) * 6);
    row-gap: var(--pad-1)
}

.section-fancy .filter button {
    position: relative;
    border: unset;
    background-color: transparent;
    padding: 0;
    color: var(--c-darker);
    font-size: var(--fz-18);
    font-weight: 500
}

.section-fancy .filter button:after {
    position: absolute;
    bottom: 0;
    left: 0;
    transition: var(--tran);
    background-color: currentColor;
    width: 0;
    height: 1px;
    content: ""
}

.section-fancy .filter button:focus:after, .section-fancy .filter button:hover:after {
    width: 100%
}

.section-fancy .filter button.--current {
    color: #ababab
}

.section-fancy .filter button.--current:after {
    width: 100%
}

.section--rainbow {
    --_brightness: var(--brightness, 1);
    position: relative;
    overflow: hidden
}

.section--rainbow:after, .section--rainbow:before {
    position: absolute;
    opacity: var(--_brightness);
    z-index: 0;
    border-radius: 999em;
    content: "";
    filter: blur(25vw)
}

.section--rainbow:before {
    top: 0;
    left: 0;
    transform: translate(-40%, -1%);
    background-color: #ff2727;
    width: 100vw;
    height: 100vw
}

.section--rainbow:after {
    top: 0;
    right: 0;
    transform: translate(50%, -2%);
    background-color: #ad27ff;
    width: 80vw;
    height: 80vw
}

.section--rainbow-img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.section--rainbow-img .section-sublead {
    background-color: rgba(0, 0, 0, .14) !important;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px)
}

.section--rainbow-img .section-sublead:before {
    display: none
}

.section-our-team {
    padding-top: 16px;
    padding-bottom: 80px
}

.section-our-team .container {
    z-index: 1
}

.section-our-team .row {
    margin-bottom: 16px
}

/* .slider-benefits-xs .swiper-wrapper {
    padding-bottom: var(--pad-3)
} */

.slider-benefits-xs .swiper-slide {
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider-benefits-xs .swiper-scrollbar-xs {
    margin-top: 40px;
    background: unset
}

.slider-benefits-xs .swiper-scrollbar-xs:before {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    left: 0;
    background: #ededed;
    height: 2px;
    content: ""
}

.slider-benefits-xs .swiper-scrollbar-drag {
    margin-top: calc((var(--pad-1) + 6px) * -1);
    border-radius: 999em;
    background-color: var(--accent-color, var(--c-blue));
    height: 12px
}

.slider-mesh .swiper-slide {
    transition: var(--tran);
    width: auto;
    filter: saturate(0)
}

.slider-mesh .swiper-slide:focus, .slider-mesh .swiper-slide:hover {
    filter: saturate(1)
}

.section-mesh .splide__slide {
    transition: var(--tran);
    width: auto;
    filter: saturate(0)
}

.section-mesh .splide__slide:focus, .section-mesh .splide__slide:hover {
    filter: saturate(1)
}

.slider-other {
    padding-bottom: var(--pad-2)
}

.slider-other .swiper-slide {
    width: auto;
    height: unset
}

.slider-other .swiper-pagination {
    display: flex;
    bottom: 0;
    justify-content: center;
    gap: 5px
}

.slider-other .swiper-pagination-bullet {
    display: block;
    transition: var(--tran);
    opacity: .25;
    margin: 0 !important;
    border-radius: 999em;
    background-color: var(--c-black);
    width: 10px;
    height: 2px
}

.slider-other .swiper-pagination-bullet-active, .slider-other .swiper-pagination-bullet:focus, .slider-other .swiper-pagination-bullet:hover {
    opacity: 1;
    background-color: var(--c-blue);
    width: 20px
}

.swiper.slider-partners {
    position: relative;
    margin-right: calc(var(--cn-pad) * -1);
    margin-left: calc(var(--cn-pad) * -1);
    padding-right: calc(var(--cn-pad) * 2);
    padding-left: calc(var(--cn-pad) * 2)
}

.swiper.slider-partners img {
    height: auto;
    width: 80%
}

.swiper.slider-partners .swiper-button-next, .swiper.slider-partners .swiper-button-prev {
    position: absolute;
    top: 0;
    background-color: var(--c-white);
    height: 100%;
    color: var(--c-dark)
}

.swiper.slider-partners .swiper-button-next svg, .swiper.slider-partners .swiper-button-prev svg {
    width: var(--cn-pad);
    height: var(--cn-pad)
}

.swiper.slider-partners .swiper-button-next.swiper-button-disabled, .swiper.slider-partners .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.swiper.slider-partners .swiper-button-prev {
    left: 0
}

.swiper.slider-partners .swiper-button-next {
    right: 0
}

.swiper.slider-partners--oneline img {
    height: auto;
    width: auto
}

.slider-retail-xs {
    --s-fade-width: var(--cn-pad);
    position: relative;
    margin-right: calc(var(--cn-pad) * -1);
    margin-left: calc(var(--cn-pad) * -1);
    padding-right: var(--cn-pad);
    padding-left: var(--cn-pad)
}

.slider-retail-xs:after, .slider-retail-xs:before {
    --bgrot: 90deg;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    background-image: linear-gradient(var(--bgrot), hsla(0, 0%, 100%, 0), #fff);
    width: var(--s-fade-width);
    content: ""
}

.slider-retail-xs:before {
    --bgrot: 270deg;
    left: 0
}

.slider-retail-xs:after {
    right: 0
}

.slider-retail-xs .swiper-wrapper {
    padding-bottom: var(--pad-3)
}

.slider-retail-xs .swiper-scrollbar-xs {
    margin: var(--pad-2) 0;
    background: unset
}

.slider-retail-xs .swiper-scrollbar-xs:before {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    left: 0;
    background: #ededed;
    height: 2px;
    content: ""
}

.slider-retail-xs .swiper-scrollbar-drag {
    margin-top: calc((var(--pad-1) + 6px) * -1);
    border-radius: 999em;
    background-color: var(--accent-color, var(--c-blue));
    height: 12px
}

.slider-retail .swiper-wrapper {
    padding-bottom: var(--pad-5)
}

.slider-retail .swiper-scrollbar, .sliderHosting .swiper-scrollbar {
    margin: var(--pad-2) 0;
    background: unset
}

.slider-retail .swiper-scrollbar, .sliderHosting .swiper-scrollbar:before {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    left: 0;
    background: #ededed;
    height: 2px;
    content: ""
}

.slider-retail .swiper-scrollbar-drag, .sliderHosting .swiper-scrollbar-drag {
    top: -3px;
    border-radius: 999em;
    background-color: var(--accent-color, var(--c-blue));
    height: 12px;
    min-width: 12px;
    max-width: 55px;
}

.slider-reviews {
    --_accent: var(--accent-color, var(--c-black));
    position: relative;
    padding-bottom: var(--pad-2)
}

.slider-reviews .swiper-slide {
    width: auto;
    height: unset
}

.slider-reviews .swiper-button-next, .slider-reviews .swiper-button-next:focus, .slider-reviews .swiper-button-next:hover, .slider-reviews .swiper-button-prev, .slider-reviews .swiper-button-prev:focus, .slider-reviews .swiper-button-prev:hover {
    color: var(--_accent)
}

.slider-reviews .swiper-pagination {
    display: flex;
    top: unset !important;
    bottom: 0;
    left: unset !important;
    justify-content: center;
    gap: 5px
}

.slider-reviews .swiper-pagination-bullet {
    display: block;
    transition: var(--tran);
    opacity: .6 !important;
    margin: 0 !important;
    border-radius: 999em;
    background-color: var(--_accent) !important;
    width: 25px !important;
    height: 5px !important
}

.slider-reviews .swiper-pagination-bullet-active, .slider-reviews .swiper-pagination-bullet:focus, .slider-reviews .swiper-pagination-bullet:hover {
    opacity: 1 !important;
    width: 40px !important
}

.slider-reviews__navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    gap: 1px
}

.section-reviews .splide__pagination {
    margin-top: 20px
}

.vacancies-wrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 40px
}

.card-vacancy {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column
}

.card-vacancy .row {
    flex-direction: column;
    height: 100%
}

.card-vacancy__img {
    display: flex;
    position: relative;
    flex-shrink: 0;
    margin-bottom: 20px;
    background-color: var(--c-grey-lighter);
    width: 100%;
    height: 100px;
    overflow: hidden
}

.card-vacancy__img:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    border-radius: 999em;
    box-shadow: 0 0 50px 40px var(--c-white);
    width: 1px;
    height: 1px;
    content: ""
}

.card-vacancy__img div {
    position: relative;
    margin: auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 90%;
    height: 90%
}

.card-vacancy__img--linear {
    --_bg: var(--bgc, #ffa89b);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--_bg)
}

.card-vacancy__img--linear:before {
    top: 0;
    left: 0;
    transform: unset;
    border-radius: unset;
    box-shadow: unset;
    background-image: linear-gradient(72deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 50%, #fff);
    width: 100%;
    height: 100%
}

.card-vacancy__bg {
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: 50% 50%
}

.card-vacancy__info {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.card-vacancy__title {
    margin-bottom: 20px
}

.card-vacancy__title strong {
    display: block;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 500
}

.card-vacancy__title p {
    color: var(--c-dark)
}

.card-vacancy__exp {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.card-vacancy__exp strong {
    font-size: var(--fz-18);
    font-weight: 500
}

.card-vacancy__exp p {
    color: var(--c-dark)
}

.card-vacancy__show {
    display: flex;
    white-space: nowrap;
    align-items: center;
    border: unset;
    background-color: transparent;
    gap: 15px;
    padding: 0;
    font-size: 14px;
    text-align: right
}

.card-vacancy__show--active, .card-vacancy__show:focus, .card-vacancy__show:hover {
    color: var(--c-pink)
}

.card-vacancy__show--active svg {
    transform: rotate(180deg)
}

.swiper-slide .card-vacancy:nth-child(2n+2) {
    margin-left: 10px
}

.vacancies-loadmore {
    --s-color: var(--c-black);
    position: relative;
    margin-top: var(--pad-3);
    border: unset;
    background-color: transparent;
    padding-left: 3em;
    text-align: center;
    color: var(--s-color);
    font-size: var(--fz);
    font-weight: 500
}

.vacancies-loadmore:before {
    position: absolute;
    top: 50%;
    left: 0;
    transition: var(--tran);
    background-color: var(--s-color);
    width: 2.5em;
    height: 1px;
    content: ""
}

.vacancies-loadmore:hover {
    --s-color: var(--c-pink)
}

.vacancies-loadmore:hover:before {
    left: 3em;
    width: 0
}

.text-fancy {
    display: flex;
    flex-direction: column
}

.text-fancy p {
    height: 115px;
}

.text-fancy p.h156 {
    height: 156px;
}

.text-fancy .subtitle {
    position: relative
}

.text-fancy .subtitle:after {
    position: absolute;
    bottom: calc(var(--pad-1) * -1);
    left: 0;
    background-color: var(--c-black);
    width: 3ch;
    height: 1px;
    content: ""
}

.text-fancy .slider-fancy-button {
    margin-top: auto;
    margin-bottom: var(--pad-2);
    margin-left: auto;
    font-size: 3rem
}

.text-fancy h4 {
    margin-bottom: 15px;
    font-family: Gotham Pro, sans-serif;
    font-size: 24px;
    font-weight: 700
}

/* .slider-fancy {
    margin-left: -40px;
    padding-left: 40px;
    width: 105vw
} */

.slider-fancy .swiper-slide {
    transform: scale(1);
    transition: transform .5s ease-in-out;
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    background-color: var(--c-dark);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 300px;
    height: 220px;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider-fancy .swiper-slide-prev {
    transform: translateX(100%) scale(.5)
}

.slider-fancy__title {
    --_bg: var(--bg, #fff);
    --_fg: var(--fg, #000);
    position: relative;
    padding: 72px 24px 28px;
    font-weight: 500;
    font-size: 24px;
    color: var(--_fg);
    width: 100%;
    margin-top: auto;
    overflow: hidden;
    display: none
}

.slider-fancy__title:before {
    position: absolute;
    opacity: .5;
    content: "";
    margin-top: -72px;
    margin-left: -24px;
    z-index: -1;
    background-color: var(--_bg);
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 0 100%, 100% 100%)
}

.slider-fancy-scroll {
    margin: var(--pad-4) 0 var(--pad-2);
    background: unset
}

.slider-fancy-scroll:before {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    left: 0;
    background: #ededed;
    height: 2px;
    content: ""
}

.slider-fancy-scroll .swiper-scrollbar-drag {
    margin-top: calc((var(--pad-1) + 6px) * -1);
    border-radius: 999em;
    background-color: var(--accent-color, var(--c-pink));
    height: 12px
}

.slider-lead {
    width: 100%
}

.slider-lead h2 {
    color: inherit
}

.slider-lead .slider-arrows {
    margin: 0;
    gap: var(--pad-1)
}

.slider-lead .slider-arrows.disabled {
    display: none;
}

.slider-lead .slider-arrows .swiper-button-next, .slider-lead .slider-arrows .swiper-button-prev {
    padding: 0;
    color: var(--c-white)
}

.slider-lead .slider-arrows .slider-arrows__spacer {
    background-color: var(--c-grey-lighter);
    width: 1px;
    height: unset
}

.slider-lead .swiper-slide {
    display: flex;
    position: relative;
    background-color: var(--c-dark);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden;
    color: var(--c-white)
}

.slider-lead .swiper-slide .container {
    display: flex;
    align-items: flex-end;
    z-index: 1;
    padding-bottom: 210px
}

.slider-lead .swiper-slide .container .row {
    width: 100%
}

.slider-lead .swiper-slide .container:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: #000;
    opacity: .4;
    z-index: -1
}

.slider-lead .swiper-slide .subtitle {
    margin-bottom: var(--pad-1)
}

.slider-lead__video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.slider-lead__button {
    display: flex;
    align-items: center;
    margin-top: 120px;
    margin-bottom: var(--pad-1);
    border: unset;
    border-bottom: 1px solid hsla(0, 0%, 100%, .4);
    background-color: transparent;
    cursor: pointer;
    padding-bottom: var(--pad-2);
    width: 100%;
    color: var(--c-white);
    gap: var(--pad-2)
}

.slider-lead__button svg {
    width: 38px;
    height: 38px
}

.slider-lead__controls {
    display: flex;
    position: absolute;
    left: 48%;
    align-items: center;
    justify-content: space-between;
    transform: translateX(-50%);
    z-index: 1;
    margin-top: -120px;
    border-radius: 7px;
    background: hsla(0, 0%, 9%, .8);
    padding-top: var(--pad-2);
    padding-bottom: var(--pad-2);
    width: calc(100% - (var(--cn-pad) * 2));
    color: var(--c-white);
    margin-bottom: 30px;
}

.slider-lead__socials {
    display: flex;
    align-items: center;
    gap: var(--pad-2)
}

.slider-lead__socials-icons {
    display: flex;
    gap: var(--pad-1)
}

.slider-lead__socials-icons svg {
    width: 22px;
    height: 22px
}

.slider-lead__socials-icons a {
    color: var(--c-white)
}

.slider-vac-partners {
    position: relative
}

.slider-vac-partners .swiper-slide {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 40px
}

.slider-vac-partners .swiper-slide div {
    display: flex;
    align-items: center;
    height: 70px
}

.slider-vac-partners .our-team-slider__navigation {
    margin-top: 40px
}

.slider-vac-partners-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px
}

.slider-vac-partners .swiper-button-next, .slider-vac-partners .swiper-button-prev {
    color: var(--c-dark)
}

.slider-vac-partners .swiper-button-next svg, .slider-vac-partners .swiper-button-prev svg {
    width: var(--cn-pad);
    height: var(--cn-pad)
}

.slider-vac-partners .swiper-button-next.swiper-button-disabled, .slider-vac-partners .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.slider-vac-partners .swiper-pagination {
    display: flex;
    position: relative;
    bottom: 0;
    align-items: center;
    width: auto
}

.slider-vac-partners .swiper-pagination-bullet {
    transition: var(--tran);
    margin: 0 5px;
    border-radius: 999em;
    background-color: rgba(0, 0, 0, .25);
    width: 10px;
    height: 2px
}

.slider-vac-partners .swiper-pagination-bullet-active {
    background-color: #3149e6;
    width: 20px
}

.header-fran-lead {
    margin-right: -20px;
    margin-bottom: calc(var(--pad-1) * 5);
    margin-left: -20px
}

.play-animated {
    display: flex;
    align-items: center;
    margin-top: var(--pad-5);
    color: #2e2e2e;
    font-size: var(--fz);
    gap: var(--pad-4)
}

.play-licenses {
    display: block;
    position: absolute;
    margin: 0;
    top: 50%;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .play-licenses {
        top: 40%;
        right: 45%;
    }
}

.play-index {
    position: absolute;
    margin: 0;
    top: 50%;
    right: 50%;
    cursor: pointer;
    color: #e43653;
    background-color: #fff;
    z-index: 5;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}

@media (max-width: 1200px) {
    .play-index {
        top: 25%;
        right: 45%;
    }
}

.play-animated:focus, .play-animated:hover {
    opacity: 0.7;
}


.play-animated__svg {
    width: 3rem;
    height: 3rem;
    display: flex;
    position: relative;
}

.play-animated__svg:after, .play-animated__svg:before {
    top: 0;
    left: 0;
    border-radius: 999em;
    box-shadow: 0 0 0 0;
    background-color: transparent;
    /* width: 3rem;
    height: 3rem; */
    /* animation: e 1.2s ease-in-out infinite; */
    content: ""
}

.play-animated__svg:after {
    animation-delay: .3s
}

.play-animated__svg svg {
    width: 3rem;
    height: 3rem
}

.section-02--franchise {
    background-color: #222;
    color: var(--c-white)
}

.section-02--franchise .container {
    position: relative;
    z-index: 1
}

.section-02--franchise .section-advantage, .section-02--franchise .section-sublead {
    background-color: transparent
}

.section-02--franchise .section-sublead {
    padding-top: calc(var(--pad-1) * 4);
    padding-bottom: calc(var(--pad-1) * 4)
}

.section-02--franchise .section-sublead:before {
    z-index: 1;
    mix-blend-mode: multiply
}

.section-02--franchise .slider-advantage .swiper-slide {
    gap: var(--pad-2)
}

.section-02--franchise .slider-advantage__ico svg {
    width: 30px;
    height: 30px
}

.section-02--franchise .slider-advantage__text strong {
    font-size: var(--fz);
    font-weight: 900
}

.section-02--franchise .slider-advantage__text a {
    text-decoration: underline;
    color: inherit
}

.section-02--franchise .slider-advantage__text a:focus, .section-02--franchise .slider-advantage__text a:hover {
    text-decoration: none
}

.section-03--franchise {
    background-color: var(--c-light)
}

.section-03--franchise .collapsar__item {
    box-shadow: 0 -1px 14px rgba(0, 0, 0, .1);
    padding: 10px 15px 10px 20px
}

.section-03--franchise .collapsar__item.--expanded {
    padding-top: 20px
}

.section-03--franchise .collapsar__title {
    letter-spacing: .05em;
    font-size: var(--fz-md)
}

.section-03--franchise .collapsar__title svg {
    width: 21px;
    height: 21px
}

.section-03--franchise .collapsar__content {
    line-height: 1.6;
    font-size: var(--fz)
}

.section-04--franchise {
    margin-bottom: calc(var(--pad-1) * 4);
    padding-top: calc(var(--pad-1) * 4)
}

.slider-license {
    position: relative
}

.slider-license .swiper-wrapper {
    padding-bottom: var(--pad-5)
}

.slider-license .swiper-slide {
    width: 50%
}

.slider-license .swiper-scrollbar {
    margin: var(--pad-2) 0;
    background: unset;
    position: relative;
    left: unset;
    width: 100%;
    height: unset
}

.slider-license .swiper-scrollbar:before {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    left: 0;
    background: #ededed;
    height: 2px;
    content: ""
}

.slider-license .swiper-scrollbar-drag {
    margin-top: calc((var(--pad-1) + 6px) * -1);
    border-radius: 999em;
    background-color: var(--accent-color, var(--c-black));
    height: 12px
}

.section-arrived--franchise {
    padding-top: calc(var(--pad-1) * 5);
    padding-bottom: calc(var(--pad-1) * 5)
}

.arrived-wrapper {
    --s-columns: 2;
    display: grid;
    grid-template-columns:repeat(var(--s-columns), 1fr);
    grid-gap: var(--pad-2) var(--pad-1)
}

.slider-arrived__wrap {
    position: relative
}

.slider-arrived__wrap .swiper-button-next, .slider-arrived__wrap .swiper-button-prev {
    position: absolute;
    top: 0;
    margin-top: unset;
    width: var(--cn-pad);
    height: 100%;
    color: var(--c-dark)
}

.slider-arrived__wrap .swiper-button-next:after, .slider-arrived__wrap .swiper-button-prev:after {
    display: none
}

.slider-arrived__wrap .swiper-button-next svg, .slider-arrived__wrap .swiper-button-prev svg {
    width: var(--cn-pad);
    height: var(--cn-pad)
}

.slider-arrived__wrap .swiper-button-next.swiper-button-disabled, .slider-arrived__wrap .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.slider-arrived__wrap .swiper-button-prev {
    left: calc(var(--cn-pad) * -1);
    transform: scaleX(-1)
}

.slider-arrived__wrap .swiper-button-next {
    right: calc(var(--cn-pad) * -1)
}

.slider-arrived .swiper-slide {
    height: unset
}

.section-outsource--franchise {
    margin-bottom: calc(var(--pad-1) * 4);
    padding-top: 16px
}

.section-outsource--franchise .func-wrap {
    margin-top: 0
}

.section-outsource--franchise .func-wrap .func-item {
    height: 100%
}

.section-outsource--franchise .func-wrap .func-item__text {
    display: block
}

.slider-outsource {
    position: relative
}

.slider-outsource .swiper-wrapper {
    padding-bottom: var(--pad-5)
}

.slider-outsource .swiper-slide {
    width: 50%;
    height: unset
}

.slider-outsource .swiper-scrollbar {
    margin: var(--pad-2) 0;
    background: unset
}

.slider-outsource .swiper-scrollbar:before {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    left: 0;
    height: 2px;
    background: #ededed;
    content: ""
}

.slider-outsource .swiper-scrollbar-drag {
    margin-top: -4px;
    height: 12px;
    border-radius: 999em;
    background-color: var(--accent-color, var(--c-black))
}

.section-outstaff--franchise {
    margin-bottom: calc(var(--pad-1) * 4);
    background-color: #f9f9f9;
    padding: var(--pad-5) 0
}

.section-outstaff--franchise .section-fit {
    top: -2rem;
    z-index: 0
}

.section-outstaff--franchise * {
    z-index: 1
}

.outstaff-nav-item {
    width: fit-content !important;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0 15px;
    cursor: pointer;
}

.active-outstaff {
    border: none;
    background-color: #E43653;
    color: white !important;
}

.section-start--franchise {
    position: relative;
    margin-bottom: calc(var(--pad-1) * 6);
    padding-top: calc(var(--pad-1) * 6)
}

.section-start--franchise:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 10vw;
    left: 0;
    background: #F9F9F9 url(../images/info/ssublead.png);
    content: "";
}

.section-start--franchise .start-checklist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.section-start--franchise .start-checklist__item {
    display: flex;
    flex-direction: column;
    margin-bottom: calc(var(--pad-1) * 5);
    width: 49%
}

.section-start--franchise .start-checklist__item-icon {
    flex-shrink: 0;
    margin-bottom: 10px
}

.section-start--franchise .start-checklist__item-icon svg {
    width: 40px;
    height: 40px
}

.section-start--franchise .start-checklist__item-text {
    color: var(--c-darker);
    font-size: var(--fz)
}

.section-start--franchise .start-checklist__item-text strong {
    font-size: var(--fz-md);
    font-weight: 500;
    display: block;
    margin-bottom: 5px
}

.section-start--franchise .start-img {
    position: absolute;
    top: calc(var(--pad-1) * 6 * -1);
    bottom: calc(var(--pad-1) * 6 * -1);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 50vw
}

.slider-advantage {
    padding-right: 40px;
    padding-left: 40px
}

.slider-advantage .swiper-button-next, .slider-advantage .swiper-button-prev {
    position: relative;
    width: 32px;
    height: 32px;
    color: var(--c-white)
}

.slider-advantage .swiper-button-next:focus, .slider-advantage .swiper-button-next:hover, .slider-advantage .swiper-button-prev:focus, .slider-advantage .swiper-button-prev:hover {
    opacity: 1;
    color: var(--c-white)
}

.slider-advantage .swiper-button-prev {
    left: 0
}

.slider-advantage .swiper-button-next {
    right: 0
}

.slider-advantage .swiper-slide {
    display: flex;
    flex-direction: column;
    gap: var(--pad-3)
}

.slider-advantage__ico {
    flex-shrink: 0
}

.slider-advantage__ico svg {
    width: 40px;
    height: 40px
}

.slider-advantage__text strong {
    display: block;
    font-size: var(--fz-h3);
    font-weight: 500;
    padding-top: 10px;
}

.slider-advantage__title {
    font-size: 22px !important;
}

.creditline-select-list {
    transition: var(--tran);
    border-radius: 5px;
    box-shadow: inset 0 0 0 var(--bd-width) var(--bd-color);
    background-color: var(--c-white);
    padding: 10px;
    width: 100%;
    font-size: var(--fz);
}

.card-credit {
    --s-pad: var(--pad-2);
    display: flex;
    flex-direction: column;
    background-color: #f9f9f9;
    width: 100%
}

.card-credit__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: var(--s-pad)
}

.card-credit__title {
    margin-bottom: 10px;
    color: var(--c-darker);
    font-family: Gotham Pro, sans-serif;
    font-size: var(--fz-h3);
    font-weight: 700;
    font-size: 20px;
}

.card-credit__border {
    color: #E8E8E8;
    padding-top: 20px;
    border-top: 1px solid #E8E8E8;
}

.card-credit__text {
    flex-grow: 1;
    margin-bottom: 16px;
    border-bottom: 1px solid #e8e8e8;
    color: black;
    padding-bottom: 16px;
    font-family: Gotham Pro, sans-serif;
    font-size: 25px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-credit__text span {
    font-size: 12px;
}

.card-credit__terms {
    margin-bottom: 16px;
    color: var(--c-black);
    font-size: var(--fz);
    display: flex;
    justify-content: space-between;
}

.card-credit .btn {
    --s-bg: #2e2e2e
}

.card-credit .btn:hover {
    --s-bg: #fff;
    --s-fg: #2e2e2e
}

.card-credit .btn:focus {
    --s-bg: #2e2e2e;
    --s-fg: #fff
}

.swiper-slide .card-credit {
    height: 100%
}

.header-credit-lead .credit-range, .header-credit-lead .credit-result {
    --accent-color: var(--accent-color, var(--c-blue));
    margin-bottom: var(--pad-3);
    color: var(--c-white);
    font-size: var(--fz-12)
}

.header-credit-lead .credit-range__title, .header-credit-lead .credit-result__title {
    margin-bottom: 4px;
    font-size: var(--fz-14)
}

.header-credit-lead .credit-range strong, .header-credit-lead .credit-result strong {
    display: block;
    color: var(--accent-color);
    font-weight: 400
}

.header-credit-lead .credit-order {
    --s-color: var(--c-white);
    --accent-color: var(--accent-color, var(--c-blue));
    position: relative;
    transition: var(--tran);
    padding: var(--pad-1);
    width: 100%;
    color: var(--s-color);
    font-size: var(--fz);
    font-weight: 500
}

.header-credit-lead .credit-order:before {
    position: absolute;
    top: 0;
    left: 0;
    transition: var(--tran);
    opacity: .5;
    border-radius: 5px;
    box-shadow: 0 0 0 1px var(--s-color);
    width: 100%;
    height: 100%;
    content: ""
}

.header-credit-lead .credit-order:hover {
    --s-color: var(--accent-color)
}

.header-credit-lead .credit-order:focus {
    --s-color: var(--c-white)
}

.section-01--credit h2 {
    margin-bottom: .5em;
    font-size: 48px;
    font-size: var(--fzr-800)
}

.section-01--credit__border {
    position: relative
}

.section-01--credit__border:before {
    display: none;
    position: absolute;
    margin-left: -1em;
    background-color: rgba(0, 0, 0, .2);
    width: 1px;
    height: 100%;
    content: ""
}

.credit-boxes-wrapper {
    --s-columns: 1;
    display: grid;
    grid-template-columns:repeat(var(--s-columns), 1fr);
    grid-gap: var(--pad-2) var(--pad-1)
}

.section--credit-order {
    background: linear-gradient(0deg, hsla(0, 0%, 80%, .2), hsla(0, 0%, 80%, .2)), url(../images/info/ssublead.png);
    padding-top: calc(var(--pad-1) * 5);
    padding-bottom: calc(var(--pad-1) * 5)
}

.credit-order {
    --bd-width: 1px;
    --bd-color: rgba(0, 0, 0, .15)
}

.credit-order input, .credit-order textarea, .credit-order select {
    transition: var(--tran);
    border-radius: 5px;
    box-shadow: inset 0 0 0 var(--bd-width) var(--bd-color);
    background-color: var(--c-white);
    padding: 10px;
    width: 100%;
    font-size: var(--fz);
    resize: none;
}


.credit-order input:active, .credit-order input:focus {
    --bd-width: 2px;
    --bd-color: rgba(0, 0, 0, .3)
}

.credit-order textarea:active, .credit-order textarea:focus {
    --bd-width: 2px;
    --bd-color: rgba(0, 0, 0, .3)
}


.credit-order .btn {
    height: 100%
}

.section-05-credit {
    padding-top: 50px;
    padding-bottom: 0
}

.slider-advantage-credit {
    padding-right: 40px;
    padding-left: 40px
}

.slider-advantage-credit .swiper-button-next, .slider-advantage-credit .swiper-button-prev {
    position: absolute;
    top: 50%;
    opacity: .75;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    color: var(--c-white)
}

.slider-advantage-credit .swiper-button-next:focus, .slider-advantage-credit .swiper-button-next:hover, .slider-advantage-credit .swiper-button-prev:focus, .slider-advantage-credit .swiper-button-prev:hover {
    opacity: 1;
    color: var(--c-white)
}

.slider-advantage-credit .swiper-button-prev {
    left: 0
}

.slider-advantage-credit .swiper-button-next {
    right: 0
}

.slider-advantage-credit .swiper-slide {
    display: flex;
    flex-direction: column;
    gap: var(--pad-3)
}

.slider-advantage-credit__ico {
    flex-shrink: 0
}

.slider-advantage-credit__ico svg {
    width: 40px;
    height: 40px
}

.slider-advantage-credit__text strong {
    display: block;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.2
}

.header-hosting-lead .credit-range, .header-hosting-lead .credit-result {
    --accent-color: var(--accent-color, var(--c-blue));
    margin-bottom: var(--pad-3);
    color: var(--c-white);
    font-size: var(--fz-12)
}

.header-hosting-lead .credit-range__title, .header-hosting-lead .credit-result__title {
    margin-bottom: 4px;
    font-size: var(--fz-14)
}

.header-hosting-lead .credit-range strong, .header-hosting-lead .credit-result strong {
    display: block;
    color: var(--accent-color);
    font-weight: 400
}

.header-hosting-lead .rangeslider__fill__bg {
    background-color: hsla(0, 0%, 100%, .2)
}

.header-hosting-lead .header-hosting-text {
    padding-top: 20px
}

.header-hosting-lead .header-hosting-text .title {
    margin-bottom: .5em;
    line-height: 1.4;
    color: currentColor
}

.header-hosting-lead .header-hosting-text p {
    margin-bottom: 1em
}

.header-hosting-sliders {
    height: fit-content;
}

.hosting-bg {
    position: absolute;
    top: 200px;
    height: 100%;
    width: 100%;
    max-height: 660px;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.hosting_space {
    margin-top: 10px;
    height: 35px;
}

.card-credits_container {
    padding-top: 70px;
}

.header-hosting-sliders {
    border-radius: 10px;
    background-color: hsla(0, 0%, 98%, .22);
    padding: var(--pad-3) var(--pad-3) var(--pad-3);
    -webkit-backdrop-filter: blur(55px);
    backdrop-filter: blur(55px)
}

.configuration {
    margin: 30px 0;
    background: #FBFBFB;
    height: 100%;
    padding: 20px;
    color: black;
}

.configuration_items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 50px;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 20px;
}

.configuration_check {
    margin-top: 20px;
    font-weight: 700;
    font-size: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.configuration_check__button {
    width: 100%;
    height: 35px;
    background: #2E2E2E;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
}

.configuration_item__title {
    font-size: 16px;
    margin-bottom: 5px;
}

.configuration_item__title:before {
    content: '✔';
    margin-right: 5px;
    color: black;
}

.configuration_item__text {
    margin: 0 5px 0 20px;
    color: #999999;
    font-size: 12px;
}

.configuration_item__price {
    font-size: 16px;
}

@media (max-width: 1200px) {
    .hosting-bg {
        top: 110px;
    }

    .header-hosting-lead {
        font-size: 12px;
        margin-left: 0;
        margin-right: 0;
    }

    .scroll-heroHomepage {
        overflow-x: scroll;
    }

}

@media (min-width: 992px) {
    .liberties-item img {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .hosting-bg {
        top: 120px;
        max-height: 728px;
    }

    .liberties-item {
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
        align-items: start !important;
    }
    .liberties-item__text {
        /*padding: 0 15% !important;*/
        /*text-align: center;*/
        padding-right: 0 !important;
    }
    .liberties-04 img {
        width: 100%;
    }
}

@media (max-width: 800px) {
    .liberties-item img {
        max-height: 250px;
        min-height: 250px
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .label-two-power-supplies {
        width: 110px !important;
    }
}

@media (max-width: 767px) {

    .hosting-bg {
        max-height: unset;
        height: 115%;
    }

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

    .hosting_price__input {
        width: 50%;
    }

    .hosting_space {
        height: auto;
    }

    .grid_column__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .hosting_grid__container {
        display: grid;
        grid-template-columns: 2fr 1fr;
    }

    .hosting_sorting {
        display: block;
        padding-left: 30px;
        padding-top: 10px;
        margin-bottom: 20px;
    }

    .hosting_sorting__text {
        font-size: 16px;
        margin-left: 5px;
    }
}

@media (max-width: 500px) {
    .play-index {
        top: 14%;
    }

    .reward-card__img {
        height: 75%;
    }

    .start-checklist__item-text-loyalty strong {
        font-size: 17px !important;
    }

    .slider-advantage__text {
        font-size: 14px;
    }

    .hosting-bg {
        height: 118%;
    }

    .hosting_title {
        margin-bottom: 5px;
    }

    .configuration_container {
        margin-left: -20px;
        width: 110%;
    }

    .hosting-btn {
        margin-left: 15px;
        font-size: 14px;
    }

    .card-credits_container {
        padding: 30px 0 0;
        width: 112%;
        margin: 20px;
    }
}

@media (max-width: 430px) {
    .hosting-bg {
        height: 1100px;
    }
}

@media (max-width: 380px) {
    .hosting-bg {
        height: 143%;
    }
}

.configuration h2 {
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E8E8E8;
}

.header-startup-lead {
    margin-right: -20px;
    margin-bottom: calc(var(--pad-1) * 5);
    margin-left: -20px;
    background-color: #0c454a
}

.header-startup-lead .header-startup-slogan {
    display: flex;
    margin-bottom: var(--pad-3);
    color: var(--c-white);
    font-size: 15px;
    font-weight: 500
}

.header-startup-lead .header-startup-slogan div {
    margin-right: auto;
    margin-left: auto;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .3);
    padding: 6px 2em;
    text-align: center
}

.header-startup-lead .rangeslider__handle {
    background: #e1e1e1
}

.header-startup-lead .rangeslider__fill__bg {
    opacity: .2
}

.header-startup-lead .credit-range, .header-startup-lead .credit-result {
    --accent-color: var(--accent-color, var(--c-blue));
    margin-bottom: var(--pad-3);
    color: var(--c-white);
    font-size: var(--fz-12)
}

.header-startup-lead .credit-range__title, .header-startup-lead .credit-result__title {
    margin-bottom: 4px;
    font-size: var(--fz-14)
}

.header-startup-lead .credit-range strong, .header-startup-lead .credit-result strong {
    display: block;
    color: var(--accent-color);
    font-weight: 400
}

.header-startup-lead .credit-order {
    --s-color: var(--c-white);
    --accent-color: var(--accent-color, var(--c-blue));
    position: relative;
    transition: var(--tran);
    margin-bottom: var(--pad-3);
    padding: var(--pad-1);
    width: 100%;
    color: var(--s-color);
    font-size: var(--fz);
    font-weight: 500
}

.header-startup-lead .credit-order:before {
    position: absolute;
    top: 0;
    left: 0;
    transition: var(--tran);
    opacity: .5;
    border-radius: 5px;
    box-shadow: 0 0 0 1px var(--s-color);
    width: 100%;
    height: 100%;
    content: ""
}

.header-startup-lead .credit-order:focus, .header-startup-lead .credit-order:hover {
    --s-color: var(--accent-color)
}

.slider-startup-xs .swiper-slide {
    padding: 0;
    text-align: left;
    height: unset
}

.section-04--startup {
    margin-bottom: 0;
    background-color: var(--c-light)
}

.heroHomepage__nav {
    padding-bottom: 50px;
    margin-bottom: 0;
    display: flex;
    align-items: baseline;
}

.heroHomepage__nav_items {
    margin: 20px 0 0 0;
}

.nav-item-border {
    cursor: default;
}

.outsource-nav-item {
    margin: 0 10px;
}

.outsource-projects {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.card-outsource {
    --_height: 361px;
    height: var(--_height) !important;
    display: flex;
    flex-direction: column
}

.card-outsource__img {
    flex-grow: 1;
    transition: var(--tran);
    background-size: cover;
    background-position: 50% 0
}

.card-outsource__title, .card-outsource__title-top {
    font-size: 20px;
    font-weight: 500;
    transition: var(--tran);
    text-transform: uppercase;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center
}

.card-outsource__title {
    height: 100px;
    display: flex;
    background-color: var(--c-grey-light);
    overflow: hidden
}

.card-outsource__title-top {
    position: absolute;
    height: 50%;
    top: 0;
    width: 100%;
    text-align: center;
    color: var(--c-white);
    background-color: transparent;
    opacity: 0
}

.card-outsource:hover .card-outsource__title {
    height: 0
}

.card-outsource:hover .card-outsource__title-top {
    height: 100%;
    opacity: 1;
    background-color: rgba(0, 0, 0, .5)
}

.header-outsource-lead {
    margin-right: -20px;
    margin-bottom: 30px;
    margin-left: -20px
}

.header-outsource-lead__wrap {
    background: url(../images/info/ssublead.png)
}

.section-01-outsource .section-fit {
    z-index: 0
}

.section-01-outsource .col > * {
    z-index: 1;
    position: relative
}

.section-01-outsource .title {
    margin-bottom: 10px
}

.slider-outsource.slider-outsource-cards .swiper-wrapper, .slider-outsource.slider-outsource-targets .swiper-wrapper {
    padding-bottom: 22px
}

.slider-outsource.slider-outsource-cards .swiper-scrollbar, .slider-outsource.slider-outsource-targets .swiper-scrollbar {
    margin: 0
}

.slider-outsource.slider-outsource-cards .swiper-scrollbar:before, .slider-outsource.slider-outsource-targets .swiper-scrollbar:before {
    background: hsla(0, 0%, 93%, .4)
}

/* .slider-outsource.slider-outsource-targets .swiper-button-next, .slider-outsource.slider-outsource-targets .swiper-button-prev {
    display: none
} */

.slider-outsource.slider-outsource-targets .swiper-slide {
    display: flex;
    gap: 20px;
    flex-direction: row
}

.slider-outsource.slider-outsource-targets .slider-targets__ico {
    --_size: 30px;
    flex-shrink: 0
}

.slider-outsource.slider-outsource-targets .slider-targets__ico svg {
    width: var(--_size);
    height: var(--_size)
}

.slider-outsource.slider-outsource-targets .slider-targets__text {
    font-size: 16px;
    cursor: default;
}

.slider-outsource.slider-outsource-targets .slider-targets__text strong {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 4px
}

.slider-targets-wrapper {
    margin: 50px 0;
    display: flex;
    align-items: center;
    background: #1A1A1A;
}

.section-loyalty-targets-referal {
    height: 55%;
}
.section-outsource-targets {
    background: url(../images/info/pattern_blue.png) repeat;
    color: var(--c-white);
    margin-top: -122px;
    overflow: hidden;
    padding-bottom: 50px;
}

.section-loyalty-targets {
    background: url(../images/info/pattern_black.webp) repeat !important;
    color: var(--c-white);
    overflow: hidden;
    height: auto;
}

.section-education-targets {
    background: url(../images/info/pattern_black.webp) repeat !important;
    color: var(--c-white);
    margin-top: -172px;
    overflow: hidden;
    padding-bottom: 50px;
}

.section-outsource-targets .section-sublead {
    background-color: unset;
    padding-bottom: 50px;
    margin-bottom: 50px
}

.section-loyalty-targets .section-sublead-loyalty {
    background-color: unset;
    height: 35%;
}

.container-meshSpace {
    padding-top: 70px;
}

.section-sublead-loyalty-meshSpace {
    height: 50%;
}

.slider-targets-wrapper-meshSpace {
    height: 50%;
    background: #222222
}

.section-education-targets .section-sublead {
    background-color: unset;
    padding-bottom: 50px;
    margin-bottom: 50px
}

.section-education-header {
    font-size: 25px;
    width: 550px;
}

.section-education-header-span {
    border: 1px solid #E4E4E4;
    border-radius: 50px;
    padding: 0px 10px;
    margin-left: -7px;
    color: black;
}

.align-items-center-h2 {
    text-align: justify;
}

.start-checklist-education {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.start-checklist-education-text {
    width: 161px;
    border-top: 1px solid #000;
    margin-top: 20px;
    padding-top: 10px;
}

.start-checklist-education-text strong{
    font-size: 35px
}

.card-education-format li{
    list-style-type: disc;
    margin-bottom: 10px;
}

.section-smoke-pattern::before {
    background: url(../images/info/smoke-pattern.webp) repeat !important;
}


.loyalty-header {
    flex-direction: row-reverse;
    height: 610px;
}

.referralProgram-section {
    background: #fff;
    padding: 15px 0 200px 0;
}

.referral-header-text {
    padding-left: 20px;
    border-left: 1px solid #00000033;
}

.liberties-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px 30px;
}

.liberties-item img {
    max-height: 425px;
    user-select: none;
}

.liberties-item__title {
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;
}

.liberties-item__text {
    padding-right: 35%;
}

.liberties-04 {
    grid-column: 1/3;
}

.rewards-wrap {
    --s-columns: 3;
    display: grid;
    grid-template-columns: repeat(var(--s-columns), 1fr);
    grid-gap: 30px;
}

.reward-card {
  --s-pad: var(--pad-2);
  --s-img-height: 182px;
  position: relative;
  background-color: var(--c-grey-light);
  padding-top: var(--s-img-height);
  width: 100%;display: flex;
  flex-direction: column;
}

.reward-card__img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    height: 73%;
}

.reward-card__content {
    z-index: 1;
    padding: var(--s-pad);
    gap: var(--pad-1);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.reward-card__title {
  color: var(--c-dark);
  font-size: var(--fz-14);
}

.reward-card__title strong {
  display: block;
  margin-top: .5em;
  color: var(--c-darker);
  font-family: Gotham Pro, sans-serif;
  font-size: var(--fzr-300);
  font-weight: 700;
}

.reward-card__text {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: var(--lines);
  line-clamp: var(--lines);
}

.ru-educFormat1 {
    background: url(../images/info/ru/educFormat1.webp) no-repeat center;
    background-size: cover;
}

.ru-educFormat2 {
    background: url(../images/info/ru/educFormat2.webp) no-repeat center;
    background-size: cover;
}

.ru-educFormat3 {
    background: url(../images/info/ru/educFormat3.webp) no-repeat center;
    background-size: cover;
}

.en-educFormat1 {
    background: url(../images/info/en/educFormat1.webp) no-repeat center;
    background-size: cover;
}

.en-educFormat2 {
    background: url(../images/info/en/educFormat2.webp) no-repeat center;
    background-size: cover;
}

.en-educFormat3 {
    background: url(../images/info/en/educFormat3.webp) no-repeat center;
    background-size: cover;
}


.education-solution {
    border-top: 2px solid #DB1F35;
    width: 40px;
    padding-top: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.section--outstaff {
    padding-top: 50px;
    padding-bottom: 50px
}

.section--stages {
    background: url(../images/info/pattern_gray.png) repeat;
    padding-top: 30px;
    padding-bottom: 70px
}

.stages-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px
}

.stage-card {
    display: flex;
    width: calc(50% - 10px);
    gap: 20px;
    flex-direction: column
}

.stage-card__img {
    flex-shrink: 0;
    color: var(--c-black)
}

.stage-card__img svg {
    width: 50px;
    height: 50px
}

.stage-card__text {
    color: var(--c-darker)
}

.stage-card__text strong {
    font-size: 24px;
    font-weight: 500;
    display: block;
    position: relative;
    margin-bottom: 16px
}

.stage-card__text strong:after {
    position: absolute;
    left: 0;
    bottom: -8px;
    content: "";
    background-color: currentColor;
    height: 1px;
    width: 80%
}

.stage-card__text p {
    font-size: 16px
}

.section--news {
    padding-top: 50px
}

.home-news-item {
    --fg: var(--c-black);
    display: flex;
    position: relative;
    background-color: #eee;
    padding-top: 130px;
    min-height: 500px !important
}

.home-news-item__img {
    z-index: 0;
    /* background-position: 50% 50%; */
    background-position: top;
    background-size: cover;
    height: 130px
}

.home-news-item__img, .home-news-item__img:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    transition: 1s
}

.home-news-item__img:before {
    bottom: 0;
    opacity: 0;
    z-index: 1;
    background-color: #000;
    content: ""
}

.home-news-item__content {
    display: flex;
    position: relative;
    flex-direction: column;
    flex-grow: 1;
    transition: 1s;
    z-index: 2;
    padding: 20px;
    color: var(--fg);
    gap: 10px
}

.home-news-item__num {
    font-size: 13px;
    opacity: .75
}

.home-news-item__title {
    font-family: Gotham Pro, sans-serif;
    font-size: 20px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-news-item__text {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    /* height: 12em; */
}
.home-news-item__text p {
    display: inline;
}

.home-news-item__meta {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    opacity: .5;
    font-size: 14px
}

.home-news-item__likes {
    display: flex;
    align-items: center;
    gap: 5px
}

.home-news-item__likes svg {
    margin-right: 5px
}

.home-news-item .func-item__more {
    --s-color: var(--fg);
    transition: 1s;
    margin-top: 20px
}

.home-news-item:hover {
    --fg: var(--c-white)
}

.home-news-item:hover .home-news-item__img {
    height: 100%
}

.home-news-item:hover .home-news-item__img:before {
    opacity: .5
}

.section--outstaff--home .container {
    z-index: 1
}

.review-section-nav-item {
    margin: 0 10px;
}

@media (min-width: 576px) {
    .card-retail__title {
        font-size: var(--fz-h3)
    }

    .icon-box__item {
        font-size: var(--fz)
    }

    .icon-box__icon {
        --_width: 4rem
    }
}

@media screen and (min-width: 768px) {
    .reward-card {
        --s-img-height: 245px;
    }
    .reward-card__img {
        height: 68%;
    }
}

@media (max-width: 769px) {
    .card-retail__title {
        text-align: left;
    }
    .license-section__see-more-href {
        padding: 0 !important;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .section-our-team {
        padding: 44px 0 20px 0;
    }

    .referral-header-text {
        border: none;
        padding: unset;
    }

    .rewards-wrap {
        grid-gap: 15px;
    }
}

@media (min-width: 768px) {
    .slider-targets-wrapper-referal {
    height: 45%;
}

    .section-loyalty-targets-referal {
        height: 55%;
    }

    .header-tv {
        display: block
    }

    .card-review__text {
        padding: 30px 40px
    }

    .func-wrap {
        grid-gap: var(--pad-2)
    }

    .func-wrap.news-wrap {
        --s-columns: 2;
    }

    .func-item__title strong {
        font-size: 15px
    }

    .func-item__more {
        padding-left: 3em;
        font-size: var(--fz-14)
    }

    .func-item__more:before {
        content: ""
    }

    .section-follow .btn {
        margin-top: auto;
        margin-left: auto
    }

    .section-our-team {
        padding: 44px 0 120px;
    }

    .section-our-team .row {
        margin-bottom: 60px
    }

    .section-vacancies .slides-filter {
        border-bottom: 1px solid var(--c-grey-lighter)
    }

    .slider-lead .swiper-slide {
        height: 920px
    }

    .slider-lead .swiper-slide .container {
        padding-bottom: 270px
    }

    .slider-lead .swiper-slide .subtitle {
        margin-bottom: var(--pad-4)
    }

    .slider-lead__button {
        margin-top: unset
    }

    .slider-lead__controls {
        width: 100%
    }

    .section-02--franchise .section-sublead, .section-arrived--franchise {
        padding-top: calc(var(--pad-1) * 10);
        padding-bottom: calc(var(--pad-1) * 10)
    }

    .arrived-wrapper {
        grid-gap: var(--pad-2)
    }

    .section-outsource--franchise {
        padding-top: 55px
    }

    .section-outstaff--franchise {
        margin-bottom: calc(var(--pad-1) * 9);
        padding: calc(var(--pad-1) * 10) 0
    }

    /*.section-outstaff--franchise .slides-filter {*/
    /*    border-bottom: 1px solid var(--c-grey-lighter)*/
    /*}*/
    .section-01--credit__border:before {
        display: block
    }

    .credit-boxes-wrapper {
        grid-gap: var(--pad-2)
    }

    .section--credit-order {
        padding-top: calc(var(--pad-1) * 10);
        padding-bottom: calc(var(--pad-1) * 10)
    }

    .credit-order-pro {
        padding-right: 4px
    }

    .credit-order-plo {
        padding-left: 4px
    }

    .card-outsource__title, .card-outsource__title-top {
        font-size: 24px
    }

    .card-outsource {
        --_height: 361px
    }

    .section--outstaff {
        padding-top: 60px;
        padding-bottom: 40px
    }

    .section--stages {
        padding-top: 60px;
        padding-bottom: 30px
    }

    .stage-card {
        flex-direction: row
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .homePage-modal-img-part {
        height: auto !important;
    }
}

@media (max-width: 1200px) {
    .benefits-wrap {
        height: 10%;
    }
    .liberties-item img {
        max-height: 370px;
    }
    .rewards-wrap {
        --s-columns: 2;
    }
    .loyalty-header {
        height: 100%;
        flex-direction: unset;

    }
    .reward-card__img {
        background-position-y: center;
    }
}

@media (max-width: 500px) {
    .liberties-wrap {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 460px) {
    .rewards-wrap {
        --s-columns: 1;
    }
}

@media (min-width: 1200px) {
    .reward-card {
        --s-pad: var(--pad-2) var(--pad-5) var(--pad-4);
        --s-img-height: 383px;
    }

    .reward-card__title strong {
        font-size: var(--fz-md);
    }

    .collapsar__item {
        padding: var(--pad-1)
    }

    .collapsar__title {
        font-size: 18px
    }

    h2 {
        font-size: var(--fz-h2)
    }

     .dmodal-text-list {
         padding-left: 20px;
     }

    .dmodal-text-list li {
        list-style-type: disc;
        margin-bottom: 5px;
    }

    .dmodal--startupform, .dmodal--vacancyform {
        width: 830px
    }

    .darkness .card-vacancy {
        border-bottom: 1px solid var(--c-dark)
    }

    .benefits-wrap {
        display: flex;
        flex-direction: column;
        /*justify-content: space-around*/
    }

    .card-other {
        --s-pad: var(--pad-5) var(--pad-5) var(--pad-3)
    }

    .card-other__title {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 1em;
        font-size: var(--fz-h3)
    }

    .card-other .btn {
        --s-pad-y: .75em;
        margin-left: 5px
    }

    .card-retail {
        padding-bottom: 20px
    }

    .card-retail__img {
        margin-bottom: var(--pad-4);
        height: 300px
    }

    .card-retail__text, .card-retail__title {
        padding-right: 50px;
        padding-left: 50px
    }

    .card-retail__title {
        margin-top: 330px;
        text-align: left;
    }

    .card-retail__text {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 10px;
        height: 7em;
    }

    .func-wrap {
        --s-columns: 3;
        grid-gap: 30px
    }

    .func-wrap.news-wrap {
        --s-columns: 3;
    }

    .func-item {
        --s-img-height: 270px
    }

    .func-item__content {
        min-height: 271px
    }

    .func-item__title strong {
        font-size: var(--fz-md)
    }

    .func-item__text {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 6.1em;
    }

    .func-item {
        --s-pad: var(--pad-2) var(--pad-5) var(--pad-4)
    }

    .header-img-group {
        order: unset
    }

    .icon-box__item {
        width: auto
    }

    .icon-box__item:last-child {
        display: flex
    }

    .icon-box__spacer:nth-child(3n+3) {
        display: block
    }

    .section-iql {
        background-position: 100% 100%;
        background-size: contain
    }

    .section-iql.retail {
        background-image: url(../images/info/header-bg-retail.png)
    }

    .section-iql.retail_left {
        background-image: url(../images/info/header-bg-retail_left.png);
        background-position: 0 100%;
    }

    .section-iql.force {
        background-image: url(../images/info/header-bg-force.png)
    }

    .section-iql.force_purpule {
        background-image: url(../images/info/header-bg-force_purpule.png)
    }

    .section-iql.mart {
        background-image: url(../images/info/header-bg-mart.png)
    }

    .section-iql.recognition {
        background-image: url(../images/info/header-bg-recognition.png)
    }

    .section-iql.stroyportal {
        background-image: url(../images/info/header-bg-stroyportal.png)
    }

    .section-iql.school-bsm {
        background-image: url(../images/info/header-bg-school-bsm.png)
    }

    .section-iql.school-bristol {
        background-image: url(../images/info/header-bg-school-bristol.png)
    }

    .section-iql.mailRu {
        background-image: url(../images/info/header-bg-mail.png)
    }

    .section-iql.mVideo {
        background-image: url(../images/info/header-bg-mVideo.png)
    }

    .section-iql.oracle {
        background-image: url(../images/info/header-bg-oracle.png)
    }

    .section-iql.sap {
        background-image: url(../images/info/header-bg-sap.png)
    }

    .section-iql.nanocad {
        background-image: url(../images/info/header-bg-nanocad.png)
    }

    .section-iql.school-dixy {
        background-image: url(../images/info/header-bg-school_dixy.png)
    }

    .section-feedback--vacancy .container {
        border-radius: 8px;
        padding: calc(var(--pad-1) * 8) calc(var(--pad-1) * 12)
    }

    .section-feedback--vacancy {
        padding: calc(var(--pad-1) * 10) 0
    }

    .section-feedback--franchise {
        padding: calc(var(--pad-1) * 10) 0 calc(var(--pad-1) * 5)
    }

    .section-feedback.retail {
        background: url(../images/info/footer-bg-retail.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-feedback.force {
        background: url(../images/info/footer-bg-force.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-feedback.mart {
        background: url(../images/info/footer-bg-mart.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-feedback.recognition {
        background: url(../images/info/footer-bg-recognition.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-feedback.stroyportal {
        background: url(../images/info/footer-bg-stroyportal.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-feedback.school-bsm {
        background: url(../images/info/footer-bg-school-bsm.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-feedback.school-bristol {
        background: url(../images/info/footer-bg-school-bristol.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-feedback.mailRu {
        background: url(../images/info/footer-bg-mail.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-feedback.mVideo {
        background: url(../images/info/footer-bg-mVideo.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-feedback.oracle {
        background: url(../images/info/footer-bg-oracle.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-feedback.sap {
        background: url(../images/info/footer-bg-sap.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-feedback.nanocad {
        background: url(../images/info/footer-bg-nanocad.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-feedback.school-dixy {
        background: url(../images/info/footer-bg-school_dixy.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-06 .hwimg {
        padding: var(--pad-4);
        margin: auto
    }

    .section-06 .hwimg img {
        margin: auto
    }

    .section--rainbow:before {
        transform: translate(-5%, -50%);
        width: 90vw;
        height: 90vw
    }

    .section--rainbow:after {
        transform: translate(10%, -60%);
        width: 60vw;
        height: 60vw
    }

    .slider-other {
        padding-bottom: unset
    }

    .slider-other .swiper-pagination {
        display: none
    }

    .swiper.slider-partners {
        padding-top: var(--pad-4)
    }

    .slider-reviews {
        padding-bottom: unset
    }

    .vacancies-wrap {
        column-gap: unset;
        row-gap: unset
    }

    .card-vacancy__img {
        margin-right: var(--pad-5);
        margin-bottom: unset;
        width: 175px
    }

    .card-vacancy__info {
        align-items: center;
        flex-direction: row
    }

    .card-vacancy__title {
        margin-bottom: unset
    }

    .card-vacancy__title strong {
        font-size: var(--fz-h3)
    }

    .card-vacancy__exp {
        margin-bottom: unset
    }

    .card-vacancy {
        border-bottom: 1px solid var(--c-grey-lighter);
        padding-top: var(--pad-1);
        padding-bottom: var(--pad-1);
        width: 100%
    }

    .card-vacancy .row {
        flex-direction: row
    }

    .slider-fancy .swiper-slide {
        width: 550px;
        height: 400px
    }

    .slider-fancy__title {
        display: block
    }

    .slider-fancy {
        width: 55vw;
        margin-top: 100px
    }

    .card-arrived {
        --s-pad: 30px 35px
    }

    .card-arrived__title {
        margin-bottom: 1em;
        font-size: var(--fz-h3)
    }

    .card-arrived__text {
        font-size: var(--fz-md)
    }

    .card-arrived .btn {
        --s-pad-y: .75em
    }

    .header-fran-lead {
        margin-top: calc(var(--pad-1) * 6);
        margin-right: -2.5vw;
        margin-left: -2.5vw
    }

    .play-animated {
        margin-top: 0
    }

    .section-03--franchise .hwimg {
        padding: var(--pad-4) 0 var(--pad-4) calc(var(--pad-4) * 2)
    }

    .arrived-wrapper {
        --s-columns: 3;
        grid-gap: var(--pad-4)
    }

    .section-start--franchise {
        padding-top: calc(var(--pad-1) * 12);
        padding-bottom: calc(var(--pad-1) * 12);
        overflow: hidden
    }

    .section-start--franchise:before {
        top: calc(var(--pad-1) * 6);
        bottom: calc(var(--pad-1) * 6)
    }

    .section-start--franchise .start-img {
        top: calc(var(--pad-1) * 12 * -1);
        bottom: calc(var(--pad-1) * 12 * -1)
    }

    .slider-advantage .swiper-slide {
        flex-direction: row
    }

    .card-credit {
        --s-pad: var(--pad-5) var(--pad-5) var(--pad-3)
    }

    .card-credit .btn {
        --s-pad-y: .75em
    }

    .header-credit-lead {
        margin-top: calc(var(--pad-1) * 6);
        margin-right: -2.5vw;
        margin-left: -2.5vw
    }

    .header-credit-lead > .container {
        margin-top: -4em
    }

    .credit-boxes-wrapper {
        --s-columns: 3;
        grid-gap: var(--pad-4)
    }

    .slider-advantage-credit .swiper-slide {
        flex-direction: row
    }

    .header-hosting-lead {
        margin-top: calc(var(--pad-1) * 6);
        margin-right: -2.5vw;
        margin-left: -2.5vw;
        padding-bottom: 64px
    }

    .header-hosting-lead .header-hosting-text {
        padding-top: 64px
    }

    .header-startup-lead {
        margin-top: calc(var(--pad-1) * 6);
        margin-right: -2.5vw;
        margin-left: -2.5vw
    }

    .header-startup-lead > .container {
        margin-top: -4em
    }

    .header-outsource-lead {
        margin: 62px -2.5vw 40px
    }

    .section-01-outsource .title {
        margin-bottom: 20px
    }

    .slider-outsource.slider-outsource-targets .swiper-wrapper {
        padding-bottom: 0 !important
    }

    .slider-outsource.slider-outsource-targets .swiper-scrollbar {
        display: none
    }

    .slider-outsource.slider-outsource-targets .slider-targets__ico {
        --_size: 40px
    }

    .slider-outsource.slider-outsource-targets .slider-targets__text strong {
        font-size: 25px
    }

    .section-outsource-targets {
        padding-bottom: 50px
    }

    .section-education-targets {
        padding-bottom: 50px
    }

    .section-outsource-targets .section-sublead {
        padding-bottom: 0px;
        padding-top: 50px;
        margin-bottom: 100px
    }

    .section-education-targets .section-sublead {
        padding-bottom: 0px;
        padding-top: 50px;
        margin-bottom: 100px
    }
}

@media screen and (min-width: 1200px) {
    .hosting_sorting {
        align-items: end !important;
    }
}

@media (min-width: 1200px) {
    .section-feedback .form .btn {
        --s-pad: .25em;
        width: 100%
    }

    .section-feedback .form .col {
        margin-bottom: unset
    }

    .section-start--franchise {
        margin-bottom: 0
    }

    .section-start--franchise .start-checklist {
        margin-top: calc(var(--pad-1) * 5)
    }

    .section-start--franchise .start-checklist__item {
        flex-direction: row
    }

    .section-start--franchise .start-checklist__item-icon {
        margin-right: var(--pad-2);
        margin-bottom: unset
    }

    .section--outstaff {
        padding-bottom: 50px
    }

    .section--stages {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .stages-cards {
        margin-top: unset
    }
}

.section-03-black {
        background: #1A1A1A;
    }

@media (min-width: 1280px) {
    .section-fit--rotate {
        top: 0;
        right: auto;
        left: 110%;
        transform: rotate(90deg);
        transform-origin: 0 0
    }

    .section-fit--grow {
        right: -2vw;
        left: -2vw
    }

    .header-img-group > div {
        margin-right: -5vw
    }

    .section-iql.retail_left .header-img-group > div {
        margin-left: -5vw;
        margin-right: 0;
    }

    .section-05-vac {
        padding-bottom: 120px
    }

    .section-05-franchise {
        margin-bottom: 0;
        overflow: hidden
    }

    .slider-arrived__wrap .swiper-button-prev {
        left: -2vw
    }

    .slider-arrived__wrap .swiper-button-next {
        right: -2vw
    }

    .section-05-credit {
        padding-top: 80px;
        margin-bottom: 0;
        overflow: hidden
    }

    .section--news {
        padding-top: 50px
    }
}

@media (min-width: 1460px) {
    .slider-advantage, .slider-advantage-credit {
        margin-right: -80px;
        margin-left: -80px;
        padding-right: 80px;
        padding-left: 80px
    }
}

@media (min-width: 1600px) {
    .portfolio-video-modal__pagination-slider {
        --ms-overflow-style: none;
        max-height: 620px;
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: none
    }

    .portfolio-video-modal__pagination-slider::-webkit-scrollbar {
        display: none
    }
}

@media screen and (max-width: 1199.99px) {
    .logo {
        transform: unset
    }

    .mesh-nav {
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        width: 100%;
        max-width: 100%
    }

    .auto-height {
        height: auto;
    }

    .nav-item-border {
        display: none;
    }
}

@media screen and (max-width: 991.99px) {
    .meshSpace-about-project {
        width: 100%;
        margin-top: 8px;
        font-size: 15px;
    }
    .section-loyalty-targets .section-loyalty-targets-referal {
        background-color: unset;
        height: 55%;
    }

    .reward-card__img {
        height: 55%;
    }

    .img-loyalty {
        width: 50px;
        height: 50px;
    }

    .start-checklist-education {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 499.99px) {
    .meshSpace-section-director {
        height: 310px;
    }

    .referralProgram-section {
        background: #fff;
        height: 550px;
    }


    .section-loyalty-targets .section-loyalty-targets-referal {
        height: 40%;
    }

    .section-sublead-loyalty-meshSpace {
        height: 65% !important;
    }

    .slider-targets-wrapper-meshSpace {
        height: 35% !important;
    }

    .reward-card__img {
        height: 75%;
    }

    .reward-card__img-referral {
        height: 55%;
    }

    .align-items-center-h2 {
        text-align: left;
    }

    .section-loyalty-targets .section-sublead-loyalty {
        height: 35%;
    }

    .container-meshSpace {
        padding-top: 30px;
    }


    .slider-outsource.slider-outsource-targets .slider-targets__text {
        font-size: 15px
    }

    .section-education-header-span {
        border: none;
        margin-left: -10px
    }

    .section-education-header {
        width: 380px;
        font-size: 20px
    }

    .start-checklist-education-text {
        width: 90%;
        margin-bottom: 15px;
    }

    .heroHomepage__nav {
        display: block;
    }

    .heroHomepage__nav_items {
        margin: 20px 0 0 0;
    }
}

@media screen and (max-width: 414px) {
    .card-retail__title {
        font-size: 16px;
    }
    .card-other__more {
        font-size: 14px;
    }
}

@media screen and (max-width: 414px) {
    .card-other__more {
        font-size: 12px;
    }
}

/* slider-targets */

.slider-targets {
    padding-right: 32px !important;
    padding-left: 32px !important;
    overflow: hidden;
}

.slider-targets .swiper-slide {
    display: flex;
    gap: 20px;
    flex-direction: row;
}

.slider-targets .swiper-wrapper {
    padding-bottom: 0px;
}

.slider-targets-buttons.swiper-button-prev, .slider-targets-buttons.swiper-button-next {
    position: absolute;
    height: 100%;
    color: white;
    opacity: 1;
    cursor: pointer;
    z-index: 10;
    top: 0;
}

.slider-targets-buttons.swiper-button-prev {
    left: 0;
}

.slider-targets-buttons.swiper-button-next {
    right: 0;
}

.slider-targets-buttons.swiper-button-prev.swiper-button-disabled, .slider-targets-buttons.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
}

.slider-targets-pagination.swiper-pagination {
    opacity: 0;
    position: relative;
    z-index: 10;
    bottom: unset !important;
    width: unset !important;
    top: unset !important;
    left: unset !important;
    display: flex;
    gap: 5px
}

.slider-targets-pagination.swiper-pagination .swiper-pagination-bullet {
    margin: 0 !important;
    display: block !important;
    height: 5px !important;
    border-radius: 999em;
    background-color: white;
    opacity: .5;
    min-width: 25px
}

.slider-targets-pagination.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    min-width: 40px;
}

.slider-targets .slider-targets__text strong {
    display: block;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 4px;
}

.slider-targets .slider-targets__text {
    font-size: 16px;
}

.slider-targets .slider-targets__ico {
    --_size: 40px;
    flex-shrink: 0;
}

.slider-targets .slider-targets__ico svg {
    width: var(--_size);
    height: var(--_size);
}

@media (max-width: 768px) {

    .slider-targets .swiper-wrapper {
        padding-bottom: 25px;
    }

    .slider-targets-navigation {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

    .slider-targets {
        overflow: visible !important;
    }

    .slider-targets-navigation .slider-targets-buttons.swiper-button-prev, .slider-targets-navigation .slider-targets-buttons.swiper-button-next {
        position: relative;
        width: 1em;
        height: 1em;
    }

    .slider-targets-pagination.swiper-pagination {
        opacity: 1;
    }

}

@media (max-width: 1200px) {

    .slider-targets .slider-targets__text strong {
        font-size: 20px;
    }

    .slider-targets .slider-targets__ico {
        --_size: 30px;
    }

}

.section-product-image {
    display: block;
    position: relative;
    background: #ffffff;
}

.retail-footer-container {
    display: none;
}

.product-image-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    background: linear-gradient(180deg, #11E2FF 0%, #166FFF 50.52%, #11E2FF 100%), #FFFFFF;
}

.product-image-wrapper.is-ios {
    /* background: linear-gradient(180deg, #FFFFFF 0%, #09B2FF 44.27%, #166FFF 61.46%, #09B2FF 80.73%, #FFFFFF 100%); */
    background: linear-gradient(180deg, #FFFFFF 15%, #09B2FF 50%, #09B2FF 76.73%, #FFFFFF 100%);
}

.product-image-wrapper.is-ios .product-image-container .product-image-header .product-image-title {
    background: linear-gradient(180deg, #09B2FF 0%, #166FFF 97.04%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.product-image-wrapper.is-ios .product-image-container::before {
    left: -90px;
    top: -33px;
}

.product-image-wrapper.is-ios .product-image-container::after {
    top: 40px;
}

.product-image-container {
    display: block;
    width: 100%;
    position: relative;
    flex: 1;
}

.product-image-container::before {
    content: '';
    width: 50%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('../images/iq-retail/product-image/left_ball.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
}

.product-image-container::after {
    content: '';
    width: 50%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url('../images/iq-retail/product-image/right_ball.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.product-image-container .product-image-header {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-top: 0.9%;
    padding-bottom: 0.9%;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.product-image-container .product-image-header .product-image-title {
    font-weight: 700;
    font-size: 80px;
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    color: #FFFFFF;
    white-space: nowrap;
}

.product-image-container .product-image-image-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0 14%;
    position: relative;
    margin: -10px 0;
}

.product-image-container .product-image-image-container .product-image-image {
    display: block;
    max-width: 100%;
    height: auto;
}

.product-image-container .product-image-blur {
    height: 100%;
    background-image: url('../images/iq-retail/product-image/main_blur.svg');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.product-image-container .product-image-brends {
    display: block;
    width: 100%;
    padding: 0 10%;
    position: absolute;
    bottom: 130px;
    user-select: none;
}

.product-image-container .product-image-brends .slider-brends {
    padding: 5px 0;
}

.product-image-container .product-image-brends .slider-brends .swiper-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.product-image-container .product-image-brends .slider-brends .swiper-wrapper .swiper-slide {
    display: flex;
    max-width: 125px;
}

.product-image-container .product-image-brends .slider-brends .swiper-wrapper .brends-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14.6%;
    background: #FFFFFF;
    border-radius: 50%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.product-image-container .product-image-brends .slider-brends .swiper-wrapper .brends-item img {
    max-width: 100%;
    height: auto;
}

.product-image-container .product-image-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    padding: 0px 16%;
    padding-bottom: 20px;
}

.product-image-container .product-image-info .product-image-device-title {
    font-family: 'Neucha';
    font-weight: 400;
    font-size: 48px;
    line-height: 140%;
    text-align: center;
    color: #ffffff;
    display: none;
}

.product-image-container .product-image-info .product-image-device-buttons {
    display: inline-flex;
    align-items: center;
}

.product-image-container .product-image-info .product-image-device-buttons .product-image-button {
    display: block;
    margin: 10px;
}

.product-image-container .product-image-info .product-image-device-buttons .product-image-button img {
    max-width: 100%;
    height: auto;
}

.product-image-container .product-image-info .product-image-device-available {
    font-family: 'Neucha';
    font-weight: 400;
    font-size: 24px;
    line-height: 160%;
    text-align: center;
    color: #ffffff;
}

.product-image-description {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    background-color: #ffffff;
    padding: 1.5%;
    position: relative;
}

.product-image-description .product-image-blur-mobile {
    display: none;
    height: 100%;
    background-image: url('../images/iq-retail/product-image/main_blur_mobile.svg');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-position-y: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.product-image-description .product-image-description-title {
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #1092ff;
    max-width: 450px;
}

.product-image-description .product-image-description-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #1092ff;
    max-width: 506px;
}

.product-image-description .icon-arrow-down {
    display: inline-block;
    background-image: url('../images/iq-retail/product-image/icon-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 80px;
    height: 80px;
}

.product-image-description .btn-show-frame {
    display: flex;
    width: 80px;
    padding: 10px;
    background: transparent;
    outline: none;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
    cursor: pointer;
}

.product-image-description .product-image-phone {
    display: none;
    flex-direction: column;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16.56px;
    line-height: 20px;
    margin-bottom: 20px;
}

.product-image-description .product-image-phone .product-image-phone-name {
    display: inline-block;
    text-align: right;
    color: #ffffff;
}

.product-image-description .product-image-phone .product-image-phone-tel {
    display: inline-block;
    text-align: right;
    text-decoration-line: underline;
    color: #ffffff;
}

.product-image-description .product-image-phone .product-image-phone-tel img {
    max-width: 100%;
    height: auto;
    margin-right: 9px;
}

@media (max-width: 1600px) {
    .product-image-container .product-image-header {
        padding-top: 1.9%;
        padding-bottom: 1.9%;
    }

    .product-image-container .product-image-header .product-image-title {
        font-size: 70px;
    }

    .product-image-container .product-image-image-container {
        padding: 0 5%;
    }

    .product-image-container .product-image-brends {
        padding: 0 1.9%;
    }

    .product-image-container .product-image-header .product-image-phone {
        font-size: 15.7454px;
        line-height: 19px;
        top: 20px;
    }

    .product-image-description .product-image-description-title {
        font-size: 26px;
        line-height: 1.2;
        color: #1092ff;
        max-width: 400px;
    }

    .product-image-description .product-image-description-text {
        max-width: 400px;
    }
}

@media (max-width: 1250px) {
    .product-image-container .product-image-image-container {
        padding: 0 20px;
    }

    .product-image-description .product-image-description-text {
        max-width: 315px;
    }
}

@media (max-width: 1068px) {

    .product-image-container .product-image-header {
        padding-bottom: 40px;
        padding-top: 60px;
    }

    .product-image-container .product-image-header .product-image-title {
        font-size: 50px;
    }

    .product-image-container .product-image-brends {
        padding: 0 10px;
    }

    .product-image-container .product-image-info .product-image-device-title {
        font-size: 40px;
    }

    .product-image-description {
        padding: 0;
    }

    .product-image-description .product-image-description-title {
        font-size: 23px;
        color: #1092ff;
        max-width: 340px;
    }

    .product-image-description .product-image-description-text {
        max-width: 308px;
    }
}

@media (max-width: 850px) {
    .product-image-container .product-image-image-container {
        padding: 0 20px;
    }

    .product-image-container .product-image-brends {
        padding: 0 10px;
        bottom: 100px;
    }
}

@media (max-width: 768px) {
    .product-image-container {
        background-size: 30%;
    }

    .product-image-container .product-image-header {
        padding-bottom: 40px;
        padding-top: 60px;
    }

    .product-image-container .product-image-header .product-image-title {
        font-size: 40px;
    }

    .product-image-container .product-image-info .product-image-device-title {
        font-size: 40px;
    }

    .product-image-container .product-image-brends {
        bottom: 85px;
    }

    .product-image-description {
        padding: 0;
    }

    .product-image-description .product-image-description-title {
        font-size: 23px;
        color: #1092ff;
        max-width: 340px;
    }

    .product-image-description .product-image-description-text {
        max-width: 308px;
    }

}

@media (max-width: 450px) {
    .product-image-wrapper {
        min-height: auto;
        padding-bottom: 30%;
    }

    .product-image-container {
        flex: 0;
    }

    .product-image-container .product-image-header {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .product-image-container .product-image-header .product-image-title {
        font-weight: 700;
        font-size: 33.12px;
        line-height: 150%;
    }

    .product-image-container .product-image-header .product-image-phone {
        display: none;
    }

    .product-image-container .product-image-brends {
        bottom: 5px;
    }

    .product-image-container .product-image-brends .slider-brends .swiper-wrapper .swiper-slide {
        display: flex;
        max-width: 40px;
    }

    .product-image-container .product-image-image-container {
        margin: 0;
    }

    .product-image-container .product-image-blur {
        display: none;
    }

    .product-image-container .product-image-info {
        display: none;
    }

    .product-image-description {
        flex-direction: column;
        position: static;
        align-items: flex-end;
        padding: 0 20px;
        background-color: transparent;
        z-index: 1;
    }

    .product-image-description .product-image-blur-mobile {
        display: none;
    }

    .product-image-description .product-image-phone {
        display: none;
    }

    .product-image-description .btn-show-frame {
        display: none;
    }

    .product-image-description .product-image-description-title {
        font-weight: 500;
        font-size: 22.08px;
        line-height: 26px;
        color: #ffffff;
        max-width: 360px;
        margin-bottom: 10px;
        text-align: right;
    }

    .product-image-description .product-image-description-text {
        font-weight: 400;
        font-size: 14.352px;
        line-height: 17px;
        color: #ffffff;
        max-width: 308px;
        z-index: 2;
        text-align: right;
        margin-bottom: 10px;
    }
}

.hosting-swiper-scrollbar::before {
    top: unset !important;
    bottom: 21px !important;
}

.hosting-swiper-scrollbar::before {
    top: unset !important;
    bottom: 21px !important;
}

.hosting-btn {
    color: var(--c-white);
    padding: 0 0 10px 0;
    margin-left: 30px;
}

.hosting-btn-active {
    background: none;
    color: var(--_accent);
    border-bottom: 1px solid;
}

.hosting-btn-active:focus, .hosting-btn-active:hover {
    color: var(--_accent);
}

.hosting_list {
    padding: 0px 10px;
    width: 100%;
    height: 35px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

.hosting_input {
    width: 100%;
    height: 35px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    text-indent: 35px;
}

.hosting_title {
    margin-bottom: 10px;
}

.hosting_input__pref {
    position: relative;
    top: 28px;
    left: 10px;
    color: black;
}

.hosting_item {
    margin-top: 20px;
}

.hosting_item:first-of-type {
    margin-top: 0;
}

.hosting_button__add {
    background: #FFFFFF;
    border: 1px solid #5FD3C3;
    border-radius: 5px;
    width: 85px;
    height: 35px;
    color: #5FD3C3;
    cursor: pointer;
    font-weight: 500;
    margin-top: 10px;
}

.hosting_amount {
    padding: 0px 10px;
    width: 100%;
    height: 35px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hosting_amount__btn {
    background: none;
    border: none;
    cursor: pointer;
}

.hosting_btn_reset {
    margin-top: 20px;
    float: right;
    color: #5FD3C3;
    cursor: pointer;
    position: relative;
}

.hosting_sorting {
    display: flex;
    min-height: 69px;
    align-items: center;
}

.hosting_sorting__text {
    margin-right: 20px;
    color: #999999;
}

.hosting_sorting_btn {
    border: none;
    background: none;
    font-size: 16px;
    cursor: pointer;
}

.hosting_sorting_btn:hover, .hosting_sorting_btn:focus {
    color: #5FD3C3;
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox + label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.custom-checkbox + label::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid #adb5bd;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox:checked + label::before {
    border-color: #323232;
    background-color: #323232;
    background-image: url("../images/checkbox-ok.png");
}

.checkbox_item {
    width: 125px;
}

.checkbox_container {
    display: flex;
}

.checkbox_title {
    margin-bottom: 18px
}

.header-hosting-lead {
    margin-right: -20px;
    margin-bottom: calc(var(--pad-1) * 5);
    margin-left: -20px;
    color: #fff
}

@media (max-width: 767px) {
    .checkbox_container {
        flex-wrap: wrap;
        gap: 15px 50px;
        justify-content: space-between;
    }

    .checkbox_title {
        margin-top: 20px;
    }

    .checkbox_item label {
        margin: 0 !important;
    }
}

@media (max-width: 576px) {
    .container-hosting {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .label-two-power-supplies {
        width: 110px !important;
    }

    .card-credits_container {
        padding-top: 70px;
    }
}

.section-iql.school {
    background-image: url(../images/info/header-bg-xs-school.png)
}

@media (min-width: 1200px) {
    .section-iql.school {
        background-image: url(../images/info/header-bg-school.png)
    }

    .section-feedback.school {
        background: url(../images/info/footer-bg-school.png) no-repeat 100% 0;
        background-size: cover
    }
}

.section-iql.geo {
    background-image: url(../images/info/header-bg-xs-geo.png)
}

@media (min-width: 1200px) {
    .section-iql.geo {
        background-image: url(../images/info/header-bg-geo.png)
    }

    .section-feedback.geo {
        background: url(../images/info/footer-bg-geo.png) no-repeat 100% 0;
        background-size: cover
    }
}

.section-iql.store {
    background-image: url(../images/info/header-bg-xs-store.png)
}

@media (min-width: 1200px) {
    .section-iql.store {
        background-image: url(../images/info/header-bg-store.png)
    }

    .section-feedback.store {
        background: url(../images/info/footer-bg-store.png) no-repeat 100% 0;
        background-size: cover
    }
}

.section-iql.brand {
    background-image: url(../images/info/header-bg-xs-brand.png)
}

@media (min-width: 1200px) {
    .section-iql.brand {
        background-image: url(../images/info/header-bg-brand.png)
    }

    .section-feedback.brand {
        background: url(../images/info/footer-bg-brand.png) no-repeat 100% 0;
        background-size: cover
    }
}

.section-iql.med {
    background-image: url(../images/info/header-bg-xs-med.png)
}

@media (min-width: 1200px) {
    .section-iql.med {
        background-image: url(../images/info/header-bg-med.png)
    }

    .section-feedback.med {
        background: url(../images/info/footer-bg-med.png) no-repeat 100% 0;
        background-size: cover
    }
}

.section-iql.job {
    background-image: url(../images/info/header-bg-xs-job.png)
}

@media (min-width: 1200px) {
    .section-iql.job {
        background-image: url(../images/info/header-bg-job.png)
    }

    .section-feedback.job {
        background: url(../images/info/footer-bg-job.png) no-repeat 100% 0;
        background-size: cover
    }
}

.section-iql.chat {
    background-image: url(../images/info/header-bg-xs-chat.png)
}

@media (min-width: 1200px) {
    .section-iql.chat {
        background-image: url(../images/info/header-bg-chat.png)
    }

    .section-feedback.chat {
        background: url(../images/info/footer-bg-chat.png) no-repeat 100% 0;
        background-size: cover
    }
}

.section-iql.game {
    background-image: url(../images/info/header-bg-xs-game.png)
}

@media (min-width: 1200px) {
    .section-iql.game {
        background-image: url(../images/info/header-bg-game.png)
    }

    .section-feedback.game {
        background: url(../images/info/footer-bg-game.png) no-repeat 100% 0;
        background-size: cover
    }
}

.section-iql.balance {
    background-image: url(../images/info/header-bg-xs-balance.png)
}

@media (min-width: 1200px) {
    .section-feedback.balance {
        background: url(../images/info/footer-bg-balance.png) no-repeat 100% 0;
        background-size: cover
    }

    .section-iql.balance {
        background-image: url(../images/info/header-bg-balance.png)
    }
}

.section-iql.kids {
    background-image: url(../images/info/header-bg-xs-kids.png)
}

@media (min-width: 1200px) {
    .section-iql.kids {
        background-image: url(../images/info/header-bg-kids.png)
    }

    .section-feedback.kids {
        background: url(../images/info/footer-bg-kids.png) no-repeat 100% 0;
        background-size: cover
    }

    .header-kids__list {
        padding-left: 30px;
        margin-bottom: 15px;
    }

    .header-kids__list li {
        list-style: disc;
    }
}

.func-wrap-navigation ul li {
    margin-right: 10px;
    cursor: pointer;
    padding: 0 10px;
    text-align: center;
    line-height: 150%;
    color: #272626;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    font-style: normal
}

.func-wrap-navigation ul li.active {
    border-radius: 5px;
    background: #06f;
    color: #fff
}

.projects_container {
    display: flex;
}

.project_item {
    margin: 0 5px;
}

.project_item__img {
    max-height: 70px;
}

.slider-reviews {
    --_accent: var(--accent-color, var(--c-black));
    position: relative;
    padding-bottom: var(--pad-2)
}

.slider-reviews .swiper-slide {
    width: auto;
    height: unset
}

.slider-reviews .swiper-button-next, .slider-reviews .swiper-button-next:focus, .slider-reviews .swiper-button-next:hover, .slider-reviews .swiper-button-prev, .slider-reviews .swiper-button-prev:focus, .slider-reviews .swiper-button-prev:hover {
    color: var(--_accent)
}

.slider-reviews .swiper-pagination {
    display: flex;
    top: unset !important;
    bottom: 0;
    left: unset !important;
    justify-content: center;
    gap: 5px
}

.slider-reviews .swiper-pagination-bullet {
    display: block;
    transition: var(--tran);
    opacity: .6 !important;
    margin: 0 !important;
    border-radius: 999em;
    background-color: var(--_accent) !important;
    width: 25px !important;
    height: 5px !important
}

.slider-reviews .swiper-pagination-bullet-active, .slider-reviews .swiper-pagination-bullet:focus, .slider-reviews .swiper-pagination-bullet:hover {
    opacity: 1 !important;
    width: 40px !important
}

.slider-reviews__navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    gap: 1px
}

.section-reviews .splide__pagination {
    margin-top: 20px
}


.card-arrived {
    --s-pad: var(--pad-2);
    display: flex;
    flex-direction: column;
    background-color: #f9f9f9;
    width: 100%
}

.card-arrived__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: var(--s-pad)
}

.card-arrived__img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 150px
}

.card-arrived__title {
    margin-bottom: .25em;
    color: var(--c-darker);
    font-family: Gotham Pro, sans-serif;
    font-size: var(--fz-md);
    font-weight: 700
}

.card-arrived__text {
    flex-grow: 1;
    padding-bottom: 10px;
    font-size: 15px
}
.arrived-wrapper {
    --s-columns: 2;
    display: grid;
    grid-template-columns:repeat(var(--s-columns), 1fr);
    grid-gap: var(--pad-2) var(--pad-1)
}

.section--rainbow-credit {
    background-color: #cf169d
}

.section--rainbow-credit:before {
    background-color: #ad30b8
}

.section--rainbow-credit:after {
    background-color: #e28fe0
}

.header-credit-lead {
    margin-right: -20px;
    margin-bottom: calc(var(--pad-1) * 5);
    margin-left: -20px;
    background-color: var(--c-black)
}

.header-button {
    position: absolute;
    border: none;
    border-radius: 999em;
    background: #2e2e2e;
    padding: 14px;
    width: 45px;
    height: 45px;
    color: var(--c-white);
    z-index: 100;
    right: 10px;
    display: none;
    top: 15.5px;
}

.header-menu__cards-container .header-menu_card {
    width: 100%
}

.header-menu_outstaff-sections {
    position: relative;
    padding: 0 20px;
}

.header-menu_outstaff-section {
    right: 0;
    left: 0;
    transform: translateZ(0);
    transition: var(--tran);
    opacity: 1
}

.header-menu_outstaff-section.enter {
    position: absolute;
    transform: translate3d(50vw, 0, 0);
    transition: var(--tran);
    opacity: 0
}

.header-menu_outstaff-section.leave {
    position: absolute;
    right: 0;
    left: 0;
    transform: translate3d(-25vw, 0, 0);
    transition: var(--tran);
    transition-duration: .2s;
    opacity: 0;
    z-index: 0
}

.referralProgram-section {
    background: #fff;
    padding: 30px 0 200px 0;
}

.referral-header-text {
    padding-left: 20px;
    border-left: 1px solid #00000033;
}

.header-menu__cards-container .header-menu_card {
    width: 100%
}

.header-menu_outstaff-sections {
    position: relative;
    padding: 0 20px;
}

.header-menu_outstaff-section {
    right: 0;
    left: 0;
    transform: translateZ(0);
    transition: var(--tran);
    opacity: 1
}

.header-menu_outstaff-section.enter {
    position: absolute;
    transform: translate3d(50vw, 0, 0);
    transition: var(--tran);
    opacity: 0
}

.header-menu_outstaff-section.leave {
    position: absolute;
    right: 0;
    left: 0;
    transform: translate3d(-25vw, 0, 0);
    transition: var(--tran);
    transition-duration: .2s;
    opacity: 0;
    z-index: 0
}

@media screen and (min-width: 1200px) {
    .header-menu_outstaff-section {
        left: 60px
    }

    .header-menu_outstaff-section.enter {
        transform: translate3d(10vw, 0, 0)
    }

    .header-menu_outstaff-section.leave {
        left: 60px;
        transform: translate3d(10vw, 0, 0)
    }

    .header-menu {
        display: flex;
        flex-direction: column;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        width: 1200px;
        height: -moz-fit-content;
        height: fit-content
    }

    .header-menu__filler {
        flex-grow: 1;
        background-color: red
    }
}

@media screen and (max-width: 1199.99px) {
    .header-button {
        display: flex;
    }

    .header-button .mobile-burger__decor-line {
        position: absolute;
        border-radius: 10px;
        background-color: currentColor;
        width: 17px;
        height: 2px;
    }

    .header-button .mobile-burger__decor-line:first-child {
        top: 18px
    }

    .header-button .mobile-burger__decor-line:last-child {
        top: 26px
    }

    .header-button.menu-opened .mobile-burger__decor-line:first-child, .header-button.menu-opened .mobile-burger__decor-line:last-child {
        top: 50%
    }

    .header-button.menu-opened .mobile-burger__decor-line:first-child {
        transform: rotate(45deg) translateY(-50%)
    }

    .header-button.menu-opened .mobile-burger__decor-line:last-child {
        transform: rotate(-45deg) translateY(-50%)
    }

    .header-button.leave {
        position: absolute;
        transition-duration: .5s;
        pointer-events: none
    }

    .header-button.leave:after, .header-button.leave:before {
        position: absolute;
        top: 50%;
        transform-origin: center;
        transition: .5s;
        border-radius: 10px;
        background-color: currentColor;
        width: 20px;
        height: 2px;
        content: ""
    }

    .header-button.leave:before {
        transform: rotate(-45deg) translate(20%, -250%);
        animation: c .5s linear normal 1 forwards
    }

    .header-button.leave:after {
        transform: rotate(45deg) translate(20%, 250%);
        animation: d .5s linear normal 1 forwards
    }

    .header-button svg {
        transform: scaleX(-1);
        margin: auto;
        width: 100%;
        height: 100%
    }

    .header-button--back:after, .header-button--back:before {
        position: absolute;
        top: 50%;
        transform-origin: center;
        transition: .5s;
        border-radius: 10px;
        background-color: currentColor;
        width: 24px;
        height: 2px;
        content: ""
    }

    .header-button--back:before {
        transform: rotate(45deg) translateY(-50%);
        animation: a .5s linear normal 1 forwards
    }

    .header-button--back:after {
        transform: rotate(-45deg) translateY(-50%);
        animation: b .5s linear normal 1 forwards
    }

    .header-right-bottom {
        position: fixed;
        top: 34px;
        right: 0;
        left: 0;
        margin-top: 0;
        background: hsla(0, 0%, 100%, .75);
        max-width: 100%;
        height: calc(100vh - 34px);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px)
    }

    .header-menu {
        top: 0;
        /* padding: 0 20px; */
        height: calc(100 * var(--vh) - 34px);
        min-height: unset;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .header-menu__blur {
        display: none !important;
        visibility: hidden;
        opacity: 0
    }

    .header-menu__breadcrumbs {
        padding: 30px 0;
        padding-left: 150px;
        position: fixed;
        z-index: 10;
    }

    .header-menu__breadcrumbs, .header-menu__section-name {
        background: linear-gradient(to top, rgba(255, 255, 255, 0), 1%, rgba(255, 255, 255, 1));
        width: calc(100% + 40px);
        color: #979797;
        font-size: 14px;
        font-weight: 300;
    }

    .header-menu__section-name {
        position: fixed;
        z-index: 3;
        padding: 20px 0;
        padding-left: 150px;
        text-align: left;
        display: flex;
        align-items: center;
        height: 77px;
    }

    .header-menu--active {
        top: 0;
        z-index: 1;
        /* padding: 0 20px; */
        padding-bottom: 1vh !important
    }

    .header-menu_outstaff-nav {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 10;
        background: linear-gradient(to top, rgba(255, 255, 255, 0), 1%, rgba(255, 255, 255, 1));
        padding: 0 20px;
    }

    .header-menu_outstaff-nav:before {
        top: 0;
        bottom: 0;
        width: 100%;
    }

    .header-menu_outstaff-nav ul {
        position: relative;
        flex-direction: row;
        margin: 10px -20px;
        padding: 0px 20px 10px 20px;
        overflow: auto
    }

    .header-menu_outstaff-nav ul::-webkit-scrollbar {
        display: none
    }

    .header-menu_outstaff-nav ul li {
        display: flex;
        align-items: center;
        flex: none;
        justify-content: center;
        margin-right: 15px;
        margin-bottom: 0;
        border: 0;
        border-radius: 999em;
        padding: 5px 10px;
        width: auto
    }

    .header-menu_outstaff-nav ul li:last-child {
        margin-right: 0
    }

    .header-menu_outstaff-nav ul li span {
        margin: 0;
        white-space: nowrap;
        color: #979797;
        font-size: 12px
    }

    .header-menu_outstaff-nav ul li.active-mobile {
        background: #2e2e2e
    }

    .header-menu_outstaff-nav ul li.active-mobile span {
        color: #fff
    }

    .header-menu_card > span img {
        transform: unset !important
    }

    .header-menu__stack-section {
        padding-top: 20px;
        padding-left: 0;
        width: calc(100% + 40px);
        margin-left: -20px
    }

    .header-menu__stack-section > span {
        margin: 0 0 0 20px
    }

    .header-menu__stack-section .header-menu-stack-slider-arrow {
        display: none !important
    }

    .header-menu__stack-slider .header-menu_card {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .header-menu__stack-slider .swiper-slide {
        max-width: 80px;
        min-width: 80px
    }

    .header-menu_outstaff-section {
        margin-top: 52px;
    }

    /* .header-menu_picside {
        padding: 0 20px
    } */
    .header-menu_picside .header-menu__wrapper {
        flex-direction: column;
        gap: 20px;
        padding: 0px 20px;
    }

    .header-menu_picside-img {
        margin: 0 auto;
        width: 50%
    }

    .header-menu_picside-form {
        width: 100%
    }

    .header-menu_picside-form h2 {
        margin-bottom: .25em;
        text-align: center;
        font-size: var(--fzr-600)
    }

    .header-menu_picside-form p {
        text-align: center;
        font-size: var(--fzr-300)
    }

    .header-menu_picside-range {
        width: 100%;
        font-size: 14px
    }

    .header-menu_picside-flex {
        width: 100%
    }

    .header-menu_license, .header-menu_outsourcing {
        padding: 0
    }

    .header-menu_license .header-menu__wrapper, .header-menu_outsourcing .header-menu__wrapper {
        padding: 0 20px;
    }

    .header-menu_license .header-menu_card, .header-menu_outsourcing .header-menu_card {
        width: 33.3%
    }

    .header-menu_license .header-menu_card:last-child, .header-menu_outsourcing .header-menu_card:last-child {
        border-bottom: 1px solid #e8e8e8
    }

    .header-menu_franchise .header-menu__wrapper {
        flex-direction: column;
        gap: 20px;
        padding: 0 20px;
    }

    .header-menu_franchise-description {
        margin: 0 auto !important;
        padding: 0;
        width: 60vw
    }

    .header-menu__column {
        border-right: 0;
    }

    .header-menu_franchise-description h2 {
        margin-bottom: .25em;
        text-align: center;
        font-size: var(--fzr-600)
    }

    .header-menu_franchise-description p {
        margin-bottom: 1em;
        text-align: center;
        font-size: var(--fzr-300) !important
    }

    .header-menu_franchise-description__more {
        justify-content: center
    }

    .header-menu_franchise .header-menu_card {
        margin-bottom: .5em;
        /* padding: 0; */
        width: 33.3%
    }

    .header-menu_franchise .header-menu_card:last-child {
        border-bottom: 1px solid #e8e8e8
    }

    .header-menu_franchise-cards {
        justify-content: flex-start;
        padding: 0;
        width: 100%
    }

    .header-menu__filler {
        display: none !important
    }
}

@media screen and (max-width: 991.99px) {
    .header-menu_picside-form-referral {
        border-bottom: 1px solid #E8E8E8;
        display: flex;
        padding: 13px 0;
    }

    .header-menu_picside-form-referral p {
        margin-top: 13px;
        margin-left: 10px;
        line-height: 24px;
        color: #000000;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
    }

    .header-menu_franchise .header-menu_card, .header-menu_license .header-menu_card, .header-menu_outsourcing .header-menu_card {
        width: 50%
    }

    .header-menu_franchise-description {
        margin: unset !important;
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .header-menu__cards-container .header-menu_card {
        width: 50%
    }

    .header-menu_picside-button-referral {
        left: 0 !important;
        width: 300px;
    }
}

@media screen and (max-width: 499.99px) {
    .header-menu_picside-button-referral {
        left: 0 !important;
    }

    .header-menu_franchise .header-menu_card, .header-menu_license .header-menu_card, .header-menu_outsourcing .header-menu_card {
        width: 100%
    }

    .header-menu_franchise .header-menu__text, .header-menu_license .header-menu__text, .header-menu_outsourcing .header-menu__text {
        display: none
    }
}

.custom-checkbox+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.custom-checkbox+label::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.checkbox-menu {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
}

.checkbox-menu p {
    font-size: 13px;
    margin-top: 4px;
    color: gray;
    cursor: pointer;
}

.checkbox-menu p:hover {
    color: black;
}

#side-checkbox {
    display: none;
}

.side-button-2 {
    font-size: 22px;
    border-radius: 20px;
    position: absolute;
    top: 30px;
    right: 20px;
    cursor: pointer;
    background-color: #373737;
    width: 35px;
    height: 35px;
    color: white;
    text-align: center;
    border: 1px #373737 solid;
}
.open-menu_background {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s;
    backdrop-filter: blur(6px);
}

.open-menu_background-active {
    z-index: 999998;
    opacity: 1;
}

.side-panel {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: -500px;
    background: #FFF;
    transition: all 0.5s;
    width: 500px;
    height: 100vh;
    color: #141522;
    padding: 40px 20px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
}

.side-panel-active {
    right: -15px;
    box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.25);
}

.side-title {
    font-size: 20px;
    padding-bottom: 7px;
    margin-bottom: 16px;
    width: 132px;
    margin-top: -10px;
}

.sidebar-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #464E5F;
    margin-bottom: 5px;
    margin-top: 10px;
}

.authorization-header {
    line-height: 10px;
    color: #626262;
}

.sidebar-text {
    font-size: 14px;
    line-height: 23px;
    color: #80808F;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 2px solid #F2F2F2;
}

.main-title {
    font-size: 25px;
    line-height: 30px;
}

.main-menu {
    width: 450px;
    white-space: normal;
}

.svg-style {
    width: 36px;
    height: 40px;
    margin: 15px 7px 0 0;
}

.svg-style-authorization {
    margin: 10px 20px 10px 0;
}

.sidebar-block-bottom {
    margin-top: 30px;
}

.sidebar-block__button {
    color: #A4A4A4;
    font-size: 15px;
    margin-right: 10px;
    cursor: pointer
}

.sidebar-block__button--active {
    color: black;
    font-weight: 500;
}

.content-for-modal-sidebar {
    width: 450px;
}

.sidebar-block-menu {
    margin-bottom: 30px;
}

.password-control {
	position: absolute;
    right: 29px;
    width: 20px;
    height: 20px;
	background: url(https://snipp.ru/demo/495/view.svg) 0 0 no-repeat;
	margin-top: -30px;
	margin-right: 15px;
}

.password-control.view {
	background: url(https://snipp.ru/demo/495/no-view.svg) 0 0 no-repeat;
}

.btn-sidebar {
    margin-bottom: 10px;
}

@media (max-width: 500px) {
    .side-panel-active {
        right: 0;
        width: 100%;
    }
    .content-for-modal-sidebar {
        width: 100%;
    }
    .main-title {
        width: 350px;
    }
    .main-menu {
        width: 100%;
    }
    .password-control {
        margin-right: 0
    }
}

.prizes-wrap {
    grid-gap: 35px;
    --s-columns: 3;
    display: grid;
    grid-template-columns: repeat(var(--s-columns), 1fr);
}

.prize-card {
    --s-pad: var(--pad-2);
    --s-img-height: 420px;
    position: relative;
    background-color: var(--c-grey-light);
    padding-top: var(--s-img-height);
    width: 100%;
    display: flex;
    flex-direction: column;
}

.prize-card__content {
    padding: 0 30px 20px 30px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.prize-card__title {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 20px;
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.prize-card__btn {
    padding: 10px 0;
    z-index: 2;
    position: relative;
}

@media (min-width: 1200px) {
    .prize-card {
        --s-pad: var(--pad-2) var(--pad-5) var(--pad-4);
    }

    .prize-card__title {
        font-size: 25px;
    }
}

@media (max-width: 992px) {
    .prize-card__title {
        font-size: 16px !important;
    }

    .prizes-wrap {
        grid-gap: 15px !important;
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .prize-card {
        --s-img-height: 195px !important;
    }

    .prize-card__content {
        padding: 15px 10px !important;
    }

    .prize-card__btn {
        padding: unset !important;
    }
}

.section-iql.hr {
    background-image: url(../images/info/header-bg-xs-hr.png)
}

@media (min-width: 1200px) {
    .section-iql.hr {
        background-image: url(../images/info/header-bg-hr.png)
    }

    .section-feedback.hr {
        background: url(../images/info/footer-bg-hr.png) no-repeat 100% 0;
        background-size: cover
    }
}
