@import "normalize.css";
@import "../fonts/fonts.css";

/*------- PRIMARY COLORS -------*/


/*------- BREAKPOINT -------*/


/*------- GLOBAL VARIABLES -------*/

html {
    height: 100%;
}

body {
    height: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    font-family: 'helvetica', serif;
    color: #545D6D;
    background-color: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
}

body.active {
    overflow: hidden;
    padding-right: 9px;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

a:hover {
    cursor: pointer;
}

.container {
    max-width: 1204px !important;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

.button {
    display: block;
    padding: 10px 29px;
    width: max-content;
    border-radius: 6px;
    font: 500 14px/16px 'helvetica';
    text-align: center;
    border: 0;
}

.button_small {
    padding: 10px 49px;
}

.button_primary {
    color: #fff;
    background-color: #1765FD;
}

.button_primary:hover {
    background-color: #024DDE;
    transition: all 0.2s ease;
}

.button_purple {
    background-color: #9453FF;
    color: #fff;
}

.button_purple:hover {
    background-color: #731FFF;
    transition: all 0.2s ease;
}

.button_red {
    background-color: #FF3677;
    color: #fff;
}

.button_red:hover {
    background-color: #FF0556;
    transition: all 0.2s ease;
}

.button_yellow {
    background-color: #FFA214;
    color: #fff;
}

.button_yellow:hover {
    background-color: #E08800;
    transition: all 0.2s ease;
}

.button_light {
    color: #122343;
    background-color: #fff;
    z-index: 1;
}

.button_form {
    padding: 10px 25px;
    margin-right: 49px;
    height: 36px;
}

@media screen and (max-width: 992px) {
    .button_form {
        margin-right: 20px;
    }
}

.button_faq {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid rgba(13, 17, 58, 0.1);
    border-radius: 8px;
    font: 500 18px/24px 'helvetica';
    color: #122343;
    text-align: left;
    padding: 16px 17px 18px;
    min-height: 84px;
}

.button_faq:hover{
    color: #1765FD;
    background-color: #F9FBFF;
    box-shadow: none;
}

.button_tabs {
    padding: 11px 27px !important;
    font: 500 14px/14px 'helvetica' !important;
    color: #9FB4DD !important;
    background-color: #F0F4FB !important;
    margin: 0 !important;
    border-radius: 6px !important;
}

.button_tabs.active,
.button_tabs:hover {
    background-color: #1765FD !important;
    color: #fff !important;
}

.wrap {
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

:active,
 :hover,
 :focus {
    outline: 0 !important;
    outline-offset: 0 !important;
}

::-webkit-scrollbar {
    width: 9px;
    z-index: 9999;
}

::-webkit-scrollbar-thumb {
    background-color: #122343;
    border: 2px solid #fff;
    z-index: 9999;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #122343;
}

::-webkit-scrollbar-track {
    background-color: #fff;
}

a {
    text-decoration: none;
    border: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font: 400 14px/24px 'helvetica';
}

a:hover,
a.active {
    color: #1765FD;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

@media (min-width: 768px) {
    h1 {
        font-family: 'helvetica', sans-serif;
        font-weight: bold;
        font-size: 38px;
        line-height: 1.2;
    }
}

@media (min-width: 960px) {
    h1 {
        font: 700 56px/60px 'helvetica';
    }
}

@media (min-width: 1200px) {
    h1 {
        font: 700 60px/70px 'helvetica';
    }
}

@media (max-width: 768px) {
    h1 {
        font-family: 'helvetica', sans-serif;
        font-weight: bold;
        font-size: 38px;
        line-height: 1.2;
    }
}

@media (min-width: 769px) {
    h2 {
        font: 700 34px/60px 'helvetica';
    }
}

@media (min-width: 960px) {
    h2 {
        font: 700 34px/40px 'helvetica';
    }
}

@media (min-width: 1200px) {
    h2 {
        font: 700 38px/48px 'helvetica';
    }
}

h3 {
    font: 700 28px/48px 'helvetica';
}

.header {
    padding: 22px 0;
    z-index: 3;
}

.header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__logo {
    display: block;
}

.header__logo img {
    display: block;
}

.header__nav {
    width: 45.5%;
    margin-top: 2px;
}

.header__nav ul {
    display: flex;
    align-items: center;
}

.header__nav li {
    margin-left: 70px;
}

@media screen and (max-width:1100px) {
    .header__nav li {
        margin-left: 45px;
    }
}

.header__nav li:first-child {
    margin-left: 0;
}

.header__nav a {
    display: flex;
    font: 500 16px/17px 'helvetica';
    color: #122343 !important;
}

.header__nav a:hover {
    opacity: 0.5;
}

.header__contacts {
    display: flex;
    align-items: center;
}

.header__phone {
    display: block;
    margin-top: 1px;
    margin-right: 40px;
    white-space: nowrap;
    font: 500 16px/17px 'helvetica';
    color: #122343;
}

.header__phone_red:hover {
    color: #FF3677;
}

.header__phone_purple:hover {
    color: #9453FF;
}

.header__phone_yellow:hover {
    color: #FFA214;
}

.footer {
    padding: 55px 0 0;
    background-color: #F9FBFF;
}

@media (min-width: 1200px) {
    .footer {
        padding: 55px 0 63px;
    }
}

.footer__logo {
    display: block;
    margin-top: 5px;
    margin-bottom: 35px;
    width: 86px;
    height: 26px;
}

.footer__logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer__company-description {
    margin-bottom: 23px;
    font: 400 16px/24px 'helvetica';
    color: #545D6D;
}

@media (max-width: 768px) {
    .footer__company-description {
        margin-bottom: 0;
    }
}

.footer__social-mlist {
    display: none;
}

@media (max-width: 767px) {
    .footer__social-mlist {
        display: flex;
        margin: 0 auto;
        justify-content: center;
        margin-bottom: 30px;
    }
}

.footer__social-mlist .item {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    margin-left: 20px;
    transition: all 0.2s ease;
    background-color: #545D6D;
    background-size: 66%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

@media screen and (max-width:768px) {
    .footer__social-mlist .item:first-child {
        margin-left: 0;
    }
}

.footer__social-mlist .item:hover {
    background-color: #1765FD;
    transition: all 0.2s ease;
}

.footer__social-mlist .item--vk {
    background-image: url(../img/icons/vk-footer.svg);
}

.footer__social-mlist .item--instagram {
    background-image: url(../img/icons/insta-footer.svg);
}

.footer__social-mlist .item--be {
    background-image: url(../img/icons/be-footer.svg);
}

.footer__social-mlist .item--youtube {
    background-image: url(../img/icons/yt-footer.svg);
}

.footer__social-list {
    display: flex;
    margin-top: 21px;
}

@media (max-width: 767px) {
    .footer__social-list {
        display: none;
    }
}

.footer__social-list .item {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    margin-left: 20px;
    transition: all 0.2s ease;
    background-color: #545D6D;
    background-size: 66%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.footer__social-list .item:hover {
    background-color: #1765FD;
    transition: all 0.2s ease;
}

.footer__social-list .item--vk {
    background-image: url(../img/icons/vk-footer.svg);
}

.footer__social-list .item--instagram {
    background-image: url(../img/icons/insta-footer.svg);
}

.footer__social-list .item--be {
    background-image: url(../img/icons/be-footer.svg);
}

.footer__social-list .item--youtube {
    background-image: url(../img/icons/yt-footer.svg);
}

.footer__title {
    margin-bottom: 18px;
    font: 700 16px/24px 'helvetica';
    color: #122343;
}

.footer__list li {
    margin-bottom: 12px;
}

.footer__list li:hover a {
    color: #9099a8;
}

.footer__list li:last-child {
    margin-bottom: 0;
}

.footer__list li a {
    display: block;
    font: 400 16px/16px 'helvetica';
    color: #545D6D;
    transition: all 0.2s ease;
}

.footer__column {
    margin-bottom: 48px;
}

@media (min-width: 1200px) {
    .footer__column {
        margin-bottom: 0;
    }
}

.modal .modal-dialog {
    max-width: calc(100% - 260px);
}

@media (max-width: 768px) {
    .modal .modal-dialog {
        max-width: calc(100% - 20px);
    }
}

.modal .modal-dialog .border-bottom {
    vertical-align: middle;
    padding-bottom: 30px;
    width: 100%;
}

.modal .modal-dialog .modal-window {
    height: 100%;
    border: none;
    border-radius: 10px;
    overflow-y: hidden;
}

.modal .modal-dialog .modal-window .modal-content {
    padding: 60px 100px;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .modal .modal-dialog .modal-window .modal-content {
        padding: 80px 20px 30px;
    }
}

@media (max-width: 768px) {
    .modal .modal-dialog .modal-window .modal-content .modal_table-wrapper {
        max-width: 1000px;
        overflow-x: auto;
    }
}

.white-square {
    width: 104px;
    height: 74px;
    top: 5.27px;
    right: 3.27px;
    background-color: #ffffff;
    position: absolute;
    z-index: 2;
}

.modal .modal-dialog .modal-window .modal-content .btn-close {
    position: absolute;
    top: 21.27px;
    right: 32.27px;
}

.black-square {
    width: 85px;
    height: 74px;
    top: 34.27px;
    right: 156.27px;
    background-color: #122343;
    position: fixed;
    z-index: 1;
    opacity: 0;
    /* animation: labfade-in 200ms 0.5s forwards ease-in; */
    transition: all 300ms ease-in;
}

.modal .modal-dialog .modal-window .modal-content .btn-close-fixed {
    position: fixed;
    top: 56.27px;
    right: 184.27px;
    transition: all 300ms ease-in;
}

@media screen and (max-width: 768px) {
    .black-square {
        right: 35.27px;
        width: 90px;
        height: 70px;
    }
    .modal .modal-dialog .modal-window .modal-content .btn-close-fixed {
        right: 65.27px;
    }
}

@media screen and (max-width: 575px) {
    .black-square {
        right: 37.27px;
        top: 14.27px;
    }
    .modal .modal-dialog .modal-window .modal-content .btn-close-fixed {
        right: 69.27px;
        top: 37.27px;
    }
}

.modal .modal-dialog .modal-window .modal-content .title {
    line-height: 48px;
    font-weight: bold;
    color: #122343;
}

@media (max-width: 768px) {
    .modal .modal-dialog .modal-window .modal-content .title {
        font-size: 22px;
        line-height: 28px;
    }
}

.modal .modal-dialog .modal-window .modal-content .modal-paragraph {
    color: #545D6D;
    line-height: 28px;
    padding-bottom: 30px;
}

@media (max-width: 768px) {
    .modal .modal-dialog .modal-window .modal-content .modal-paragraph {
        font-size: 16px;
        line-height: 1.5;
    }
}

.modal .modal-dialog .modal-window .modal-content .modal-header {
    display: block;
    padding: 0;
}

.modal .modal-dialog .modal-window .modal-content .modal-header .modal-title {
    font-size: 38px;
    padding-bottom: 30px;
}

@media (max-width: 768px) {
    .modal .modal-dialog .modal-window .modal-content .modal-header .modal-title {
        font-size: 22px;
        line-height: 28px;
    }
}

.modal .modal-dialog .modal-window .modal-content .modal-body {
    padding: 0;
    overflow-y: initial;
}

.modal .modal-dialog .modal-window .modal-content .modal-body table {
    margin-bottom: 30px;
    width: 100%;
}

.modal .modal-dialog .modal-window .modal-content .modal-body table.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: #F9FBFF;
}

.modal .modal-dialog .modal-window .modal-content .modal-body table thead th {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    color: #545D6D;
    padding: 12px 18px;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .modal .modal-dialog .modal-window .modal-content .modal-body table thead th {
        font-size: 12px;
        line-height: 1;
    }
}

@media (max-width: 768px) {
    .modal .modal-dialog .modal-window .modal-content .modal-body table thead th:first-child {
        min-width: 114px;
    }
}

@media (max-width: 768px) {
    .modal .modal-dialog .modal-window .modal-content .modal-body table thead th:nth-child(2) {
        min-width: 228px;
    }
}

.modal .modal-dialog .modal-window .modal-content .modal-body table thead th:last-child {
    text-align: center;
}

@media (max-width: 768px) {
    .modal .modal-dialog .modal-window .modal-content .modal-body table thead th:last-child {
        min-width: 110px;
    }
}

.modal .modal-dialog .modal-window .modal-content .modal-body table tbody {
    border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(13, 17, 58, 0.1);
}

.modal .modal-dialog .modal-window .modal-content .modal-body table tbody tr:not(:last-child) {
    border-bottom: 1px solid rgba(13, 17, 58, 0.1);
}

.modal .modal-dialog .modal-window .modal-content .modal-body table tbody tr td:last-child {
    text-align: center;
}

.modal .modal-dialog .modal-window .modal-content .modal-body table tbody tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

.modal .modal-dialog .modal-window .modal-content .modal-body table tbody tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

.modal .modal-dialog .modal-window .modal-content .modal-body table tbody tr:last-child th:first-child {
    border-bottom-left-radius: 10px;
}

.modal .modal-dialog .modal-window .modal-content .modal-body table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.modal .modal-dialog .modal-window .modal-content .modal-body table tbody tr th,
.modal .modal-dialog .modal-window .modal-content .modal-body table tbody tr td {
    padding: 18px;
}

@media (max-width: 768px) {
    .modal .modal-dialog .modal-window .modal-content .modal-body table tbody tr th,
    .modal .modal-dialog .modal-window .modal-content .modal-body table tbody tr td {
        font-size: 12px;
        line-height: 1.2;
    }
}

.modal .modal-dialog .modal-window .modal-content .modal-body .modal-subtitle {
    font-size: 28px;
    color: #122343;
    padding-top: 30px;
    padding-bottom: 16px;
}

@media (max-width: 768px) {
    .modal .modal-dialog .modal-window .modal-content .modal-body .modal-subtitle {
        font-size: 22px;
        line-height: 28px;
    }
}

.modal .modal-dialog .modal-window .modal-content .modal-footer {
    padding: 0;
}

.section {
    position: relative;
}

.section_tabs {
    padding: 0 0 166px;
}

@media screen and (max-width: 768px) {
    .section_tabs {
        padding: 0 0 15px;
    }
}

.section_project {
    padding-bottom: 38px;
}

@media screen and (max-width: 992px) {
    .section_project {
        padding-bottom: 30px;
    }
}

.section__link-tag {
    display: block;
    width: max-content;
    padding: 10px 40px 12px;
    border-radius: 6px;
    color: #98A6C1;
    background: #F0F4FB;
    font: 500 14px/14px 'helvetica';
}

@media (max-width: 767px) {
    .section__link-tag {
        margin-top: 14px;
    }
}

.section__link-tag:hover {
    background-color: #1765FD;
    color: #fff;
}

.section_feedback {
    padding: 93px 0 40px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

@media (max-width: 768px) {
    .section_feedback {
        padding-top: 30px;
    }
}

.section_blue {
    background-color: #F9FBFF;
}

.section_breadcrumb {
    padding: 25px 0;
    margin: 0;
    z-index: 2;
}

@media screen and (max-width: 992px) {
    .section_breadcrumb {
        padding: 25px 0 82px;
    }
}

@media screen and (max-width: 767px) {
    .section_breadcrumb {
        padding: 25px 0 60px;
    }
}

.section_contact-us {
    padding: 152px 0 9px;
}

@media (min-width: 1200px) {
    .section_contact-us {
        padding: 211px 0 55px;
    }
}

@media (max-width: 768px) {
    .section_contact-us {
        padding: 79px 0 55px;
    }
}

@media (max-width: 540px) {
    .section_contact-us {
        padding: 52px 0 0px;
    }
}

.section_development {
    padding-top: 37px;
}

@media (min-width: 320px) {
    .section_opportunities {
        padding: 60px 0 17px;
    }
}

@media (min-width: 960px) {
    .section_opportunities {
        padding: 60px 0 17px;
    }
}

@media (min-width: 1200px) {
    .section_opportunities {
        padding: 3px 0;
    }
}

.section_landing-pluses {
    padding: 0 0 81px;
}

@media (max-width: 768px) {
    .section_landing-pluses {
        padding: 0;
    }
}

.section_company-pluses {
    padding: 0 0 61px;
}

@media (max-width: 768px) {
    .section_company-pluses {
        padding-bottom: 4px;
    }
}

.section_landing-job {
    padding: 134px 0 63px;
}

@media (max-width: 768px) {
    .section_landing-job {
        padding-top: 30px;
    }
}

@media (max-width: 570px) {
    .section_landing-job {
        padding-top: 0px;
    }
}

.section_description-landing {
    padding: 80px 0;
}

.section_description-seo {
    padding: 0 0 79px;
}

@media (max-width: 768px) {
    .section_description-seo {
        padding-bottom: 30px;
    }
}

.section_description-super-design {
    padding: 60px 0;
}

@media (max-width: 768px) {
    .section_description-super-design {
        padding-top: 30px;
        padding-bottom: 0;
    }
}

.section_what-informational {
    padding: 0 0 0px;
    margin-bottom: -277px;
}

.section_description-informational {
    padding: 194px 0 0;
    overflow: hidden;
    z-index: 1;
}

@media (max-width: 768px) {
    .section_description-informational {
        padding-top: 82px;
    }
    .section_what-informational {
        padding: 0 0 60px;
        margin-bottom: 0px;
    }
}

.section_description-store {
    padding: 125px 0 60px;
}

@media screen and (max-width: 768px) {
    .section_description-store {
        padding-bottom: 20px;
    }
}

.section_description-crm {
    padding: 215px 0 0;
}

@media (max-width: 1200px) {
    .section_description-crm {
        padding-top: 115px;
    }
}

@media (max-width: 992px) {
    .section_description-crm {
        padding-top: 70px;
    }
}

.section_banner {
    overflow: hidden;
    background: linear-gradient(87.62deg, #3B6DCF -44.8%, #9453FF 102.18%);
    /* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); */
    /* background-size: 400% 400%; */
    /* animation: gradient 15s ease infinite; */
    height: 40vh;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.section_price {
    padding: 59px 0 22px;
    background-color: #F9FBFF;
}

@media (max-width: 768px) {
    .section_price {
        padding-top: 30px;
    }
}

.section_price-blue {
    background-color: #F9FBFF;
}

.section_price-white {
    background-color: #fff;
    /* margin-top: 66px; */
}

.section_price-seo {
    margin-top: 20px;
}

@media (max-width: 768px) {
    .section_price-store {
        margin-top: 20px;
    }
}

.section_price__title-small {
    margin-bottom: 18px;
}

.section_seo-job {
    /* padding: 63px 0 54px; */
    padding: 40px 0 40px;
}

@media (max-width: 768px) {
    .section_seo-job {
        padding-top: 30px;
        padding-bottom: 20px;
    }
}

.section_seo-job_dark {
    background-color: #F9FBFF;
}

.section_crm-job {
    /* padding: 63px 0 54px; */
    padding: 60px 0 40px;
    background-color: #fff;
}

.section_crm-job_dark {
    background-color: #F9FBFF;
}

.section_seo-job_dark img {
    width: 100%;
}

.section_what {
    padding: 0 0 60px;
}

@media (max-width: 768px) {
    .section_what {
        padding-bottom: 30px;
    }
}

.section_what-erp {
    padding: 0 0 72px;
}

@media screen and (max-width: 992px) {
    .section_what-informational {
        padding-bottom: 0;
    }
}

@media (max-width: 768px) {
    .section_what-erp {
        padding-bottom: 0px;
    }
}

.section_what-corporate {
    padding-bottom: 214px;
}

@media screen and (max-width: 992px) {
    .section_what-corporate {
        padding-top: 80px;
    }
}

@media (max-width: 768px) {
    .section_what-corporate {
        padding-bottom: 81px;
    }
}

@media (max-width: 540px) {
    .section_what-corporate {
        padding-top: 0px;
    }
}

.section_what-promo {
    padding-bottom: 251px;
}

@media (max-width: 768px) {
    .section_what-promo {
        padding-bottom: 89px;
    }
}

.section_what-store {
    padding: 0 0 68px;
}

@media (max-width: 768px) {
    .section_what-store {
        padding: 81px 0 0px;
    }
}

@media (max-width: 768px) {
    .section_what-store {
        padding: 0px 0 0px;
    }
}

@media (max-width: 768px) {
    .section__map {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.section_faq {
    padding: 49px 0 20px;
}

@media (min-width: 1200px) {
    .section_faq {
        padding: 59px 0 40px;
    }
}

.section__imgs {
    position: relative;
}


/* @media (min-width: 1200px) {
  .section__imgs {
    min-height: 654px;
  }
}

@media (max-width: 768px) {
  .section__imgs {
    margin-bottom: 150px;
  }
}

@media (max-width: 540px) {
  .section__imgs {
    margin-bottom: 20px;
  }
}

.section__imgs>img {
  position: relative;
  width: 100%;
} */

@media (max-width: 768px) {
    .section__imgs>img {
        /* position: absolute; */
        right: -50%;
        width: 150%;
    }
}

@media (max-width: 540px) {
    .section__imgs>img {
        /* position: absolute; */
        right: -100%;
        width: 200%;
    }
}

.section__img_main {
    width: 100%;
    height: 100%;
    position: relative;
    top: -23%;
    min-width: 634px;
    min-height: 430px;
    left: -23%;
}

@media screen and (max-width:959px) {
    .section__img_main {
        top: -34%;
        left: -23%;
        min-width: 507px;
        min-height: 430px;
    }
}

.section__img_main img {
    position: absolute;
}

.section__img_main img:nth-child(1) {
    right: -13.1%;
    bottom: -12.9%;
    z-index: 2;
    width: 100%;
    /* opacity: 0.4; */
    filter: drop-shadow(-26px 33px 43px rgba(0, 0, 0, 0.08));
}

.section__img_main img:nth-child(2) {
    z-index: 2;
    top: -11%;
    right: 48.6%;
    opacity: 0.4;
    animation: labup 3900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
    filter: blur(1px);
}

.section__img_main img:nth-child(3) {
    top: 1.5%;
    right: 16.3%;
    z-index: 4;
    animation: lableft 5900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
}

@media screen and (max-width: 992px) {
    .section__img_main img:nth-child(3) {
        top: 15%;
    }
}

.section__img_main img:nth-child(4) {
    top: 54.9%;
    right: 29.6%;
    z-index: 9999;
    /* filter: blur(9px); */
    opacity: 0.4;
    display: none;
}

.section__img_main img:nth-child(5) {
    top: 6.4%;
    right: 53.2%;
    opacity: 0.4;
    animation: labright 6900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
    /* filter: blur(6px); */
}

.section__img_main img:nth-child(6) {
    top: 85.1%;
    right: 44.5%;
    animation: labdown 7900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
    z-index: 4;
    /* backdrop-filter: blur(4px); */
}

.section__img_main img:nth-child(7) {
    top: 43.4%;
    right: -10.8%;
    /* filter: blur(12px); */
    opacity: 1;
    display: none;
}

.section__img_main img:nth-child(8) {
    top: 20.5%;
    right: -28.2%;
    animation: labright 5900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
}

.section__img_main img:nth-child(9) {
    top: 85.4%;
    right: 4%;
    opacity: 1;
    animation: labdown 4900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
    z-index: 1;
}

.section__img_main img:nth-child(10) {
    right: -13.3%;
    bottom: -9.9%;
    z-index: 2;
    width: 100%;
}

.section__img_main img:nth-child(11) {
    right: 39.7%;
    bottom: 15%;
    z-index: 2;
    width: 44%;
}

.section__img_main img:nth-child(12) {
    right: -37.3%;
    bottom: 5.6%;
    z-index: 3;
    width: 95%;
    filter: drop-shadow(10px 17px 14px rgba(0, 0, 0, 0.08));
}

.section__img_main img:nth-child(13) {
    right: 19.7%;
    bottom: 32.0%;
    z-index: 2;
    width: 44%;
}

.section__img_main img:nth-child(14) {
    right: -50.3%;
    bottom: -7%;
    z-index: 1;
    animation: lableft 3900ms alternate infinite ease-in;
}

.section__img_main img:nth-child(15) {
    right: 72.7%;
    bottom: -32%;
    z-index: 1;
    animation: labup 5900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
}

@media screen and (max-width:959px) {
    .section__img_main img:nth-child(13) {
        right: 19.7%;
        bottom: 21%;
        z-index: 2;
        width: 42%;
    }
    .section__img_main img:nth-child(11) {
        right: 38.7%;
        bottom: 9%;
        z-index: 2;
        width: 42%;
    }
    .section__img_main img:nth-child(9) {
        display: none;
    }
    .section__img_main img:nth-child(1) {
        filter: drop-shadow(25px 4px 42px rgba(0, 0, 0, 0.08));
    }
    .section__img_main img:nth-child(10) {
        right: -13.3%;
        bottom: -9.9%;
        z-index: 2;
        width: 99%;
    }
}

@keyframes banner {
    from {
        transform: translateY(-50px);
    }
    to {
        transform: translateY(50px);
    }
}

.section__img_banner {
    position: absolute;
    right: -11%;
    top: -75%;
    width: 674px;
    height: 674px;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(17deg);
    /* animation: banner 4900ms alternate infinite cubic-bezier(.2, .2, .1, 1); */
}

@media (max-width: 768px) {
    .section__img_banner {
        right: -51%;
        bottom: 14%;
        transform: rotate(310deg);
        top: unset;
    }
}

@media (max-width: 540px) {
    .section__img_banner {
        right: -114%;
        bottom: -91%;
        transform: rotate(310deg);
        top: unset;
    }
}

.section__img_stack {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .section__img_stack {
        justify-content: center;
    }
}

.section__img_stack img {
    width: 100%;
}

.section__img_project {
    border-radius: 20px;
    overflow: hidden;
    background-color: unset;
    margin: 60px auto 0;
    width: 100%;
}

.section__img_project img {
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .section__img_project {
        border-radius: 37px;
    }
}

@media (max-width: 575px) {
    .section__img_project {
        width: 94%;
    }
    .section__img_project img {
        width: 100%;
        height: 100%;
    }
}

.section__img_landing {
    position: relative;
}

@media screen and (max-width: 960px) {
    .section__img_landing {
        right: -30%;
    }
}

@media screen and (max-width: 768px) {
    .section__img_landing {
        right: -53%;
        top: -16%;
    }
}

.section__img_landing img {
    position: absolute;
}

.section__img_landing img:nth-child(1) {
    right: -2.5%;
    top: 105px;
    z-index: 3;
    animation: labup 2900ms reverse both cubic-bezier(.2, .2, .1, 1);
}

.section__img_landing img:nth-child(2) {
    right: 4.7%;
    top: -20px;
    z-index: 2;
    animation: lableft 2900ms reverse both cubic-bezier(.2, .2, .1, 1);
}

.section__img_landing img:nth-child(3) {
    right: 3.7%;
    top: 60px;
    z-index: 1;
    animation: labright 3900ms reverse both cubic-bezier(.2, .2, .1, 1);
}

.section__img_description-landing {
    position: relative;
    transform: skew(0deg, 12deg);
    width: 100%;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .section__img_description-landing {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 767px) {
    .section__img_description-landing {
        padding-bottom: 0px;
    }
}


/* @media screen and (max-width: 960px) {
  .section__img_description-landing {

    height: 310px;
  }
}
*/

@media screen and (max-width: 768px) {
    .section__img_description-landing {
        width: 100%;
        margin: 0 auto 74px;
    }
}

@media screen and (max-width: 540px) {
    .section__img_description-landing {
        margin-bottom: 55px;
    }
}


/* .section__img_description-landing img {
  position: absolute;
} */

.section__img_description-landing img:nth-child(1) {
    width: 100%;
}

@media screen and (max-width: 992px) {
    .section__img_description-landing img:nth-child(1) {
        width: 115%;
        position: relative;
        left: -50px;
        top: 76px;
    }
}

@media screen and (max-width: 767px) {
    .section__img_description-landing img:nth-child(1) {
        margin-top: 0;
        left: unset;
        top: unset;
        width: 97%;
    }
}


/* .section__img_description-landing img:nth-child(2) {
  top: 12%;
  right: 20%;
  width: 60%;
}

.section__img_description-landing img:nth-child(3) {
  top: 60%;
  right: 39%;
  width: 60%;
}

.section__img_description-landing img:nth-child(4) {
  top: 52%;
  right: 38%;
  width: 5%;
}

.section__img_description-landing img:nth-child(5) {
  top: 69%;
  right: 21%;
  width: 7%;
} */


/* @media screen and (max-width: 560px) {
  .section__img_description-landing img:nth-child(3) {
    top: 43%;
  }
  .section__img_description-landing img:nth-child(4) {
    top: 37%;
  }
  .section__img_description-landing img:nth-child(5) {
    top: 55%;
  }
  .section__img_description-landing {
    margin-bottom: 0;
  }
} */

.section__img_landing-job {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.section__img_landing-job img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .section__img_landing-job img {
        margin-top: 30px;
    }
}


/* .section__img_landing-job img:nth-child(1) {
  width: 100%;
}

.section__img_landing-job img:nth-child(2) {
  right: 45.4%;
  top: 64.2%;
  width: 50%;
}

.section__img_landing-job img:nth-child(3) {
  right: 6.4%;
  top: 22.2%;
  width: 50%;
} */


/* @media screen and (max-width: 974px) {
  .section__img_landing-job {
    max-height: 400px;
  }
}

@media screen and (max-width: 768px) {
  .section__img_landing-job {
    min-height: 504px;
    max-height: unset;
    margin-top: 50px;
  }
  .section__img_landing-job img:nth-child(1) {
    width: 100%;
    top: 0%;
    right: 0%;
  }
  .section__img_landing-job img:nth-child(2) {
    width: 50%;
  }
  .section__img_landing-job img:nth-child(3) {
    width: 50%;
  }
}

@media screen and (max-width: 540px) {
  .section__img_landing-job {
    min-height: 250px;
  }
  .section__img_landing-job img:nth-child(1) {
    width: 80%;
  }
  .section__img_landing-job img:nth-child(2) {
    width: 50%;
  }
  .section__img_landing-job img:nth-child(3) {
    width: 50%;
  }
} */

.section__img_cutaway {
    position: relative;
    height: 432px;
    width: 511px;
    right: -15%;
}

@media screen and (max-width: 1040px) {
    .section__img_cutaway {
        right: -20%;
        top: -18%;
    }
}

.section__img_cutaway img {
    position: absolute;
}

.section__img_cutaway img:nth-child(1) {
    right: -2.6%;
    top: 27px;
    z-index: 3;
}

.section__img_cutaway img:nth-child(2) {
    right: 4.8%;
    top: -34px;
    z-index: 3;
    animation: labup 4900ms both cubic-bezier(.2, .2, .1, 1), labfade-in 3000ms both ease;
}

.section__img_cutaway img:nth-child(3) {
    right: 62.1%;
    top: 88px;
    z-index: 3;
    animation: lableft 2900ms forwards cubic-bezier(.2, .2, .1, 1), labfade-in 1.5s both ease;
}

.section__img_cutaway img:nth-child(4) {
    top: 229px;
    left: 13px;
    z-index: 3;
    animation: labright 3900ms both cubic-bezier(.2, .2, .1, 1), labfade-in 6s forwards ease;
}

.section__img_cutaway img:nth-child(5) {
    top: -68px;
    left: 86px;
    z-index: 3;
    animation: labup 7900ms 1s forwards cubic-bezier(.2, .2, .1, 1), labfade-in both 6.5s 1s ease;
}

.section__img_cutaway img:nth-child(6) {
    left: -28.4%;
    top: 125%;
    z-index: 3;
    animation: lableft 7900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
    filter: blur(2px);
}

@media screen and (max-width: 992px) {
    .section__img_cutaway img:nth-child(6) {
        top: 95%
    }
}

.section__img_cutaway img:nth-child(7) {
    left: -22.8%;
    top: 98.4%;
    z-index: 3;
    animation: labup 4900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
}

@media screen and (max-width: 992px) {
    .section__img_cutaway img:nth-child(7) {
        top: 65%;
    }
}

.section__img_cutaway img:nth-child(8) {
    right: -27.1%;
    top: 13%;
    z-index: 3;
    animation: labdown 4900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
}

.section__img_cutaway img:nth-child(9) {
    right: -11.1%;
    top: -25.9%;
    z-index: 3;
    animation: labright 7900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
    filter: blur(2px);
}

.section__img_what-cutaway {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 250px;
    max-height: 251px;
}

.section__img_what-cutaway img {
    position: absolute;
}

.section__img_what-cutaway img:nth-child(1) {
    bottom: 0%;
    left: 0;
    width: 100%;
}

.section__img_what-cutaway img:nth-child(2) {
    top: -15%;
    right: 0%;
    width: 50%;
}

@media (max-width: 960px) {
    .section__img_what-cutaway {
        min-height: 190px;
        max-height: 191px;
    }
}

@media (max-width: 768px) {
    .section__img_what-cutaway {
        margin-top: 66px;
    }
}

@media (max-width: 767px) {
    .section__img_what-cutaway {
        margin-top: unset;
    }
}

@media (max-width: 767px) {
    .section__img_what-cutaway {
        min-height: 350px;
    }
    .section__img_what-cutaway img:nth-child(1) {
        bottom: -10%;
    }
    .section__img_what-cutaway img:nth-child(2) {
        top: 5%;
    }
}

@media (max-width: 585px) {
    .section__img_what-cutaway {
        min-height: 300px;
    }
}

@media (max-width: 510px) {
    .section__img_what-cutaway {
        min-height: 250px;
    }
}

@media (max-width: 400px) {
    .section__img_what-cutaway {
        min-height: 200px;
    }
}

.section__img_promo {
    width: 100%;
    height: 100%;
    position: relative;
    top: -5%;
    min-width: 600px;
    min-height: 600px;
}

@media screen and (max-width: 992px) {
    .section__img_promo {
        top: -18%;
    }
}

.section__img_promo img {
    position: absolute;
}

.section__img_promo img:nth-child(1) {
    right: 0;
    top: -2.9%;
}

@media screen and (max-width: 768px) {
    .section__img_promo img:nth-child(1) {
        width: 90%;
        right: 58px;
        top: 4.1%;
    }
}

.section__img_promo img:nth-child(2) {
    right: 7.4%;
    top: 8.2%;
    animation: labup 4900ms forwards cubic-bezier(.2, .2, .1, 1), labfade-in 5s forwards ease-in-out;
}

.section__img_promo img:nth-child(3) {
    bottom: 0%;
    left: -8%;
    animation: labright 1900ms forwards cubic-bezier(.2, .2, .1, 1), labfade-in 3s forwards ease-in-out;
}

.section__img_promo img:nth-child(4) {
    right: 1.4%;
    top: 2.8%;
    animation: lableft 4900ms alternate infinite cubic-bezier(.2, .2, .1, 1), labfade-in 1.5s both ease-in;
}

.section__img_promo img:nth-child(5) {
    top: -2.9%;
    right: 0;
    animation: labup 4900ms alternate infinite cubic-bezier(.2, .2, .1, 1), labfade-in 3s both ease-in;
}

.section__img_what-promo {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    left: -15%;
}

@media screen and (max-width: 1100px) {
    .section__img_what-promo {
        left: -25%;
    }
}

.section__img_what-promo img:nth-child(1) {
    height: 100%;
    z-index: 0;
}

@media screen and (max-width: 992px) {
    .section__img_what-promo {
        left: -65%;
    }
}

@media screen and (max-width: 768px) {
    .section__img_what-promo {
        left: -75%;
    }
}

@media screen and (max-width: 767px) {
    .section__img_what-promo {
        left: 0%;
        width: 100%;
        height: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .section__img_what-promo img:nth-child(1) {
        width: 100%;
        height: auto;
    }
}


/* .section__img_what-promo img:nth-child(2) {
  left: 30%;
  top: 0;
  z-index: 2;
}

.section__img_what-promo img:nth-child(3) {
  left: 60%;
  top: 38%;
  width: 40%;
  z-index: 3;
}

.section__img_what-promo img:nth-child(4) {
  left: 8%;
  top: -8%;
  width: 50%;
  z-index: 3;
} */


/* @media screen and (max-width: 767px) {
  .section__img_what-promo {
    min-height: 590px;
  }
  .section__img_what-promo img:nth-child(1) {
    width: 100%;
  }
  .section__img_what-promo img:nth-child(2) {
    width: 30%;
    top: 25%;
  }
  .section__img_what-promo img:nth-child(3) {
    width: 20%;
    top: 48%;
    left: 50%;
  }
  .section__img_what-promo img:nth-child(4) {
    width: 20%;
    top: 24%;
    left: 23%;
  }
}

@media screen and (max-width: 540px) {
  .section__img_what-promo {
    min-height: 390px;
  }
}

@media screen and (max-width: 380px) {
  .section__img_what-promo {
    min-height: 290px;
  }
} */

.section__img_description-promo {
    position: relative;
    transform: skew(0deg, 12deg);
    display: flex;
    align-items: center;
}

.section__img_description-promo img:nth-child(1) {
    position: relative;
    width: 85%;
    top: 88px;
}

@media screen and (max-width: 992px) {
    .section__img_description-promo img:nth-child(1) {
        width: 102%;
        top: 86px;
        right: -24px;
    }
}

@media screen and (max-width: 767px) {
    .section__img_description-promo img:nth-child(1) {
        margin-top: 20px;
        top: unset;
        width: 100%;
        right: unset;
        height: auto;
        padding-bottom: 00px;
    }
}


/* .section__img_description-promo img:nth-child(2) {
  left: 0%;
  bottom: 0%;
  z-index: 2;
  width: 50%;
}

.section__img_description-promo img:nth-child(3) {
  right: 12%;
  bottom: 17%;
  z-index: 1;
  width: 50%;
}

.section__img_description-promo img:nth-child(4) {
  left: 0%;
  bottom: 34%;
  z-index: 2;
  width: 50%;
}

.section__img_description-promo img:nth-child(5) {
  left: 3%;
  bottom: 60%;
  z-index: 2;
  width: 50%;
} */


/* @media screen and (max-width: 767px) {
  .section__img_description-promo {
    min-height: 200px;
  }
  .section__img_description-promo img:nth-child(1) {
    right: 0%;
    bottom: 0%;
  }
  .section__img_description-promo img:nth-child(2) {
    left: 0%;
    bottom: 27%;
  }
  .section__img_description-promo img:nth-child(3) {
    right: 12%;
    bottom: 62%;
  }
  .section__img_description-promo img:nth-child(4) {
    left: 0%;
    bottom: 116%;
  }
  .section__img_description-promo img:nth-child(5) {
    left: 3%;
    bottom: 195%;
  }
}

@media screen and (max-width: 520px) {
  .section__img_description-promo img:nth-child(5) {
    left: 3%;
    bottom: 138%;
  }
  .section__img_description-promo img:nth-child(4) {
    left: 0%;
    bottom: 91%;
  }
}

@media screen and (max-width: 380px) {
  .section__img_description-promo img:nth-child(5) {
    left: 3%;
    bottom: 118%;
  }
  .section__img_description-promo img:nth-child(4) {
    left: 0%;
    bottom: 81%;
  }
} */

.section__img_catalog {
    width: 100%;
    height: 100%;
    position: relative;
    right: -40%;
    top: -8%;
}

.section__img_catalog img {
    position: absolute;
}

.section__img_catalog img:nth-child(1) {
    right: 99.6%;
    top: -2.7%;
    z-index: 5;
    animation: labdown 5900ms forwards cubic-bezier(.2, .2, .1, 1), labfade-in 2s forwards ease;
}

.section__img_catalog img:nth-child(2) {
    right: 111.2%;
    top: 113.5%;
    width: 202px;
    height: auto;
    z-index: 7;
    opacity: 0;
    animation: labdown 5900ms 2900ms forwards cubic-bezier(.2, .2, .1, 1), labfade-in 2s 2900ms forwards ease;
}

.section__img_catalog img:nth-child(3) {
    right: 25.5%;
    bottom: -65.3%;
    z-index: 4;
    animation: labdown 4500ms forwards linear, labfade-in 4s forwards ease-in;
}

.section__img_catalog img:nth-child(4) {
    right: 45.1%;
    top: -1.7%;
    z-index: 2;
    width: 87%;
}

@media screen and (max-width: 992px) {
    .section__img_catalog img:nth-child(4) {
        width: 108%;
    }
}

.section__img_catalog img:nth-child(5) {
    right: 42.1%;
    top: 38.4%;
    z-index: 3;
    animation: laborbitm90 10500ms alternate infinite linear;
}

.section__img_catalog img:nth-child(6) {
    right: 75.3%;
    bottom: -35.9%;
    z-index: 3;
    animation: laborbit90 8000ms alternate infinite linear;
}

@media screen and (max-width: 992px) {
    .section__img_catalog img:nth-child(6) {
        display: none;
    }
    .section__img_catalog img:nth-child(5) {
        display: none;
    }
}

.section__img_catalog img:nth-child(7) {
    right: 13%;
    bottom: -66.9%;
    z-index: 1;
    opacity: 0.7;
}

@media screen and (max-width: 960px) {
    .section__img_catalog img:nth-child(7) {
        right: -28%;
        bottom: -56.9%;
    }
}

@media screen and (max-width: 960px) {
    .section__img_catalog {
        right: -60%;
        top: -18%;
    }
    .section__img_catalog img:nth-child(2) {
        right: 133.2%;
        top: 145.5%;
        z-index: 3;
    }
    .section__img_catalog img:nth-child(3) {
        right: 25.5%;
        bottom: -88.3%;
        z-index: 3;
    }
}

@media screen and (max-width: 768px) {
    .section_what-catalog {
        margin-top: 109px;
    }
}

@media screen and (max-width: 767px) {
    .section_what-catalog {
        margin-top: unset;
    }
}

.section__img_what-catalog {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}

.section__img_what-catalog img:nth-child(1) {
    position: relative;
    right: 1%;
    top: -7%;
    z-index: 1;
    height: 100%;
}

@media screen and (max-width: 992px) {
    .section__img_what-catalog img:nth-child(1) {
        height: 78%;
    }
}

@media screen and (max-width: 540px) {
    .section__img_what-catalog img:nth-child(1) {
        width: 100%;
        height: auto;
    }
}

.section__img_what-catalog-second {
    width: 100%;
    height: 100%;
    position: relative;
    /* display: flex; */
}

.section__img_what-catalog-second img:nth-child(1) {
    width: 100%;
}

.section__img_corporate {
    width: 100%;
    height: 100%;
    position: relative;
}

.section__img_corporate img {
    position: absolute;
}

.section__img_corporate img:nth-child(1) {
    left: 0%;
    bottom: 5%;
    z-index: 3;
    width: 100%;
    animation: labcorporate1 20s infinite linear;
}

.section__img_corporate img:nth-child(2) {
    left: 2%;
    bottom: 15%;
    z-index: 2;
    width: 95%;
    animation: labcorporate2 20s infinite linear;
}

.section__img_corporate img:nth-child(3) {
    left: 4%;
    bottom: 25%;
    z-index: 1;
    width: 90%;
    animation: labcorporate3 20s infinite linear;
}

.section__img_corporate img:nth-child(4) {
    left: 0;
    bottom: -12%;
    z-index: 1;
    width: 100%;
}

.section__img_what-corporate {
    width: 100%;
    height: 100%;
    position: relative;
}

.section__img_what-corporate img:nth-child(1) {
    z-index: 1;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .section__img_what-corporate {
        width: 100%;
        top: 10%;
        position: relative;
    }
}

@media screen and (max-width: 767px) {
    .section__img_what-corporate {
        padding-top: 30px;
    }
}

.section__img_informational {
    width: 100%;
    height: 100%;
    position: relative;
}

@media screen and (max-width: 1200px) {
    .section__img_informational {
        right: -18%;
    }
}

@media screen and (max-width: 992px) {
    .section__img_informational {
        right: -52%;
    }
}

@media screen and (max-width: 825px) {
    .section__img_informational {
        right: -50%;
    }
}

@media screen and (max-width: 780px) {
    .section__img_informational {
        right: -60%;
    }
}

.section__img_informational img {
    position: absolute;
}

.section__img_informational img:nth-child(1) {
    right: 33.1%;
    top: 13.4%;
    z-index: 6;
    opacity: 0;
    animation: labdown 3000ms 1s forwards linear, labfade-in 3000ms 1s forwards ease;
}

@media screen and (max-width: 992px) {
    .section__img_informational img:nth-child(1) {
        width: 55%;
        right: 76.1%;
    }
}

.section__img_informational img:nth-child(2) {
    right: -48.1%;
    top: -32.1%;
    z-index: 5;
    animation: labfade-in 2000ms forwards ease;
    ;
}

@media screen and (max-width: 992px) {
    .section__img_informational img:nth-child(2) {
        width: 178%;
        right: -28.1%;
    }
}

.section__img_what-informational {
    width: 100%;
    height: 100%;
    position: relative;
    top: -45%;
}

@media screen and (max-width: 767px) {
    .section__img_what-informational {
        top: 20px;
    }
}

.section__img_what-informational img:nth-child(1) {
    width: 100%;
}

@media screen and (max-width: 992px) {
    .section__img_what-informational img:nth-child(1) {
        width: 100%;
    }
}

.section__img_store {
    width: 100%;
    height: 100%;
    position: relative;
}

@media screen and (max-width: 1080px) {
    .section__img_store {
        right: -39%;
    }
}

@media screen and (max-width: 992px) {
    .section__img_store {
        right: -26%;
    }
}

.section__img_store img {
    position: absolute;
}

.section__img_store img:nth-child(1) {
    right: 26.5%;
    top: 6.9%;
    z-index: 2;
    opacity: 0;
    animation: labdown 3000ms 1s forwards linear, labfade-in 3000ms 1s forwards ease;
}

@media screen and (max-width: 992px) {
    .section__img_store img:nth-child(1) {
        width: 55%;
        right: 44.5%;
        top: 25%;
    }
}

.section__img_store img:nth-child(2) {
    right: -65%;
    top: -16.3%;
    z-index: 1;
    animation: labfade-in 2000ms forwards ease;
}

@media screen and (max-width: 992px) {
    .section__img_store img:nth-child(2) {
        width: 193%;
        right: -70%;
        top: -25.3%;
    }
}

.section__img_what-store {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
}

.section__img_what-store img:nth-child(1) {
    width: 100%;
}

.section__img_seo {
    position: relative;
    width: 540px;
    height: 519px;
    top: 74px;
}

@media screen and (max-width: 992px) {
    .section__img_seo {
        top: 0;
        left: -24%;
    }
}

.section__img_seo img {
    position: absolute;
}

.section__img_seo img:nth-child(1) {
    right: 8.4%;
    top: -16.3%;
    z-index: 5;
    width: 238px;
    filter: drop-shadow(0px 22px 9px rgba(0, 0, 0, 0.08));
}

.section__img_seo img:nth-child(2) {
    right: -4.5%;
    top: 3.7%;
    z-index: 2;
    animation: labpulse 1500ms alternate infinite linear;
}

.section__img_seo img:nth-child(3) {
    right: -13.7%;
    top: -9.1%;
    z-index: 2;
    animation: labpulse 1500ms alternate infinite linear;
}

.section__img_seo img:nth-child(4) {
    right: -22%;
    top: -21%;
    z-index: 2;
    animation: labpulse 1500ms alternate infinite linear;
}

.section__img_seo img:nth-child(5) {
    right: 63%;
    top: 20.9%;
    z-index: 7;
    opacity: 0;
    animation: labprice1 1500ms 2200ms forwards ease-in-out;
    width: 55px;
    height: auto;
}

.section__img_seo img:nth-child(6) {
    right: 59%;
    top: -13.1%;
    z-index: 6;
    animation: labfade-in 1000ms forwards ease-in-out;
    width: 102px;
    height: auto;
}

.section__img_seo img:nth-child(7) {
    right: 67.7%;
    top: -8.1%;
    z-index: 6;
    opacity: 0;
    animation: labfade-in 500ms 200ms forwards ease-in-out;
    width: 8px;
    height: auto;
}

.section__img_seo img:nth-child(8) {
    right: 50%;
    top: 21.9%;
    z-index: 6;
    opacity: 0;
    animation: labfade-in 500ms 2000ms forwards ease-in-out;
    width: 8px;
    height: auto;
}

.section__img_seo .purpleline:nth-child(9) {
    position: absolute;
    right: 68.1%;
    top: -8.9%;
    height: 0px;
    animation: labseopurplevertical 1000ms 1200ms forwards ease-in-out;
}

.section__img_seo .purpleline:nth-child(10) {
    position: absolute;
    right: 67.1%;
    top: 22.5%;
    width: 0;
    z-index: 6;
    animation: labseopurplehorizontal 500ms 2200ms forwards ease-in-out;
}

.section__img_seo img:nth-child(11) {
    right: -29%;
    top: 52.9%;
    z-index: 4;
    opacity: 0;
    animation: labfade-in 1000ms 700ms forwards ease-in-out;
    width: 102px;
    height: auto;
}

.section__img_seo img:nth-child(12) {
    right: -11%;
    top: 54.9%;
    z-index: 4;
    opacity: 0;
    animation: labfade-in 500ms 1700ms forwards ease-in-out;
    width: 8px;
    height: auto;
}

.section__img_seo img:nth-child(13) {
    right: 11%;
    top: 54.9%;
    z-index: 6;
    opacity: 0;
    animation: labfade-in 500ms 2300ms forwards ease-in-out;
    width: 8px;
    height: auto;
}

.section__img_seo img:nth-child(14) {
    right: -10%;
    top: 53.9%;
    z-index: 7;
    opacity: 0;
    animation: labprice2 1500ms 2200ms forwards ease-in-out;
    width: 55px;
    height: auto;
}

.section__img_seo .orangeline:nth-child(15) {
    position: absolute;
    right: -10.9%;
    top: 55.5%;
    width: 0px;
    z-index: 6;
    animation: labseoorangehorizontal 1000ms 2200ms forwards ease-in-out;
}

.section__img_description-seo {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}

.section__img_description-seo img:nth-child(1) {
    width: 100%;
}

.section__img_seo-job {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}

.section__img_seo-job img:nth-child(1) {
    width: 100%;
}

.section__img_seo-job-second {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}

.section__img_seo-job-second img:nth-child(1) {
    width: 100%;
}

.section__img_seo-job-third {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    max-height: unset;
}

.section__img_seo-job-third img:nth-child(1) {
    width: 100%;
}

.section__img_contextual {
    width: 100%;
    height: 100%;
    position: relative;
    min-width: 578px;
    min-height: 382px;
}

@media screen and (max-width: 992px) {
    .section__img_contextual {
        top: -18%;
        left: -15%;
    }
}

.section__img_contextual img:nth-child(1) {
    width: 150%;
}

.section__img_contextual .contexual_vector:nth-child(2) {
    position: absolute;
    top: 23.95%;
    right: 15.2%;
    fill: #F59DBA;
    opacity: 0;
    animation: labmapvector 6s 500ms alternate infinite ease-out;
}

.section__img_contextual .contexual_vector:nth-child(3) {
    position: absolute;
    top: 30.7%;
    right: 15.2%;
    fill: #9453FF;
    animation: labmapvector2 7s 2300ms alternate infinite ease;
}

.section__img_contextual .contexual_vector:nth-child(4) {
    position: absolute;
    top: 28.3%;
    right: 11.5%;
    fill: #9453FF;
}

.section__img_contextual .contexual_vector:nth-child(5) {
    position: absolute;
    top: 48.7%;
    right: 23.7%;
    fill: #9453FF;
    opacity: 0;
    animation: labmapvector 6s 4000ms alternate infinite ease-out;
}

.section__img_contextual .contexual_vector:nth-child(6) {
    position: absolute;
    top: 64.22%;
    right: 52.8%;
    fill: #F59DBA;
    animation: labmapvector2 5s 2530ms alternate infinite ease;
}

.section__img_contextual .contexual_vector:nth-child(7) {
    position: absolute;
    top: 62.35%;
    right: 55.3%;
    fill: #F59DBA;
}

.section__img_contextual .contexual_vector:nth-child(8) {
    position: absolute;
    top: 78.6%;
    right: 54.1%;
    fill: #FFC060;
    opacity: 0;
    animation: labmapvector 6s 2000ms alternate infinite ease-out;
}

.section__img_contextual .contexual_vector:nth-child(9) {
    position: absolute;
    top: 6.4%;
    right: 45.6%;
    fill: #9453FF;
    animation: labmapvector2 5s 1230ms alternate infinite ease;
}

.section__img_contextual .contexual_vector:nth-child(10) {
    position: absolute;
    top: 34.3%;
    right: 58.9%;
    fill: #9453FF;
}

.section__img_contextual .contexual_vector:nth-child(11) {
    position: absolute;
    top: 36.7%;
    right: 62.6%;
    fill: #FFC060;
    opacity: 0;
    animation: labmapvector 4.5s 1567ms alternate infinite ease;
}

.section__img_contextual .contexual_vector:nth-child(12) {
    position: absolute;
    top: 30.9%;
    right: 63.8%;
    fill: #F59DBA;
    animation: labmapvector2 4s 6540ms alternate infinite ease;
}

.section__img_contextual .contexual_vector:nth-child(13) {
    position: absolute;
    top: 29.96%;
    right: 69.8%;
    fill: #9453FF;
    opacity: 0;
    animation: labmapvector 6s 2450ms alternate infinite ease;
}

.section__img_contextual .contexual_vector:nth-child(14) {
    position: absolute;
    top: 62.5%;
    right: 13.9%;
    fill: #9453FF;
}

.section__img_what-contextual {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: unset;
}

.section__img_what-contextual img:nth-child(1) {
    position: relative;
    right: -4%;
    top: -3.5%;
    margin: auto;
    width: 108%;
    z-index: 1;
}

@media screen and (max-width: 992px) {
    .section__img_what-contextual img:nth-child(1) {
        top: 23.5%;
    }
}

@media screen and (max-width: 767px) {
    .section__img_what-contextual img:nth-child(1) {
        top: -3.5%;
        right: 0;
        width: 100%;
    }
}

.section__img_what-contextual img:nth-child(2) {
    right: 0%;
    bottom: 33%;
    margin: auto;
    width: 100%;
}

.section__img_what-contextual img:nth-child(3) {
    right: 0%;
    bottom: 0%;
    margin: auto;
    width: 100%;
}

.section__img_what-contextual img:nth-child(4) {
    left: 0%;
    bottom: 0%;
    margin: auto;
    width: 100%;
    opacity: 0.9;
}

.section__img_crm {
    position: relative;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1120px) {
    .section__img_crm {
        right: -10%;
    }
}

.section__img_crm img {
    position: absolute;
}

.section__img_crm img:nth-child(1) {
    right: -34.4%;
    top: -18.4%;
    z-index: 1;
    width: 137%;
    border-radius: 15px;
    opacity: 0;
    animation: labright 700ms both ease-in-out, labfade-in 500ms both linear;
}

.section__img_crm img:nth-child(2) {
    right: 54.8%;
    top: 63.6%;
    z-index: 2;
    width: 60%;
    animation-delay: 2s;
    opacity: 0;
    animation: lableft 600ms 1000ms both cubic-bezier(.2, .2, .1, 1), labfade-in 500ms 1000ms both linear;
}

.section__img_crm img:nth-child(3) {
    right: 53.8%;
    top: -4.4%;
    z-index: 2;
    width: 30%;
    animation: labwiggle 2500ms 800ms both linear, labfade-in 500ms 800ms both ease;
}

.section__img_crm img:nth-child(4) {
    right: -7.2%;
    top: 55.6%;
    z-index: 2;
    width: 38%;
    opacity: 0;
    animation: labpulse 1500ms 500ms both linear, labfade-in 500ms 500ms both ease;
}

@media screen and (max-width: 1080px) {
    .section__img_crm img:nth-child(4) {
        top: 49.6%;
    }
}

@media screen and (max-width: 1004px) {
    .section__img_crm img:nth-child(4) {
        top: 43.6%;
    }
    .section__img_crm img:nth-child(3) {
        top: -5.4%;
    }
}

@media screen and (max-width: 990px) {
    .section__img_crm img:nth-child(4) {
        top: 42.6%;
    }
}

@media screen and (max-width: 960px) {
    .section__img_crm img:nth-child(4) {
        top: 62.6%;
    }
    .section__img_crm img:nth-child(3) {
        top: -2.4%;
    }
}

@media screen and (max-width: 950px) {
    .section__img_crm img:nth-child(4) {
        top: 61.6%;
    }
}

@media screen and (max-width: 949px) {
    .section__img_crm img:nth-child(4) {
        top: 50.6%;
    }
}

@media screen and (max-width: 920px) {
    .section__img_crm img:nth-child(3) {
        top: -4.4%;
    }
}

@media screen and (max-width: 896px) {
    .section__img_crm img:nth-child(4) {
        top: 46.6%;
    }
    .section__img_crm img:nth-child(3) {
        top: -5.4%;
    }
}

@media screen and (max-width: 861px) {
    .section__img_crm img:nth-child(4) {
        top: 43.6%;
    }
}

@media screen and (max-width: 861px) {
    .section__img_crm img:nth-child(4) {
        top: 43.6%;
    }
}

@media screen and (max-width: 816px) {
    .section__img_crm img:nth-child(4) {
        top: 40.6%;
    }
}

@media screen and (max-width: 797px) {
    .section__img_crm img:nth-child(4) {
        top: 34.6%;
    }
    .section__img_crm img:nth-child(2) {
        top: 45.6%;
    }
    .section__img_crm img:nth-child(3) {
        top: -8.4%;
    }
}

@media screen and (max-width: 769px) {
    .section__img_crm img:nth-child(4) {
        top: 41.6%;
    }
}

.section__img_description-crm {
    width: 100%;
    height: 100%;
    position: relative;
    max-height: 518px;
    min-height: 518px;
    top: -50px;
    display: flex;
}

@media screen and (max-width: 768px) {
    .section__img_description-crm{
    margin-bottom: 45px;
    }
}

.section__img_description-crm img:nth-child(1) {
    z-index: 1;
    height: 100%;
    position: relative;
    top: -5%;
}

@media screen and (max-width: 767px) {
    .section__img_description-crm {
        top: 0;
        justify-content: center;
    }
    .section__img_description-crm img:nth-child(1) {
        height: unset;
        width: 100%;
        top: unset;
    }
}

@media screen and (max-width: 540px) {
    .section__img_description-crm img:nth-child(1) {
        width: 131%;
        right: -11%;
        position: relative;
        padding: 20px 0 20px;
    }
}

.section__img_erp {
    width: 100%;
    height: 100%;
    position: relative;
}

@media screen and (max-width: 1200px) {
    .section__img_erp {
        right: -20%;
    }
}

.section__img_erp img {
    position: absolute;
}

.section__img_erp img:nth-child(1) {
    right: -18%;
    top: -29.6%;
    z-index: 1;
    width: 120%;
    filter: drop-shadow(0px 18px 11px rgba(0, 0, 0, 0.08));
    animation: labright 650ms forwards ease-out, labfade-in 400ms both ease-in-out;
}

.section__img_erp img:nth-child(2) {
    right: 64%;
    top: 44%;
    z-index: 1;
    width: 50%;
    filter: drop-shadow(0px 18px 11px rgba(0, 0, 0, 0.08));
    animation: labdown 650ms 500ms forwards ease-out, labfade-in 400ms 500ms both ease-in-out;
}

@media screen and (max-width: 1042px) {
    .section__img_erp img:nth-child(1) {
        width: 130%;
    }
}

@media screen and (max-width: 1042px) {
    .section__img_erp img:nth-child(2) {
        right: 76%;
        top: 37%;
    }
}

.section__img_logotype {
    width: 100%;
    height: 100%;
    position: relative;
    width: 540px;
    height: 493px;
}

@media screen and (max-width: 992px) {
    .section__img_logotype {
        top: -75px;
    }
}

.section__img_logotype img {
    position: absolute;
}

.section__img_logotype img:nth-child(1) {
    right: 26.9%;
    bottom: -10.9%;
    z-index: 5;
    animation: lableft 4900ms alternate infinite cubic-bezier(.2, .2, .1, 1), labfade-in 700ms 1700ms both ease-in;
    ;
}

.section__img_logotype img:nth-child(2) {
    right: 80.9%;
    top: 61.1%;
    z-index: 3;
    animation: labdown 3900ms alternate infinite cubic-bezier(.2, .2, .1, 1), labfade-in 700ms 2700ms both ease-in;
    ;
}

.section__img_logotype img:nth-child(3) {
    right: 74.5%;
    top: 0;
    z-index: 3;
    animation: labright 6900ms alternate infinite cubic-bezier(.2, .2, .1, 1), labfade-in 700ms 1300ms both ease-in;
    ;
}

.section__img_logotype img:nth-child(4) {
    right: 2.9%;
    top: 67.1%;
    z-index: 3;
    opacity: 0;
    animation: lableft 8900ms alternate infinite cubic-bezier(.2, .2, .1, 1), labfade-in 700ms 700ms both ease-in;
}

.section__img_logotype img:nth-child(5) {
    right: -1.5%;
    top: -7%;
    width: 120%;
    z-index: 2;
    animation: labfade-in 700ms both ease-in;
}

@media screen and (max-width: 992px) {
    .section__img_logotype img:nth-child(5) {
        width: 100%;
        top: 0%;
    }
}

.section__img_what-logotype {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
}

.section__img_what-logotype img:nth-child(1) {
    z-index: 5;
    width: 100%;
}

.section__img_style {
    width: 540px;
    height: 400px;
    position: relative;
}

.section__img_style img {
    position: absolute;
}

.section__img_style img:nth-child(1) {
    right: -95%;
    top: -115%;
    z-index: 1;
}

.section__img_style img:nth-child(2) {
    right: 64%;
    top: 8%;
    z-index: 2;
    width: 140px;
}

.section__img_style img:nth-child(3) {
    right: 15%;
    top: 78%;
    z-index: 3;
}

.section__img_style img:nth-child(4) {
    right: 15%;
    top: -8%;
    z-index: 4;
    width: 286px;
}

.section__img_style img:nth-child(5) {
    right: -41%;
    top: 39%;
    z-index: 5;
    width: 270px;
}

.section__img_style img:nth-child(6) {
    right: 43%;
    top: 63%;
    z-index: 6;
    width: 380px;
}

@media screen and (max-width: 992px) {
    .section__img_style img:nth-child(6) {
        top: 22%;
    }
    .section__img_style img:nth-child(2) {
        top: -8%;
    }
}

.section__img_what-style {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.section__img_what-style img:nth-child(1) {
    max-width: 100%;
    height: auto;
}

.section__img_company {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section__img_company img {
    position: absolute;
}

.section__img_company img:nth-child(1) {
    right: 4.6%;
    top: 15.9%;
    z-index: 5;
    animation: lableft 4900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
}

@media screen and (max-width: 992px) {
    .section__img_company img:nth-child(1) {
        right: -15.4%;
        top: 15.9%;
    }
}

@media screen and (max-width: 768px) {
    .section__img_company img:nth-child(1) {
        right: -15.4%;
        top: 1.9%;
    }
}

.section__breadcrumb-list .item {
    display: flex;
    align-items: center;
}

.section__breadcrumb-list .item__img {
    margin-right: 16px;
    margin-top: 5px;
    margin-bottom: 0;
}

.section__breadcrumb-list .item__img img {
    display: block;
}

.section__breadcrumb-list .item__description {
    margin-top: 5px;
    font: 700 18px/18px 'helvetica';
    color: #1765FD;
}

.section__breadcrumb-list .item__description_red {
    color: #FF3677;
}

.section__breadcrumb-list .item__description_yellow {
    color: #FFA214;
}

.section__breadcrumb-list .item__description_purple {
    color: #9453FF;
}

.section__element {
    position: absolute;
}

.section__element_first-screen {
    transform: skew(0deg, -12deg);
    top: 54.2%;
    height: 112%;
    width: 100vw;
    background-color: #fff;
    background-image: linear-gradient(#ffffff00, #fff);
}

@media (max-width: 768px) {
    .section__element_first-screen {
        transform: skew(0deg, -12deg);
        height: 102%;
        width: 100vw;
        background-color: #fff;
        margin-top: 363px;
    }
}

.section__element_automation {
    background: linear-gradient(173.65deg, rgba(148, 83, 255, 0.19) -13.08%, rgba(23, 101, 253, 0.09) 42.45%, rgba(255, 255, 255, 0.2) 78.83%, #FFFFFF 94.99%);
    transform: unset;
    top: 1.2%;
    height: 91%;
}

.section__element_first-screen-crm {
    transform: skew(0deg, 6deg);
    top: 74.2%;
    height: 76%;
    width: 100%;
    background-color: #F9FBFF;
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .section__element_first-screen-crm {
        top: 88.2%;
    }
}

@media screen and (max-width: 767px) {
    .section__element_first-screen-crm {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .section__element_automation {
        top: -4.8%;
        height: 108%;
        margin-top: -33px;
    }
}

.section__element_top-main {
    background-image: url('/assets/img/main/bg-top.png');
    background-size: cover;
    /* top: 502px; */
}

@media (max-width: 768px) {
    .section__element_top-main {
        /* top: -164px; */
        display: none;
        /* background-image: url('/assets/img/main/bg-top-small.png'); */
    }
}


/* @media (max-width: 540px) {
  .section__element_top-main {
    top: -81px;
  }
  .homeanimation {
    height: 87vh;
  }
} */

.section__element_red {
    background-image: linear-gradient(180deg, rgba(255, 54, 119, 0.19) 14.12%, rgba(255, 40, 72, 0.09) 54.04%, rgba(255, 255, 255, 0.2) 83.41%, #FFFFFF 94.45%);
    transform: unset;
    top: 1.2%;
    height: 99%;
}

@media screen and (max-width: 768px) {
    .section__element_red {
        top: -4.8%;
        height: 108%;
        margin-top: -33px;
    }
}

.section__element_blue {
    background-image: linear-gradient(176.03deg, rgba(23, 101, 253, 0.2) 12.1%, rgba(23, 198, 253, 0.07) 68.58%, rgba(249, 251, 255, 0) 87.1%);
    transform: unset;
    top: 1.2%;
    height: 99%;
}

@media screen and (max-width: 768px) {
    .section__element_blue {
        top: -4.8%;
        height: 108%;
        margin-top: -33px;
    }
}

@media screen and (max-width: 540px) {
    .section__element_blue {
        margin-top: -79px;
    }
}


/* .section__element_red-main {
  background-image: linear-gradient(rgba(255, 54, 119, 0.19), #fff);
} */

@media (max-width: 768px) {
    .section__element_red-main {
        top: 121px;
        height: 48%;
    }
}

.section__element_yellow {
    background-image: linear-gradient(rgba(255, 162, 20, 0.19), #fff);
    transform: unset;
    top: 1.2%;
    height: 91%;
}

@media screen and (max-width: 768px) {
    .section__element_yellow {
        top: -4.8%;
        height: 108%;
        margin-top: -33px;
    }
}

.section__element_company {
    transform: skew(0deg, -12deg);
    top: -181.5%;
    height: 251.2%;
    width: 100vw;
    background-color: #fff;
    background-image: linear-gradient(0deg, #F9FBFF, #F9FBFF);
    z-index: 1;
}

@media (max-width: 768px) {
    .section__element_company {
        top: -63%;
        height: 112%;
    }
}

@media (max-width: 540px) {
    .section__element_company {
        top: -39%;
        height: 100%;
    }
}

.section__element_sites {
    transform: skew(0deg, -12deg);
    top: -220.5%;
    height: 251.2%;
    width: 100vw;
    background-color: #fff;
    background-image: linear-gradient(0deg, #F9FBFF, #F9FBFF);
    z-index: 1;
}

@media (max-width: 768px) {
    .section__element_sites {
        top: -103%;
        height: 112%;
    }
}

@media (max-width: 540px) {
    .section__element_sites {
        top: -89%;
        height: 100%;
    }
}

.section__element_crm {
    transform: skew(0deg, -12deg);
    top: -198%;
    height: 229.2%;
    width: 100vw;
    background-color: #fff;
    background-image: linear-gradient(157.43deg, #FAF9FF 30.43%, #FFFFFF 85.32%);
    z-index: 1;
}

@media (max-width: 768px) {
    .section__element_crm {
        top: -197%;
        height: 202.2%;
    }
}

.section__element_services {
    transform: skew(0deg, -12deg);
    top: -201%;
    height: 229.2%;
    width: 100vw;
    z-index: 1;
    background-color: #fff;
    background: linear-gradient(157.43deg, #FFFCFE 30.43%, #FFFFFF 85.32%);
}

@media screen and (max-width: 767px) {
    .section__element_services {
        top: -197%;
        height: 202.2%;
    }
}

.section__element_design {
    transform: skew(0deg, -12deg);
    top: -198%;
    height: 229.2%;
    z-index: 1;
    width: 100vw;
    background-color: #fff;
    background: linear-gradient(157.43deg, #FFFEFC 30.43%, #FFFFFF 85.32%);
}

@media screen and (max-width: 767px) {
    .section__element_design {
        top: -197%;
        height: 202.2%;
    }
}

.section__element_portfolio {
    transform: skew(0deg, -12deg);
    top: calc(100% + 41px);
    height: 72%;
    width: 100vw;
    background-color: #fff;
    background-image: linear-gradient(0deg, #F9FBFF, #F9FBFF);
}

@media (max-width: 768px) {
    .section__element_portfolio {
        display: none;
    }
}

.section__element_feedback_1 {
    transform: skew(0deg, -12deg);
    height: 50px;
    width: calc(100vw - 93.3%);
    bottom: 55%;
    margin-left: calc(100vw - 17.5%);
}

@media (max-width: 1200px) {
    .section__element_feedback_1 {
        width: calc(100vw - 91.3%);
        bottom: 49%;
        margin-left: calc(100vw - 8.5%);
    }
}

.section__element_feedback_1-blue {
    background-color: rgba(23, 101, 253, 0.7);
}

.section__element_feedback_1-purple {
    background-color: rgba(148, 83, 255, 0.7);
}

.section__element_feedback_1-red {
    background: rgba(255, 54, 119, 0.7);
}

.section__element_feedback_1-yellow {
    background: rgba(255, 162, 20, 0.7);
}

.section__element_feedback_2 {
    transform: skew(0deg, -12deg);
    height: 50px;
    width: calc(100vw - 58%);
    margin-left: calc(100vw - 21.3%);
    top: 31%;
    background-color: #EDF1F9;
}

@media screen and (max-width: 1200px) {
    .section__element_feedback_2 {
        margin-left: calc(100vw - 18.3%);
        top: 45%;
    }
}

.section__element_1 {
    height: 50px;
    width: calc(100vw - 58%);
    margin-left: calc(100vw - 34.3%);
    top: 21.9%;
}

@media screen and (max-width: 1200px) {
    .section__element_1 {
        margin-left: calc(100vw - 12.3%);
    }
}

@media screen and (max-width: 768px) {
    .section__element_1 {
        margin-left: calc(100vw - 25.3%);
        bottom: calc(100% - 35.8%);
    }
}

@media screen and (max-width: 580px) {
    .section__element_1 {
        margin-left: calc(100vw - 26.3%);
    }
}

.section__element_1-landing {
    top: 100%;
    background-color: #1765FD;
}

.section__element_1-corporate {
    background-color: #1765FD;
}

.section__element_1-informational {
    top: 20%;
    background-color: #002877;
}

.section__element_1-store {
    top: 16.7%;
    background-color: #1765FD;
}

.section__element_1-crm {
    bottom: calc(100% - 173px);
    background-color: #9453FF;
}

.section__element_1-development {
    height: 48px;
    width: calc(100vw - 58%);
    top: 100%;
    margin-left: calc(100vw - 42.1%);
    background-color: #9453FF;
}

@media (max-width: 1000px) {
    .section__element_1-development {
        margin-left: calc(100vw - 41.1%);
    }
}

@media (max-width: 540px) {
    .section__element_1-development {
        margin-left: calc(100vw - 16.1%);
    }
}

.section__element_1-portfolio {
    top: calc(100% - 145px);
    background-color: #002877;
    transform: skew(0deg, -12deg);
    margin-left: calc(100vw - 25.3%);
}

@media (max-width: 1200px) {
    .section__element_1-portfolio {
        top: calc(100% - 76px);
    }
}

@media (max-width: 992px) {
    .section__element_1-portfolio {
        top: calc(100% - 77px);
        margin-left: calc(100vw - 14.3%);
    }
}

@media (max-width: 768px) {
    .section__element_1-portfolio {
        display: none;
    }
}

.section__element_2 {
    height: 50px;
    width: calc(100vw - 92.5%);
    margin-left: calc(100vw - 38.2%);
    border: 0.5px solid #B8C1D3;
}

@media screen and (max-width: 1200px) {
    .section__element_2 {
        width: calc(100vw - 82.5%);
        margin-left: calc(100vw - 22.2%);
    }
}

@media screen and (max-width: 768px) {
    .section__element_2 {
        width: calc(100vw - 78.5%);
        margin-left: calc(100vw - 33.2%);
        bottom: calc(100% - 17%);
    }
}

.section__element_2-corporate {
    bottom: calc(100% - 22%);
}

.section__element_2-landing {
    top: calc(100% + 50px);
}

.section__element_2-informational {
    bottom: calc(100% - 20%);
    margin-left: calc(100vw - 38.2%);
    border: 0.5px solid #B8C1D3;
}

.section__element_2-store {
    bottom: calc(100% - 123px);
}

.section__element_2-crm {
    bottom: calc(100% - 123px);
}

.section__element_2-development {
    height: 50px;
    width: calc(100vw - 93.3%);
    top: calc(100% + 32px);
    margin-left: calc(100vw - 38.2%);
    background-color: rgba(6, 238, 238, 0.48);
    border: unset;
}

@media (max-width:1200px) {
    .section__element_2-development {
        width: calc(100vw - 88.3%);
    }
}

@media (max-width: 1000px) {
    .section__element_2-development {
        margin-left: calc(100vw - 31.2%);
        width: calc(100vw - 85.3%);
        border: none;
    }
}

@media (max-width: 540px) {
    .section__element_2-development {
        margin-left: calc(100vw - 6.2%);
    }
}

.section__element_2-company {
    height: 50px;
    width: calc(100vw - 88.5%);
    margin-left: calc(100vw - 75.7%);
    background-color: #EDF1F9;
    top: 74.3%;
    transform: skew(0deg, -12deg);
    z-index: 2;
}

@media (max-width: 1350px) {
    .section__element_2-company {
        top: 69.3%;
    }
}

@media (max-width: 768px) {
    .section__element_2-company {
        display: none;
    }
}

@media (max-width: 540px) {
    .section__element_2-company {
        display: none;
    }
}

.section__element_2-portfolio {
    top: calc(100% - 89px);
    margin-left: calc(100vw - 35.2%);
    border: 0.5px solid #B8C1D3;
    transform: skew(0deg, -12deg);
    width: calc(100vw - 90.5%);
}

@media screen and (max-width:1200px) {
    .section__element_2-portfolio {
        top: calc(100% - 59px);
        margin-left: calc(100vw - 34.8%);
    }
}

@media screen and (max-width: 992px) {
    .section__element_2-portfolio {
        top: calc(100% - 66px);
        margin-left: calc(100vw - 29.8%);
        width: calc(100vw - 84.5%);
    }
}

@media (max-width: 768px) {
    .section__element_2-portfolio {
        display: none;
    }
}

.section__element_3 {
    height: 49px;
    width: calc(100vw - 58.6%);
    bottom: 100%;
    margin-right: calc(100vw - 42.1%);
}

@media screen and (max-width: 992px) {
    .section__element_3 {
        width: calc(100vw - 75.6%);
    }
}

.section__element_3-promo {
    background-color: #1765FD;
}

@media (max-width: 768px) {
    .section__element_3-promo {
        width: calc(100vw - 74.6%);
    }
}

.section__element_3-corporate {
    background-color: #1765FD;
}

@media (max-width: 768px) {
    .section__element_3-corporate {
        width: calc(100vw - 75.6%);
    }
}

.section__element_3-landing {
    background-color: #1765FD;
}

@media (max-width: 768px) {
    .section__element_3-landing {
        width: calc(100vw - 71.6%);
    }
}

.section__element_3-informational {
    background-color: #002877;
}

@media (max-width: 768px) {
    .section__element_3-informational {
        width: calc(100vw - 75.6%);
    }
}

.section__element_3-store {
    background-color: #1765FD;
}

@media (max-width: 768px) {
    .section__element_3-store {
        width: calc(100vw - 78.6%);
    }
}

.section__element_3-crm {
    background-color: #9453FF;
}

@media (max-width: 768px) {
    .section__element_3-crm {
        width: calc(100vw - 78.6%);
    }
}

.section__element_3-development {
    height: 100%;
    bottom: 0;
    width: 100vw;
    margin-left: calc(100vw - 160.7%);
    transform: skew(48.6deg) matrix(-1, 0, 0, 1, 0, 0);
    background: linear-gradient(196.88deg, rgba(255, 255, 255, 0.08) 46.57%, rgba(255, 255, 255, 0.02) 76.68%);
}

@media screen and (max-width: 768px) {
    .section__element_3-development {
        display: none;
    }
}

.section__element_3-company {
    height: 49px;
    width: calc(100vw - 70.3%);
    top: 76.2%;
    margin-right: calc(100vw - 42.1%);
    margin-left: auto;
    background-color: #002877;
    transform: skew(0deg, -12deg);
    z-index: 2;
}

@media (max-width: 1350px) {
    .section__element_3-company {
        top: 70%;
    }
}

@media (max-width: 768px) {
    .section__element_3-company {
        display: none;
    }
}

.section__element_4 {
    height: 50px;
    width: calc(100vw - 91.3%);
    bottom: calc(100% + 28px);
    margin-left: calc(100vw - 73.5%);
    background-color: rgba(6, 238, 238, 0.48);
}

@media screen and (max-width: 992px) {
    .section__element_4 {
        width: calc(100vw - 85.3%);
        margin-left: calc(100vw - 102.5%);
    }
}

@media (max-width: 768px) {
    .section__element_4 {
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .section__element_4_informational {
        width: calc(100vw - 91.3%);
    }
}

.section__element_5 {
    height: 100%;
    width: 100%;
    top: 100%;
    background-color: #F9FBFF;
}

.section__element_6 {
    height: 5px;
    width: calc(100vw - 58%);
    margin-left: calc(100vw - 38.2%);
}

.section__element_6-crm {
    bottom: calc(100% - 39px);
    background-color: #9453FF;
}

.section__element_7 {
    height: 5px;
    width: calc(100vw - 66.3%);
    top: calc(100% + 66px);
    margin-right: calc(100vw - 42.1%);
}

.section__element_7-landing {
    background-color: #06EEEE;
}

.section__element_8 {
    height: 5px;
    width: calc(100vw - 58%);
    margin-left: calc(100vw - 42.1%);
    bottom: calc(100% - 204px);
}

.section__element_8-corporate {
    background-color: #06EEEE;
}

@media screen and (max-width: 769px) {
    .section__element_8-corporate {
        display: none;
    }
}

.section__element_8-informational {
    background-color: #1765FD;
}

.section__element_8-portfolio {
    background-color: #1765FD;
    transform: skew(0deg, -12deg);
    top: calc(100% - 10px);
    margin-left: calc(100vw - 32.2%);
    width: calc(100vw - 66%);
}

@media screen and (max-width: 1200px) {
    .section__element_8-portfolio {
        top: calc(100% - -21px);
    }
}

@media screen and (max-width: 992px) {
    .section__element_8-portfolio {
        top: calc(100% - -54px);
        margin-left: calc(100vw - 28.2%);
    }
}

@media (max-width: 768px) {
    .section__element_8-portfolio {
        display: none;
    }
}

.section__title {
    display: block;
    margin-bottom: 30px;
    color: #122343;
}

@media (max-width: 768px) {
    .section__title {
        font-family: 'helvetica', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 38px;
        line-height: 44px;
    }
}

@media (max-width: 540px) {
    .section__title {
        margin-top: 0;
    }
}

.section__title_portfolio {
    margin-top: 0;
}

.section__title+.section__subtitle {
    margin-top: 70px;
}

.section__title_main-screen {
    margin-bottom: 30px;
}

@media (min-width: 960px) {
    .section__title_main-screen {
        margin-bottom: 33px;
        margin-top: -56px;
    }
}

@media (min-width: 1200px) {
    .section__title_main-screen {
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .section__title_main-screen {
        font-size: 38px;
        line-height: 1.2;
        margin-top: 0px;
    }
}

.section__title_first-screen {
    margin-bottom: 24px;
    color: #122343;
}

@media (max-width: 768px) {
    .section__title_first-screen {
        padding-top: 0;
    }
}


/* @media (max-width: 540px) {
  .section__title_first-screen {
    padding-top: 35px;
  }
} */

@media (max-width: 768px) {
    .section__title_promo {
        width: 97%;
    }
}

.section__title_price {
    margin-bottom: 49px;
}

@media (max-width: 768px) {
    .section__title_price {
        font-size: 32px;
    }
}

.section__title_feedback {
    margin-bottom: 55px;
}

@media (max-width: 768px) {
    .section__title_feedback {
        padding-top: 0;
        font-size: 32px;
        line-height: 40px;
    }
}

.section__title_what {
    margin-bottom: 18px;
}

@media (max-width: 768px) {
    .section__title_what {
        font-size: 32px;
    }
}

.section__title_what-informational {
    margin-top: 80px;
}

@media (max-width: 992px) {
    .section__title_what-informational {
        margin-top: 60px;
    }
}

@media (max-width: 768px) {
    .section__title_what-informational {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .section__title_what-informational {
        margin-top: 0px;
    }
}

.section__title_what-erp {
    margin-bottom: 26px;
    width: 80%;
}

@media (max-width: 768px) {
    .section__title_what-erp {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .section__title_what-catalog {
        width: 88%;
    }
}

.section__title_description-seo {
    margin-bottom: 99px;
}

@media (max-width: 768px) {
    .section__title_description-seo {
        margin-bottom: 50px;
        font-size: 32px;
        line-height: 1.25;
    }
}

.section__title_corporate {
    margin-bottom: 22px;
}

.section__title_informational {
    margin-bottom: 44px;
    width: 51%;
}

@media (max-width: 768px) {
    .section__title_informational {
        width: 100%;
    }
}

.section__title_store {
    margin-bottom: 26px;
    width: 53%;
}

@media (max-width: 768px) {
    .section__title_store {
        width: 80%;
    }
}

.section__title_crm {
    margin-bottom: 26px;
}

@media (max-width: 768px) {
    .section__title_crm {
        font-size: 32px;
        line-height: 40px;
    }
}

.section__title_crm-pluses {
    width: 70%;
    margin-bottom: 57px;
}

.section__title_opportunities {
    width: 100%;
}

.opportunities_br {
    display: none;
}

@media (min-width: 1200px) {
    .section__title_opportunities {
        width: 36%;
    }
}

@media (max-width: 768px) {
    .section__title_opportunities {
        font-size: 32px;
    }
    .opportunities_br {
        display: block;
    }
}

.section__title_green {
    color: #06EEEE;
}

.section__title_white {
    color: #fff;
}

@media (max-width: 768px) {
    .section__title_white {
        font-size: 32px;
        line-height: 1.2;
    }
}

.section__title_contact-us {
    margin-bottom: 31px;
}

@media (min-width: 1200px) {
    .section__title_contact-us {
        margin-bottom: 34px;
    }
}

@media (max-width: 768px) {
    .section__title_contact-us {
        font-size: 32px;
    }
}

@media (max-width: 540px) {
    .section__title_contact-us {
        line-height: 40px;
    }
}

.section__title_banner {
    width: 53%;
    margin-bottom: 24px;
}

@media (min-width: 1200px) {
    .section__title_banner {
        width: 44%;
    }
}

@media (max-width: 768px) {
    .section__title_banner {
        width: 60%;
    }
}

@media (max-width: 540px) {
    .section__title_banner {
        width: 100%;
    }
}

.section__title_faq {
    margin-bottom: 51px;
}

@media (min-width: 1200px) {
    .section__title_faq {
        margin-bottom: 64px;
    }
}

.section__title_company {
    margin-bottom: 29px;
    color: #122343;
    margin-top: 70px;
}

@media screen and (max-width: 768px) {
    .section__title_company {
        margin-top: 0px;
    }
}

@media screen and (max-width: 767px) {
    .section__title_company {
        margin-top: 21px;
    }
}

.section__title_portfolio {
    margin-bottom: 26px;
    color: #122343;
}

.section__title_description-company {
    margin-bottom: 18px;
}

@media (max-width: 768px) {
    .section__title_description-company {
        font-size: 32px;
    }
}

.section__title_stack {
    font: 700 28px/48px 'helvetica';
    margin-bottom: 8px;
}

@media (max-width: 768px) {
    .section__title_stack {
        font-size: 22px;
        line-height: 28px;
    }
}

.section__title_purple {
    color: #9453FF;
}

.section__title_project {
    margin-bottom: 26px;
}

@media (max-width: 768px) {
    .section__title_project {
        margin-top: 63px;
    }
}

.section__title_red {
    color: #FF3677;
}

.section__title_yellow {
    color: #FFA214;
}

.section__title_contacts {
    margin-bottom: 29px;
    margin-top: 0;
}

.section__title-small {
    display: block;
    font: 700 18px/28px 'helvetica';
    color: #1765FD;
}

@media (min-width: 960px) {
    .section__title-small {
        margin-bottom: 18px;
    }
}

@media (min-width: 1200px) {
    .section__title-small {
        margin-bottom: 18px;
    }
}

@media (max-width: 768px) {
    .section__title-small {
        margin-bottom: 20px;
    }
}

.section__title-small_what {
    margin-bottom: 18px;
}

.section__title-small_green {
    color: #06EEEE;
}

.section__title-small_red {
    color: #FF3677;
}

.section__title-small_purple {
    color: #9453FF;
}

.section__title-small_yellow {
    color: #FFA214;
}

.section__title-small_faq {
    margin-bottom: 18px;
}

@media (min-width: 960px) {
    .section__description {
        font: 400 18px/28px 'helvetica';
    }
}

@media (min-width: 1200px) {
    .section__description {
        font: 400 18px/28px 'helvetica';
    }
}

@media (max-width: 768px) {
    .section__description {
        font-size: 16px;
        line-height: 1.5;
    }
}

.section__description_info {
    width: 89%;
}

.section__description_company {
    color: #545D6D;
    width: 82%;
}

@media (max-width: 768px) {
    .section__description_company {
        width: 100%;
    }
}

.section__description_store {
    width: 97%;
}

.section__description_portfolio {
    color: #545D6D;
    width: 41%;
}

@media (max-width: 992px) {
    .section__description_portfolio {
        width: 67%;
    }
}

@media (max-width: 767px) {
    .section__description_portfolio {
        width: 100%;
    }
}

.section__description_opportunities {
    width: 100%;
}

@media (min-width: 1200px) {
    .section__description_opportunities {
        width: 68%;
    }
}

@media (max-width: 992px) {
    .section__description_opportunities {
        width: 87%;
    }
}

@media (max-width: 768px) {
    .section__description_opportunities {
        width: 92%;
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (max-width: 540px) {
    .section__description_opportunities {
        width: 97%;
        font-size: 16px;
        line-height: 1.5;
    }
}

.section__description_more {
    padding: 26px 27px;
    margin: 0 -11px;
    font: 400 16px/28px 'helvetica';
    color: #545D6D;
    background-color: #fff;
    border: 1px solid rgba(13, 17, 58, 0.1);
    border-radius: 10px;
}

@media (max-width: 768px) {
    .section__description_more-seo {
        margin-right: 10px;
        margin-left: 10px;
        font-size: 14px;
        line-height: 1.5;
        padding-left: 20px;
        padding-right: 20px;
    }
}


/* .section__description_store {
  width: 63%;
} */

@media (max-width: 768px) {
    .section__description_store {
        width: 100%;
    }
}

.section__description_what+.section__title_what {
    margin-top: 78px;
}

.section__description_what-erp {
    width: 77%;
}

@media (max-width: 768px) {
    .section__description_what-erp {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .section__description_what-catalog {
        width: 95%;
    }
}

.section__description-promo {
    padding: 125px 0 18px;
}

.section__description-corporate {
    padding: 125px 0 0;
}

.section__description_main-screen {
    margin-bottom: 26px;
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .section__description_main-screen {
        font-size: 16px;
    }
}

.section__description_white {
    color: #fff;
}

.section__description_development {
    margin-bottom: 60px;
    color: #D0D3F3;
    font: 400 16px/24px;
}

@media (max-width: 768px) {
    .section__description_development {
        font-size: 16px;
        line-height: 1.5;
    }
}

.section__description_contact-us {
    width: 75%;
}

@media (max-width: 768px) {
    .section__description_contact-us {
        width: 97%;
        font-size: 16px;
        line-height: 1.5;
    }
}

.section__description_description-company {
    width: 75%;
}

@media (max-width: 768px) {
    .section__description_description-company {
        width: 100%;
        padding-bottom: 27px;
    }
}

.section__description:not(:last-child) {
    margin-bottom: 28px;
}

.section__description_project {
    width: 41%;
    padding-bottom: 42px;
}

@media screen and (max-width:992px) {
    .section__description_project {
        padding-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .section__description_project {
        width: 96%;
    }
}

.section__description:last-child {
    margin-bottom: 0;
}

.section__description+.section__description_more-store {
    margin-top: 59px;
}

@media (max-width: 768px) {
    .section__description+.section__description_more-store {
        margin: 30px 10px 0;
        font-size: 14px;
        line-height: 1.4;
        padding: 26px 20px;
    }
}

.section__description+.section__list-decorate {
    margin-top: 26px;
}

.section__description+.section__list {
    margin-top: 60px;
}

@media (min-width: 1200px) {
    .section__description+.section__list {
        margin-top: 59px;
    }
}

@media (max-width: 767px) {
    .section__description+.section__list {
        margin-top: 30px;
    }
}

.section__description_stack {
    margin-bottom: 24px !important;
}

@media (max-width: 768px) {
    .section__description_stack {
        font-size: 14px;
        line-height: 1.8;
    }
}

.section__description_stack+.section__list {
    margin-top: 0;
}

.section__list {
    display: flex;
    align-items: flex-start;
}

.section__list_decorate {
    display: block;
}

.section__list_decorate-columns {
    /* display: block;
  list-style-position: inside;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}


/* @media (max-width: 768px) {
  .section__list_decorate-columns {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;

  }
} */

@media (max-width: 540px) {
    .section__list_decorate-columns {
        -moz-column-count: 1;
        /* Firefox */
        -webkit-column-count: 1;
        /* Safari and Chrome */
        column-count: 1;
    }
}

@media (max-width: 768px) {
    .section__list_inner-content .item__name {
        font-size: 20px;
        line-height: 1.1;
        width: 100%;
    }
}

.section__list_job {
    flex-direction: column;
}

.section__list_faq {
    align-items: stretch;
}

.section__list_price {
    align-items: normal;
}

.section__list_tabs {
    margin-bottom: 29px;
    border: 0;
}

.section__list_content {
    display: inherit;
}

.section__list_contacts {
    flex-direction: column;
}

@media screen and (max-width: 992px) {
    .section__list_contacts {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media screen and (max-width: 540px) {
    .section__list_contacts {
        flex-direction: column;
        justify-content: space-between;
    }
}

.section__list_social {
    margin-left: -20px;
}

.section__skew-bg {
    position: relative;
    transform: skew(0deg, -12deg);
    background: #F9FBFF;
}

@media screen and (max-width: 992px) {
    .section__skew-bg_landing {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .section__skew-bg_landing {
        padding-bottom: unset;
    }
}

.section__skew-bg_development {
    background: radial-gradient(51.76% 51.76% at 31.49% 16.23%, rgba(123, 97, 255, 0.24) 0%, rgba(123, 97, 255, 0) 100%), radial-gradient(27.12% 33.54% at 98.82% 70.46%, rgba(6, 238, 238, 0.15) 0%, rgba(6, 238, 238, 0) 100%), #0D113A;
}

.section__wrapper {
    position: relative;
}

.section__wrapper_main-screen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 80px;
}

@media (min-width: 960px) {
    .section__wrapper_main-screen {
        min-height: 719px;
    }
}

@media (min-width: 1200px) {
    .section__wrapper_main-screen {
        min-height: 735px;
    }
}

@media (max-width: 768px) {
    .section__wrapper_main-screen {
        min-height: 400px;
        justify-content: flex-start;
        /* padding-top: 70px; */
    }
}

.section__wrapper_opportunities {
    margin-bottom: 51px;
}

@media screen and (max-width: 540px) {
    .section__wrapper_opportunities {
        margin-bottom: 20px;
    }
}

.section__wrapper_first-screen {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 696px;
    padding-bottom: 226px;
    z-index: 1;
}

@media (max-width: 992px) {
    .section__wrapper_first-screen {
        min-height: 440px;
        padding-bottom: 0px;
        justify-content: flex-start;
    }
}

.section__wrapper_company {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 630px;
    padding-bottom: 238px;
}

@media (max-width: 992px) {
    .section__wrapper_company {
        padding-bottom: 181px;
    }
}

@media (max-width: 800px) {
    .section__wrapper_company {
        padding-bottom: 141px;
    }
}

@media (max-width: 768px) {
    .section__wrapper_company {
        min-height: unset;
        padding-top: 90px;
        padding-bottom: 91px;
    }
}

@media (max-width: 767px) {
    .section__wrapper_company {
        padding-bottom: 40px;
        padding-top: 51px;
    }
}

.section__wrapper_portfolio {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 183px;
    padding-bottom: 6px;
}

@media screen and (max-width: 992px) {
    .section__wrapper_portfolio {
        min-height: 115px;
    }
}

.section__wrapper_project {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 80px;
    /* min-height: 343px; */
}

@media screen and (max-width: 960px) {
    .section__wrapper_project {
        padding-top: 60px;
    }
}

@media screen and (max-width: 768px) {
    .section__wrapper_project {
        padding-top: 0px;
    }
}

.section__wrapper_landing {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: skew(0deg, 12deg) translateZ(0);
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    will-change: transform;
    z-index: 1;
    min-height: 570px;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .section__wrapper_landing {
        min-height: 410px;
        padding-top: 68px;
    }
}

.section__wrapper_cutaway {
    padding-bottom: 253px;
}

@media (max-width: 768px) {
    .section__wrapper_cutaway {
        padding-bottom: 40px;
    }
}

.section__wrapper_catalog {
    padding-bottom: 258px;
}

@media (max-width: 768px) {
    .section__wrapper_catalog {
        width: 97%;
        padding-bottom: 0;
        justify-content: flex-start;
    }
}

.section__wrapper_what:last-child {
    margin-bottom: 0;
}


/* .section__wrapper_what+.section__wrapper {
  margin-top: 189px;
} */

.section__wrapper_what+.section__wrapper {
    margin-top: 40px;
}

@media (max-width: 992px) {
    .section__wrapper_what+.section__wrapper {
        margin-top: -15px;
    }
}

@media (max-width: 540px) {
    .section__wrapper_what+.section__wrapper {
        margin-top: 30px;
    }
}

.section__wrapper_what+.section__description_more {
    margin-top: 63px;
}

@media (max-width: 768px) {
    .section__wrapper_what+.section__description_more-cutaway {
        margin: 10px;
        margin-top: 63px;
        font-size: 14px;
        line-height: 20px;
        padding: 20px 20px;
    }
}

.section__wrapper_what+.section__description_more-contextual {
    margin-top: 57px;
}

@media (max-width: 768px) {
    .section__wrapper_what+.section__description_more-contextual {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 14px;
        line-height: 1.4;
        padding: 20px;
        margin-top: 12px;
    }
}

@media screen and (min-width: 1200px) {
    .section__description_style {
        width: 95%;
    }
}

.section__wrapper_description-promo {
    transform: skew(0deg, 12deg) translateZ(0);
    padding-top: 71px;
}

@media (max-width: 992px) {
    .section__wrapper_description-promo {
        padding-top: 95px;
    }
}

@media (max-width: 540px) {
    .section__wrapper_description-promo {
        padding-top: 64px;
        padding-bottom: 50px;
    }
}

.section__wrapper_description-corporate {
    transform: skew(0deg, 12deg) translateZ(0);
    min-height: 565px;
    padding-top: 207px;
}

@media (max-width: 768px) {
    .section__wrapper_description-corporate {
        padding-top: 108px;
        min-height: unset;
        margin-bottom: 30px;
    }
}

@media (max-width: 540px) {
    .section__wrapper_description-corporate {
        padding-top: 81px;
    }
}

.section__wrapper_description-informational {
    transform: skew(0deg, 12deg) translateZ(0);
    min-height: 610px;
    padding-top: 207px;
}

@media (max-width: 768px) {
    .section__wrapper_description-informational {
        padding-top: 112px;
    }
}

@media (max-width: 540px) {
    .section__wrapper_description-informational {
        padding-top: 80px;
    }
}

.section__wrapper_description-store {
    transform: skew(0deg, 12deg) translateZ(0);
    /* min-height: 830px; */
    padding-top: 206px;
}

@media (max-width: 992px) {
    .section__wrapper_description-store {
        padding-top: 104px;
    }
}

@media (max-width: 767px) {
    .section__wrapper_description-store {
        padding-top: 81px;
    }
}

.section__wrapper_description-crm {
    transform: skew(0deg, 12deg) translateZ(0);
    /* min-height: 807px; */
    padding-top: 205px;
    margin-bottom: -78px;
}

@media (max-width: 904px) {
    .section__wrapper_description-crm {
        padding-top: 104px;
        min-height: 700px;
    }
}

@media (max-width: 640px) {
    .section__wrapper_description-crm {
        padding-top: 81px;
    }
}

.section__wrapper_development {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: skew(0deg, 12deg) translateZ(0);
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    will-change: transform;
    min-height: 889px;
    z-index: 1;
    padding-bottom: 0;
    padding-top: 38px;
}

@media (min-width: 1200px) {
    .section__wrapper_development {
        min-height: 824px;
        z-index: 1;
        padding-bottom: 31px;
    }
}

@media screen and (max-width: 540px) {
    .section__wrapper_development {
        min-height: 800px;
    }
}

.section__wrapper_code {
    display: flex;
    justify-content: flex-end;
    margin-top: -39px;
    transform: skew(0deg, 12deg) translateZ(0);
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    will-change: transform;
    z-index: 1;
    right: -60px;
    top: -38px;
    height: 621px;
}

@media (min-width: 1200px) {
    .section__wrapper_code {
        right: auto;
        top: auto;
    }
}

@media (max-width: 1000px) {
    .section__wrapper_code {
        /* margin-top: 50px; */
        top: 0;
        right: 0;
        margin-bottom: 80px;
        justify-content: center;
    }
}

@media (max-width: 540px) {
    .section__wrapper_code {
        margin-top: 15px;
    }
}

@media (max-width: 360px) {
    .section__wrapper_code {
        margin-bottom: 10px;
        height: 521px;
    }
}

.section__wrapper_contact-us {
    margin-bottom: 44px;
}

@media (min-width: 1200px) {
    .section__wrapper_contact-us {
        margin-bottom: 58px;
    }
}

@media screen and (max-width: 768px) {
    .section__wrapper_contact-us {
        margin-top: 50px;
    }
}

.section__wrapper_banner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 242px;
    padding: 0 0 7px;
}

@media (min-width: 1200px) {
    .section__wrapper_banner {
        min-height: 270px;
    }
}

@media (max-width: 768px) {
    .section__wrapper_banner {
        justify-content: flex-start;
        min-height: 400px;
        padding: 56px 0 7px;
    }
}

.section__wrapper_contacts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 422px;
    padding-top: 52px;
}

@media (max-width: 768px) {
    .section__wrapper_contacts {
        min-height: 540px;
        padding-top: 70px;
    }
}

.section__subtitle {
    display: block;
    margin-bottom: 20px;
    color: #122343;
}

.section__subtitle_red {
    color: #FF3677;
}

.section__subtitle_yellow {
    color: #FFA214;
}

.section__subtitle_purple {
    color: #9453FF !important;
}

.section__subtitle__description-seo {
    font-size: 22px;
    line-height: 1.27;
}

.section__code {
    background: rgba(196, 196, 196, 0.01);
    box-shadow: inset 0 33.15px 47.6px -30.6px rgba(255, 255, 255, 0.11), inset 0px 5.95px 9.35px -3.4px rgba(255, 255, 255, 0.53), inset 0px 83.3px 85px -40.8px rgba(202, 172, 255, 0.16);
    backdrop-filter: blur(85px);
    border-radius: 82px;
    height: 100%;
    width: 520px;
    padding: 15px 10px;
    min-height: 621px;
    max-width: 580px;
    /* width: 100%; */
}

@media screen and (max-width: 1200px) {
    .section__code {
        position: relative;
        right: -7px;
        top: 77px;
    }
}

@media screen and (max-width: 992px) {
    .section__code {
        position: relative;
        right: -87px;
    }
}

@media (max-width: 767px) {
    .section__code {
        width: 499px;
        overflow: hidden;
        right: unset;
        top: unset;
    }
}

@media (max-width: 320px) {
    .section__code {
        width: 320px;
        height: 446px;
        padding: 3px 10px;
    }
}

@media (max-width: 360px) {
    .section__code {
        width: 100%;
        height: 446px;
        padding: 3px 10px;
        min-height: 430px;
    }
}

.section__code-inset {
    background: rgba(196, 196, 196, 0.01);
    box-shadow: inset 0px 33.15px 47.6px -30.6px rgba(255, 255, 255, 0.5), inset 0px 5.95px 9.35px -3.4px #FFFFFF, inset 0px -69.7px 57.8px -54.4px rgba(96, 68, 145, 0.3), inset 0px 83.3px 85px -40.8px rgba(202, 172, 255, 0.3), inset 0px 3.4px 15.3px rgba(154, 146, 210, 0.3), inset 0px 0.85px 34px rgba(227, 222, 255, 0.2);
    backdrop-filter: blur(85px);
    border-radius: 82px;
    padding: 49px 22px 23px;
    margin-top: 11px;
    height: 595px;
    overflow: hidden;
    width: 490px;
}

@media (max-width: 768px) {
    .section__code-inset {
        height: 560px;
        padding: 49px 6px 23px;
        border-radius: 63px;
        width: 480px;
    }
}

@media (max-width: 540px) {
    .section__code-inset {
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 320px) {
    .section__code-inset {
        min-height: 430px;
    }
}

.section__code-header {
    position: relative;
    display: block;
    margin-bottom: 15px;
    font: 500 18px/28px 'helvetica';
    padding-left: 50px;
    margin-left: 11px;
    color: #fff;
}

@media (max-width: 768px) {
    .section__code-header {
        font-size: 14px;
        line-height: 2;
    }
}

.section__code-header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 30px;
    background: linear-gradient(63.03deg, rgba(145, 182, 255, 0.48) -12.25%, rgba(66, 65, 111, 0.48) 123.25%);
    box-shadow: inset 0 33.15px 33px -29px rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(13px);
    border-radius: 5px;
}

.section__code-header:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 6px;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 29px;
    background-image: url(../img/icons/gear.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.section__code-body .code {
    font-size: 0;
    line-height: 0;
    color: #70cef8;
    white-space: nowrap;
    list-style-type: none;
    counter-reset: my-counter;
}

.section__code-body .code li {
    position: relative;
    font: 700 16px/24px 'couriernew';
}

@media (max-width: 960px) {
    .section__code-body .code li {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (max-width: 370px) {
    .section__code-body .code li {
        font-size: 12px;
    }
}

@media (max-width: 370px) {
    .section__code-body .code li {
        line-height: 1.2;
    }
}

@media (max-width: 320px) {
    .section__code-body .code li {
        font-size: 10px;
    }
}

.section__code-body .code li:before {
    content: counter(my-counter);
    /* Выводим число */
    counter-increment: my-counter;
    /* Увеличиваем значение счётчика */
    color: #494d71;
    /* Цвет текста */
    text-align: right;
    display: inline-block;
    width: 30px;
}

.section__code-body .code__blue {
    color: #669aff;
}

.section__code-body .code__red {
    color: #ff6798;
}

.section__code-body .code__yellow {
    color: #fff3b1;
}

.section__code-body .code__green {
    color: #4fd44c;
}

.section__code-body .code__white {
    color: #ffffff;
}

.section_stack {
    padding: 106px 0 53px;
}

@media (max-width: 768px) {
    .section_stack {
        padding: 40px 0 40px;
    }
}

.section_slider {
    padding: 30px 0 30px;
    background-color: #fff;
    /* margin-top: -121px; */
}

@media screen and (max-width: 768px) {
    .section_slider {
        margin-top: -221px;
    }
}

@media screen and (max-width: 767px) {
    .section_slider {
        margin-top: 0px;
    }
}

.section__slider-for {
    margin-bottom: 30px;
}

.section__slider-dots .slick-dots {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: calc(100% - 33px);
}

.section__slider-dots .slick-dots li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33px;
    margin-left: 14px;
    cursor: pointer;
}

.section__slider-dots .slick-dots li:first-child {
    margin-left: 0;
}

.section__slider-dots .slick-dots li button {
    width: 18px;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    font-size: 0;
    border: 0;
}

.section__slider-dots .slick-dots li.slick-active button {
    background: #fff;
}

.item_landing {
    margin-bottom: 56px;
}

.item_landing .item__title {
    position: relative;
}

.item_landing .item__title::before {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #1765FD;
    position: absolute;
    left: -5px;
    bottom: 5px;
}

.item_company {
    margin-bottom: 56px;
}

.item_faq {
    margin-bottom: 20px;
}

.item_erp {
    margin-bottom: 50px;
}



.item_erp .item__title {
    position: relative;
}

.item_erp .item__title::before {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #9453FF;
    position: absolute;
    left: -5px;
    bottom: 5px;
}

.item_price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 19px 18px;
    border: 1px solid rgba(13, 17, 58, 0.1);
    border-radius: 10px;
    background: #fff;
}

@media (max-width: 768px) {
    .item_price {
        margin-bottom: 20px;
        padding: 5px 18px;
    }
}

.item_decorate {
    position: relative;
    padding-left: 34px;
    margin-bottom: 20px;
    font: 400 16px/24px 'helvetica';
    color: #122343;
    flex: 1 1 45%;
    max-width: 45%;
}

@media screen and (max-width: 767px) {
    .item_decorate {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

.item_decorate:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-image: url(../img/icons/check-list.svg);
    background-position: 46% 50%;
    background-size: 50%;
    background-repeat: no-repeat;
    background-color: #DAE6FF;
}

.item_decorate-red {
    position: relative;
    padding-left: 34px;
    margin-bottom: 20px;
    font: 400 16px/24px 'helvetica';
    color: #122343;
    flex: 1 1 100%;
    max-width: 100%;
}

.item_decorate-red:before {
    background-color: #FFD8E4;
    background-image: url(../img/icons/check-list-red.svg);
}

.item_crm {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 992px) {
    .item_crm {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 540px) {
    .item_crm {
        margin-bottom: 30px;
    }
}

.item_crm .item__title {
    position: relative;
}

.item_crm .item__title::before {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #9453FF;
    position: absolute;
    left: -5px;
    bottom: 6px;
}

.item_job {
    margin-bottom: 57px;
}

.item_job:last-child {
    margin-bottom: 0;
}

.item__img {
    display: block;
    margin-bottom: 20px;
}

.item__img_price {
    margin-bottom: 13px;
}

.item__title {
    display: block;
    font: 700 16px/24px 'helvetica';
    margin-bottom: 6px;
    color: #122343;
}

.item__title-main {
    position: relative;
}

.item__title-main::before {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #1765FD;
    position: absolute;
    left: -5px;
    bottom: 6px;
}

.item__title-company {
    position: relative;
}

.item__title-company::before {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #9453FF;
    position: absolute;
    left: -5px;
    bottom: 6px;
}

.item__title_white {
    color: #fff;
    position: relative;
}

.item__title_white::before {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #06EEEE;
    position: absolute;
    left: -5px;
    bottom: 6px;
}

.item__title_price {
    margin-bottom: 5px;
    font: 700 18px/18px 'helvetica';
    color: #122343;
}

.item__title_job {
    margin-bottom: 17px;
    font: 700 28px/48px 'helvetica';
    color: #1765FD;
}

@media (max-width: 768px) {
    .item__title_job {
        font-size: 22px;
        line-height: 1.2;
    }
}

.item__title_contacts {
    display: block;
    margin-bottom: 6px;
    font: 700 18px/28px 'helvetica';
    color: #122343;
}

.item_contacts {
    margin-bottom: 30px;
}

@media screen and (max-width: 992px) {
    .item_contacts {
        flex: 1 1 46%;
        max-width: 46%;
    }
}

@media screen and (max-width: 540px) {
    .item_contacts {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .item_contacts_wrapper {
        display: flex;
        flex-direction: row;
    }
}

@media screen and (max-width: 640px) {
    .item_contacts_wrapper {
        display: flex;
        flex-direction: column;
    }
}

.item__description {
    display: block;
    font: 400 16px/24px 'helvetica';
    position: relative;
}

.contacts_line {
    display: none;
}

@media screen and (max-width: 992px) {
    .contacts_line {
        display: inline;
    }
}

@media screen and (max-width: 640px) {
    .contacts_line {
        display: none;
    }
}

.item__description_white {
    color: #D0D3F3;
}

@media (max-width: 768px) {
    .item__description_white {
        font-size: 14px;
        line-height: 1.4;
    }
}

.item__description_price {
    font: 400 18px/24px 'helvetica';
    color: #122343;
}

@media (max-width: 768px) {
    .item__description_price {
        font-size: 18px;
        line-height: 1.3;
    }
}

.item__description_job {
    font: 400 18px/28px 'helvetica';
    color: #545D6D;
}

.item__description_slider {
    font: 400 18px/28px 'helvetica';
    color: #fff;
    width: 47%;
    max-width: 590px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 540px) {
    .item__description_slider {
        font-size: 16px;
        line-height: 1.5;
        width: 100%;
    }
}

.item__description_contacts {
    display: block;
    font: 400 18px/28px 'helvetica';
    color: #545D6D;
}

@media (max-width: 992px) {
    .item__description_contacts {
        display: inline;
    }
}

@media (max-width: 768px) {
    .item__description_contacts {
        line-height: 1.4;
    }
}

.item__count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    border-radius: 50%;
    background-color: #EBDFFF;
    font: 500 22px/22px 'helvetica';
    color: #9453FF;
}

.item img {
    display: block;
}

.item_inner-content img {
    width: 100%;
    height: 100%;
}

.item_purple:before {
    background-color: #EBDFFF;
    background-image: url(../img/icons/check-list-purple.svg);
}

.item_tabs {
    margin-left: 30px;
}

.item_tabs:first-child {
    margin-left: 0;
}

.item__link {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 20px;
    /* min-height: 320px; */
    border-radius: 20px;
    /* padding: 30px 36px 37px 22px; */
    /* background: #F0F4FB; */
    background-color: inherit;
}

.item__link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.item__address {
    position: relative;
    z-index: 1;
    margin-bottom: 11px;
    color: #545D6D;
    font: 400 14px/14px 'helvetica';
}

.item__name {
    position: relative;
    z-index: 1;
    width: 87%;
    font: 700 26px/28px 'helvetica';
    color: #122343;
}

.item_slide {
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
}

@media (max-width: 540px) {
    .item_slide {
        flex-direction: column;
        height: 50%;
    }
}

.item_slide:before {
    content: '';
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: linear-gradient(90deg, #253F52 57.88%, rgba(37, 63, 82, 0.5) 100%);
}

@media (max-width: 540px) {
    .item_slide:before {
        background: linear-gradient(180deg, #253F52 37.65%, rgba(37, 63, 82, 0.5) 91.42%);
    }
}

.item__body {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 360px;
    z-index: 1;
}

@media (max-width: 540px) {
    .item__body {
        justify-content: space-around;
        flex-direction: column;
        margin: 20px;
    }
}

.item__img-back {
    position: absolute;
    right: 0;
}

@media (max-width: 540px) {
    .item__img-back {
        bottom: 0;
        width: 100%;
    }
}

@media (max-width: 540px) {
    .item__img-back img {
        display: block;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 350px) {
    .item__img-back img {
        display: block;
        width: 120%;
        height: auto;
    }
}

.item__img-logo {
    width: 39%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_slider-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    background-color: red;
}

.item__img-thumb {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    cursor: pointer;
}

.item_toggle-menu {
    display: flex;
    margin-bottom: 29px;
    align-items: center;
}

.item_toggle-menu .ttl {
    display: flex;
    margin-bottom: 3px;
    color: #404040;
}

.item_toggle-menu .desc {
    color: #A3ABBC;
    font: 500 12px/14px 'helvetica';
    width: 80%;
}

.item_main-menu {
    display: block;
    margin-bottom: 30px;
    font: 500 34px/34px 'helvetica';
    color: #122343;
}

.item_main-menu:hover {
    color: #1765FD;
}

.item__toggle-menu {
    margin-left: 16px;
}

.item_social {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    margin-left: 20px;
    transition: all 0.2s ease;
    background-color: transparent;
    background-size: 66%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.item_social:hover {
    transition: all 0.2s ease;
}

.item_social_vk {
    background-image: url(../img/icons/vk-contacts.svg);
}

.item_social_vk:hover {
    background-image: url(../img/icons/vk-contacts-blue.svg);
}

.item_social_instagram {
    background-image: url(../img/icons/insta-contacts.svg);
}

.item_social_instagram:hover {
    background-image: url(../img/icons/insta-contacts-blue.svg);
}

.item_social_be {
    background-image: url(../img/icons/be-contacts.svg);
}

.item_social_be:hover {
    background-image: url(../img/icons/be-contacts-blue.svg);
}

.item_social_youtube {
    background-image: url(../img/icons/yt-contacts.svg);
}

.item_social_youtube:hover {
    background-image: url(../img/icons/yt-contacts-blue.svg);
}

.item_development {
    margin-bottom: 100px;
}

.item_development:last-child {
    margin-bottom: 0;
}

@media (min-width: 1200px) {
    .item_development {
        margin-bottom: 0;
    }
}

.item_contact-us {
    margin-bottom: 42px;
}

@media (min-width: 1200px) {
    .item_contact-us {
        margin-bottom: 0;
    }
}

.form__item {
    margin-bottom: 20px;
    margin-top: 0;
}

.form__input {
    height: 100% !important;
    padding: 15px 11px !important;
    font: 400 14px/14px 'helvetica' !important;
    background: #F0F4FB;
    border-radius: 6px;
    border: 0;
}

.form__label {
    padding: 15px 20px !important;
    font: 400 14px/14px 'helvetica' !important;
    color: #98A6C1;
}

.form__textarea {
    min-height: 120px !important;
    background: #F0F4FB;
    border-radius: 6px;
    border: 0;
}

.form__politic {
    font: 400 12px/16px 'helvetica';
    color: #212121;
    padding-right: 55px;
}

@media (max-width: 992px) {
    .form__politic {
        padding-right: 0;
        font-size: 11px;
    }
}

@media (max-width: 768px) {
    .form__politic {
        font-size: 10px;
        line-height: 1.4;
    }
}

.toggle-menu {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
    top: -200%;
    transition: all 0.6s ease;
}

.toggle-menu.active {
    top: 60px;
}

.toggle-menu__columns {
    display: flex;
    justify-content: space-between;
}

.toggle-menu__title {
    display: block;
    margin-bottom: 25px;
    font: 500 16px/16px 'helvetica';
    text-transform: uppercase;
    color: #A3ABBC;
}

.toggle-menu__column_1 {
    display: none;
}

.toggle-menu__wrap {
    position: absolute;
    width: 100%;
    padding: 29px 18px 0;
    border-radius: 20px;
    filter: drop-shadow(0px 18px 50px rgba(0, 0, 0, 0.1));
    background: #FFFFFF;
    z-index: 99999;
}

.toggle-menu__wrap:before {
    content: '';
    position: absolute;
    top: -9px;
    left: 28%;
    min-width: 46px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/header/arrow.svg);
}

@media screen and (max-width: 1100px) {
    .toggle-menu__wrap:before {
        left: 26%;
    }
}

.toggle-menu__column {
    width: 25%;
}

.toggle-menu__container {
    position: relative;
}

.overflow {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(13, 17, 58, 0.1);
    /* backdrop-filter: blur(1px); */
    opacity: 0;
    transition: all 0.6s ease;
    z-index: -9999;
}

.overflow.active {
    opacity: 1;
    z-index: 9998;
}

.w81 {
    width: 81%;
}

@media (max-width: 768px) {
    .w81 {
        width: 98%;
    }
}

.mxw1000 {
    max-width: 1000px !important;
}

#burger-menu {
    cursor: pointer;
    height: 30px;
    width: 30px;
    top: 14px;
    right: 27px;
    overflow: visible;
    position: absolute;
    display: none;
    z-index: 4;
}

@media (max-width: 991px) {
    #burger-menu {
        display: block;
    }
}

#burger-menu span {
    background: #122343;
    display: block;
    height: 2px;
    opacity: 1;
    position: absolute;
    transition: 0.3s ease-in-out;
    right: 10px;
    top: 19px;
    width: 18px;
    border-radius: 1px;
}

#burger-menu span:before {
    background: #122343;
    display: block;
    height: 2px;
    opacity: 1;
    position: absolute;
    transition: 0.3s ease-in-out;
    content: "";
    left: 0px;
    top: -5px;
    width: 18px;
    border-radius: 1px;
}

#burger-menu span:after {
    background: #122343;
    display: block;
    height: 2px;
    opacity: 1;
    position: absolute;
    transition: 0.3s ease-in-out;
    content: "";
    left: 0px;
    top: 5px;
    width: 18px;
    border-radius: 1px;
}

#burger-menu.close span {
    transform: rotate(-45deg);
    top: 0px;
    width: 18px;
}

#burger-menu.close span:before {
    top: 0px;
    transform: rotate(90deg);
    width: 18px;
}

#burger-menu.close span:after {
    top: 0px;
    left: 0;
    transform: rotate(90deg);
    opacity: 0;
    width: 0;
}

.mobile_menu {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 999;
    width: 90%;
    min-height: 100vh;
    transform: scale(0.95);
    opacity: 0;
    z-index: 0;
    /* transition: all 0.3s ease-in-out; */
    visibility: hidden;
}

.mobile_menu.active {
    transform: scale(1);
    opacity: 1;
    z-index: 250;
    visibility: visible;
    width: 100%;
}

.mobile_menu .container {
    padding: 22px 0 17px;
    padding-left: var(--bs-gutter-x, 0.75rem);
    border-bottom: 1px solid #C6CDDB;
    position: fixed;
    background-color: #fff;
}

.mobile_menu .close-menu__wrapper {
    position: absolute;
    top: 16px;
    right: 27px;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

.mobile_menu .close-menu {
    background: #122343;
    display: block;
    height: 2px;
    opacity: 1;
    position: absolute;
    transition: 0.3s ease-in-out;
    right: 10px;
    top: 19px;
    width: 18px;
    border-radius: 1px;
    transform: rotate(-45deg);
}

.mobile_menu .close-menu:before {
    background: #122343;
    display: block;
    height: 2px;
    opacity: 1;
    position: absolute;
    transition: 0.3s ease-in-out;
    content: "";
    left: 0px;
    top: 0px;
    width: 18px;
    border-radius: 1px;
    transform: rotate(90deg);
}

.mobile_menu .close-menu:after {
    background: #122343;
    display: block;
    height: 2px;
    opacity: 1;
    position: absolute;
    transition: 0.3s ease-in-out;
    content: "";
    left: 0px;
    top: 5px;
    width: 18px;
    border-radius: 1px;
    transform: rotate(90deg);
    opacity: 0;
    width: 0;
}

.mobile_menu__header-phone {
    position: absolute;
    top: 20px;
    right: 100px;
}

.mobile_menu__header-phone img {
    width: 32px;
    height: 32px;
}

.mobile_menu__content {
    margin-top: 116px;
    max-width: 1080px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}

@media screen and (min-width: 768px) {
    .mobile_menu__content {
        flex-direction: row;
        padding: 20px 20px;
        justify-content: space-between;
    }
}

.mobile_menu__content .content__large {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.mobile_menu__content .content__large a {
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    color: #122343;
    margin-bottom: 26px;
}

.mobile_menu__content .content__groups {
    display: flex;
    flex-direction: column;
    padding-left: unset;
}

@media screen and (min-width: 768px) {
    .mobile_menu__content .content__groups {
        padding-left: 30px;
        max-width: 450px;
    }
}

.mobile_menu__content .content__large a.active {
    color: #1765FD;
}

.mobile_menu__content .content__group {
    margin-top: 10px;
}

.mobile_menu__content .content__group:first-child {
    margin-top: 30px;
}

.mobile_menu__content .content__group .group__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #A3ABBC;
    padding-top: 40px;
}

.mobile_menu__content .content__group:nth-child(1) .group__title {
    padding-top: 0;
}

.mobile_menu__content .content__group .group__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.mobile_menu__content .content__group .group__items .item {
    margin-bottom: 30px;
    flex: 1 1 45%;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #404040;
}

.mobile_menu__content .content__group .group__items .item__small {
    font-size: 12px;
}

.mobile_menu__content .content__group .group__items .item img {
    width: 26px;
    height: 26px;
    margin-right: 10px;
    opacity: 1;
}

.Section__backgroundMask {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 0;
}

.Section__background {
    position: relative;
    height: 100%;
    max-height: none;
    width: 100%;
    top: 0;
    left: 7px;
    transform-origin: 100% 0;
    transform: skewY(0);
    overflow: hidden;
}

@media (max-width: 768px) {
    .Section__background {
        left: -2px;
    }
}

.Guides {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0 16px;
    pointer-events: none;
}

@media (max-width: 768px) {
    .Guides {
        padding: 0 10px;
    }
}

.Guides__container {
    display: grid;
    grid: 1fr / repeat(4, 1fr);
    position: relative;
    max-width: 1204px;
    height: 100%;
    margin: 0 auto;
}

.Guides__guide {
    width: 1px;
    background: linear-gradient(180deg, rgba(66, 71, 112, 0.09), rgba(66, 71, 112, 0.09) 50%, transparent 0, transparent);
    background-size: 1px 8px;
}

.Guides__guide:first-of-type {
    background: rgba(66, 71, 112, 0.06);
}

.Guides__guide:last-of-type {
    background: rgba(66, 71, 112, 0.06);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

@media (max-width: 1111px) {
    .Guides {
        max-width: calc(100vh - 15px);
    }
}

@media (max-width: 599px) {
    .Guides__guide:nth-of-type(3n) {
        display: none;
    }
}

@media (max-width: 899px) {
    .Guides__guide:nth-of-type(2n) {
        display: none;
    }
}

@media (max-width: 768px) {
    .footer_items {
        column-count: 2;
        column-gap: 20px;
    }
    .footer_items .footer__column {
        display: inline-block;
        margin-bottom: 54px;
        width: 100%;
    }
    .footer_items .footer__column:first-child {
        margin-bottom: 48px;
    }
}

@media (max-width: 767px) {
    .section__element_feedback_1 {
        display: none;
    }
}

@media (max-width: 767px) {
    .section__element_feedback_2 {
        display: none;
    }
}

@media (max-width: 768px) {
    .toggle-menu {
        display: none;
    }
}


/* adaptive */

@media (max-width: 1590px) {
    .section__element_first-screen-home {
        transform: skew(0deg, -12deg);
        top: 15.2%;
        height: 112%;
        background-color: #fff;
        margin-top: 290px;
    }
}

@media screen and (max-width: 768px) {
    .section__element_red-main {
        top: -1.8%;
    }
}

@media screen and (max-width: 540px) {
    .section__element_red-main {
        top: -5%;
    }
}

@media screen and (min-width:1900px) {
    .section__img_main {
        top: -22%;
        width: 658px;
        left: -10%;
    }
    .section__element_first-screen-home {
        top: 51.2%;
    }
}


/* animation */

.homeanimation {
    overflow: hidden;
    /* background: linear-gradient(
87.62deg, #3B6DCF -44.8%, #9453FF 102.18%); */
    background: linear-gradient( -45deg, #ffffff, #d37398, #59d0fb, #ffffff);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
    max-height: 87vh;
    margin-top: -80px;
}

@media (min-width: 300px) {
    .homeanimation {
        min-height: 568px;
    }
}

@media (min-width: 768px) {
    .homeanimation {
        min-height: 600px;
    }
}

@media (min-width: 960px) {
    .homeanimation {
        min-height: 652px;
    }
}

@media (min-width: 1200px) {
    .homeanimation {
        min-height: 735px;
    }
}

@media screen and (min-width: 320px) {
    .section_banner {
        height: 307px;
    }
}

@media screen and (min-width: 360px) {
    .section_banner {
        height: 275px;
    }
}

@media screen and (min-width: 720px) {
    .section_banner {
        height: 242px;
    }
}

@media screen and (min-width: 1140px) {
    .section_banner {
        height: 270px;
    }
}

.item_inner-content .item__link {
    position: relative;
}

.item_inner-content .item__link .item_description {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: flex;
    color: #fff;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: 15px;
    padding-bottom: 25px;
    border-radius: 15px;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in;
}

.item_inner-content .item__link .img {
    position: relative;
    transition: all 0.3s ease-in;
}

.item_inner-content .item__link:hover .img img {
    opacity: 0.3;
    filter: blur(8px);
    transition: all 0.3s ease-in;
}

@media screen and (max-width: 1366px) {
    .item_inner-content .item__link:hover .img img {
        display: none;
    }
}

.item_inner-content .item__link:hover .item_description {
    opacity: 0.9;
    top: 0;
    left: 0;
    background-color: #2d75fd;
}

.item_inner-content .item__link .item_description .item__address {
    color: #fff;
}

.item_inner-content .item__link .item_description .item__name {
    color: #fff;
}

.item_inner-content .item__link:hover .item_description .item__address {
    color: #fff;
}

.item_inner-content .item__link:hover .item_description .item__name {
    color: #fff;
}

@media screen and (max-width: 1366px) {
    .item_inner-content .item__link .item_description {
        opacity: 0;
        padding-bottom: 15px;
        top: 0;
        left: 0;
    }
    .item_inner-content .item__link:hover .img img {
        opacity: 1;
        filter: none;
        display: none;
    }
    .item_inner-content .item__link:hover .item_description {
        background-color: inherit;
        color: #122343;
        display: none;
    }
    .item_inner-content .item__link:hover .item_description .item__address {
        color: #122343;
        display: none;
    }
    .item_inner-content .item__link:hover .item_description .item__name {
        color: #122343;
        display: none;
    }
}

.section__imgs_opportunities>img:first-child {
    left: 0;
    bottom: 0%;
    z-index: 1;
    width: 100%;
}

@media screen and (max-width:540px) {
    .section__imgs_opportunities>img:first-child {
        width: 200%;
    }
}

.section__imgs_opportunities {
    min-height: unset;
}

.section__title-seo {
    padding-top: 42px;
}

@media screen and (max-width: 992px) {
    .section__title-seo {
        padding-top: 0px;
    }
}

.section__title-logotype {
    padding-top: 42px;
}

@media screen and (max-width: 992px) {
    .section__title-logotype {
        padding-top: 0px;
    }
}

.section__title-contexual {
    padding-top: 42px;
}

@media screen and (max-width: 992px) {
    .section__title-contexual {
        padding-top: 0px;
    }
}

.section__title-cutaway {
    padding-top: 42px;
}

@media screen and (max-width: 992px) {
    .section__title-cutaway {
        padding-top: 0px;
    }
}

.section__title_promo {
    padding-top: 42px;
}

@media screen and (max-width: 992px) {
    .section__title_promo {
        padding-top: 0px;
    }
}


/* .section__imgs_opportunities>img {
   position: absolute;
} */


/* @media (min-width: 769px) {
  .section__imgs_opportunities {
    margin-top: 150px;
    margin-bottom: 80px;
  }
}

@media (min-width: 1200px) {
  .section__imgs_opportunities {
    margin-top: unset;
    margin-bottom: 40px;
  }
}

@media (min-width: 960px) {
  .section__imgs_opportunities>img:first-child {
    left: 5%;
    bottom: -25%;
    width: 20%;
  }
}

@media (min-width: 1200px) {
  .section__imgs_opportunities>img:first-child {
    left: -19px;
    bottom: -36px;
    z-index: 1;
    width: auto;
  }
}

@media (max-width: 768px) {
  .section__imgs_opportunities>img:first-child {
    bottom: 0%;
  }
}

@media (max-width: 540px) {
  .section__imgs_opportunities>img:first-child {
    bottom: 10%;
  }
} */


/* .section__imgs_opportunities>img:nth-child(2) {
  right: 48px;
  left: 26px;
  margin: auto;
  top: -3px;
  bottom: 0;
  width: 85%;
  filter: drop-shadow(0px 18px 11px rgba(0, 0, 0, 0.08));
}

@media (min-width: 960px) {
  .section__imgs_opportunities>img:nth-child(2) {
    width: 69%;
  }
}

@media (min-width: 1200px) {
  .section__imgs_opportunities>img:nth-child(2) {
    right: 1px;
    left: 0;
    margin: auto;
    top: 42px;
    bottom: 0;
    width: 70%;
  }
}

.section__imgs_opportunities>img:last-child {
  right: 0%;
  top: -12%;
  z-index: 1;
  width: 30%;
  filter: drop-shadow(0px 13px 14px rgba(0, 0, 0, 0.03));
}

@media (min-width: 960px) {
  .section__imgs_opportunities>img:last-child {
    right: 4%;
    top: -26%;
    width: 30%;
  }
}

@media (min-width: 1200px) {
  .section__imgs_opportunities>img:last-child {
    right: -17px;
    top: 0;
    z-index: 1;
    width: auto;
  }
}

@media (max-width: 768px) {
  .section__imgs_opportunities>img:last-child {
    top: 0%;
  }
}

@media (max-width: 540px) {
  .section__imgs_opportunities>img:last-child {
    top: 20%;
  }
} */

.section_description-promo {
    padding-bottom: 50px;
}

@media screen and (max-width: 992px) {
    .section_description-promo {
        padding-bottom: 70px;
    }
}

@media screen and (max-width: 767px) {
    .section_description-promo {
        padding-bottom: 30px;
    }
}

.z1 {
    z-index: 1;
}

.z2 {
    z-index: 2;
}

.section__img_stack-dbms {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}


/* @media screen and (max-width: 960px) {
  .section__img_stack-dbms {
    min-height: 308px;
  }
}

@media screen and (max-width: 768px) {
  .section__img_stack-dbms {
    min-height: 368px;
  }
}

@media screen and (max-width: 650px) {
  .section__img_stack-dbms {
    min-height: 298px;
  }
}

@media screen and (max-width: 540px) {
  .section__img_stack-dbms {
    min-height: 230px;
  }
}

@media screen and (max-width: 440px) {
  .section__img_stack-dbms {
    min-height: 187px;
  }
}

@media screen and (max-width: 360px) {
  .section__img_stack-dbms {
    min-height: 140px;
  }
} */


/* .section__img_stack .dbms_img {
  position: absolute;
} */

.section__img_stack .dbms_img:first-child {
    left: 0;
    top: 0;
    z-index: 2;
}

.section__img_stack .dbms_img:nth-child(2) {
    right: 0;
    top: 0;
    z-index: 2;
}


/* .section__img_stack .dbms_img:last-child {
  left: 36%;
  top: 25%;
  z-index: 1;
  width: 29%;
} */

.section__img_stack-framework {
    width: 100%;
    position: relative;
}


/* @media screen and (max-width:768px) {
  .section__img_stack-framework {
    min-height: 542px;
  }
}

@media screen and (max-width:630px) {
  .section__img_stack-framework {
    min-height: 400px;
  }
}

@media screen and (max-width:490px) {
  .section__img_stack-framework {
    min-height: 350px;
  }
}

@media screen and (max-width:410px) {
  .section__img_stack-framework {
    min-height: 310px;
  }
}

@media screen and (max-width:380px) {
  .section__img_stack-framework {
    min-height: 270px;
  }
}

.section__img_stack-framework img {
  position: absolute;
} */

.section__img_stack-framework img:nth-child(1) {
    position: relative;
}

.section__img_stack-framework img:nth-child(2) {
    top: 25%;
    right: 0%;
    width: 46%;
}

.section__img_stack-framework img:nth-child(3) {
    top: 0%;
    right: -9%;
    width: 88%;
}

.section__img_stack-git {
    width: 100%;
    position: relative;
}


/* .section__img_stack-git img {
  position: absolute;
} */

.section__img_stack-git img:nth-child(1) {
    bottom: 0%;
    left: 0%;
}

.section__img_stack-git img:nth-child(2) {
    bottom: 0%;
    right: 0%;
    width: 37%;
}

.section__img_stack-git img:nth-child(3) {
    top: 14%;
    right: 21%;
    width: 13%;
}

.section__img_stack-html {
    position: relative;
    width: 100%;
}


/* .section__img_stack-html .html-img {
  position: absolute;
} */

.section__img_stack-html .html-img:first-child {
    left: 0;
    top: 0;
}

.section__img_stack-html .html-img:nth-child(2) {
    left: 0;
    bottom: 0;
}

.section__img_stack-html .html-img:nth-child(3) {
    right: 5%;
    top: 30%;
}

#labryhere {
    height: 100%;
    min-height: 400px;
}

@media screen and (min-widht: 1200px) {
    .promo-description__description {
        margin-bottom: 40px;
    }
}

.section_nfound {
    width: 100vw;
    height: 100vh;
    background-color: #fcfdff;
}

.nfound_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 80vh;
}

.nfound_wrapper-text {
    width: 100%;
    height: 100%;
    z-index: 10;
    text-align: center;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nfound_wrapper-text h1 {
    font-size: 220px;
    line-height: 1;
    color: #122343;
}

.nfound_wrapper-text strong {
    font-size: 30px;
    color: #122343;
    text-transform: uppercase;
    font-weight: bold;
}

.nfound_wrapper-text a {
    margin-top: 40px;
    font-size: 17px;
    font-weight: 550;
}

.nfound_wrapper img {
    position: absolute;
    z-index: 1;
}

.nfound_wrapper img:nth-child(1),
.nfound_wrapper img:nth-child(2),
.nfound_wrapper img:nth-child(3),
.nfound_wrapper img:nth-child(4) {
    right: 27%;
}

.nfound_wrapper img:nth-child(1) {
    width: 60%;
    z-index: 1;
    top: 5%;
    /* animation: labpulse 6800ms alternate infinite linear; */
}

.nfound_wrapper img:nth-child(2) {
    width: 55%;
    z-index: 1;
    top: 7%;
    /* animation: labpulse 6800ms alternate infinite linear; */
}

.nfound_wrapper img:nth-child(3) {
    width: 51%;
    z-index: 1;
    top: 9%;
    /* animation: labpulse 6800ms alternate infinite linear; */
}

.nfound_wrapper img:nth-child(4) {
    width: 48%;
    z-index: 1;
    top: 11%;
    /* animation: labpulse 6800ms alternate infinite linear; */
}

.nfound_wrapper img:nth-child(5) {
    width: 10%;
    left: 20%;
    bottom: 3%;
    animation: laborbitm90 4900ms alternate infinite linear;
}

.nfound_wrapper img:nth-child(6) {
    width: 8%;
    right: 30%;
    bottom: 13%;
    animation: labdown 4900ms alternate infinite linear;
}

.nfound_wrapper img:nth-child(7) {
    width: 8%;
    left: 20%;
    top: 7%;
    animation: labright 4900ms alternate infinite linear;
}

.nfound_wrapper img:nth-child(8) {
    width: 16px;
    right: 21.81%;
    top: 37.79%;
    z-index: 2;
    animation: lableft 4900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
}

.nfound_wrapper img:nth-child(9) {
    width: 16px;
    right: 28.75%;
    top: 18.02%;
    z-index: 2;
    animation: labdown 4900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
}

.nfound_wrapper img:nth-child(10) {
    width: 16px;
    right: 14.86%;
    top: 15.47%;
    z-index: 2;
    animation: laborbitm90 4900ms alternate infinite linear;
}

.nfound_wrapper img:nth-child(11) {
    width: 16px;
    right: 77.57%;
    top: 57.67%;
    z-index: 2;
    animation: labright 4900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
}

.nfound_wrapper img:nth-child(12) {
    width: 16px;
    right: 81.81%;
    top: 48.14%;
    z-index: 2;
    animation: labdown 4900ms alternate infinite cubic-bezier(.2, .2, .1, 1);
}

.nfound_wrapper img:nth-child(13) {
    width: 16px;
    right: 84.31%;
    top: 76.05%;
    z-index: 2;
    animation: laborbitm90 4900ms alternate infinite linear;
}

@media screen and (max-width: 1120px) {
    .nfound_wrapper img:nth-child(1),
    .nfound_wrapper img:nth-child(2),
    .nfound_wrapper img:nth-child(3),
    .nfound_wrapper img:nth-child(4) {
        right: 17%;
    }
    .nfound_wrapper img:nth-child(1) {
        width: 70%;
    }
    .nfound_wrapper img:nth-child(2) {
        width: 65%;
    }
    .nfound_wrapper img:nth-child(3) {
        width: 61%;
    }
    .nfound_wrapper img:nth-child(4) {
        width: 58%;
    }
}

.body-nfound {
    overflow: hidden;
}

.section__wrapper_seo {
    padding-bottom: 100px;
}

@media screen and (max-width: 992px) {
    .section__wrapper_seo {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 967px) {
    .nfound_wrapper img:nth-child(1),
    .nfound_wrapper img:nth-child(2),
    .nfound_wrapper img:nth-child(3),
    .nfound_wrapper img:nth-child(4) {
        right: 15%;
    }
    .nfound_wrapper img:nth-child(1) {
        width: 80%;
    }
    .nfound_wrapper img:nth-child(2) {
        width: 75%;
    }
    .nfound_wrapper img:nth-child(3) {
        width: 71%;
    }
    .nfound_wrapper img:nth-child(4) {
        width: 68%;
    }
}

@media screen and (max-width: 768px) {
    .nfound_wrapper img:nth-child(1),
    .nfound_wrapper img:nth-child(2),
    .nfound_wrapper img:nth-child(3),
    .nfound_wrapper img:nth-child(4) {
        display: none;
    }
    .nfound_wrapper img:nth-child(5) {
        width: 17%;
    }
    .nfound_wrapper img:nth-child(6) {
        width: 12%;
    }
    .nfound_wrapper img:nth-child(7) {
        width: 12%;
    }
}

@media screen and (max-width: 410px) {
    .nfound_wrapper-text h1 {
        font-size: 150px;
    }
    .nfound_wrapper-text strong {
        font-size: 20px;
    }
    .nfound_wrapper-text a {
        font-size: 17px;
    }
}


/* Animation */

@keyframes labup {
    from {
        transform: translateY(-20px);
    }
    to {
        transform: translateY(20px);
    }
}

@keyframes labdown {
    from {
        transform: translateY(20px);
    }
    to {
        transform: translateY(-20px);
    }
}

@keyframes lableft {
    from {
        transform: translateX(-20px);
    }
    to {
        transform: translateX(20px);
    }
}

@keyframes labright {
    from {
        transform: translateX(20px);
    }
    to {
        transform: translateX(-20px);
    }
}

@keyframes labshockwave {
    0% {
        transform: scale(1);
        box-shadow: 0px 0px -2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
    }
    95% {
        box-shadow: 0 0 50px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0);
    }
    100% {
        transform: scale(1.15);
    }
}

@keyframes labpulse {
    0% {
        transform: scale(1);
        /* box-shadow: 0 2px 2px rgba(0,0,0,.2); */
    }
    100% {
        transform: scale(1.05);
        /* box-shadow: 0 2px 2px rgba(0,0,0,.2); */
    }
}

@keyframes labwiggle {
    0%,
    7% {
        transform: rotateZ(0);
    }
    15% {
        transform: rotateZ(-3deg);
    }
    20% {
        transform: rotateZ(2deg);
    }
    25% {
        transform: rotateZ(-2deg);
    }
    30% {
        transform: rotateZ(2deg);
    }
    35% {
        transform: rotateZ(-3deg);
    }
    40%,
    100% {
        transform: rotateZ(0);
    }
}

@keyframes laborbitm90 {
    from {
        transform: rotate(0deg) translateX(50px) rotate(0deg);
    }
    to {
        transform: rotate(-90deg) translateX(50px) rotate(90deg);
    }
}

@keyframes laborbit90 {
    from {
        transform: rotate(0deg) translateX(50px) rotate(0deg);
    }
    to {
        transform: rotate(90deg) translateX(50px) rotate(90deg);
    }
}

@keyframes laborbit {
    from {
        transform: rotate(0deg) translateX(50px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateX(50px) rotate(-360deg);
    }
}

@keyframes labopacity {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes labrotatearrow {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-90deg);
    }
}

@keyframes labrotate360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

@keyframes labbouncy {
    0% {
        transform: translateX(0px) translateY(0px);
    }
    75% {
        transform: translateX(50px) translateY(25px);
    }
    75% {
        transform: translateX(75px) translateY(50px);
    }
    90% {
        transform: translateX(85px) translateY(35px);
    }
    100% {
        transform: translateX(100px) translateY(25px);
    }
}

@keyframes labfade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes labcorporate1 {
    0% {
        left: 0%;
        bottom: 5%;
        z-index: 3;
        width: 100%;
    }
    28% {
        left: 0%;
        bottom: 5%;
        z-index: 3;
        width: 100%;
    }
    29% {
        z-index: 4;
        opacity: 1;
    }
    31% {
        z-index: 4;
        width: 110%;
        left: -5%;
        bottom: -5%;
        opacity: 0;
    }
    32% {
        left: 4%;
        bottom: 25%;
        z-index: 1;
        width: 90%;
        opacity: 0;
    }
    33% {
        left: 4%;
        bottom: 25%;
        z-index: 1;
        width: 90%;
        opacity: 1;
    }
    61% {
        left: 4%;
        bottom: 25%;
        z-index: 1;
        width: 90%;
    }
    64% {
        left: 4%;
        bottom: 25%;
        z-index: 1;
        width: 90%;
    }
    65% {
        z-index: 2;
    }
    66% {
        left: 2%;
        bottom: 15%;
        z-index: 2;
        width: 95%;
    }
    95% {
        left: 2%;
        bottom: 15%;
        z-index: 2;
        width: 95%;
    }
    100% {
        left: 0%;
        bottom: 5%;
        z-index: 3;
        width: 100%;
    }
}

@keyframes labcorporate2 {
    0% {
        left: 2%;
        bottom: 15%;
        z-index: 2;
        width: 95%;
    }
    28% {
        left: 2%;
        bottom: 15%;
        z-index: 2;
        width: 95%;
    }
    29% {}
    31% {}
    32% {}
    33% {
        left: 0%;
        bottom: 5%;
        z-index: 3;
        width: 100%;
    }
    61% {
        left: 0%;
        bottom: 5%;
        z-index: 3;
        width: 100%;
    }
    64% {
        z-index: 4;
        opacity: 1;
    }
    65% {
        z-index: 4;
        width: 110%;
        left: -5%;
        bottom: -5%;
        opacity: 0;
    }
    66% {
        left: 4%;
        bottom: 25%;
        z-index: 1;
        width: 90%;
        opacity: 0;
    }
    95% {
        left: 4%;
        bottom: 25%;
        z-index: 1;
        width: 90%;
        opacity: 1;
    }
    96% {}
    100% {
        left: 2%;
        bottom: 15%;
        z-index: 2;
        width: 95%;
    }
}

@keyframes labcorporate3 {
    0% {
        left: 4%;
        bottom: 25%;
        z-index: 1;
        width: 90%;
        opacity: 1;
    }
    28% {
        left: 4%;
        bottom: 25%;
        z-index: 1;
        width: 90%;
    }
    29% {}
    31% {
        left: 4%;
        bottom: 25%;
        z-index: 1;
        width: 90%;
    }
    32% {
        z-index: 2;
    }
    33% {
        left: 2%;
        bottom: 15%;
        z-index: 2;
        width: 95%;
    }
    61% {
        left: 2%;
        bottom: 15%;
        z-index: 2;
        width: 95%;
    }
    64% {}
    65% {}
    66% {
        left: 0%;
        bottom: 5%;
        z-index: 3;
        width: 100%;
    }
    95% {
        left: 0%;
        bottom: 5%;
        z-index: 3;
        width: 100%;
    }
    96% {
        z-index: 4;
        opacity: 1;
    }
    97% {
        z-index: 4;
        width: 110%;
        left: -5%;
        bottom: -5%;
        opacity: 0;
    }
    100% {
        left: 4%;
        bottom: 25%;
        z-index: 1;
        width: 90%;
        opacity: 0;
    }
}

@keyframes labmapvector {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    65% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes labmapvector2 {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes labprice1 {
    0% {
        opacity: 0;
    }
    25% {
        right: 63%;
    }
    65% {
        opacity: 1;
    }
    100% {
        right: 54%;
        opacity: 1;
    }
}

@keyframes labprice2 {
    0% {
        opacity: 0;
    }
    25% {
        right: -12%;
    }
    65% {
        opacity: 1;
    }
    100% {
        right: -5%;
        opacity: 1;
    }
}

@keyframes labseopurplevertical {
    0% {
        height: 0px;
    }
    100% {
        height: 165px;
    }
}

@keyframes labseopurplehorizontal {
    0% {
        width: 0px;
        right: 68.5%;
    }
    100% {
        width: 96px;
        right: 50.5%;
    }
}

@keyframes labseoorangehorizontal {
    0% {
        width: 0px;
    }
    100% {
        width: 122px;
    }
}

.section__wrapper_promo {
    padding-bottom: 100px;
}

@media screen and (max-width: 992px) {
    .section__wrapper_promo {
        padding-bottom: 0;
    }
}


/* Portfolio */

.section_portfolio__video img {
    width: 100%;
}

.portfolio__video {
    position: relative;
}

.portfolio__video::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: url('/img/common/topbg.png') no-repeat center center; */
    background-size: contain;
}

.portfolio__video::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 10%;
    left: 8%;
    width: 85%;
    height: 85%;
    background: url('/img/common/rectangle.svg') no-repeat center center;
    background-size: contain;
    pointer-events: none;
}

.portfolio__video img {
    width: 100%;
}

.portfolio__video video {
    position: absolute;
    z-index: 3;
    border-radius: 7%;
    top: 10.5%;
    left: 15.3%;
    border: 0;
    height: 77.5%;
    width: 70.4%;
}

.portfolio__definition-image img {
    width: 100%;
}

.section_portfolio__definition {
    padding-top: 90px;
}

@media screen and (max-width:992px) {
    .section_portfolio__definition {
        padding-top: 50px;
    }
}

.section__links_project {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.section__inner-links_project {
    display: flex;
    flex-direction: row;
}

.section__inner-links_project a.nav-link {
    margin-left: 20px !important;
}

.section_what-style {
    padding-bottom: 9px;
}

.section_portfolio__definition .portfolio__definition-image {
    padding-top: 40px;
    padding-bottom: 20px;
}

@media screen and (max-width: 992px) {
    .section_portfolio__definition .portfolio__definition-image {
        padding-top: 30px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 540px) {
    .section_portfolio__definition .portfolio__definition-image {
        padding-top: 20px;
        padding-bottom: 5px;
    }
}


/* stripes */

#stripes {
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: -26%;
    transform-origin: 0;
    transform: skewY(-12deg);
    /* background: -webkit-linear-gradient(300deg,#53f 15%,#05d5ff 70%,#a6ffcb 94%); */
    background: linear-gradient(150deg, #fff 15%, #f7d5e8 70%, #ffbbda 94%);
}

@media screen and (max-width: 992px) {
    #stripes {
        top: -35%;
    }
}

@media screen and (max-width: 767px) {
    #stripes {
        top: -38%;
    }
}

#stripes,
#stripes span {
    position: absolute;
}

#stripes span {
    height: 120px;
}

#stripes :nth-child(1) {
    width: 50%;
    left: -17%;
    top: 40px;
    background: #ffdbef4f;
    display: none;
}

#stripes :nth-child(2) {
    width: 14%;
    right: 0;
    bottom: 0px;
    background: #ffffff38;
    opacity: 0;
}

#stripes :nth-child(3) {
    width: 25%;
    bottom: 0;
    right: 0;
    background: #ffb5ca1c;
    display: none;
}

#stripes :nth-child(4) {
    width: 59%;
    left: -6%;
    top: 15%;
    background: #ffffff4a;
}

@media (min-width:670px) {
    #stripes span {
        height: 150px;
    }
    #stripes :nth-child(1) {
        top: 0;
    }
    #stripes :nth-child(2) {
        width: 16.66667%;
        top: 300px;
        bottom: auto;
        background: #ffffff38;
    }
    #stripes :nth-child(3) {
        width: 33.33333%;
        right: auto;
        background: #11bdff;
    }
}

@media (min-width: 880px) {
    #stripes span {
        height: 190px;
    }
    #stripes :nth-child(1) {
        width: 33.33333%;
        left: -16.66666%;
        background: #ffdbef4f;
        display: block;
    }
    #stripes :nth-child(2) {
        width: 33.33333%;
        top: 26%;
        left: 16.66666%;
        right: auto;
        background: #ffffff38;
    }
    #stripes :nth-child(3) {
        width: 33.33333%;
        left: 49.99999%;
        bottom: auto;
        background: #7068cb;
    }
    #stripes :nth-child(4) {
        width: 33.33333%;
        top: 360px;
        right: -16.66666%;
        background: #ffaec861;
        left: unset;
    }
    #stripes :nth-child(5) {
        width: 33.33333%;
        bottom: 0;
        background: #ffb5ca1c;
    }
}

/* Company img */


.comp {
    width: 540px;
    height: 194px;
    text-align: center;
    filter: drop-shadow(0px 37px 21px rgba(0, 0, 0, 0.18));
}
.comp .monitor {
    width: 438px;
    height: 287px;
    display: block;
    margin: 0 auto;
    border-radius: 10px 10px 0px 0px;
    padding: 9px;
    border: solid 1px #e0e2e2;
    background-color: black;
}
.comp .mid {
    float: left;
    display: block;
    height: 100%;
    position: relative;
    background-color: #c6cfe1;
    width: 50%;
    overflow: hidden;
}
.comp .mid.codigo {
    background-color: #1a2843;
}
.comp .site {
    overflow: hidden;
    position: absolute;
    width: 135px;
    height: 204px;
    bottom: 0;
    right: 0;
    transform: scale(1.3);
}
.comp .site .topbar {
    width: 100%;
}
.comp .site .cerrar {
    width: 100%;
    padding: 3px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 4px 4px 0px 0px;
    background-color: #565c68;
}
.comp .site .cerrar > div {
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: white;
    margin: 0px 1px;
}
.comp .site .inhead {
    padding: 2px;
    height: 5px;
    background-color: #e6eaeb;
}
.comp .site .inhead .item {
    width: 10px;
    height: 1px;
    background-color: #d1c9bf;
    margin: 0 1px;
    display: block;
    float: left;
}
.comp .txr {
    text-align: right;
}
.comp .txr .item {
    float: right;
}
.comp .inslid {
    width: 100%;
    height: 33px;
    background-color: #f6fafb;
}
.comp .incont {
    padding-top: 10px;
    background: #fff;
}
.comp .incont .item {
    background-color: #cfd8db;
    width: 53px;
    height: 2px;
    display: block;
    margin: 0 auto;
    margin-top: 1px;
}
.comp .incont .item:nth-child(1) {
    width: 20px;
}
.comp .incont .item:nth-child(2) {
    margin-top: 3px;
    width: 41px;
}
.comp .incont .item:nth-child(3) {
    width: 32px;
}
.comp .incont .item:nth-child(4) {
    width: 23px;
}
.comp .incont .wid {
    width: 100%;
    padding: 8px 1px;
}
.comp .incont .wid .itwid {
    width: 33.333%;
    float: left;
    height: 26px;
    padding: 0px 3px;
}
.comp .incont .wid .itwid > div {
    width: 100%;
    height: 100%;
    background-color: #f6fafb;
    position: relative;
}
.comp .incont .wid .itwid > div .contfoot {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 6px;
    width: 100%;
    background-color: #e6eaeb;
}
.comp .incont .infoot {
    background-color: #f1f4f5;
    height: 26px;
    width: 100%;
}
@keyframes code {
    0% {
        opacity: 1;
   }
    50% {
        opacity: 0.6;
   }
    100% {
        opacity: 1;
   }
}
.comp .codigo {
    padding: 14px 0px 14px 14px;
}
.comp .codigo .var {
    background-color: #cf708f;
    animation: code;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
}
.comp .codigo .cont {
    background-color: #473d58;
    animation: code;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
.comp .codigo .fun {
    background-color: #ebb25a;
    animation: code;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
}
.comp .codigo .atr {
    background-color: #394a64;
    animation: code;
    animation-duration: 1.1s;
    animation-iteration-count: infinite;
}
.comp .codigo .item {
    height: 3px;
    width: 40px;
    float: left;
    margin-right: 3px;
}
.comp .codigo .item.min {
    width: 13px;
}
.comp .codigo .item.lrg {
    width: 30px;
}
.comp .codigo .line {
    padding: 2px 0;
    width: 100%;
}
.comp .codigo .tab1 {
    padding-left: 5px;
}
.comp .codigo .tab2 {
    padding-left: 8px;
}
.comp .codigo .tab3 {
    padding-left: 10px;
}
.comp .codigo .tab4 {
    padding-left: 12px;
}
.base {
    width: 522px;
    height: 12px;
    background: #e0e2e2;
    display: block;
    margin: 0 auto;
    border-radius: 0px 0px 6px 6px;
}


.choice_crm {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    margin-top: 55px;
}

.choice_crm .decision {
    flex: 0 0 48%;
    max-width: 48%;
}

@media screen and (max-width: 768px) {
    .choice_crm .decision {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.choice_crm .decision h4 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #000;
}

.choice_crm .good_decision {
    margin-right: 20px;
    padding-right: 20px;
}

@media screen and (max-width: 768px) {
    .choice_crm .good_decision {
        margin-bottom: 20px;
    }
}

.choice_crm .good_decision {
    border-right: 1px solid #f1f6ff;
}
.choice_crm .bad_decision .item_decorate-red {
    max-width: 92%;
}

.choice_crm .bad_decision .item_decorate-red:before {
    background-color: #FFD8E4;
    background-size: 50%;
    background-image: url(../img/icons/close-red.svg);
}

.choice_crm .good_decision .item_decorate {
    flex: 1 1 100%;
    max-width: 100%;
}

.choice_crm .good_decision .item_decorate::before {
    background-color: #EBDFFF;
    background-image: url(../img/icons/check-list-purple2.svg);
}

/* .section__title-small_crm {
    margin-bottom: 0;
} */

.section__title-small_crm-steps {
    display: inline;
    font-size: 23px;
}

.section__title_crm-reason {
    max-width: 780px;
    margin-bottom: 0px;
}

.item_crm2 {
    margin-bottom: 20px;
    margin-top: 60px;
}


.section__title_crm-steps {
    margin-bottom: 60px;
}

.section__subtitle_crm-steps {
    color: #9453FF;
}

.mt-crm-60{
    margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
    .mt-crm-60{
        margin-bottom: 30px;
    }
    .section__subtitle_crm-steps {
        margin-bottom: 10px;
    }
}

.mt-crm-60:last-child {
    margin-bottom: 0 !important;
}

.crm-steps-list {
    list-style-type: decimal;
    margin-left: 25px;
    margin-top: 24px;
}

.section__wrapper_description-erp {
    margin-bottom: 0;
}

.section_what-erp h4 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #000;
    color: #9453FF;
    margin-top: 25px;
    max-width: 400px;
}

.section_what-erp h4:nth-of-type(2) {
    margin-top: 52px;
}

.section_description-erp {
    padding: 146px 0 0 0;
}

@media (max-width: 1200px) {
    .section_description-erp {
        padding-top: 115px;
    }
}

@media (max-width: 992px) {
    .section_description-erp {
        padding-top: 70px;
    }
}

.section_what-erp2 {
    background-color: #fff;
    padding-top: 50px;
}

.section__list_decorate-erp {
    margin-top: 40px;
}

.section_what-erp2 .item_decorate::before {
    background-color: #EBDFFF;
    background-image: url(../img/icons/check-list-purple2.svg);
}

.lh28 {
    line-height: 28px;
}

.erp-50p img{
    width: 100%;
    height: auto;
}

.section_portfolio__main-photo .section__img_project {
    margin-top: 22px;
}

.redirect-to-home {
    margin-top: 20px;
    font-size: 14px;
}

.redirect-to-home .timer-redirect {
    font-size: 14px;
}