/* Start:/about/styles/about.css?175092990263617*/
body {
    overflow-x: hidden !important;
}
body .wrapper {
    position: relative;
}
body .wrapper .container {
    padding-top: 60px;
    padding-bottom: 60px;
}
@media only screen and (max-width: 1024px) {
    body .wrapper .container {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

.second_images {
    position: relative;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: #f4f8fb;
    margin: 65px auto 40px;
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/**/
@-webkit-keyframes rotation_revers {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes rotation_revers {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.path_circ1 {
    -webkit-animation-name: rotation;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute;
    left: 5px;
}
.path_circ2 {
    -webkit-animation-name: rotation_revers;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation_revers;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation_revers;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation_revers;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.text_title {
    display: inline-block;
    font-size: 28px;
}

.about .main {
    z-index: 1;
}
.about_top {
    position: absolute;
    min-height: 35vw;
    -webkit-transform: skewY(-12deg);
        -ms-transform: skewY(-12deg);
            transform: skewY(-12deg);
    left: 0;
    right: 0;
    top: 0;
}
.about_gray1 {
    height: 4000px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f5f8fc;
}

.about_gray_l {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 27%;
    height: 148px;
}
.about_gray_r {
    position: absolute;
    right: 0;
    bottom: 9.5%;
    height: 148px;
    width: 19%;
}
.about_box_bl1 {
    background: #2b2c51;
    position: absolute;
    right: 0;
    bottom: calc(100% / 2);
    height: 85px;
    width: 78%;
    z-index: 3;
    height: calc(100% / 2);
}
.about_box_bl2 {
    background: #ffd882;
    position: absolute;
    right: 38%;
    bottom: 0;
    height: calc(100% / 2);
    width: 63%;
    z-index: 3;
}
.about_box_bl3 {
    background: #f9b658;
    position: absolute;
    right: 0;
    bottom: 0;
    height: calc(100% / 2);
    width: 38%;
    z-index: 3;
}
.about_box_bl4 {
    background: #f9b658;
    position: absolute;
    left: 0;
    bottom: 0;
    height: calc(100% / 2);
    width: 42%;
    z-index: 3;
}
.about_box_bl5 {
    background: #ffd882;
    position: absolute;
    left: 42%;
    bottom: 0px;
    height: calc(100% / 2);
    width: 24%;
    z-index: 3;
}
.about_box_bl6 {
    background: #2b2c51;
    position: absolute;
    left: 22%;
    bottom: calc(-100% / 2);
    height: calc(100% / 2);
    width: 78%;
    z-index: 3;
}
.about .main .main-title {
    /* font-size: 51px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #7c0d3e; */
    margin-top: 18%;
    margin-bottom: 0;
}
.main-button {
    margin-top: 40px;
}
/* .about .button {
    display: block;
    height: 40px;
    width: 177px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    -webkit-appearance: none;
    border-radius: 3px;
    border: none;
    background: #393968;
    -webkit-box-shadow: 2px 2px 5px rgba(182, 182, 218, 0.7), -4px -4px 5px #ffffff;
            box-shadow: 2px 2px 5px rgba(182, 182, 218, 0.7), -4px -4px 5px #ffffff;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    white-space: nowrap;
    cursor: pointer;
} */

.about_title {
    text-align: center;
    /* font-weight: 500;  
    text-transform: uppercase;
    color: #3f3f67;
    line-height: 2; */
}
.about_text {
    margin: 24px 0 0 0;
}

.about .global .places {
    /*display: grid;
    grid-template-areas: "i4 i4 i3 i3 i5 i5 i1 i1"
    "i6 i6 i7 i7 i2 i2 i8 i8"
    ". i9 i9 i9 i10 i10 i10 .";
    grid-auto-columns: 1fr;
    grid-auto-rows: minmax(123px, auto);
    grid-gap: 16px 16px;
    justify-content: center;
    align-items: center; */
    border-right: 1px solid #4c4c8c;
    width: 59%;
}

.about .global-bg {
    position: absolute;
    /* background: -o-linear-gradient(292.07deg, #2b2c51 30.19%, #23256f 72.57%);
    background: linear-gradient(157.93deg, #2b2c51 30.19%, #23256f 72.57%); */
    background-image: url(/about/styles/../images/about/map-img.png),linear-gradient(157.93deg, #2b2c51 30.19%, #23256f 72.57%);
    margin-top: 125px;
    height: 800px;
    width: 100%;
    z-index: 1;
    -webkit-transform: skewY(-12deg);
        -ms-transform: skewY(-12deg);
            transform: skewY(-12deg);
}
.global-bg .global-bg_line-right-top {
    position: absolute;
    top: 0;
    right: 0;
    height: 18%;
    width: 55%;
    background-image: -o-linear-gradient(
        193.07deg,
        #2f3069 20.43%,
        rgba(43, 44, 81, 0)
    );
    background-image: linear-gradient(
        256.93deg,
        #2f3069 20.43%,
        rgba(43, 44, 81, 0)
    );
}
@media (max-width: 767px) {
    .global-bg .global-bg_line-right-top {
        height: 14%;
    }
}
.about .second .second-title {
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #525f7f;
    max-width: 100%;
    margin: 0 auto 70px;
}
.about .second .second-triple .item .text-container .item-title {
    /* font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: normal;
    text-align: left;
    color: #32325d; */
    margin: 24px 0 0 0;
}
.about .second .second-triple .item .text-container .item-text {
    margin-top: 16px;
    /* font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: left;
    color: #525f7f; */
}
.l-bg {
    position: absolute;
    left: 0;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 29%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.l-bg_top {
    position: absolute;
    left: 0;
    top: 0;
    height: 160px;
    width: 100%;
}
.l-bg_bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 160px;
    width: 100%;
}
.l-bg .l-bg1 {
    background: #2f3069;
    height: calc(100% / 2);
    position: absolute;
    left: 0;
    top: calc(-99% / 2);
    width: 83%;
}
.l-bg .l-bg2 {
    border: 1px solid #a1a2c6;
    height: calc(100% / 2);
    width: 31%;
    position: absolute;
    right: 2%;
    top: -99%;
}
.l-bg .l-bg3 {
    background: #f9b658;
    height: calc(100% / 2);
    width: 45%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.l-bg .l-bg4 {
    background: #ffd882;
    height: calc(100% / 2);
    width: 24%;
    position: absolute;
    left: 45%;
    bottom: 0;
}
.l-bg .l-bg5 {
    background: #ccd1e7;
    height: calc(100% / 2);
    width: 72%;
    position: absolute;
    left: 28%;
    bottom: calc(-100% / 2);
}
.r-bg {
    position: absolute;
    right: 0;
    bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    width: 20%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.r-bg .r-bg1 {
    background: #ccd1e7;
    width: 36%;
    height: 100%;
    position: absolute;
    right: 58%;
    bottom: -100%;
}
.r-bg .r-bg2 {
    background: #ffd882;
    width: 58%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: -100%;
}
.about .global .title {
    margin-top: 24%;
    text-align: center;
    /* font-size: 51px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff; */
    margin-bottom: 24px;
}
.about .global .global-text {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    /* font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff; */
    margin-bottom: 64px;
}

.places_title {
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    padding-left: 33px;
}
.places_item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 237px;
    height: 46px;
    padding: 5px 0 5px 15px;
}
.places_item.is-active,
.places_item:hover {
    background: rgba(85, 85, 153, 0.4);
    border-radius: 5px;
    cursor: pointer;
}

.plce_flex {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 30px;
    max-width: 554px;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    margin: 0 auto;
}
.places {
    display: -ms-grid;
    display: grid;
        grid-template-areas:
        'i1 i5'
        'i2 i6'
        'i3 i7'
        'i4 i8'
        '. .'
        '. .';
    -ms-grid-columns: 1fr 60px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 0px auto;
    grid-template-rows: auto auto;
    grid-gap: 0px 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 47px 0 0;
}
.about .global .places .places_item:nth-child(1) {
    grid-area: i1;
}
.about .global .places .places_item:nth-child(2) {
    grid-area: i2;
}
.about .global .places .places_item:nth-child(3) {
    grid-area: i3;
}
.about .global .places .places_item:nth-child(4) {
    grid-area: i4;
}
.about .global .places .places_item:nth-child(5) {
    grid-area: i5;
}
.about .global .places .places_item:nth-child(6) {
    grid-area: i6;
}
.about .global .places .places_item:nth-child(7) {
    grid-area: i7;
}
.about .global .places .places_item:nth-child(8) {
    grid-area: i8;
}
.about .global .places .places_item:nth-child(9) {
    grid-area: i9;
}
.about .global .places .places_item:nth-child(10) {
    grid-area: i10;
}
.about .global .places .places_item:nth-child(10) {
    grid-area: i11;
}
.places_city_box {
    width: 41%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.places_city {
    padding: 15px 0 0 0;
    display: none;
		cursor: default;
}
.places_city.is-active {
    display: block;
    position: absolute;
    right: 0;
    top: 24px;
    max-width: 32%;
    width: 36%;
}
.navigate_places {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.navigate_places .places_img {
    line-height: 0;
}

.places_cont .item-title {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    display: none;
}

.places_cont {
    position: relative;
    padding-left: 40px;
		margin-bottom: 10px;
}
.places_cont:before {
    content: '';
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 5px;
    background: url(/about/styles/../images/about/about_map.svg) no-repeat center;
}
.places_cont .item-text {
    font-size: 18px;
    color: #ffffff;
}
.btn-sw-map-yandex {
    font-size: 18px;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #828eff;
    margin-top: 25px;
    cursor: pointer;
    margin-bottom: 15px;
		display: none;
}
.btn-sw-map-yandex:hover {
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
}
.about .map {
    overflow: visible !important;
    max-width: 100%;
    min-height: 415px;
    z-index: 1;
}
.world {
    position: absolute;
    height: 100%;
    width: 100%;
    top: -10%;
    left: 0;
    z-index: 0;
    -webkit-transition: opacity 0.6s linear, -webkit-transform 1s linear;
    transition: opacity 0.6s linear, -webkit-transform 1s linear;
    -o-transition: opacity 0.6s linear, transform 1s linear;
    transition: opacity 0.6s linear, transform 1s linear;
    transition: opacity 0.6s linear, transform 1s linear, -webkit-transform 1s linear;
}
.world.is-hide {
    opacity: 0;
    -webkit-transform: scale(0.2);
        -ms-transform: scale(0.2);
            transform: scale(0.2);
}
.about .map svg {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 1355px;
    margin: 0 auto;
}
.about .global {
    z-index: 2;
}
.about .global .container {
    padding: 60px 15px 0;
}
/* .about .plq .plq-text-container .plq-title {
    font-size: 28px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #32325d;
    text-transform: uppercase;
} */
.about .plq .plq-text-container .plq-text {
    margin-top: 24px;
    /* font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #525f7f; */
    padding: 0 31px 0 0;
}
.about .plq {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: var(--shadow-5);
            box-shadow: var(--shadow-5);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 55px 65px 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.about .clients {
    position: relative;
    margin-top: -275px;
    padding-top: 300px;
    -webkit-transform: skewY(-12deg);
        -ms-transform: skewY(-12deg);
            transform: skewY(-12deg);
}
.about .clients .container {
    -webkit-transform: skewY(12deg);
        -ms-transform: skewY(12deg);
            transform: skewY(12deg);
}
.about .plq-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.clients_bg {
    position: absolute;
    background: -o-linear-gradient(57.5deg, #f4f6ff 2.86%, #f4f6ff 128.3%);
    background: linear-gradient(32.5deg, #f4f6ff 2.86%, #f4f6ff 128.3%);
    margin-top: 0;
    width: 100%;
    z-index: -1;
    -webkit-transform: skewY(0deg);
        -ms-transform: skewY(0deg);
            transform: skewY(0deg);
    top: 0px;
    bottom: 0;
}
.r_bg_clients {
    height: 160px;
    position: absolute;
    right: 0;
    top: 55%;
    width: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.r_bg_1 {
    background: #e6eafb;
    height: calc(100% / 2);
    width: 100%;
}
.r_bg_2 {
    background: #f9b658;
    height: calc(100% / 2);
    width: 55%;
}
.about .plq img {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 369px;
            flex: 1 1 369px;
    max-width: 369px;
    position: static;
}
.about .plq .plq-text-container {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
}
.about .clients .clients-title {
    /* font-size: 51px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.83;
    letter-spacing: normal;
    color: #32325d; */
    margin-top: 16px;
    text-align: center;
}
.about .clients .clients-text {
    /* font-size: 32px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #727290; */
    text-align: center;
    margin-top: 24px;
    margin-bottom: 40px;
   
}
.about .clients .clients-text2 {
    /* font-size: 32px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal; */
    text-align: center;
    margin-top: 64px;
    margin-bottom: 64px;
    color: #f9b658;
}
span.orang_text {
    font-weight: 500;
    color: #f9b658;
}
.clients_cont,
.brend_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.clients_cont,
.brend_cont {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 132px;
}
@media (max-width: 1024px) {
    .clients_cont,
    .brend_cont {
        grid-auto-rows: 97px;
    }
}
@media (max-width: 767px) {
    .clients_cont,
    .brend_cont {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 90px;
    }
}
.clients_list,
.brend_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-right: 1px solid #dbdff0;
    border-bottom: 1px solid #dbdff0;
}
.clients_list,
.brend_list {
    height: 100%;
    width: 100%;
}
.brend_list img,
.clients_list img {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.brend_list:hover img,
.clients_list:hover img {
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.clients_list:nth-child(5n),
.brend_list:nth-child(5n) {
    border-right: none;
}
.clients_list:nth-last-child(-n + 5),
.brend_list:nth-last-child(-n + 5) {
    border-bottom: none;
}
@media (max-width: 767px) {
    .clients_list:nth-child(5n),
    .brend_list:nth-child(5n) {
        border-right: 1px solid #dbdff0;
    }
    .clients_list:nth-last-child(-n + 5),
    .brend_list:nth-last-child(-n + 5) {
        border-bottom: 1px solid #dbdff0;
    }
    .clients_list:nth-child(3n),
    .brend_list:nth-child(3n) {
        border-right: none;
    }
    .clients_list:nth-last-child(-n + 1) {
        border-bottom: none;
    }
    .brend_list:nth-last-child(-n + 3) {
        border-bottom: none;
    }
}

.container_text_comand {
    max-width: 1000px;
    margin: 0 auto;
}
.about .command .command-title {
    font-size: 50px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #32325d;
}
.about .command .container {
    width: 100%;
    padding-bottom: 40px !important;
    padding-top: 0;
    z-index: 2;
    position: relative;
}
.command-title_min {
    text-align: right;
    margin: 68px 0 0 0;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #525f7f;
}
.about .command .command-slider {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.path1 {
    stroke-dasharray: 450;
    stroke-dashoffset: 450;
    -webkit-animation: dash1 5s linear alternate infinite;
            animation: dash1 5s linear alternate infinite;
}
.elipse {
    opacity: 0;
}

.about .command .command-slider .item .item-content .text-container .item-text {
    font-weight: normal;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    -webkit-transition: font-size 0.3s ease-in-out;
    -o-transition: font-size 0.3s ease-in-out;
    transition: font-size 0.3s ease-in-out;
    color: #525f7f;
}
.about
    .command
    .command-slider
    .item
    .item-content
    .text-container
    .item-title {
    margin-bottom: 7px;
    font-weight: 500;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #32325d;
}
.about .command .command-slider .item .item-content {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: opacity 0.2s linear,
        -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    transition: opacity 0.2s linear,
        -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    -o-transition: transform 0.5s ease-in-out, opacity 0.2s linear,
        box-shadow 0.3s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.2s linear,
        box-shadow 0.3s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.2s linear,
        box-shadow 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    -webkit-transform: scale(0.6, 0.6);
        -ms-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 0;
}
.about .command .command-slider .item .item-content .text-container {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: auto;
    padding-top: 25px;
    width: 100%;
}
.about .last {
    overflow: hidden;
    background: -o-linear-gradient(347.65deg, #2b2c51 -8.77%, #3d3786 84.98%);
    background: linear-gradient(102.35deg, #2b2c51 -8.77%, #3d3786 84.98%);
}
.about .command .command-slider .item {
    width: 350px;
    height: 350px;
    position: relative;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    position: absolute;
}
.about .command .command-slider .content {
    height: 665px;
    -webkit-transform-origin: 500px 500px;
        -ms-transform-origin: 500px 500px;
            transform-origin: 500px 500px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: perspective(900px);
            transform: perspective(900px);
    width: 100%;
}
#command-slider .item_image {
    height: 460px;
    width: 460px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.command_bg {
    position: absolute;
    z-index: -1;
    -webkit-transform: skewY(-12deg);
        -ms-transform: skewY(-12deg);
            transform: skewY(-12deg);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.bg_command {
    height: 100%;
}
.bg_command .r_bg {
    position: absolute;
    left: 0;
    bottom: 21%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 240px;
    width: 35%;
}
.bg_command .r_bg_1 {
    background: #f4f6ff;
    height: calc(100% / 3);
    position: absolute;
    left: 13%;
    bottom: calc(100% / 3);
    width: 46%;
}
.bg_command .r_bg_2 {
    background: #f9b658;
    height: calc(100% / 3);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28%;
    z-index: 2;
}
.bg_command .r_bg_3 {
    background: #ffd882;
    height: calc(100% / 3);
    position: absolute;
    left: 28%;
    bottom: 0;
    width: 24%;
}
.bg_command .r_bg_4 {
    border: 1px solid #f9b658;
    height: calc(100% / 3);
    position: absolute;
    right: 0;
    bottom: calc(-100% / 2);
    width: 46%;
}
.bg_command .l_bg {
    position: absolute;
    right: 0;
    top: 29.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 160px;
    width: 15%;
}
.bg_command .l_bg_1 {
    background: #f4f6ff;
    height: calc(100% / 2);
    position: absolute;
    right: 40%;
    top: 80px;
    width: 55%;
}
.bg_command .l_bg_2 {
    border: 1px solid #f9b658;
    height: calc(100% / 2);
    position: absolute;
    right: 0;
    top: 0;
    width: 56%;
}

/* .about .button:hover {
    -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
            transform: translateY(-4px);
    background-color: #6772e5;
} */

.about .hide-en {
    display: none;
}
.about .main {
    height: 840px;
}
.about .main .back-ifr {
    width: 1920px;
    position: absolute;
    top: 0;
    left: calc(50% - 960px);
    height: 854px;
    overflow: hidden;
    z-index: -1;
}

.about__hero_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.about .second {
    margin-top: -105px;
}
.oval_kol_box {
    width: 44px;
    height: 48px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.oval_kol {
    position: absolute;
    left: 0;
    top: 0;
}
.star_box,
.flag_box {
    height: 48px;
}

.about .second .second-triple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.about .second .second-triple .item {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33% - 28px);
            flex: 0 1 calc(33% - 28px);
}

.about .second .second-triple .item img {
    height: 52px;
    display: inline-block;
    width: initial;
    margin: 0 0 20px 0;
}
.about .second .second-triple .item_num1 circle {
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
}
.about .second .second-triple .item_num1:hover circle {
    -webkit-animation: animCir 1.2s linear;
            animation: animCir 1.2s linear;
}
@-webkit-keyframes animCir {
    50% {
        r: 2.5;
    }
    100% {
        r: 5.5;
    }
}
@keyframes animCir {
    50% {
        r: 2.5;
    }
    100% {
        r: 5.5;
    }
}
.about .second .second-triple .item:last-child .anim-flag {
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
}
.about .second .second-triple .item:last-child:hover .anim-flag {
    -webkit-animation: animFlag 1.2s linear;
            animation: animFlag 1.2s linear;
}
@-webkit-keyframes animFlag {
    33% {
        -webkit-transform: skewY(10deg) translateY(-5px);
                transform: skewY(10deg) translateY(-5px);
    }
    75% {
        -webkit-transform: skewY(-10deg) translateY(5px);
                transform: skewY(-10deg) translateY(5px);
    }
    100% {
        -webkit-transform: skewY(0deg);
                transform: skewY(0deg);
    }
}
@keyframes animFlag {
    33% {
        -webkit-transform: skewY(10deg) translateY(-5px);
                transform: skewY(10deg) translateY(-5px);
    }
    75% {
        -webkit-transform: skewY(-10deg) translateY(5px);
                transform: skewY(-10deg) translateY(5px);
    }
    100% {
        -webkit-transform: skewY(0deg);
                transform: skewY(0deg);
    }
}

.about .third .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.about .third .container .left-part {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 369px;
            flex: 0 1 369px;
}

.about .third .container .left-part img {
    max-width: 176px;
    margin-top: 40px;
    margin-left: 8px;
}

.about .third .container .right-part {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
}

.about .third .container .right-part .third-title {
    font-size: 21px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;
}

.about .third .container .right-part .third-text {
    margin-top: 14px;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #9d3b35;
}

.about .third .container .right-part .button {
    display: inline-block;
}

.about .global .places .item {
    position: relative;
    height: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#backgroundMapYandex {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 999;
    background: none;
}
#mapYandex {
    visibility: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    height: 80vh;
    width: 80vw;
    display: block;
    opacity: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 2px solid #f5be58;
    z-index: 1000;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.about .global .places .item .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 46px;
            flex: 0 0 46px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
@media only screen and (max-width: 460px) {
    .plq-text {
        padding-right: 0 !important;
    }
}
.about .global .places .item .text-container {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
@media only screen and (max-width: 1060px) {
    .about .global .places .item .text-container {
        margin-left: 0;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
.about .global .places .item .text-container .item-title {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #32325d;
}
.about .global .places .item .text-container .item-text {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #6b7c93;
}
@media only screen and (max-width: 1060px) {
    .about .global .places .item .text-container .item-text {
        font-size: 14px;
        text-align: center;
    }
}

.about .clients .container {
    padding-bottom: 215px;
}

.about .clients .q-link {
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #25a9ff;
    display: inline-block;
    margin-top: 45px;
}

.about .clients .q-link:hover {
    text-decoration: underline;
}
.anime_about {
    height: 100%;
    width: 100%;
    max-width: 52%;
    position: absolute;
    right: 0;
    bottom: -52%;
    -webkit-transform: skewY(12deg);
        -ms-transform: skewY(12deg);
            transform: skewY(12deg);
}
.f-bl-aboute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.f-bl-aboute .left-part {
    width: calc(100% - 237px);
    margin-right: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.f-bl-aboute .y {
    /* color: #ffffff;
    line-height: 1.5;
    font-weight: 500;
    font-size: 28px;
    text-transform: uppercase; */
    display: block;
    margin: 40px 0 0 0;
    width: 100%;
}
.f-bl-aboute .x {
    /* font-size: 18px;
    color: #ffffff; */
    margin: 0px 0 45px 0;
    display: block;
    width: 100%;
}
.f-bl-aboute .right-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 220px;
    position: relative;
    -webkit-transform-style: preserve-3d; 
    transform-style: preserve-3d;

}
.f-bl-aboute .right-part:before {
    content: '';
    width: 373px;
    height: 222px;
    background: -o-linear-gradient(
        172.17deg,
        rgba(106, 91, 198, 0.6) 44.58%,
        rgba(106, 91, 198, 0) 101.73%
    );
    background: linear-gradient(
        277.83deg,
        rgba(106, 91, 198, 0.6) 44.58%,
        rgba(106, 91, 198, 0) 101.73%
    );
    -webkit-filter: blur(100px);
            filter: blur(100px);
    position: absolute;
    left: -62%;
    pointer-events: none;
    -webkit-transform: translateZ(-1px);
    transform: translateZ(-1px);
}

.clients_list img,
.brend_list img {
    max-width: 57%;
    max-height: 60%;
}
.about .clients .clients-text br {
    display: none;
}
@media only screen and (max-width: 1650px) {
    .about_top {
        min-height: 540px;
    }
    .about .main {
        height: 750px;
    }
    .about .main .main-title {
        margin-top: 13%;
    }
    .about_gray_l,
    .about_gray_r,
    .l-bg_top,
    .l-bg_bottom,
    .r_bg_clients,
    .bg_command .l_bg {
        height: 110px;
    }
    .r-bg {
        height: 55px;
    }
    .bg_command .r_bg {
        height: 165px;
    }
    .about_gray_r {
        bottom: 7.5%;
    }
}

@media only screen and (max-width: 1440px) {
    .about .map {
        min-height: 300px;
    }
    .about .plq {
        width: calc(100% - 40px);
    }
    .about .global-bg {
        height: 765px;
    }
    .about .command {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1350px) {
    .bg_command .l_bg {
        display: none;
    }
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1024px) {
    #command-slider .item_image {
        height: 400px;
        width: 400px;
    }
    .about .command .command-slider .item .item-content img {
        width: auto;
    }
    .r_bg_clients {
        top: 60%;
    }
    .about .clients .container {
        padding-bottom: 100px !important;
    }
}

@media only screen and (max-width: 991px) {
    .places_cont .item-text br {
        display: none;
    }
    .about .main .main-title {
        margin-top: 80px;
    }
    .about_top {
        min-height: 505px;
    }
   .main-button {
        margin-top: 75px;
        width: 152px;
    }

    .about .main {
        height: 705px;
    }
    /* .about_text {
        font-size: 20px;
    } */
    .about .second .second-triple .item .text-container .item-text {
        line-height: 1.5;
    }
    .about .global .title {
        margin-top: 26%;
        /* font-size: 49px; */
        margin-bottom: 35px;
    }
    .about .global .places {
        -ms-grid-rows: auto 0 auto 0 auto 0 auto 0 auto 0 auto 0 auto 0 auto 0 auto 0 auto 0 auto;
            grid-template-areas:
            'i1'
            'i2'
            'i3'
            'i4'
            'i5'
            'i6'
            'i7'
            'i8'
            'i9'
            'i10'
            'i11';
        -ms-grid-columns: 0fr;
        grid-template-columns: 0fr;
        grid-row-gap: 0;
        grid-auto-rows: minmax(45px, auto);
        width: 51%;
        padding: 0 20px 0 0;
    }
    .places_city_box {
        width: 49%;
    }
    .places_city {
        width: 90%;
    }
    .about .global .places {
        border-right: none;
    }
    .about .global .places:before {
        content: '';
        height: 228px;
        width: 1px;
        background: #4c4c8c;
        position: absolute;
        left: 49%;
        top: 40px;
    }
    .about .global-bg {
        height: 816px;
        margin-top: 85px;
    }
    .about .map {
        min-height: 290px;
    }
    .about .plq img {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 265px;
                flex: 1 1 265px;
        max-width: 265px;
        position: static;
    }
    /* .about .plq .plq-text-container .plq-title {
        font-size: 26px;
        line-height: 0.71;
    } */
    .about .plq .plq-text-container .plq-text {
        margin-top: 0;
        /* font-size: 16px; */
        padding: 30px 30px 5px 0;
    }
    .about .plq {
        padding: 49px 40px 40px;
    }
    .about .clients .clients-title {
        margin-top: 20px;
    }
    .about .clients .clients-text {
        margin-top: 36px;
        margin-bottom: 65px;
    }
    .about .clients .clients-text2 {
        margin-top: 50px;
        margin-bottom: 80px;
    }
    .about .command {
        margin-top: 40px;
    }
    .about .clients {
        overflow: inherit !important;
    }
    .r_bg_2 {
        width: 29%;
    }
    .r_bg_clients {
        top: 60%;
        width: 245px;
        height: 92px;
    }
    .command-title_min {
        font-size: 30px;
        margin: 42px 0 0 0;
    }
    .command-title_min br {
        display: none;
    }
    .about .command .command-slider {
        margin-bottom: 80px;
    }
    .about .command .command-slider .item .item-content .text-container {
        padding-top: 10px;
    }
    .about .command .command-slider .content {
        height: 500px;
    }
    .f-bl-aboute .y {
        margin: 20px 0 0 0;
        padding-left: 53px;
    }
    .f-bl-aboute .x {
        padding-left: 50px;
    }
    .about .clients {
        padding-bottom: 55px;
    }
    .world {
        position: absolute;
        top: -100%;
        left: 10%;
        height: 200%;
    }
    #hybev2_hype_container {
        right: -145px;
    }

    .places_city.active {
        max-width: 46%;
        width: 51%;
        top: 30px;
    }
    .anime_about {
        max-width: 70%;
        right: 0%;
    }
    .wrapper_hidd {
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 768px) {
    .about_gray_r {
        bottom: 0.2%;
    }
    .about .map {
        min-height: 350px;
    }
    .second_images {
        margin: 65px auto 35px;
    }
    .about_text br {
        display: none;
    }
    .about .second .second-title {
        margin: 0 auto 60px;
    }
    .about .second .second-triple .item .text-container .item-title {
        font-size: 18px;
    }
    .text_title {
        display: inline-block;
        font-size: 24px;
        padding-left: 20%;
    }
}

@media only screen and (max-width: 767px) {
    .about .command {
        margin-top: 0;
    }
    .about_box_bl1,
    .about_box_bl2,
    .about_box_bl3 {
        display: none;
    }
    .about .main .main-title {
        margin-top: 50px;
        max-width: 95%;
    }
    .about_top {
        min-height: 395px;
    }
    .about .main {
        height: 512px;
    }
    /* .about_title {
        font-size: 20px;
        line-height: 1.6;
    } */
    .second_images {
        margin: 130px auto 21px;
        width: 60px;
        height: 60px;
    }
    .path_circ1 {
        zoom: 0.7;
    }
    .path_circ2 {
        zoom: 0.7;
    }
    .about .second .second-title {
        font-size: 20px;
        margin: 0 auto 65px;
    }
    .about .second .second-triple {
        display: block;
    }
    .about .second .second-triple .item {
        display: block;
        -webkit-box-flex: inherit;
            -ms-flex: inherit;
                flex: inherit;
        margin-bottom: 35px;
    }
    .about .second .second-triple .item .text-container .item-title {
        font-size: 18px;
    }
    .about .global-bg {
        margin-top: 95px;
        height: 650px;
    }
    .about .second .second-triple .item:last-child {
        margin-bottom: 0;
    }
    .about .global .title {
        margin-top: 138px;
        /* font-size: 30px; */
        margin-bottom: 24px;
    }
    .about .global .global-text {
       
        margin-bottom: 10px;
    }
    .places_cont:before {
        display: none;
    }
    .about .clients {
        margin-top: -171px;
    }
    .r_bg_clients {
        display: none;
    }
    .about .command {
        margin-top: 0px;
    }
    .about .command .command-title {
        font-size: 30px;
    }
    .command-title_min {
        font-size: 21px;
    }
    .about .plq {
        display: block;
    }
    .about .plq img {
        display: block;
        max-width: 369px;
        width: 100%;
        margin: 20px auto 0;
    }
    #hybev2_hype_container {
        right: -110px;
    }
    .about .clients {
        padding-top: 300px;
    }
    /* .about .clients .clients-title {
        font-size: 30px;
    } */
    /* .about .clients .clients-text2 {
        font-size: 21px;
    } */
    .about .clients .container {
        padding-bottom: 50px !important;
    }
}

@media only screen and (max-width: 639px) {
    .about .clients {
        padding-top: 230px;
    }
    .about_gray_l,
    .about_gray_r,
    .l-bg_top,
    .l-bg_bottom,
    .r_bg_clients,
    .bg_command .l_bg {
        height: 88px;
    }
    .r-bg {
        height: 44px;
    }
    .bg_command .r_bg {
        height: 132px;
    }
    .f-bl-aboute .right-part {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .about .global .places {
        width: 100%;
        display: block;
        padding: 0;
    }
    .about .global .places:before {
        display: none;
    }
    .places_city.is-active {
        position: static;
        max-width: 100%;
        width: 100%;
    }
    .places_item {
        display: block;
        height: auto;
        width: 100%;
        padding: 5px 20px;
    }
    .places_item.is-active,
    .places_item:hover {
        background: none;
        padding: 0;
    }
    .btn-sw-map-yandex {
        font-size: 16px;
        margin-top: 14px;
        margin-bottom: 20px;
    }
    .about .global .places .places_item {
        margin-bottom: 5px;
    }
    .places_cont .item-text {
        font-size: 16px;
    }
    .places_cont .item-title,
    .places_cont .item-text br {
        display: none;
    }
    .places_item.is-active .navigate_places,
    .places_item:hover .navigate_places {
        background: rgba(85, 85, 153, 0.4);
        padding: 5px 0 5px 20px;
    }
    .places_cont {
        padding-left: 20px;
    }
    .about .global {
        z-index: 8;
    }
    .about .command .command-slider .content {
        height: 340px;
    }
    .about .command .command-slider .item {
        width: 245px;
        height: 245px;
    }
    #command-slider .item_image {
        height: 245px;
    }
    .about .command .command-slider .item .item-content img {
        width: 80%;
    }
    .about
        .command
        .command-slider
        .item
        .item-content
        .text-container
        .item-title {
        font-size: 16px;
    }
    .about
        .command
        .command-slider
        .item
        .item-content
        .text-container
        .item-text {
        font-size: 14px;
    }
    .about .command .command-slider .item .item-content .text-container {
        opacity: 0;
    }
    .about .command .command-slider .item.c0 .item-content .text-container {
        opacity: 1;
    }
    /* .about .map {
        min-height: 395px;
    } */
    .f-bl-aboute .y {
        padding-left: 0;
    }
    .f-bl-aboute {
        display: block;
    }
    .f-bl-aboute .left-part {
        width: 100%;
        margin-right: 0;
    }
    .f-bl-aboute .x {
        padding-left: 0;
    }
}
@media only screen and (max-width: 580px) {
    .anime_about {
        display: none;
    }
    .main-button {
        margin-top: 35px;
        width: 145px;
    }
    .about_gray_l {
        width: 72%;
    }
    .about_box_bl4 {
        width: 22%;
    }
    .about_box_bl5 {
        left: 22%;
        width: 33%;
    }
    .about_box_bl6 {
        left: 0;
        width: 100%;
    }
    .second_images {
        margin: 65px auto 17px;
    }
    .about .second .second-triple .item .text-container .item-text {
        line-height: 1.55;
        margin-top: 21px;
    }
    .l-bg {
        width: 73%;
    }
    .l-bg .l-bg1 {
        width: 41%;
    }
    .l-bg .l-bg2 {
        width: 41%;
        right: 39%;
    }
    .l-bg .l-bg3 {
        width: 20%;
    }
    .about .plq-wrapper {
        bottom: 80px;
    }
    /* .about .clients {
        padding-top: 90px;
    } */
    .l-bg .l-bg4 {
        width: 33%;
        left: 20%;
    }
    .l-bg .l-bg5 {
        width: 100%;
        left: 0;
    }
    .text_title {
        font-size: 21px;
        padding-left: 0;
    }
    .bg_command .r_bg {
        bottom: 15%;
        width: 80%;
    }
    .bg_command .r_bg_1 {
        left: 0;
        width: 36%;
    }
    .bg_command .r_bg_2 {
        display: none;
    }
    .bg_command .r_bg_3 {
        width: 30%;
        left: 0;
    }
    .bg_command .r_bg_4 {
        width: 66%;
    }
    .about .map {
        min-height: 450px;
    }
}
@media only screen and (max-width: 480px) {
    .about .clients {
        margin-top: -355px;
        padding-top: 315px;
    }
    .l-bg_bottom {
        bottom: 0;
        width: 250px;
    }
    .world {
        top: -85%;
    }
    #hybev2_hype_container {
        right: 0;
    }
    .about .global-bg {
        height: 710px;
    }
    /* .about .map {
        min-height: 535px;
    } */
    /* .about .plq .plq-text-container .plq-title {
        font-size: 20px;
    } */
    .about .plq .plq-text-container .plq-text {
        margin-top: 30px;
        padding: 0 30px 0 0;
        /* line-height: 1.5;
        font-size: 16px; */
    }

    .about .plq {
        padding: 45px 22px 40px;
    }
    .about .plq img {
        margin: 30px 0 0 0;
    }

    /* .about .clients .clients-title {
        font-size: 30px;
    } */
    .about .clients .clients-text br {
        display: block;
    }
    span.orang_text {
        font-size: 21px;
    }
    .about .clients .clients-text {
        margin-top: 36px;
        margin-bottom: 40px;
    }
    .about .clients .clients-text2 {
        margin-top: 28px;
        margin-bottom: 30px;
    }
    .r-bg {
        display: none;
    }
    .command-title_min {
        margin: 35px 0 0 0;
    }
    .about .command .command-slider {
        margin-top: 10px;
    }
    .f-bl-aboute .y {
        margin: 10px 0 0 0;
    }
    .f-bl-aboute .left-part br {
        display: none;
    }
    .f-bl-aboute .x {
        margin: 5px 0 25px 0;
    }
}

@media only screen and (max-width: 320px) {
    .l-bg_bottom {
        bottom: 0;
        width: 250px;
    }
}

/*start of bg global*/
.espace {
    height: 300px;
}
.about .third .plq {
    width: 100%;
    max-width: 1105px;
    margin: 0 auto;
    background-color: #f5be58;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 60px 60px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/*end of bg dlobal*/

.about .command .command-slider .item .item-content:hover .text-container {
    bottom: 0;
    opacity: 1;
}

.about .command .command-slider .item.c0 .item-content {
    opacity: 1;
    -webkit-transform: scale(0.95, 0.95);
        -ms-transform: scale(0.95, 0.95);
            transform: scale(0.95, 0.95);
}

.about .command .command-slider .item.c1 .item-content {
    opacity: 0.8;
    -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
}
.about .command .command-slider .item.c2 .item-content {
    opacity: 0.6;
    -webkit-transform: scale(0.6, 0.6);
        -ms-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
}

.about .conf {
    background-color: #404378;
    padding-top: 10px;
    padding-bottom: 10px;
}
.about .conf .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.about .conf .container .left-part {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 210px;
            flex: 0 0 210px;
    font-size: 30px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
}
.about .conf .container .right-part {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-left: 60px;
    padding-right: 100px;
}
.about .conf .container .right-part .conf-title {
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}
/* .about .conf .container .right-part .button {
    display: inline-block;
    font-weight: 400;
    margin-top: 30px;
    padding: 0 13px;
} */

.about .press-wrapper .press-title {
    font-size: 40px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #32325d;
    margin-top: 28px;
}

.about .cv-popup-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: rgba(128, 128, 128, 0.3);
    display: none;
}
.about .cv-popup-wrapper.complete .content {
    display: none;
}
.about .cv-popup-wrapper.complete .complete-content {
    display: block;
}
.about .cv-popup-wrapper.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
}
.about .cv-popup-wrapper .content {
    width: 100%;
    max-width: 583px;
    border-radius: 8px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 4px 30px 0 rgba(111, 190, 236, 0.46);
            box-shadow: 0 4px 30px 0 rgba(111, 190, 236, 0.46);
    padding: 50px 35px 45px 47px;
    position: relative;
}
@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
.about .cv-popup-wrapper .content.load::before,
.about .cv-popup-wrapper .content.load::after {
    display: block;
}
.about .cv-popup-wrapper .content::after {
    content: '';
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid grey;
    border-left-color: transparent;
    position: absolute;
    z-index: 10;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    -webkit-animation: rotate 1s linear infinite;
            animation: rotate 1s linear infinite;
}
.about .cv-popup-wrapper .content::before {
    content: '';
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    background-color: rgba(128, 128, 128, 0.3);
}
@media only screen and (max-width: 767px) {
    .about .cv-popup-wrapper .content {
        padding: 50px 20px;
        max-height: 100vh;
        overflow-y: auto;
    }
}
.about .cv-popup-wrapper .content .field {
    margin-bottom: 10px;
}

.about .cv-popup-wrapper .content .field label{
    font-weight: 600;
    color: #424770;
}

.about .cv-popup-wrapper .content .field input.invalid-value{
    border-color: red;
    outline-color: red;
}

.about .cv-popup-wrapper .content .full {
    width: 100%;
}
.about .cv-popup-wrapper .content .half-form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
}
@media only screen and (max-width: 768px) {
    .about .cv-popup-wrapper .content .half-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: initial;
            -ms-flex-align: initial;
                align-items: initial;
    }
}
.about .cv-popup-wrapper .content .half-form .field {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 10px);
            flex: 0 1 calc(50% - 10px);
}
@media only screen and (max-width: 768px) {
    .about .cv-popup-wrapper .content .half-form .field {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
    }
}
.about .cv-popup-wrapper .content .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.about .cv-popup-wrapper .content .right.loaded label {
    display: none;
}
.about .cv-popup-wrapper .content .right.loaded .docs {
    display: block;
}
.about .cv-popup-wrapper .content .right .docs {
    display: none;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #393E63;
}
@media only screen and (max-width: 768px) {
    .about .cv-popup-wrapper .content .right .docs {
        font-size: 7px;
    }
}
.about .cv-popup-wrapper .content .right label {
    -webkit-appearance: none;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #393E63;
    cursor: pointer;
}
.about .cv-popup-wrapper .content .right label:hover {
    text-decoration: underline;
}
.about .cv-popup-wrapper .content .right label svg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.about .cv-popup-wrapper .content .right input[type='file'] {
    display: none;
}
.about .cv-popup-wrapper .content label {
    display: block;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #6b7c93;
}
@media only screen and (max-width: 768px) {
    .about .cv-popup-wrapper .content label {
        font-size: 14px;
    }
}
.about .cv-popup-wrapper .content input[type='text'],
.about .cv-popup-wrapper .content input[type='email'],
.about .cv-popup-wrapper .content input[type='tel'],
.about .cv-popup-wrapper .content textarea {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    border: solid 1px #d8d8d8;
    padding: 5px 10px;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #32325d;
}
.about .cv-popup-wrapper .content input[type='text']:active,
.about .cv-popup-wrapper .content input[type='email']:active,
.about .cv-popup-wrapper .content input[type='tel']:active,
.about .cv-popup-wrapper .content textarea:active {
    border-color: #25a9ff;
}
.about .cv-popup-wrapper .content input[type='submit'] {
    display: inline-block;
}
.about .cv-popup-wrapper .content textarea {
    height: initial;
    resize: none;
}
.about .cv-popup-wrapper .complete-content {
    display: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-width: 583px;
    border-radius: 8px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 4px 30px 0 rgba(111, 190, 236, 0.46);
            box-shadow: 0 4px 30px 0 rgba(111, 190, 236, 0.46);
    padding: 50px 35px 45px 47px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.about .cv-popup-wrapper .complete-content img {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 104px;
            flex: 1 1 104px;
    height: 100px;
}
@media only screen and (max-width: 768px) {
    .about .cv-popup-wrapper .complete-content img {
        display: none;
    }
}
.about .cv-popup-wrapper .complete-content .text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #6b7c93;
    margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
    .about .cv-popup-wrapper .complete-content .text {
        text-align: center;
    }
    .cv-popup-title {
        text-align: center;
    }
}
.about .cv-popup-wrapper .content .close,
.about .cv-popup-wrapper .complete-content .close {
    position: absolute;
    top: 13px;
    right: 13px;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    line-height: 26px;
    border: 2px solid #CDCDD8;
    text-align: center;
    cursor: pointer;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNzUgMTMuNzkxNkg0LjI0NjI2TDguNTY1MTcgOC42NzAxMkwxMi44ODQxIDEzLjc5MTZIMTYuNzkxN0wxMC45MDQ2IDYuOTk5NjdMMTYuMzI4OSAwLjY2NjYyNkgxMi44MDdMOC45MjUwOCA1LjMyOTIxTDUuMDE3NDkgMC42NjY2MjZIMS4xNjEzMkw2LjY2Mjc5IDcuMDU0NzRMMC43NSAxMy43OTE2WiIgZmlsbD0iI0NEQ0REOCIvPgo8L3N2Zz4K");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}
@media only screen and (max-width: 768px) {
    .about .cv-popup-wrapper .content .close,
    .about .cv-popup-wrapper .complete-content .close {
        width: 18px;
        height: 18px;
        line-height: 3px;
        top: 15px;
        right: 20px;
        border-width: 1px;
        background-size: 10px;
    }
}
.about .cv-popup-wrapper .content .close i,
.about .cv-popup-wrapper .complete-content .close i {
    font-size: 20px;
    color: #8898aa;
}
@media only screen and (max-width: 768px) {
    .about .cv-popup-wrapper .content .close i,
    .about .cv-popup-wrapper .complete-content .close i {
        font-size: 11px;
    }
}
.cv-popup-title {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 500;
    color: #424770;
}
.cv-popup-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.cv-popup-privacy {
    font-size: 13px;
    color: #898993;
    text-align: right;
}

.cv-popup-privacy a{
    color: #4A4BCE;
}
@media only screen and (max-width: 768px) {
    .cv-popup-title {
        font-size: 24px;
    }
}
.places_img svg {
    fill: none;
}
/* End */
/* /about/styles/about.css?175092990263617 */