/* Start:/local/templates/port_2021/components/bitrix/news/company_2022/bitrix/news.list/.default/style.css?174132689126798*/

.company_banner {
    background: url('/local/templates/port_2021/images/Rectangle 20322.jpg');
}

.company_item {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background-color: #ffffff;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.company_item .item_image, .company_item .item_image img {
    max-width: 100%;
}

.company_item .item_data {
    padding: 20px 24px;
}

.company_item .item_name {
    color: #1e1e1e;
    font-size: 21px;
    margin: 0 0 15px;
    font-weight: 400;
}

.company_item .item_text {
    color: #383838;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

.company_item .menu_in_text {
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
}

.company_item .menu_in_text a {
    color: #3246FD;
    line-height: 1;
    text-decoration: none;
}

.company_item:nth-child(2),
.company_item:nth-child(3) {
    width: calc(50% - 10px);
    float: left;
}

.company_item:nth-child(3) {
    float: right;
}

.company_item:nth-child(4) {
    clear: both;
}

.company_item .button {
    display: inline-block;
    padding: 13px 18px;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 23px;
    background-color: transparent;
    min-width: 170px;
    text-align: center;

    letter-spacing: 0.21px;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

    color: #3246FD;
    border: 2px solid #3246FD;
}

.company_item .button:hover {
    background-color: #3246FD;
    color: #fff;
}

.company_item .link {
    text-align: right;
}

.company_item .link .button {
    margin: 10px 0 0px;
}

.about_cont_str {
    padding-top: 20px;
}


.about_history_bg {
    background: url(/local/templates/port_2021/components/bitrix/news/company_2022/bitrix/news.list/.default/images/about_history.png), #3246FD;
}

.about_block_klient {
    background: url(/local/templates/port_2021/images/Rectangle_2267.jpg)
}

.company_banner {
    height: 558px;
    padding: 194px 890px 0 210px;
    font-family: 'Geometria';
    font-style: normal;
    color: #FFFFFF;
}

.banner_text_up h1 {
    font-weight: 700;
    font-size: 75px;
    line-height: 120%;
    color: white;
}

.banner_text_down {
    font-weight: 500;
    font-size: 26px;
    line-height: 145%;
}

.company_numbers {
    margin: 0 auto;
    width: calc(100% - 129px);
    gap: calc(39% - 366px);
    max-width: 1500px;
    padding-top: 120px;
}

.about_poisk_port_shop_img {
    width: 320px;
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
}

.about_poisk_port_shop_img img {
    height: 100%;
    /*width: 100%;*/
    border-radius: 10px;
}

.about_btn {
    cursor: pointer;
    text-align: center;
}

.new-review__send-btn {
    cursor: pointer;
}

.about_service_centr_btn {
    cursor: pointer;
}

.about_centr_support_right_btn {
    cursor: pointer;
}

.about_centr_support_right_btn:hover {
    background: #041dfc;
}

.about_btn:hover {
    background: #041dfc;
}

.new-review__send-btn:hover {
    background: #041dfc;
}

.about_white_btn:hover {
    color: #041dfc;
    background: #FFFFFF;
}

.numbers_number {
    font-family: 'Geometria';
    font-style: normal;
    font-weight: 700;
    font-size: 70px;
    line-height: 101.8%;
    color: #3246FD;
    position: absolute;
    z-index: 3;

}

.numbers_text {
    font-family: 'Geometria';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 156%;
    color: #787878;
    width: 220px;
    padding-top: 75px;


}

.company_numbers {
    display: flex;
}

.about_number_block_back_back {
    background: #FFFFFF;
    border-radius: 18.0579px;
    width: 84px;
    height: 84px;
    position: absolute;
    z-index: 0;
    transform: translate(-47px, -9px)
}

.about_company {
    background: #ffffff;
}

.about_company_bg {
    background: #f3f7f9;
}

.number_block_border_one {
    position: relative;
}

.about_number_block_back {
    display: flex;
}

.about_number_block_back_border {
    background: #f3f7f9;
    border-radius: 18.0579px;
    width: 84px;
    height: 84px;
    position: absolute;
    z-index: 1;
    transform: translate(-20px, -9px) rotate(30deg);
}

.about_choice_port {
    display: flex;
    padding-top: 45px;
}

.choice_port_left {
    width: 49.5%;
}

.choice_port_right_block {
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 20px;
    max-width: 768px;
}

.choice_port_right_block_name {
    font-weight: 500;
    font-size: 26px;
    line-height: 120%;
    color: #000000;
}

.choice_port_right_block_comment {
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    color: #787878;
}

.choice_port_right_block {
    padding: 40px 40px 45px 40px;
}

.choice_port_right {
    width: calc(57% - 163px);
    max-width: 761px;
}

.choice_port_right_block_name {
    padding-bottom: 15px;
}

.choice_port_left_name {
    position: absolute;
    font-family: 'Geometria';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    z-index: 0;
    padding-left: calc(26% - 298px);
}

.choice_port_left_name_blue {
    color: #3246FD;
}

.choice_square_1 {
    position: absolute;
    background: #FFFFFF;
    z-index: 1;
    width: 611px;
    height: 611px;
    transform: translate(-130px, 167px) rotate(30deg);
}

.choice_square_2 {
    position: absolute;
    background: #f3f7f9;
    width: 420px;
    height: 420px;
    transform: translate(-35px, 260px) rotate(30deg);
    z-index: 2;
}

.choice_square_3 {
    position: absolute;
    background: #FFFFFF;
    transform: translate(82px, 288px) rotate(30deg);
    z-index: 3;
    width: 110px;
    height: 110px;
}

.choice_square_4 {
    position: absolute;
    background: #FFFFFF;
    transform: translate(254px, 383px) rotate(30deg);
    z-index: 3;
    width: 110px;
    height: 110px;
}

.choice_square_5 {
    position: absolute;
    background: #FFFFFF;
    transform: translate(-30px, 500px) rotate(30deg);
    z-index: 3;
    width: 310px;
    height: 110px;
}

.choice_circle_1 {
    background: #FFFFFF;
    transform: translate(254px, -53px) rotate(30deg);
    width: 277px;
    height: 277px;
    border-radius: 150px;
    z-index: 3;
}

.choice_circle_2 {
    background: #f3f7f9;
    transform: translate(351px, -231px) rotate(30deg);
    width: 90px;
    height: 90px;
    border-radius: 80px;
    z-index: 4;
}

.about_we_this {
    position: relative;
    margin: 0 auto;
    max-width: 1500px;
    padding-bottom: 100px;
}

.about_we_this_title {
    font-family: 'Geometria';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 130%;
    color: #3246FD;
    padding-bottom: 60px;
}

.about_we_this_block {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.about_we_this_block_type_1 {
    width: 37.4%;
    height: 430px;
    border-radius: 20px;
    overflow: hidden;
}

.about_we_this_block_type_2 {
    width: 59.9%;
    height: 430px;
    border-radius: 20px;
}

.about_we_this_block_name {
    padding: 60px 0 20px 60px;
    font-weight: 700;
    font-size: 70px;
    line-height: 100%;
    color: #FFFFFF;
}

.about_we_this_block_type_2_button {
    background: rgba(255, 255, 255, 0.3);
    border: 2px solid #FFFFFF;
    backdrop-filter: blur(16px);
    border-radius: 30px;
    padding: 10px 20px;
    color: #FFFFFF;
    width: 90px;
    margin: 0 0 0 682px;
    cursor: pointer;
}

.about_we_this_block_type_1_button {
    background: rgba(255, 255, 255, 0.3);
    border: 2px solid #FFFFFF;
    backdrop-filter: blur(16px);
    border-radius: 30px;
    padding: 10px 20px;
    color: #FFFFFF;
    width: 90px;
    margin: 1px 0 0 1px;
    cursor: pointer;
}

.about_carear, .background_sertif {
    background: rgba(0, 0, 0, 0.3);
}

.about_we_this_block_type_2_button:hover, .about_service_centr_btn:hover, .about_we_this_block_type_1_button:hover {
    background: rgba(255, 255, 255, 0.6) !important;
}

.about_carear:hover, .background_sertif:hover {
    background: rgba(0, 0, 0, 0.6) !important;
}

.about_choice_port {
    background: url(/local/templates/port_2021/images/about_choise.svg) 0px -137px no-repeat
}

.about_we_this_block_type_2_description {
    font-weight: 700;
    font-size: 26px;
    line-height: 145%;
    color: #FFFFFF;
    padding: 0 180px 0 60px;
    height: 190px;
}

.about_we_this_block_type_1_description {
    padding: 0 60px 0 60px;
    font-weight: 700;
    font-size: 26px;
    line-height: 145%;
    color: #FFFFFF;
}

.about_we_this_block_type_1_button {
    margin: 46px 0 0 350px
}

.no_coment {
    margin: 119px 0 0 350px
}

.catalog_block_down {
    display: flex;
    padding-top: 99px;
    padding-bottom: 129px;
    max-width: 1500px;
    margin: 0 auto;
    width: calc(100% - 20px);
    position: relative;
}

.block_down_left {
    width: 52%;
    padding-right: 30px;
    background: url("/local/templates/port_2021/images/icons/Vector235.svg");
    background-repeat: no-repeat;
    background-position: 233px 56px;

}

.block_down_name {
    font-family: 'Geometria';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 112.5%;
    color: #000000;
    padding-bottom: 49px;
    width: 575px;
}

.block_down_name label {
    color: #3246FD;

}

.category_name {
    font-family: 'Geometria';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    flex: none;
    padding: 20px 30px;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 30px;
    margin-right: 5px;
    margin-top: 10px;
}

a.category_name {
    background: #F2F2F2;
    color: #3F3F3F;
    text-decoration: none;
    border-color: white;
}

.category_name_hover {
    color: #ffffff;
    text-decoration: none;
}

.category_name_hover:hover {
    background: #041dfc !important;
}

.category_name a:hover {

    color: #ffffff !important;

    border-color: white;
}

.block_down_category {
    display: flex;
    flex-wrap: wrap;
    width: 85%;

}

.block_right {
    display: flex;
    padding-bottom: 80px;
}

.block_logo {
    border-radius: 10px;
    height: 80px;
    width: 80px;
    padding-bottom: 1px;
    transform: translate(0px, -13px);
}

.block_text_name {
    font-weight: 500;
    font-size: 26px;
    line-height: 120%;
    color: #000000;
    padding-bottom: 10px;
}

.block_text_coment {
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    color: #787878;
}

.block_down_right {
    width: 46%;
}

.block_text {
    padding-left: 58px;
}

.logo_fon {
    background: #ffffff;
    border-radius: 10px;
    transform: rotate(20deg) translate(11px, -12px);
    width: 80px;
    height: 80px;

}

.logo_fon img {
    transform: rotate(-20deg) translate(16px, 22px)
}

.about_block_description {
    background: #ffffff;
    padding: 50px 0 0 0;
}

.about_we_this_image {
    width: 250px;
    height: 250px;
    border-radius: 280px;
    position: relative;
    border: 130px solid #FFFFFF;
    transform: translate(279px, -97px);
}

.about_we_this_image1 {
    width: 103px;
    height: 118px;
    background: #FFFFFF;
    transform: translate(65px, -419px);
}

.no_coment_img {
    margin: 80px 0 0 -54px;
}


.about_poisk_port_shop_city {
    width: 360px;
}

.about_poisk_port_shop_img img {
    position: relative;
    margin: 0 auto;
}

.adaptive_block_category {
    display: none;
}

.about_service_centr_request {
    display: flex;
}

.about_centr_support {
    background: #FFFFFF;
    padding: 150px 0 160px 0;
    position: relative;
    margin: 0 auto;
    max-width: 1500px;
}

.about_centr_support_text {
    display: flex;
}

.about_centr_support_text_left {
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    color: #000000;
    width: 584px;
    padding-right: 12%;

}

.about_centr_support_text_left label {
    color: #3246FD;
}

.about_centr_support_text_right {
    width: 647px;
}

.about_centr_support_right_text {
    font-weight: 500;
    font-size: 24px;
    line-height: 152%;
    color: #000000;
}

.about_centr_support_right_text label {
    color: #3246FD;
}

.about_centr_support_right_btn {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 18px 30px;
    background: #3246FD;
    border-radius: 5px;
    width: 235px;
    margin-top: 54px;
}

.company_callback {
    width: 49%;
}

.about_poisk_port_shop_block {
    display: flex;
    gap: 20px;
    padding: 0 80px 60px 80px;
}

.about_poisk_port_shop {
    background: #F9F9F9;
    padding-bottom: 110px;
}

.about_poisk_port_shop_title {
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    text-align: right;
    color: #000000;
    padding: 110px 0 60px 0;
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
}

.about_poisk_port_shop_back {
    background: #FFFFFF;
    border-radius: 10px;
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
    width: 100%;
}

.about_poisk_port_block_text {
    font-weight: 500;
    font-size: 26px;
    line-height: 152%;
    color: #000000;
    padding: 60px 0 40px 80px;
}

.about_poisk_port_block_text label {
    color: #3246FD;
}

.about_poisk_port_shop_adress, .about_poisk_port_shop_phone, .about_poisk_port_shop_time {
    font-weight: 500;
    font-size: 18px;
    line-height: 152%;
    color: #787878;
    padding-bottom: 15px;
    width: 97%;

}

.about_poisk_port_shop_phone {
    cursor: pointer;
}

.about_poisk_port_shop_name {
    font-weight: 500;
    font-size: 18px;
    line-height: 152%;
    color: #000000;
    margin: 20px 0;
}

.about_poisk_port_shop_adress img, .about_poisk_port_shop_phone img {
    padding-right: 20px;
}

.about_poisk_port_shop_time {
    padding-left: 40px;
}

.about_company_coop {
    background: #F3F7F9;
    padding: 210px 0 0 0;

}

.abotu_corp_block {
    padding-top: 200px;
}

.abotu_corp_block {
    max-width: 1500px;
    position: relative;
    margin: 0 auto;
    display: flex;

}

.about_company_coop_img {
    background: #FFFFFF;
    width: 235px;
    height: 120px;
    position: relative;
    border-radius: 10px;
}

.about_company_logo {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.about_company_coop {
    display: flex;
}

.about_company_coop_text {
    font-weight: 700;
    font-size: 63px;
    line-height: 120%;
    color: #000000;
    width: 102%;
}

.about_company_coop_text label {
    color: #3246FD;
}

.about_company_coop_img img {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%
}

.about_centr_support_text_left {
    background: url(/local/templates/port_2021/images/about_group2032.svg) 424px 110px no-repeat
}

@media (max-width: 1600px) {
    .company_banner {
        padding: 194px 39% 0 210px
    }
}

@media (max-width: 1500px) {
    .about_poisk_port_shop_block {
        flex-wrap: wrap;
        gap: 190px;
    }

    .about_poisk_port_shop_city {
        width: calc(100% / 2 - 100px);
    }

    .about_we_this {
        max-width: 1000px;
    }

    .about_image_com {
        background-position: -266px 0 !important;
    }

    .company_numbers_block {
        padding-bottom: 50px;
    }

    .about_history_bg {
        background: url(/local/templates/port_2021/components/bitrix/news/company_2022/bitrix/news.list/.default/images/about_history_small.png) 0px 120px no-repeat, #3246FD;

    }

    .about_we_this_block_type_1_button {
        margin: 61px 0 0 208px;
    }

    .no_coment {
        margin: 174px 0 0 197px;
    }

    .about_cont {
        margin: 0px 0 0 208px;
    }

    .about_we_this_block_type_2 {
        width: 58.5%;
    }

    .about_we_this_block_type_2_button {
        margin: 38px 0 0 413px;
    }

    .about_we_this_block_name {
        font-size: 54px
    }

    .about_we_this_block_type_1_description, .about_we_this_block_type_2_description {
        font-size: 26px;
    }

    .about_we_this_image1 {
        width: 74px;
        height: 101px;
        background: #FFFFFF;
        transform: translate(53px, -154px);
    }

    .about_we_this_image {
        width: 170px;
        height: 170px;
        border: 70px solid #FFFFFF;
        transform: translate(183px, 25px);
    }

    .no_coment_img {
        margin: 85px 0 0 -54px;
    }

    .about_we_this_block_type_1_description {
        padding: 0 40px 0 40px;
    }

    .about_we_this_block_name {
        padding: 45px 0 20px 40px;
    }


    .about_we_this_block_type_2_description {
        padding: 0 190px 0 40px;
    }

    .about_carear {
        margin: 85px 0 0 -54px;
    }

    .catalog_block_down {
        max-width: 1000px;
    }

    .block_down_name {
        width: 100%;
    }

    .desctop_block_category {
        display: none;
    }

    .adaptive_block_category {
        display: flex;
        max-width: 1000px;
        margin: 0 auto;
    }

    .catalog_block_down {
        padding-bottom: 0;
    }

    .block_down_left {
        background-position: -6px 124px;
    }

    .choice_port_right {
        width: calc(57% - 163px);
        max-width: 504px;
    }

    .choice_port_left_name {
        padding-left: calc(37% - 298px);
        width: 22%;
    }

    .company_numbers {
        max-width: 1000px;
        flex-wrap: wrap;
        gap: 56%
    }

    .about_centr_support, .about_poisk_port_shop_title, .about_poisk_port_shop_back {
        max-width: 1000px;
    }

    .about_centr_support_text_left {
        background: url(/local/templates/port_2021/images/about_group2032.png) 332px 341px no-repeat;
        width: 50%;
        padding-right: 6%;
    }

    .about_poisk_port_block_text {
        padding: 60px 40px 40px 80px;
    }

    .about_poisk_port_shop_img img {
        width: 100%;
    }

    .abotu_corp_block {
        max-width: 1000px;
    }

    .about_company_coop_right, .about_company_coop_text {
        width: 50%;
    }

    .abotu_corp_block {
        padding-top: 0;
    }


}

@media (max-width: 1146px) {
    .company_banner {
        padding: 172px 33% 0 120px;
    }

    .company_numbers {
        max-width: 850px;
        gap: 48%;
    }

    .company_numbers_block {
        padding-bottom: 50px;
    }

    .choice_port_left {
        width: 51.5%;
    }

    .about_choice_port {
        background: none;
    }
}

@media (max-width: 1027px) {
    .about_poisk_port_shop_city {
        width: 100%;
    }

    .banner_text_up h1 {
        font-size: 40px;
    }

    .about_centr_support_repair .container {
        width: 100%;
    }

    .banner_text_down {
        font-size: 16px;
    }

    .company_banner {
        background-position: -408px 0;
    }

    .numbers_text {
        font-size: 14px;
    }

    .numbers_number {
        font-size: 42px;
        height: 50px;
        width: 50px;
    }

    .about_number_block_back_border {
        width: 50px;
        height: 50px;
        transform: translate(-9px, -7px) rotate(30deg);
    }

    .about_number_block_back_back {
        width: 50px;
        height: 50px;
        transform: translate(-22px, -9px);
    }

    .choice_port_left_name {
        font-size: 36px;
    }

    .choice_port_right_block_name {
        font-size: 18px;
    }

    .choice_port_right_block_comment {
        font-size: 14px;
    }

    .about_we_this_title {
        font-size: 36px;
    }

    .about_we_this_block_name {
        font-size: 34px;
    }

    .about_we_this_block_type_2_description, .about_we_this_block_type_1_description {
        font-size: 18px;
    }

    .about_we_this_block_type_1_button, .about_we_this_block_type_2_button {
        font-size: 14px;
    }

    .about_we_this_block_type_1, .about_we_this_block_type_2 {
        width: 280px;
        height: 300px;
        padding: 30px 0 0 20px;
    }

    .about_we_this_block_type_2_description, .about_we_this_block_type_1_description {
        padding: 0;
    }

    .about_we_this_block_name {
        padding: 0px 0 20px 0px;
    }

    .about_we_this_block_type_1_button {
        margin: 80px 0 0 118px;
    }

    .no_coment {
        margin: 173px 0 0 118px
    }

    .about_cont {
        margin: 71px 0 0 118px;
    }

    .about_we_this_block_type_2_button {
        margin: -16px 0 0 120px;
    }

    .about_image_com {
        background: url(/local/templates/port_2021/images/Rectangle_2239.png) -400px 0px no-repeat !important;
    }

    .about_block_klient {
        background-position: -310px 0px;
    }

    .about_we_this_image1 {
        transform: translate(18px, -178px);
    }

    .about_we_this_image {
        transform: translate(112px, 25px);
    }

    .about_carear {
        margin: 39px 0 0 -57px;
    }

    .about_history_bg {
        background-size: 305px;
        background-position: -8px 80px;
    }

    .block_down_name {
        font-size: 36px;
    }

    .block_text_name {
        font-size: 18px;
    }

    .block_text_coment {
        font-size: 14px;
    }

    .block_logo svg {
        width: 70px !important;
    }

    .block_logo {
        transform: translate(0px, -28px);
    }

    .block_text {
        padding-left: 15px;
    }

    .logo_fon {
        height: 50px;
        width: 50px;
    }

    .logo_fon img {
        width: 70%;
        transform: rotate(-20deg) translate(5px, 15px)
    }

    .category_name {
        font-size: 14px;
    }

    .about_we_this {
        max-width: 641px
    }

    .company_numbers {
        max-width: 641px;
        gap: 31%
    }

    .about_choice_port {
        max-width: 641px;
        position: relative;
        margin: 0 auto;
    }

    .choice_port_left_name {
        padding-left: 0;
    }

    .choice_port_left {
        padding-right: 145px;
    }

    .choice_port_right {
        max-width: auto;
        width: auto;
    }

    .catalog_block_down, .about_poisk_port_shop_back, .about_centr_support, .about_poisk_port_shop_title {
        max-width: 641px;
    }

    .about_poisk_port_shop_block {
        flex-wrap: wrap;
    }

    .about_poisk_port_shop_city {
        width: 100%;
        /*max-width: 230px ;*/
    }

    .about_centr_support {
        padding: 50px 0 57px 0;
    }

    .about_poisk_port_shop_title {
        font-size: 36px;
    }

    .about_poisk_port_block_text {
        font-size: 18px;
    }

    .about_poisk_port_shop_name, .about_poisk_port_shop_adress, .about_poisk_port_shop_phone, .about_poisk_port_shop_time {
        font-size: 14px;
    }

    .about_centr_support_text_left {
        font-size: 36px;
    }

    .about_centr_support_text_right {
        width: 50%;
    }

    .about_centr_support_right_text {
        padding-top: 20px;
        font-size: 18px;
    }

    .block_down_left {
        background-position: 1px 73px;
        background-size: 211px;
    }

    .block_down_left {
        width: 45%;
    }

    .adaptive_block_category, .abotu_corp_block {
        max-width: 641px;
    }

    .about_company_coop_text {
        font-size: 36px;
    }

    .about_company_coop_img {
        width: 152px;
        height: 83px;
    }

    .about_company_coop_img img {
        width: 62%;
    }

}

@media (max-width: 784px) {
    .company_numbers {
        gap: calc(28% - 50px);
    }
}

@media (max-width: 758px) {
    .about_poisk_port_shop_img {
        width: 240px;
        height: 225px;
    }
}

@media (max-width: 688px) {
    .company_banner {
        background-position: -819px 0;
    }

    .company_numbers {
        max-width: 220px;
    }

    .about_choice_port {
        display: block;
    }

    .about_we_this_block {
        display: block;
    }

    .catalog_block_down {
        display: block;
    }

    .about_number_block_back {
        position: relative;
        max-width: 26px;
        margin: 0 auto;
    }

    .numbers_text {
        text-align: center;
    }

    .about_numb_adap {
        padding-right: 67px;
    }

    .company_numbers_block {
        padding-bottom: 45px;
    }

    .about_choice_port, .about_poisk_port_shop_title, .about_poisk_port_shop_back, .about_centr_support, .about_we_this, .catalog_block_down, .adaptive_block_category {
        max-width: 277px;
    }

    .about_centr_support_text_left, .about_centr_support_text_right {
        width: 100%;
    }

    .about_centr_support_text {
        display: block;
    }

    .choice_port_left_name {
        padding-bottom: 200px;
    }

    .choice_port_left {
        padding-bottom: 169px
    }

    .about_we_this_block_type_1, .about_we_this_block_type_2 {
        margin-bottom: 20px
    }

    .about_we_this_title {
        padding-top: 100px;
        padding-bottom: 30px;
    }

    .about_we_this {
        padding-bottom: 20px;
    }

    .catalog_block_down {
        padding-top: 20px;
    }

    .about_poisk_port_block_text {
        padding: 30px 20px 20px 20px;
    }

    .about_poisk_port_shop_block {
        padding: 0 20px 20px 20px;
        gap: 0;
    }

    .about_poisk_port_shop_city {
        padding-bottom: 20px;
        max-width: 300px;
    }

    .block_down_left {
        width: auto;
        padding: 0;
    }

    .about_centr_support_right_btn {
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }

    .category_name, .block_down_right {
        width: 100%;
    }

    .category_name {
        padding: 20px 0;
        text-align: center
    }

    .abotu_corp_block {
        display: block;
    }

    .abotu_corp_block {
        max-width: 277px;
    }

    .about_company_coop_text, .about_company_coop_right {
        width: 100%;
    }

    .about_company_coop_img {
        width: 130px;
        height: 76px;
    }

    .about_clients {
        width: 100% !important;
        padding: 20px 0 !important;
    }

    .about_company_coop_text {
        padding-bottom: 30px;
    }

    .about_company_coop {
        padding: 25px 0 0 0;
    }
}

@media (max-width: 444px) {
    .company_banner {
        background-position: -534px 0;
        background-size: 1223px;
        padding: 111px 24% 0 21px;
        height: 367px;
    }

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

@media (max-width: 378px) {
    .company_banner {
        padding: 111px 6% 0 21px;
    }

    .about_we_this_block_type_1, .about_we_this_block_type_2 {
        padding: 0;
    }

    .about_we_this_block_name {
        padding: 30px 0 0 20px;
    }

    .company_numbers {
        padding-right: 50px;
    }

    .about_we_this_block_type_2_description, .about_we_this_block_type_1_description {
        padding: 15px 0 0 20px;
    }

    .about_history_bg {
        background-size: 263px;
        background-position: 16px 81px;
    }

    .about_we_this_block_type_2_button {
        margin: -33px 0 0 120px;
    }

    .no_coment {
        margin: 148px 0 0 118px;
    }

    .about_cont {
        margin: 22px 0 0 118px
    }

    .adaptive_block_category {
        padding-bottom: 60px;
    }
}
/* End */


/* Start:/local/templates/port_2021/components/bitrix/news/company_2022/bitrix/news.list/equipment_selection/style.css?17563747626875*/
.company_wrapper{
    box-sizing: border-box;
    margin: auto auto auto 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background-color: #ffffff;
    padding: 20px 25px;
}
.company_wrapper .title{
    color: #1e1e1e;
    font-size: 21px;
    font-weight: 400;
}
.company_wrapper .company_callback{
    max-width: 410px;
    width: 100%;
}
.company_wrapper .company_callback .new-review__form-content {
}
.company_wrapper .company_callback .new-review__form-content textarea {
    margin: 7px 0 0 0;
    width: 100%;
    resize: none;
    padding: 9px 11px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #b1cee0;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 19px; }
.company_wrapper .company_callback .new-review__form-content input {
    margin: 7px 0 0 0;
    width: 100%;
    resize: none;
    padding: 9px 11px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #b1cee0;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 19px; }
.company_wrapper .company_callback .new-review__person-info {
    display: block;
    position: relative;
    }
.company_wrapper .company_callback .new-review__col {

    width: calc(50% - 10px);

    box-sizing: border-box; }
.company_wrapper .company_callback .new-review__col:first-of-type {
    margin: 0 10px 0 0; }
.company_wrapper .company_callback .new-review__text {
    margin: 15px 0 0 0; }
.company_callback .new-review__checkbox-block {
    display: block;
    position: relative;
    margin: 5px 0 30px 0; }
.company_callback .new-review__checkbox-block #new-review-checkbox{
    display: none; }
.company_callback .new-review__checkbox-label {
    padding: 0 0 0 25px;
    font-size: 14px;
    letter-spacing: 0.13px;
    line-height: 20px; }
.company_callback .new-review__checkbox-label a {
    text-decoration: none;
    color: #3246FD; }
 .company_callback .new-review__check-box {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #3246FD; 
}
.company_callback .new-review__check-box > i {
    display: none;
    top: 3px;
    left: 3px;
    position: absolute;
    font-size: 9px;
    color: #77b97e; 
}
.company_callback label .new-review__check-box:hover {
    cursor: pointer; 
}
.company_callback label input:checked ~ .new-review__check-box > i {
    display: inline;
    top: 2px;
    left: 2px;
    position: absolute;
    font-size: 9px;
    height: 10px;
    width: 10px;
    color: #3246FD;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 20px;
}
.company_wrapper .company_callback .new-review__control-btns {
    display: block;
    position: relative;
    margin: 15px 0 0 0;
    text-transform: uppercase;

    font-size: 14px;
    line-height: 15px; }
.company_wrapper .company_callback .new-review__send-btn {
    display: block;
    position: relative;
    padding: 15px 17px;
    text-align: center;
    margin: auto;
    border-radius: 30px;
    background-color: #ff4c4c;
    border: 1px solid #ff4c4c;
    color: #ffffff;
    cursor: default; }
.company_wrapper .company_callback .new-review__send-btn:hover {
    cursor: pointer; }



.company_wrapper .company_callback  .new-review__col-title,
.company_wrapper .company_callback .new-review__text{

    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 18px;
}


.company_wrapper .company_callback .custom_field_wrap{
    position: relative;
}
.custom_error_message{
    z-index: 9;
    color: red;
    position: relative;
    bottom: 15px;
}

.about_btn_adaptive{
    display: none;
}
.custom_field_wrap.error .custom_error_message{
    display: block;
}




.about_form_block{
    display: flex;
}

.about_podbor_block{
    display: flex;
    background: #FFFFFF;
}
.about_podbor_form_block_left{
    padding: 0 120px 262px 0;
    width: 650px;
}
.about_podbor_form_left_title{
    font-weight: 500;
    font-size: 48px;
    line-height: 130%;
    color: #787878;

}
.about_podbor_form_left_comment{
    font-size: 18px;
    line-height: 156%;
    color: #787878;
    padding-top: 20px;

}
.custom_field_wrap input, .custom_field_wrap textarea{
    width: 716px;
    height: 50px;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #7C7C7C;
    background: #FFFFFF;
    border: 1px solid #A1A1A1;
    border-radius: 5px;
    padding: 5px 0 0 17px;
}
.custom_field_wrap input{
    padding:0 0 0 17px;
}
.custom_field_wrap textarea{
    height: 101px;
    resize: none;
}
.new-review-checkbox{
    border-radius: 20px;
}
.about_input_checkbox{
    display: none;
}
.new-review__send-btn{
    background: #3246FD;
    border-radius: 5px;
    padding: 18px 30px;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 370px;
    text-align: center;
}
.about_podbor_form_block_left_str1{
    background: url(/local/templates/port_2021/images/icons/about_vector226.svg) 550px 140px no-repeat;
}
.about_podbor_form_block_left_str2{
    background: url(/local/templates/port_2021/images/icons/about_vector242.svg) 518px 260px no-repeat
}




@media (max-width: 1500px) {
    .about_form_block{
        max-width: 1000px;
        position: relative;
        margin: 0 auto;
    }
    .about_podbor_form_block_left_str1 {
        padding: 0 38px 262px 0;
        width: 50%;
        background: url(/local/templates/port_2021/images/about_vector226.png) 333px 73px no-repeat;
    }
    .custom_field_wrap input, .custom_field_wrap textarea{
        width: 100%;
    }
}

@media (max-width: 1056px){
    .company_callback {
     width: 44%;
 }}
@media (max-width: 1027px){
    .about_podbor_form_left_title{
        font-size: 24px;
    }
    .about_podbor_form_left_comment{
        font-size: 14px;
    }
    .about_btn_desctop, .about_btn_adaptive{
        font-size: 13px;
    }
    .about_podbor_form_block_left_str1{
        background: none;
    }
    .about_form_block{
        max-width: 641px;
    }
    .custom_field_wrap input, .custom_field_wrap textarea, .custom_field_wrap{
        font-size: 14px;
    }
    .about_btn_desctop{
        display: none;
    }
    .about_btn_adaptive{
        display: block;
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }
    .custom_field_wrap input, .custom_field_wrap textarea{
        width: 93%;
    }

}
@media (max-width: 950px){
.about_podbor_form_block_left{
    width: 68%;
}}
@media (max-width: 688px){
    .about_form_block{
        display: block;
        max-width: 277px;
        margin: 0 auto;
    }
    .about_podbor_form_block_left{
        padding: 0 0 20px 0;
        width: 100%;
    }
    .company_callback{
        width: 100% !important;
        padding-bottom: 110px;
    }


}
/* End */


/* Start:/local/templates/port_2021/components/bitrix/news/company_2022/bitrix/news.list/request_to_service/style.css?16608048718518*/
h1{
    display: block;
    position: relative;

    font-size: 27px;
    line-height: 20px;
    color: #383838;
}
.company_wrapper{
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background-color: #ffffff;
    padding: 20px 25px;
}
.company_wrapper .title{
    color: #1e1e1e;
    font-size: 21px;
    font-weight: 400;
}
.company_wrapper .company_callback{
    max-width: 410px;
    width: 100%;
}
.company_wrapper .company_callback .new-review__form-content {
}
.company_wrapper .company_callback .new-review__form-content textarea {
    margin: 7px 0 0 0;
    width: 100%;
    resize: none;
    padding: 9px 11px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #b1cee0;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 19px; }
.company_wrapper .company_callback .new-review__form-content input {
    margin: 7px 0 0 0;
    width: 100%;
    resize: none;
    padding: 9px 11px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #b1cee0;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 19px; }
.company_wrapper .company_callback .new-review__rate-stars {
    display: block;
    position: relative;
    margin: 0 10px 0 0;
    color: #b5b5b5;
    font-size: 14px; }
.company_wrapper .company_callback .new-review__rate-stars i {
    position: relative; }
.company_wrapper .company_callback .new-review__rate-stars .good {
    color: #ffd240; }
.company_wrapper .company_callback .new-review__rate-stars:after {
    content: "";
    display: table;
    clear: both; }
.company_wrapper .company_callback .new-review__person-info {
    display: block;
    position: relative;
    margin: 15px 0 0 0; }
.company_wrapper .company_callback .new-review__col {
    display: inline-block;
    width: calc(50% - 10px);
    margin: 0 0 0 10px;
    box-sizing: border-box; }
.company_wrapper .company_callback .new-review__col:first-of-type {
    margin: 0 10px 0 0; }
.company_wrapper .company_callback .new-review__text {
    margin: 15px 0 0 0; }
.company_wrapper .company_callback .new-review__checkbox-block {
    display: block;
    position: relative;
    margin: 5px 0 0 0; }
.company_wrapper .company_callback .new-review__checkbox-block #new-review-checkbox{
    display: none; }
.company_wrapper .company_callback .new-review__checkbox-label {
    padding: 0 0 0 25px;
    font-size: 13px;
    letter-spacing: 0.13px;
    line-height: 20px; }
.company_wrapper .company_callback .new-review__checkbox-label a {
    text-decoration: none;
    color: #3246FD; }
.company_wrapper .company_callback .new-review__check-box {
    display: block;
    position: absolute;
    top: 0;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border: 1px solid #3246FD; }
.company_wrapper .company_callback .new-review__check-box > i {
    display: none;
    top: 3px;
    left: 3px;
    position: absolute;
    font-size: 9px;
    color: #77b97e; }
.company_wrapper .company_callback label .new-review__check-box:hover {
    cursor: pointer; }
.company_wrapper .company_callback label input:checked ~ .new-review__check-box > i {
    display: inline; }
.company_wrapper .company_callback .new-review__control-btns {
    display: block;
    position: relative;
    margin: 15px 0 0 0;
    text-transform: uppercase;

    font-size: 14px;
    line-height: 15px; }
.company_wrapper .company_callback .new-review__send-btn {
    display: block;
    position: relative;
    padding: 15px 17px;
    text-align: center;
    margin: auto;
    border-radius: 30px;
    background-color: #ff4c4c;
    border: 1px solid #ff4c4c;
    color: #ffffff;
    cursor: default; }
.company_wrapper .company_callback .new-review__send-btn:hover {
    cursor: pointer; }

@media (max-width: 374px) { }

.company_wrapper .company_callback  .new-review__col-title,
.company_wrapper .company_callback .new-review__text{

    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 18px;
}


.company_wrapper .company_callback .custom_field_wrap{
    position: relative;
}
.company_wrapper .company_callback .custom_error_message{
    box-sizing: border-box;
    padding: 9px 11px;
    color: red;
    position: absolute;
    left: 1px;
    top: 26px;
    line-height: 22px;
    height: calc(100% - 28px);
    width: calc(100% - 2px);
    display: none;
    background: #fff;
    border-radius: 5px;
}
.company_wrapper .company_callback .custom_field_wrap.error .custom_error_message{
    display: block;
}



.about_centr_support_repair{
    background: #F9F9F9;
    padding: 50px 0 0 0;

}

.about_service_centr{
    margin: 110px auto;
    height: 552px;
    border-radius: 10px;
    max-width: 1500px;
    position: relative;

}
.about_service_centr_title{
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    color: #FFFFFF;
}
.about_service_centr_text{
    padding: 80px 736px 0 80px;
}
.about_service_centr_comment{
    font-weight: 500;
    font-size: 26px;
    line-height: 135%;
    color: #FFFFFF;
    padding: 20px 0 50px 0;
}
.about_service_centr_buttons{
    display: flex;
    gap: 4px;
}
.about_service_centr_btn{
    background: rgba(255, 255, 255, 0.3);
    border: 2px solid #FFFFFF;
    backdrop-filter: blur(75px);
    border-radius: 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 18px 30px;
}
.about_service_centr{
    background: url(/local/templates/port_2021/images/DSCF0899.png) 788px 0px no-repeat,linear-gradient(81.68deg, #3246FD 1.41%, #FF6C6C 103.12%);
}
@media (max-width: 1500px) {
    .custom_field_wrap input, .custom_field_wrap textarea{
        width: 100% !important;
    }
    .about_centr_support_repair{
        max-width: 1000px;
        margin: 0 auto;
        padding: 0;
        background: #F9F9F9;
    }
    .about_centr_support_repair_bg{
        background: #F9F9F9;
    }
    .about_service_centr_text {
        padding: 80px 319px 0 80px;
    }
    .about_service_centr_btn{
        width: auto;
        padding: 20px 20px;
    }
    .about_service_centr {
        background: url(/local/templates/port_2021/images/DSCF0899.png) 486px 0px no-repeat,linear-gradient(81.68deg, #3246FD 1.41%, #FF6C6C 103.12%);
   margin: 0;
    }
    .about_service_centr_comment{
        width: 80%;
    }
    .about_podbor_form_block_left_str2{
        background: none;
    }
    .about_podbor_form_block_left_str2{
        width: 50%;
        padding: 0 40px 262px 0;
    }
}
@media (max-width: 1027px) {
    .about_centr_support_repair{
        max-width: 641px;
    }
    .company_callback .new-review__send-btn{
        width: 83%;
    }
    .custom_field_wrap input, .custom_field_wrap textarea {
        width: 95% !important;
    }
    .about_service_centr_title{
        font-size: 36px;
    }
    .about_service_centr_comment{
        font-size: 18px;
    }
    .about_service_centr_text {
        padding: 48px 226px 0 40px;
    }
    .about_service_centr_btn{
        font-size: 14px;
        width: auto;
    }
    .about_service_centr_buttons{
        width: 594px;
    }
    .about_service_centr {
        background: url(/local/templates/port_2021/images/DSCF0899.png) 290px 0px no-repeat,linear-gradient(81.68deg, #3246FD 1.41%, #FF6C6C 103.12%);
    }
    .company_callback {
        width: 65%;
    }

}
@media (max-width: 688px) {
    .custom_field_wrap input, .custom_field_wrap textarea {
        width: calc(100% - 17px) !important;
    }
    .company_callback .new-review__send-btn {
        width: 79%;
    }
    .about_centr_support_repair{
        max-width: 277px;
    }
    .about_service_centr_text {
        padding: 40px 20px 0 20px;
    }
    .about_service_centr_buttons{
        display: block;
        width: 100%;
        padding-bottom: 180px;
    }
    .about_service_centr_btn{
        margin-bottom: 10px;
    }
    .about_service_centr {
        background: url(/local/templates/port_2021/images/DSCF0899.png) 0px 625px no-repeat,linear-gradient(81.68deg, #3246FD 1.41%, #FF6C6C 103.12%);
        background-size: 277px;
        height: auto;
    }
    .about_podbor_form_block_left_str2{
        width: 100%;
        padding: 0 0 50px 0;
    }
}

/* End */


/* Start:/local/templates/port_2021/components/bitrix/news.list/comanda_company/style.css?16575218675861*/
.about_comanda{
    display: flex;
    padding: 150px 0 200px 0;
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
}
.about_comanda_right{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.about_comanda_left_title{
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    color: #000000;
    width: 80%;

}
.about_comanda_left{
    width: 97%;
}
.about_btn{
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #3246FD;
    border-radius: 5px;
    padding: 18px 30px;
    width: 132px;
    margin-top: 60px;
}
.about_comanda_left_title label{
    color: #3246FD;
}
.about_comanda_employee_img{
    border-radius: 150px;
    overflow: hidden;
    width: 237px;
}
.about_comanda_employee{
    width: 246px;
}
.about_comanda_employee_name{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    color: #000000;
    padding-top: 10px;
}
.about_comanda_employee_img img{
    transform: translate(0px, 5px);
}
.about_comanda_employee_job{
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #787878;
    padding-top: 12px;
    text-align: center;
}
.about_development_port{
    display: flex;
    background: #ffffff;
    padding: 0 86px 50px 0;
    padding-bottom: 5px;
}
.about_development_port_btn{
    display: flex;
    gap: 10px;
}
.about_development_port_title{
    font-weight: 700;
    font-size: 64px;
    line-height: 120%;
    color: #000000;
}
.about_development_port_coment{
    font-weight: 500;
    font-size: 36px;
    line-height: 140%;
    color: #3246FD;
    padding: 5px 23px 12px 0;
}
.about_development_port_com{
    font-weight: 500;
    font-size: 18px;
    line-height: 121%;
    color: #7A7A7A;
}

.about_development{
    overflow: fragments;
    height: 141px;
    max-width: 1500px;
    position: relative;
    margin: 0 auto;
    width: 100%;
}
.about_development_port_text{
    background: #FFFFFF;
    padding-top: 50px;
}
.about_development_port_coment label{
    font-size: 24px;
}
.about_white_btn{
    color: #3246FD;
    border: #3246FD solid 2px;
    background: #FFFFFF;
    width: 165px;
}
.about_development_port_img{
    padding: 0 60px 2px 20px;
    background: #ffffff;
}
.about_development_port_img img{
    transform: translate(0px,10px);
}
.about_comanda{
    background: url(/local/templates/port_2021/images/about_vector243.svg) -1px 300px no-repeat;
}

@media (max-width: 1500px) {
    .about_comanda, .about_development{
        max-width: 1000px;
    }
    .about_development_port_title{
        font-size: 54px;
    }
    .about_comanda {
        background: url(/local/templates/port_2021/images/about_vector243.svg) 2px 454px no-repeat;
    }
    .about_development_port_img img{
        width: 100%;
        transform: translate(0px,167px);
    }
    .about_development_port_img{
        width: 45%;
        padding: 0 20px 0 0;
    }
    .about_development_port_text{
        width: 55%;
        padding-top: 13px;
    }
    .about_development_port{
        padding: 0;
    }
    .about_development_port_btn{
        padding-bottom: 60px;
    }
}
@media (max-width: 1027px) {
    .about_comanda{
        display: block;
        max-width: 641px;
        margin: 0 auto;
        padding: 50px 0 50px 0;
    }
    .about_comanda_left_title{
        font-size: 36px;
    }
    .about_comanda_employee_name{
        font-size: 14px;
    }
    .about_comanda_employee_job{
        font-size: 12px;
    }
    .about_comanda_left_title{
        width: 100%;
        padding-bottom: 30px;
    }
    .about_comanda_right{
        gap: 149px;
    }
    .about_comanda {
        background: url(/local/templates/port_2021/images/about_vector243.png) -2px 90px no-repeat;
        background-size: 150px;
    }
    .about_development_port_title{
        font-size: 36px;
    }
    .about_development_port_text{
        padding-top: 0;
    }
    .about_development_port_coment label{
        font-size: 18px;
    }
    .about_development_port_coment{
        font-size: 20px;
    }
    .about_development_port_com{
        font-size: 14px;
    }
    .about_development{
        max-width: 641px;
    }
    .about_development_port_btn{
        display: block;
    }
    .about_vacancy_btn{
        margin: 0;
        margin-top: 20px;
    }
    .about_development_port_btn{
        padding-bottom: 27px;
    }
    .about_development_port_img img {
        width: 100%;
        transform: translate(0px,173px);

    }
    .about_development_port_img {
        padding: 0 20px 2px 0;
        background: #ffffff;
        width: 51%;
    }
    .about_vacancy_btn{
        width: 165px!important;
    }
    .about_company_coop{
        padding-bottom: 150px;
    }
    .about_comanda_employee_img{
        margin-bottom: 20px;
    }
}
@media (max-width: 688px) {
    .about_comanda, .about_development{
        max-width: 277px;
    }

    .about_comanda {
        background: url(/local/templates/port_2021/images/about_vector243.svg) 0px 178px no-repeat;
        background-size: 150px;
    }
    .about_comanda_right{
        gap: 15px;
    }
    .about_comanda_employee_img {
        height: 130px;
        width: 130px;
        margin-left:5px ;
    }
    .about_comanda_employee {
        width: 131px;
    }
    .about_comanda_employee_img img {
        transform: translate(-56px, -40px) scale(0.6);
    }
    .about_bnt_comanda{
        width: 100%;
        padding: 20px 0;
    }
    .about_development_port_img{
        display: none;
    }
    .about_development_port_text{
        width: 100%;
    }
    .about_development{
        height: auto;
    }
    .about_vacancy_btn{
        width: 100% !important;
        padding: 20px 0;
    }
    .about_development_port_text{
        padding-bottom: 50px;
    }
}
/* End */


/* Start:/local/components/custom/reviews_company_2022/templates/.default/style.css?17133596917339*/
.reviews__new-review .new-review__col {
    display: inline-block;
    width: 50%;
    padding: 0 0 0 10px;
    box-sizing: border-box; }
.reviews__new-review .new-review__col:first-of-type {
    padding: 0 10px 0 0; }
.reviews__new-review .new-review__text {
    margin: 15px 0 0 0; }
.about_review_btn{
    display: block;
    width: max-content;
}
.reviews__new-review .new-review__checkbox-block {
    display: block;
    position: relative;
    margin: 5px 0 0 0; }
.reviews__new-review .new-review__checkbox {
    display: none; }
.reviews__new-review .new-review__checkbox-label {
    padding: 0 0 0 25px;
    font-size: 13px;
    letter-spacing: 0.13px;
    line-height: 20px; }
.reviews__new-review .new-review__checkbox-label a {
    text-decoration: none;
    color: #3246FD; }
.reviews__new-review .new-review label .new-review__check-box {
    display: block;
    position: absolute;
    top: 0;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border: 1px solid #3246FD; }
.reviews__new-review .new-review label .new-review__check-box > i {
    display: none;
    top: 3px;
    left: 3px;
    position: absolute;
    font-size: 9px;
    color: #77b97e; }
.reviews__new-review .new-review label .new-review__check-box:hover {
    cursor: pointer; }
.reviews__new-review .new-review label input:checked ~ .new-review__check-box > i {
    display: inline; }
 .reviews__new-review .new-review__control-btns {
    display: block;
    position: relative;
    margin: 15px 0 0 0;
    text-transform: uppercase;
    font-family: "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 15px; }
.reviews__new-review .new-review__cancel-btn {
    display: inline-block;
    position: relative;
    left: 23px;
    padding: 15px 0;
    color: #1278b7;
    cursor: default; }
.reviews__new-review .new-review__cancel-btn:hover {
    cursor: pointer; }
.reviews__new-review .new-review__send-btn {
    display: inline-block;
    position: relative;
    float: right;
    padding: 15px 17px;
    border-radius: 30px;
    background-color: #1278b7;
    color: #ffffff;
    cursor: default; }
.reviews__new-review .new-review__send-btn:hover {
    cursor: pointer; }
@media (max-width: 374px) {
    .reviews__new-review .new-review__control-btns {
        text-align: center; }
 .reviews__new-review .new-review__cancel-btn {
        left: 0;
        position: relative;
        float: none; }
   .reviews__new-review .new-review__send-btn {
        position: relative;
        float: none; } }
.reviews__text-review {
    display: block;
    position: relative;
    margin: 25px 0 0 0; }



a[href="javascript:void(0)"]{
    text-decoration: none;
}
.reviews__new-review .new-review__form-content input[type="text"]{
    display: block;
}

 .fa-star {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("/local/templates/port_2018/scss/../images/stars.png") no-repeat left center; }
 .star--v {
    background-position: right center; }
 .stars .star, .new-review__form label[for="rating"] .star {
    cursor: pointer;
}

.input_field_wrap{
    position: relative;
}
.input_field_wrap .input_success_message, .input_field_wrap .input_error_message {
    position: absolute;
    top: calc(100% + 20px);
    width: 96%;
    line-height: 20px;
    left: 0;
    right: 0;
    border-radius: 2px;
    font-size: 14px;
    padding: 5px 2%;
    margin: auto;
    margin-top: 5px;
    display: block;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.input_success_message:before, .input_error_message:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.input_field_wrap.error .input_error_message {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.input_field_wrap.success .input_success_message {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.input_field_wrap .input_error_message {
    background: #f75a53;
    color: #fff;
}
.input_error_message:before {
    border-bottom-color: #f75a53;
}


.about_comments_block{
    display: flex;
    gap: 30px;
}
.about_comments_title{
    font-weight: 700;
    font-size: 64px;
    line-height: 130%;
    text-align: right;
    color: #000000;
    padding-bottom: 60px;
}
.about_rewievs{
    background:#F3F7F9;
}
.comments__comment{
    width: 480px;
    min-height: 400px;
    background: #ffffff;
    border-radius: 10px;
    padding-bottom: 15px;
}
.comments_comm_up{
    display: flex;
}
.comments__comment-photo{
    background: #D9F8DF;
    font-size: 48px;
    color: #94D4A0;
    border-radius: 40px;
    padding: 2px 15px 2px 15px
}
.comments__comment-content{
    padding: 40px 0 0 30px;
}
.comments__comment-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
padding: 10px 0 0 15px;
    color: #000000;
    width: 215px;
}
.comments__comment-rate{
    flex-direction:column;
    padding-top: 15px;
}
.comments__comment-text{
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    color: #000000;
    padding-top: 21px;
    width: 400px;
}
.comments{
    padding: 100px 0 200px 0;
}
.coments_no_style{
    padding: 0;
    margin: 0;
    border:  none;
}
.comments__comment-rate .good {
    color: #ffd240;
    background-position: -19px 0;
}

.comments__comment-rate .bad {
    color: #b5b5b5
}
.comments__comment-title_block{
    display: flex;
}
@media (max-width: 1500px) {
    .comments{
        max-width: 1000px;
        position: relative;
        margin: 0 auto;
    }
    .comments__comment{
        width: 313px;
    }
    .comments__comment-content{
        padding: 30px 0 20px 30px;
    }
    .comments__comment-title_block{
        display: block;
    }
    .comments__comment-rate{
        padding-left: 15px;
    }
    .comments__comment-text{
        width: 94%;
    }
    .comments__comment-photo {
        padding: 6px 16px 0px 17px;
    }

}
@media (max-width: 1027px) {
    .comments__comment-photo {
        font-size: 32px;
        height: 47px;
    }
    .comments__comment-text{
        font-size: 14px;
    }
    .comments__comment-title{
        font-size: 18px;
        width: auto;
    }
    .comments{
        max-width: 641px;
        padding: 0 0 50px 0;
    }
    .comments__comment{
        width: 32%;
    }
    .about_comments_block {
        display: flex;
        gap: 10px;
    }
    .comments__comment-content {
        padding: 16px 0 20px 13px;
    }
    .about_comments_title{
        font-size: 36px;
    }
}
@media (max-width: 1027px) {
    .about_comments_block{
        display: block;
    }
    .comments{
        max-width: 277px;
    }
    .comments__comment{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .about_comments_title{
        padding-bottom: 30px;
    }
    .comments__comment-text{
        text-align: left;
    }
    .about_review_btn{
        width: 100%;
        padding: 20px 0!important;
        text-align: center;
    }
}


/* End */


/* Start:/local/templates/port_2021/components/bitrix/news/company_2022/bitrix/news.list/callback/style.css?17563747428374*/
.about_callback_over{
    display: flex;
    overflow: hidden;
}
.about_blue_dark{
    background: #3246FD;
    height: 405px;
}
.about_container{
    margin-top: 60px;
    position: relative;
    height: 450px;
    background: #FFFFFF;
}
.about_callback_title{
    font-weight: 700;
    font-size: 64px;
    line-height: 130%;
    padding: 80px 0 20px 0;
    margin: 0;
}
.about_callback_title label{
    color: #3246FD;}
.about_callback_text{
    font-weight: 500;
    font-size: 16px;
    line-height: 156%;
    color: #7A7A7A;
    width: 420px;
    padding-bottom: 30px;
}
.about_callback_left{
    padding-left: 80px;
}
.about_callback{
    display: flex;
    background: #FFFFFF;
    height: 723px;
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
    overflow: hidden;

}
.about_company_wrapper{
    background: #FFFFFF;
}
.about_input_callback input,.about_input_callback textarea{
    width: 650px;
}
.about_callback_img img{
    transform: translate(91px,52px);
}
.about_callback_title{
    background: url(/local/templates/port_2021/images/about_group2041.svg) 450px 20px no-repeat
}

@media (max-width: 1500px){
    .about_container{
        max-width: 1000px;
        position: relative;
        margin: 0 auto;
    }
    .about_input_callback input, .about_input_callback textarea{
        width: 100%;
    }
    .company_callback{
        width: auto;
    }
    .about_callback_right{
        width: 100%;
    }
    .about_callback_img img {
        transform: translate(-64px,153px) scale(0.7);
    }
    .about_callback_title {
        background: url(/local/templates/port_2021/images/about_group2041.png) 300px 20px no-repeat;
    }
}
@media (max-width: 1027px){
    .about_callback_title{
        font-size: 36px;
    }
    .about_callback_text{
        font-size: 16px;
    }
    .about_container{
        max-width: 641px;
    }
    .about_callback_left {
        padding-left: 20px;
    }
    .about_callback_left{
        width: 46%;
    }
    .about_callback_cb{
        width: 100% !important;
    }
    .about_callback_img img {
        transform: translate(-133px,153px) scale(0.5);
    }
    .about_callback{
        height: 656px;
    }
}
@media (max-width: 688px){
    .about_callback_right{
        display: none;
    }
    .about_callback{
        max-width: 270px;
    }
    .about_callback_left{
        width: 100%;
    }
    .about_callback_text{
        width: 100%;
    }
        .about_input_callback input, .about_input_callback textarea {
            width: 93%;
        }
        .aboute_callback_btn{
            padding: 20px 0;
            width: 100% !important;
            text-align: center;
        }
        .about_blue_dark{
            display: none;
        }
        .about_callback, .about_container{
            height: auto;
        }

        .about_callback_left{
            padding-left: 0;
        }
}

.new-review__send-btn{
    cursor: pointer;
}
.about_service_centr_btn{
    cursor: pointer;
}
.about_centr_support_right_btn{
    cursor: pointer;
}
.about_centr_support_right_btn:hover{
    background: #041dfc;
}

.about_btn:hover{
    background: #041dfc;
}
.new-review__send-btn:hover{
    background: #041dfc;
}
.about_white_btn:hover{
    color: #041dfc;
    background: #FFFFFF;
}


.company_wrapper .company_callback{
    max-width: 410px;
    width: 100%;
}
.company_wrapper .company_callback .new-review__form-content {
}
.company_wrapper .company_callback .new-review__form-content textarea {
    margin: 7px 0 0 0;
    width: 100%;
    resize: none;
    padding: 9px 11px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #b1cee0;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 19px; }
.company_wrapper .company_callback .new-review__form-content input {
    margin: 7px 0 0 0;
    width: 100%;
    resize: none;
    padding: 9px 11px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #b1cee0;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 19px; }
.company_wrapper .company_callback .new-review__rate-stars {
    display: block;
    position: relative;
    margin: 0 10px 0 0;
    color: #b5b5b5;
    font-size: 14px; }
.company_wrapper .company_callback .new-review__rate-stars i {
    position: relative; }
.company_wrapper .company_callback .new-review__rate-stars .good {
    color: #ffd240; }
.company_wrapper .company_callback .new-review__rate-stars:after {
    content: "";
    display: table;
    clear: both; }
.company_wrapper .company_callback .new-review__person-info {
    display: block;
    position: relative;
    margin: 15px 0 0 0; }
.company_wrapper .company_callback .new-review__col {
    display: inline-block;
    width: calc(50% - 10px);
    margin: 0 0 0 10px;
    box-sizing: border-box; }
.company_wrapper .company_callback .new-review__col:first-of-type {
    margin: 0 10px 0 0; }
.company_wrapper .company_callback .new-review__text {
    margin: 15px 0 0 0; }
.company_wrapper .company_callback .new-review__checkbox-block {
    display: block;
    position: relative;
    margin: 5px 0 0 0; }
.company_wrapper .company_callback .new-review__checkbox-block #new-review-checkbox{
    display: none; }
.company_wrapper .company_callback .new-review__checkbox-label {
    padding: 0 0 0 25px;
    font-size: 13px;
    letter-spacing: 0.13px;
    line-height: 20px; }
.company_wrapper .company_callback .new-review__checkbox-label a {
    text-decoration: none;
    color: #3246FD; }
.company_wrapper .company_callback .new-review__col {

    width: calc(50% - 10px);

    box-sizing: border-box; }
.company_wrapper .company_callback .new-review__col:first-of-type {
    margin: 0 10px 0 0; }
.company_wrapper .company_callback .new-review__text {
    margin: 15px 0 0 0; }
.company_callback .new-review__checkbox-block {
    display: block;
    position: relative;
    margin: 5px 0 30px 0; }
.company_callback .new-review__checkbox-block #new-review-checkbox{
    display: none; }
.company_callback .new-review__checkbox-label {
    padding: 0 0 0 25px;
    font-size: 14px;
    letter-spacing: 0.13px;
    line-height: 20px; }
.company_callback .new-review__checkbox-label a {
    text-decoration: none;
    color: #3246FD; }
.company_callback .new-review__check-box {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #3246FD; 
}
.company_callback .new-review__check-box > i {
    display: none;
    top: 3px;
    left: 3px;
    position: absolute;
    font-size: 9px;
    color: #77b97e; 
}
.company_callback label .new-review__check-box:hover {
    cursor: pointer; 
}
.company_callback label input:checked ~ .new-review__check-box > i {
    display: inline;
    top: 2px;
    left: 2px;
    position: absolute;
    font-size: 9px;
    height: 10px;
    width: 10px;
    color: #3246FD;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 20px;
}
.company_wrapper .company_callback .new-review__control-btns {
    display: block;
    position: relative;
    margin: 15px 0 0 0;
    text-transform: uppercase;

    font-size: 14px;
    line-height: 15px; }
.company_wrapper .company_callback .new-review__send-btn {
    display: block;
    position: relative;
    padding: 15px 17px;
    text-align: center;
    margin: auto;
    border-radius: 30px;
    background-color: #ff4c4c;
    border: 1px solid #ff4c4c;
    color: #ffffff;
    cursor: default; }
.company_wrapper .company_callback .new-review__send-btn:hover {
    cursor: pointer; }
.custom_field_wrap input, .custom_field_wrap textarea{
    width: 716px;
    height: 50px;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #7C7C7C;
    background: #FFFFFF;
    border: 1px solid #A1A1A1;
    border-radius: 5px;
    padding: 5px 0 0 17px;
}
.custom_field_wrap input{
    padding:0 0 0 17px;
}
.custom_field_wrap textarea{
    height: 101px;
    resize: none;
}
.new-review-checkbox{
    border-radius: 20px;
}
.about_input_checkbox{
    display: none;
}
.new-review__send-btn{
    background: #3246FD;
    border-radius: 5px;
    padding: 18px 30px;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 370px;
    text-align: center;
}
/* End */
/* /local/templates/port_2021/components/bitrix/news/company_2022/bitrix/news.list/.default/style.css?174132689126798 */
/* /local/templates/port_2021/components/bitrix/news/company_2022/bitrix/news.list/equipment_selection/style.css?17563747626875 */
/* /local/templates/port_2021/components/bitrix/news/company_2022/bitrix/news.list/request_to_service/style.css?16608048718518 */
/* /local/templates/port_2021/components/bitrix/news.list/comanda_company/style.css?16575218675861 */
/* /local/components/custom/reviews_company_2022/templates/.default/style.css?17133596917339 */
/* /local/templates/port_2021/components/bitrix/news/company_2022/bitrix/news.list/callback/style.css?17563747428374 */