

/* Start:/local/templates/port_2021/components/bitrix/news/service_center_2024/bitrix/news.list/service_into_1c_support/style.css?179195312840729*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.services-container {
    max-width: 1540px;
    margin: 0 auto;
    padding: 0 20px;
}
.menu__services #horizontal-multilevel-menu li ul{
    width: 100%;
}
p {
    margin: 0;
}

.services-btn-blue:hover {
    transition: background-color 0.3s;
}

.services-btn-blue:hover, .reviews__card-btn:hover {
    background-color: #041DFC!important;
    transition: all .3s;
}

.services-btn-white {
    transition: all .3s;
}

.services-btn-white:hover {
    color: #fff;
    background-color: #3246FD;
    transition: all .3s;
}

.services-btn-white svg path {
    transition: all .3s;
}

.services-btn-white:hover svg path {
    stroke: #fff;
    fill: #fff;
    transition: all .3s;
}

@media (max-width: 1300px) {
    .services-container {
        max-width: 1040px;
    }
}

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


/*----------------------------------HERO-----------------------------------*/

.hero {
    padding: 54px 0 80px;
    position: relative;
    overflow-x: hidden;
    /* background-color: #fff; */
    background-image: url("/upload/img/hero-bg.png");
    background-repeat: no-repeat;
    background-position-x: 87%;
    background-position-y: -70px;
}

.hero__title {
    color: #000;
    font-size: 64px;
    font-weight: 700;
    line-height: 116%;
    margin-bottom: 45px;
    max-width: 635px;
    z-index: 2;
}

.hero__advantages {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 70px;
    position: relative;
    z-index: 2;
}

.hero__advantages-row {
    padding: 0;
    display: flex;
    gap: 10px;
}

.hero__advantages-item {
    flex: 0 1 360px;
    display: flex;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 140.5%;
}

.hero__advantages-item span {
    color: #3246FD;
}

.hero__advantages-item::before {
    content: '';
    background: no-repeat center url(/upload/img/check.png);
    flex-shrink: 0;
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-right: 16px;
    padding-top: 5px;
}

.hero__btns {
    display: flex;
    position: relative;
    z-index: 2;
}

.hero__btn {
    border-radius: 5px;
    background: #3246FD;
    padding: 22px 30px;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
}

.hero__disc {
    border-radius: 5px;
    background: #FFF493;
    padding: 11px 30px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 125%;
}

.hero__disc span {
    font-weight: 700;
}

.hero__text_a {
    background: #FFFFFF;
    border-radius: 10px;
    margin: 0 0 30px 10px;
}

.hero__text_a ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
.hero__text_a li {
    list-style: circle;
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}
.hero__text_a ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
.hero__text_a p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.hero__text_a p {
 /*   margin: 30px 0 0;*/
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.hero__text_a h2 {
    position: relative;
    margin: 30px 0;
    color: #000;
    text-align: left;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
}
.hero__text_a blockquote {
    margin: 20px 0 0;
    padding: 35px 95px;
    box-sizing: border-box;
    position: relative;
    border-radius: 3px;
    background-color: #fcf8ec;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}


@media (max-width: 1600px) {

    .hero {
        background-position-x: 110%;
    }

}

@media (max-width: 1400px) {

    .hero {
        background-size: 668px 604px;
        background-position-x: 110%;
        background-position-y: -20px;
    }

}

@media (max-width: 1300px) {
    .hero {
        padding: 40px 0 70px;
        background-position-y: 60px;
    }

    .hero__advantages {
        max-width: 490px;
        margin-bottom: 50px;
        gap: 20px;
    }

    .hero__advantages-row {
        gap: 20px;
    }

    .hero__advantages-item {
        flex: 0 1 245px;
    }
}

@media (max-width: 1199px) {
    .hero {
        background-image: none;
    }

    .hero__title {
        max-width: 100%;
    }

    .hero__advantages-row {
        flex-direction: column;
    }

    .hero__advantages {
        max-width: 100%;
        gap: 15px;
    }

    .hero__advantages-row {
        gap: 15px;
    }

    .hero__advantages-item {
        flex: 1;
    }
}

@media (max-width: 991px) {
    .hero {
        padding: 40px 0 30px;
    }
}

@media (max-width: 768px) {

    .hero__title {
        font-size: 36px;
        margin-bottom: 24px;
    }

    .hero__advantages {
        margin-bottom: 25px;
    }

    .hero__advantages-item {
        font-size: 16px;
    }

    .hero__btns {
        flex-direction: column;
        gap: 8px;
        width: 100%;
    }

    .hero__btn {
        text-align: center;
        font-size: 14px;
    }

    .hero__disc {
        padding: 8px 20px;
        text-align: center;
        font-size: 14px;
    }

    .br {
        display: none;
    }
}


/*----------------------------------/HERO-----------------------------------*/

/*----------------------------------PRICES-----------------------------------*/

.prices {
    padding: 43px 0 20px;
}

.prices__title {
    color: #000;
    font-size: 52px;
    font-weight: 700;
    line-height: 120.5%;
    margin-bottom: 40px;
    text-align: right;
}

.prices__title span {
    color: #3246FD;
}
.prices__title label {
    color: #3246FD;
}
.prices__table {
    display: flex;
    flex-direction: column;
}

.bg-grey {
    background: #F5F8F9;
}

.prices__table-title {
    color: #222;
    font-size: 36px;
    font-weight: 500;
    line-height: 130%;
    padding: 45px 75px 40px 75px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.prices__table-row {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 156.8%;
    padding: 27px 200px 22px 75px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    transition: color 0.2s;
}

.prices__table-row:hover {
    color: #3246FD;
}

.prices__table-row:hover .prices__table-name {
    color: #3246FD;
}

.prices__table-name {
    color: #000;
}

.prices__table-num {
    flex-shrink: 0;
}

.arrow {
    display: none;
}

.prices__hide {
    display: none;
}

.prices__table-bottom {
    padding: 8px 0 67px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.prices__table-btn {
    display: inline-block;
    padding: 15px 23px;
    color: #3246FD;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    border-radius: 5px;
    border: 2px solid #3246FD;
    cursor: pointer;
}

.prices__text_b {
    background: #FFFFFF;
    border-radius: 10px;
    margin: 0 0 30px 70px;
}

.prices__text_b ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
.prices__text_b li {
    list-style: circle;
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}
.prices__text_b ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
.prices__text_b p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.prices__text_b p {
 /*   margin: 30px 0 0;*/
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.prices__text_b h2 {
    position: relative;
    margin: 30px 0;
    color: #000;
    text-align: left;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
}
.prices__text_b blockquote {
    margin: 20px 0 0;
    padding: 35px 95px;
    box-sizing: border-box;
    position: relative;
    border-radius: 3px;
    background-color: #fcf8ec;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

@media (max-width: 1400px) {
    .prices {
        padding: 70px 0 20px;
    }

    .prices__table-row {
        padding: 27px 120px 22px 75px;
    }

    .prices__text_b {
        margin-left: 10px;
    }
}

@media (max-width: 1199px) {
    .prices__title {
        font-size: 42px;
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .prices {
        padding: 30px 0 20px;
    }

    .prices__table-title {
        font-size: 24px;
        padding: 40px 20px 20px 20px;
    }

    .prices__table-row {
        padding: 12px 20px 16px 20px;
    }

    .prices__table-bottom {
        padding: 20px 0 44px;
        text-align: center;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
}

@media (max-width: 768px) {
    .prices__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
}

@media (max-width: 468px) {
    .prices__br {
        display: none;
    }

    .prices__table-row {
        flex-direction: column;
        gap: 10px;
    }

    .prices__table-name {
        padding-right: 50px;
    }

    .prices__table-num {
        display: flex;
        justify-content: space-between;
    }

    .arrow {
        display: block;
    }
}
@media (max-width: 417px) {
    .prices__title{
        width: 268px;
        margin: 0 0 25px auto;
    }

}


/*----------------------------------/PRICES-----------------------------------*/




/*----------------------------------BRANDS-----------------------------------*/
.box-top__line_elems{
    margin-top: 28px;
}
.model_section_url{
    font-family: Geometria;
    font-size: 18px;
    font-weight: 400;
    line-height: 36.59px;
/*    text-align: left;*/
    color: #000000;
}
.model_section_url:hover{
    color: #3246FD;
}
.brands {
    padding: 60px 0 120px;
}

.brands__title {
    color: #000;
    font-size: 52px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 20px;
}

.brands__text {
    color: #787878;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 40px;
}

.brands__box {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.box-top {
    display: flex;
    gap: 20px;
}

.box-top__line {
    width: calc((100% / 3) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px;
}
.box-top-item:hover{
    box-shadow: 0px 24px 25px -15px #0000001A;
}
.box-bottom-item:hover{
    box-shadow: 0px 24px 25px -15px #0000001A;
}

.box-bottom {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px;
}

.box-top-item {
    display: block;
    width: calc((100% - 60px) / 4);
    height: 160px;
    border-radius: 10px;
    border: 1px solid #D4DFE6;
    background: #FFF;
    text-align: center;
}

.box-top-item p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
}

.box-bottom-item {
    display: block;
    width: calc((100% - 100px) / 6);
    height: 160px;
    border-radius: 10px;
    border: 1px solid #D4DFE6;
    background: #FFF;
    text-align: center;
}

.box-bottom-item p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
}

.item-hide {
    display: none;
}

.box-item__img {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brands__box-offer {
    width: calc((100% - 20px) /3);
    height: 350px;
    padding: 36px 40px 60px 40px;
    border-radius: 10px;
    background: linear-gradient(90deg, #3246FD 1.56%, #54DDD8 94.73%);
    color: #FFFFFF;
}

.box-offer__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.box-offer__discount {
    align-self: flex-start;
    margin-top: 15px;
    border-radius: 5px;
    background: #FFF493;
    transform: rotate(5.319deg);
    padding: 8px 24px;
    color: #3246FD;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.box-offer__title {
    color: #FFF;
    font-size: 36px;
    font-weight: 500;
    line-height: 110%;
}

.box-offer__text {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 156%;
    margin-bottom: 24px;
}

.brands__box-offer p span {
    font-weight: 700;
}

.brands__form-top {
    display: flex;
    gap: 10px;
}

.brands__form-top input {
    padding: 16px 15px;
    border-radius: 5px;
    border: 1px solid #FFF;
    background: transparent;
}

.brands__form-top input::placeholder {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 164%;
}
.brands__form-top input {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 164%;
    max-height: 50px;
    max-width: 213px;
}
.brands__form-btn {
    flex-shrink: 0;
    border-radius: 5px;
    background: #FFF;
    padding: 16px 23px;
    color: #3246FD;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
}

.brands__bottom {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.brands__bottom-btn {
    border-radius: 5px;
    border: 2px solid #3246FD;
    padding: 16px 23px;
    color: #041DFC;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
}


@media (max-width: 1450px) {
    .box-top__line {
        width: calc(100% / 2);
    }
    .brands__box-offer {
        width: calc((100% - 20px) /2);
    }
    .top-item-hide {
        display: none;
    }

    .box-top-item {
        width: calc((100% - 40px) / 3);
    }
}

@media (max-width: 1300px) {
    .box-item__img img {
      /*  max-width: 100px;*/
    }
}

@media (max-width: 1199px) {
    .brands {
        padding: 40px 0 60px;
    }
}

@media (max-width: 991px) {
    .box-top__line {
        width: 100%;
        gap: 20px 20px;
    }
    .brands__box-offer {
        width: 100%;
        padding: 40px 20px;
    }
    .brands {
        padding: 30px 0 40px;
    }

    .box-top {
        flex-direction: column;
    }

    .box-bottom {
        flex-wrap: wrap;
        gap: 20px 20px;
    }

    .box-bottom-item {
        width: calc((100% - 40px) / 3);
    }
}

@media (max-width: 768px) {
    .brands__title {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .brands__text {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .brands__box {
        gap: 20px 20px;

    }

    .box-top-item {
        width: calc((100% - 20px) / 2);
    }

    .box-bottom-item {
        width: calc((100% - 20px) / 2);
    }

    .box-offer__top {
        justify-content: initial;
        gap: 30px;
        align-items: center;
        margin-bottom: 18px;
    }

    .box-offer__discount {
        margin-top: 15px;
        padding: 4px 18px;
        font-size: 22px;
    }

    .box-offer__title {
        font-size: 24px;
    }

    .box-offer__text {
        font-size: 16px;
    }

    .offer__br {
        display: none;
    }

    .brands__form-top {
        flex-direction: column;
        gap: 8px;
    }

    .brands__form-top input {
        width: 100%;
    }

    .brands__form-btn {
        flex-shrink: 1;
        width: 100%;
        text-align: center;
    }

    .brands__bottom {
        margin-top: 0;
        margin-bottom: 12px;
    }
}

@media (max-width: 468px) {
    .box-offer__top {
        gap: 15px;
    }

    .brands__bottom-btn {
        width: 100%;
        text-align: center;
    }
}


/*----------------------------------/BRANDS-----------------------------------*/

/*----------------------------------ADDRESSES-----------------------------------*/


/*----------------------------------/ADDRESSES-----------------------------------*/


/*----------------------------------OPTIONS-----------------------------------*/

.options {
    /*background: #F9F9F9;*/
    padding: 50px 0;
}

.options__wrapp {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.options__title {
    position: relative;
    max-width: 575px;
    align-self: flex-start;
}

.options__title h2 {
    color: #000;
    font-size: 52px;
    font-weight: 700;
    line-height: 120%;
}

.options__title h2 span {
    color: #3246FD;
}

.options__line {
    position: absolute;
    left: -37px;
    bottom: -32px;
}

.options__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 734px;
}

.list-item {
    border-radius: 10px;
    background: #FFF;
    padding: 40px 50px;
    display: flex;
    gap: 20px;
}

.list-item__content h3 {
    color: #000;
    font-size: 26px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 15px;
}

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

.list-item__link {
    color: #3246FD;
    border-bottom: 1px solid #3246FD;
}

@media (max-width: 1600px) {
    .options__line {
        left: -18px;
        bottom: -32px;
    }
}

@media (max-width: 1300px) {
    .options__title {
        max-width: 490px;
    }

    .options__line {
        width: 473px;
        height: 119px;
        left: -47px;
        bottom: -10px;
    }
}

@media (max-width: 1199px) {
    .options__line {
        left: -25px;
        bottom: -10px;
    }
}

@media (max-width: 991px) {
    .options__wrapp {
        flex-direction: column;
        gap: 30px;
    }

    .options__title {
        max-width: 600px;
    }

    .options__line {
        width: 586px;
        height: 147px;
        left: -18px;
        bottom: -10px;
    }

    .options__list {
        max-width: 100%;
    }

    .list-item {
        padding: 20px;
    }

}


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

    .options__wrapp {
        gap: 18px;
    }

    .options__title {
        max-width: 320px;
    }

    .options__title h2 {
        font-size: 28px;
    }

    .options__line {
        width: 312px;
        height: 79px;
        left: -8px;
        bottom: -5px;
    }

    .list-item {
        flex-direction: column;
        gap: 15px;
    }

    .list-item__content h3 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .list-item__content p {
        font-size: 16px;
    }

}


/*----------------------------------/OPTIONS-----------------------------------*/

/*----------------------------------EQUIPMENT-----------------------------------*/

.equipment {
    padding: 50px 0 40px;
}

.equipment__content {
    display: flex;
    flex-direction: column;
    gap: 60px;
   /* margin-bottom: 90px;*/
}

.equipment__title {
    color: #000;
    font-size: 52px;
    font-weight: 700;
    line-height: 120%;
}

.equipment__title span {
    color: #3246FD;
}

.equipment .equipment__cards {
    display: flex;
    gap: 20px;
}

.equipment .equipment__card {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.equipment .equipment__num {
    color: #3246FD;
    font-size: 70px;
    font-weight: 700;
    line-height: 101.8%;
}

.equipment__text {
    color: #787878;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    max-width: 260px;
}

.equipment .equipment__slide {
    display: flex;
    justify-content: center;
    padding-bottom: 35px;
}

.equipment .equipment__slide img {
    border-radius: 10px;
}

.equipment .swiper-button-prev,
.equipment .swiper-button-next {
    width: 40px;
    height: 40px;
    background-color: #3246FD;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none;
}

.equipment .swiper-button-disabled {
    background-color: #F5F8F9;
    color: #A5A5A5;
}

.equipment .swiper-button-prev::after,
.equipment .swiper-button-next::after {
    font-size: 20px;
}

.equipment .swiper-button-prev::after {
    padding-right: 4px;
}

.equipment .swiper-button-next::after {
    padding-left: 4px;
}

.equipment .swiper-button-next, .equipment .swiper-button-prev {
    top: calc(50% - 15px);
}

.equipment .swiper-pagination {
    bottom: 0;
}

@media (max-width: 1300px) {
    .equipment {
        padding: 50px 0 40px;
    }

    .equipment__content {
        gap: 72px;
        margin-bottom: 60px;
    }

    .equipment .equipment__slide img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 991px) {
    .equipment {
        padding: 30px 0;
    }
}

@media (max-width: 768px) {
    .equipment__content {
        gap: 34px;
        margin-bottom: 40px;
    }

    .equipment__title {
        font-size: 28px;
    }

    .equipment__cards {
        flex-direction: column;
        gap: 30px;
    }

    .equipment__card {
        gap: 8px;
    }

    .equipment__num {
        font-size: 50px;
        text-align: center;
    }

    .equipment__text {
        max-width: 100%;
        text-align: center;
    }

    .equipment-br {
        display: none;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }
}


/*----------------------------------/EQUIPMENT-----------------------------------*/


/*----------------------------------TEAM-----------------------------------*/

.team {
    padding: 50px 0;
}

.team__wrapp {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.team__title {
    color: #000;
    text-align: right;
    font-size: 52px;
    font-weight: 700;
    line-height: 120%;
}

.team__title span {
    color: #3246FD;
}

.team__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 30px;
}

.team__card {
    width: calc((100% - 90px) / 4);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}
.team__card:hover{
    box-shadow: 0px 24px 25px -15px #0000001A;

}


.team__card__img img {
    object-fit: cover;
   /* width: 100%;
    height: 100%;*/
}

.team__card__content {
    padding: 20px 30px 30px;
    border: 1px solid #D4DFE6;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.team__card__name {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 152%;
    margin-bottom: 10px;
}

.team__card__job {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.team-br {
    display: none;
}

@media (max-width: 1400px) {
    .team__card__content {
        padding: 20px 10px 30px;
    }

    .team {
        padding: 40px 0;
    }
}

@media (max-width: 1199px) {
    .team__card__name {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .team {
        padding: 30px 0;
    }

    .team__cards {
        gap: 20px 20px;
    }

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

@media (max-width: 768px) {
    .team__card__img img {
        object-fit: cover;
         width: 100%;
         height: 100%;
    }

    .team__wrapp {
        gap: 20px;
    }

    .team__title {
        font-size: 28px;
    }

    .team__card__content {
        padding: 15px 10px;
    }

    .team__card__name {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .team__card__job {
        font-size: 12px;
    }

}

@media (max-width: 468px) {
    .team-br {
        display: initial;
    }
}

/*----------------------------------/TEAM-----------------------------------*/

/*----------------------------------REVIEWS-----------------------------------*/


.reviews.bg_uslugi_delail_reviews {
    padding: 50px 0 50px;
    background: none;
}

.reviews__wrapp {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.reviews__title {
    color: #181818;
    font-size: 52px;
    font-weight: 700;
    line-height: 120.5%;
}

.reviews__box {
    /*display: flex;
    justify-content: space-between;
    gap: 30px;*/
}

.reviews__box-left {
    height: 1015px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 15px;
}

.reviews__item {
    margin-bottom: 86px;
}

.reviews__item-hide {
    display: none;
}

.reviews__item-top {
    display: flex;
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D4DFE6;
    margin-bottom: 20px;
}

.reviews__item__avatar {
    border-radius: 94px;
    background: #F5F8F9;
    padding: 17px 22px;
    color: #D4DFE6;
    font-size: 36px;
    font-weight: 500;
    line-height: 100%;
    align-self: flex-start;
}

.reviews__content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.reviews__content-top {
    display: flex;
    align-items: center;
    gap: 20px;
}

.reviews__content-name {
    color: #222;
    font-size: 24px;
    font-weight: 500;
    line-height: 142%;
}

.reviews__content-middle {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 156%;
}

.reviews__content-bottom {
    display: flex;
    justify-content: space-between;
    color: #787878;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
}

.reviews__reactions {
    display: flex;
    gap: 15px;
}

.reviews__likes {
    display: flex;
    gap: 5px;
    align-items: center;
}

.reviews__dislikes {
    display: flex;
    gap: 5px;
    align-items: center;
}

.reviews__item-bottom {
    padding-left: 90px;
}

.reviews__item-bottom button {
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #3246FD;
    font-size: 14px;
    font-weight: 500;
    line-height: 137%;
}

.reviews__button {
    border-radius: 10px;
    border: 2px solid #3246FD;
    background: transparent;
    padding: 18px 30px;
    color: #3246FD;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.new_reviews__button {
    border-radius: 10px;
    border: 2px solid #3246FD;
    padding: 18px 30px;
    color: #3246FD;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    margin-left: 20px;
}

.reviews__box-right {
    flex: 0 1 480px;
    /*max-width: 480px;*/
    border-radius: 10px;
    border: 1px solid #D4DFE6;
    background: #FFF;
    padding: 40px 40px 35px;
    align-self: flex-start;
}

.reviews__card {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.reviews__card-top {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    color: #3B2F3B;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

.reviews__card-bottom {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.reviews__card-line {
    display: flex;
    align-items: center;
}

.reviews__card-star {
    margin-right: 10px;
}

.reviews__card-num {
    color: #3B2F3B;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 30px;
    min-width: 10px;
}

.card-line {
    flex: 1;
}

.card-line__item {
    border-radius: 36px;
}

.card-line__blue {
    background: #3246FD;
    height: 10px;
}

.line-33 {
    width: 33%;
    background: #3246FD;
    height: 10px;
}

.line-66 {
    width: 66%;
    background: #3246FD;
    height: 10px;
}

.line-0 .card-line__item {
    border-radius: 36px;
    background: #E5E5E5;
    width: 10px;
    height: 10px;
    margin-right: 20px;
}

.line-0 {
    flex: initial;
}

.percents {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #3B2F3B;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.percents__num {

}

.percents__line {
    width: 2px;
    height: 10px;
    background-color: #E5E5E5;
}

.percents__sum {

}

.reviews__card-btn {
    border: none;
    align-self: center;
    padding: 20px 45px;
    background: #3246FD!important;
    border-radius: 10px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

@media (max-width: 1300px) {
    .reviews__box-left {
        flex: 0 1 657px;
    }

    .reviews__box-right {
        flex: 0 1 312px;
    }

    .reviews__card-num {
        margin-right: 15px;
    }
}

@media (max-width: 1050px) {
    .reviews__wrapp {
        gap: 40px;
    }

    .reviews__box {
        flex-direction: column;
        gap: 42px;
    }

    .reviews__box-left {
        flex: 1;
        order: 2;
    }

    .reviews__box-right {
        flex: 1;
        width: 100%;
    }
}


@media (max-width: 991px) {
    .reviews {
        padding: 30px 0 40px;
    }
}

@media (max-width: 768px) {
    .reviews__wrapp {
        gap: 20px;
    }

    .reviews__title {
        font-size: 28px;
    }

    .reviews__box-right {
        padding: 32px 20px 36px;
    }

    .reviews__card {
        gap: 30px;
    }

    .reviews__card-top {
        font-size: 18px;
    }

    .reviews__card-btn {
        width: 100%;
    }

    .reviews__content {
        gap: 12px;
    }

    .reviews__content-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        margin-bottom: 8px;
    }

    .reviews__content-name {
        font-size: 18px;
    }

    .reviews__content-stars {
       /* width: 83px;*/
    }
    .reviews__content-stars svg{
        width: 14px;
        height: 14px;
    }

    .reviews__item {
        margin-bottom: 40px;
    }

    .reviews__item-top {
        gap: 10px;
        margin-bottom: 16px;
    }

    .reviews__item__avatar {
        padding: 11px 14px;
        font-size: 22px;
    }

    .reviews__content-middle {
        font-size: 14px;
    }

    .reviews__content-bottom {
        font-size: 12px;
    }

    .reviews__reactions {
        display: none;
    }

    .reviews__item-bottom {
        padding-left: 54px;
    }

    .reviews__item-bottom button {
        font-size: 12px;
    }
}

@media (max-width: 468px) {
   /* .reviews__item {
        padding-right: 40px;
    }*/

   /* .reviews__content-middle {
        margin-left: -54px;
    }

    .reviews__content-bottom {
        margin-left: -54px;
    }*/

 /*   .reviews__item-bottom {
        padding-left: 0;
    }*/

    .reviews__button {
        width: 100%;
    }
}

/*----------------------------------/REVIEWS-----------------------------------*/


/*----------------------------------MODAL-----------------------------------*/
.application__modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.application__modal-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 52px 55px 60px;
    color: #787878;
    border-radius: 10px;
    max-width: 750px;
    text-align: center;
}

.application__modal-title {
    font-weight: 700;
    line-height: 107.5%;
    font-size: 36px;
    color: #000;
    margin-bottom: 24px;
}

.application__modal-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 156.8%;
    margin-bottom: 30px;
}

.application__modal-btn {
    padding: 16px 23px;
    border-radius: 5px;
    background: #3246FD;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
}

@media (max-width: 1199px) {
    .application__modal-wrapper {
        width: 600px;
    }
}

@media (max-width: 768px) {
    .application__modal-wrapper {
        padding: 40px 20px 44px;
        width: calc(100% - 40px);
    }

    .application__modal-title {
        font-size: 28px;
        margin-bottom: 16px;
    }

    .application__modal-text {
        margin-bottom: 20px;
    }
}


/*----------------------------------/MODAL-----------------------------------*/
/*----------------------------------Courier-MODAL-----------------------------------*/
.courier__modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    overflow-y: auto;
    justify-content: center;
    align-items: center;

}

.courier__modal-wrapper {
    background-color: #fff;
    padding: 52px 72px 45px;
    color: #787878;
    border-radius: 10px;
    max-width: 750px;
    width: 90%;
    max-height: calc(100% - 100px);
    overflow-y: auto;

}

.courier__modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.courier__modal-title {
    font-weight: 700;
    line-height: 107.5%;
    font-size: 36px;
    color: #000;
}

.courier__modal-close {
    align-self: flex-start;
    cursor: pointer;
}

.courier-form {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.courier-form__direction {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.courier__modal-wrapper label {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 137%;
    display: flex;
    align-items: center;
}

.real-radio {
    position: absolute;
    opacity: 0;
}

.custom-radio {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #F0F2FF;
    border-radius: 50px;
    margin-right: 8px;
    vertical-align: center;
    cursor: pointer;
}

.custom-radio::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: .2s ease-in;
    width: 10px;
    height: 10px;
    background: #3246FD;
    border-radius: 50px;
    vertical-align: center;
    display: inline-block;
}

.real-radio:checked + .custom-radio::before {
    transform: translate(-50%, -50%) scale(1);
}

.courier-form__title {
    color: #383838;
    font-size: 16px;
    font-weight: 500;
    line-height: 135%;
    margin-bottom: 2px;
}

.courier-form__addresses {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.form-data input {
    padding: 16px 15px;
    border-radius: 5px;
    border: 1px solid #A1A1A1;
}

.form-data textarea {
    border-radius: 5px;
    border: 1px solid #A1A1A1;
    padding: 16px 15px;

}

textarea {
    resize: none;
    height: 100px;
}

.form-data {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-data__top {
    display: flex;
    gap: 12px;
}

.form-data__top input {
    flex: 1;
}

.form-data__date {
    position: relative;
}

.form-data__date::after {
    content: '';
    background-image: url('/upload/img/ep_calendar.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    display: inline-block;
}

.courier-form__bottom {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 8px;
}

.courier-form__bottom label {
    max-width: 320px;
    display: flex;
    gap: 6px;
    align-items: flex-start;
}

.real-checkbox {
    position: absolute;
    opacity: 0;
}

.custom-checkbox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #F0F2FF;
    border-radius: 4px;
    margin-right: 8px;
    cursor: pointer;
    flex-shrink: 0;
}

.custom-checkbox::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-45%, -45%) scale(0);
    transition: .2s ease-in;
    width: 15px;
    height: 15px;
    background-image: url("/upload/img/checkbox.svg");
    background-repeat: no-repeat;
    display: inline-block;
}

.real-checkbox:checked + .custom-checkbox::before {
    transform: translate(-45%, -45%) scale(1);
}

.courier__modal-btn {
    cursor: pointer;
}

@media (max-width: 768px) {
    .courier__modal-wrapper {
        padding: 40px 20px 38px;
        width: calc(100% - 40px);
    }

    .courier__modal-title {
        font-size: 28px;
    }

    .courier__modal-header {
        margin-bottom: 20px;
    }

    .courier__modal-close svg {
        width: 16px;
        height: 16px;
    }

    .courier-form {
        gap: 20px;
    }

    .form-data__top {
        flex-direction: column;
        gap: 8px;
    }

    .courier-form__bottom {
        flex-direction: column;
        gap: 20px;
    }

}


/*----------------------------------/Courier-MODAL-----------------------------------*/

/*----------------------------------Courier-success-MODAL-----------------------------------*/

.courier-success__modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.courier-success__modal-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 52px 55px 60px;
    color: #787878;
    border-radius: 10px;
    max-width: 750px;
    text-align: center;
}

.courier-success__modal-title {
    font-weight: 700;
    line-height: 107.5%;
    font-size: 36px;
    color: #000;
    margin-bottom: 24px;
}

.courier-success__modal-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 156.8%;
    margin-bottom: 30px;
}

.courier-success__modal-btn {
    padding: 16px 23px;
    border-radius: 5px;
    background: #3246FD;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
}

@media (max-width: 1199px) {
    .courier-success__modal-wrapper {
        width: 600px;
    }
}

@media (max-width: 768px) {
    .courier-success__modal-wrapper {
        padding: 40px 20px 44px;
        width: calc(100% - 40px);
    }

    .courier-success__modal-title {
        font-size: 28px;
        margin-bottom: 16px;
    }

    .courier-success__modal-text {
        margin-bottom: 20px;
    }
}

/*----------------------------------/Courier-success-MODAL-----------------------------------*/


.remont_opis_tittle{
    font-family: Geometria;
    font-size: 52px;
    font-weight: 700;
    line-height: 57.2px;
    text-align: left;
    padding: 50px 0 30px 0;
}
.bg_decript{
    /*background: #F9F9F9;*/
    padding-bottom: 50px;
}
.remont_opis_desc{
    background: #FFFFFF;
    border-radius: 10px;
}
@media (max-width: 900px) {
    .remont_opis_tittle{
        padding: 40px 0 20px 0;
        font-size: 28px;
        font-weight: 700;
        line-height: 30.8px;
        text-align: left;
    }
    .remont_opis_desc{
        padding:20px
    }
    .bg_decript{
        padding-bottom:39px
    }
}
.remont_opis_desc ul{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
.remont_opis_desc li{
    list-style: circle;
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}
.remont_opis_desc ol{
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
.remont_opis_desc p{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.remont_opis_desc p {
 /*   margin: 30px 0 0;*/
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.remont_opis_desc h2 {
    position: relative;
    margin: 30px 0;
    color: #000;
    text-align: left;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
}
.remont_opis_desc blockquote {
    margin: 20px 0 0;
    padding: 35px 95px;
    box-sizing: border-box;
    position: relative;
    border-radius: 3px;
    background-color: #fcf8ec;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

/* End */


/* Start:/local/templates/port_2021/components/bitrix/news/service_center_2024/bitrix/news.list/service_into_1c_support/restyle.css?179265079231959*/
:root {
  --port-blue: #3146ff;
  --port-blue-deep: #202fca;
  --port-ink: #11131a;
  --port-muted: #626775;
  --port-line: #e6e8ee;
  --port-soft: #f4f6fb;
  --port-soft-blue: #eef0ff;
  --port-white: #ffffff;
  --port-green: #167c55;
}
.support1c {
  color-scheme: light;
  color: var(--port-ink);
  background: var(--port-white);
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
}
* {
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input {
  font: inherit;
}
.support1c-shell {
  width: min(1500px, calc(100% - 40px));
  margin: 0 auto;
  overflow: hidden;
}
.support1c-action {
  min-height: 44px;
  border-radius: 12px;
  padding: 0 18px;
  border: 1px solid var(--port-blue);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  background: var(--port-blue);
  color: var(--port-white);
}
.support1c-action:hover {
  background: var(--port-blue-deep);
}
.support1c-action-secondary {
  background: var(--port-white);
  color: var(--port-blue);
}
.support1c-action-secondary:hover {
  background: var(--port-soft-blue);
}
.support1c .breadcrumbs {
  margin-top: 20px;
}

.support1c-breadcrumbs {
  color: #7b7f8a;
  font-size: 13px;
  padding: 18px 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.support1c-hero {
  min-height: 700px;
  /* background:
    linear-gradient(
      100deg,
      var(--port-white) 0%,
      var(--port-white) 47%,
      rgba(255, 255, 255, 0.2) 73%
    ),
    url(/upload/img/hero-bg.png) right 44% / min(700px, 56vw) auto no-repeat; */
}
.support1c-hero-content {
  width: min(630px, 58%);
  padding: 54px 0 74px;
}
.support1c-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--port-blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.support1c-kicker::before {
  content: "";
  width: 28px;
  height: 3px;
  border-radius: 2px;
  background: var(--port-blue);
}
.support1c-hero h1 {
  /* font-size: clamp(38px, 5vw, 64px);
  line-height: 1.02; */
  margin: 0px 0 45px;
  /* letter-spacing: -0.04em; */
  max-width: 650px;
  font-weight: bold;
  color: #000;

  font-size: 64px;
  font-weight: 700;
  line-height: 116%;
}
.support1c-hero-lead {
  font-size: 19px;
  line-height: 1.48;
  color: #393d48;
  max-width: 620px;
  margin: 0;
}
.support1c-hero-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
  margin: 28px 0 30px;
}
.support1c-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.support1c-check-mark {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--port-soft-blue);
  color: var(--port-blue);
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  font-size: 13px;
}
.support1c-hero-details {
  display: grid;
  gap: 12px;
  margin: 4px 0 28px;
  max-width: 640px;
}
.support1c-hero-details p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--port-muted);
}
.support1c-hero-checks .support1c-check-mark {
  width: 20px;
  height: 16px;
  border-radius: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAELSURBVHgBpdPdbcIwEAfwuyPkOaNYVQeAB2gf6QRNJ2g7QdsJmg3CCn2rBBKM4A1gBJ7BucM2X+HDEJK/FCmnSL/Yf8sIDaM6klAM78AG2URZBA1DseQAMgAi+26AoEEenooNtg1bDqFmPCaQ7mYB1LLEbi0whOkpLvyWXbHuqYT15TeEuZken1cdavOMYp6pvhncwL5sUx8hzIMFY2qbdKtLbKW56i3VFez7gMFcCF/KmAeFZViaE8LW5BS9jFFX/+P89Mekx+0pi7yF0Hswl/0pq55JCTEvfVvY1f8h4WtV7AgMoHAP5nJ0U/QoGjIXn3WxM9Cj4ziznf3UwVyCN8VvH0RxK8qqYi5r0uadBPNNBq4AAAAASUVORK5CYII=")
    center / contain no-repeat;
}
.support1c-hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.support1c-hero-actions .support1c-action {
  border-radius: 8px;
  padding: 0 30px;
  min-height: 56px;
  font-size: 14px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 800;
}
.support1c-trust {
  border-top: 1px solid var(--port-line);
  border-bottom: 1px solid var(--port-line);
  background: var(--port-soft);
}
.support1c-trust-inner {
  display: grid;
  grid-template-columns: 220px 1fr 240px;
  gap: 28px;
  align-items: center;
  padding: 26px 0;
}
.support1c-its-logo {
  width: 170px;
  height: auto;
  mix-blend-mode: multiply;
}
.support1c-trust-copy {
  font-size: 16px;
  line-height: 1.45;
}
.support1c-trust-copy strong {
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}
.support1c-trust-note {
  padding-left: 20px;
  border-left: 3px solid var(--port-blue);
  font-size: 13px;
  line-height: 1.45;
  color: var(--port-muted);
}
.support1c-section {
  padding: 86px 0;
}
.support1c-section-soft {
  background: var(--port-soft);
}



.support1c-section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 28px;
  padding: 0 0 40px;
  
  color: #222;
  font-size: 36px;
  font-weight: 500;
  line-height: 130%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


#support1c-prices .support1c-section-head {
  background: #F5F8F9;
  padding: 45px 75px 40px 75px;
}


.support1c-section-head h2 {
  margin: 0;
  max-width: 700px;

  color: #222;
    font-size: 36px;
    font-weight: 500;
    line-height: 130%;
}
.support1c-section-head p {
  margin: 0;
  max-width: 470px;
  font-size: 16px;
  line-height: 1.55;
  color: var(--port-muted);
}
.support1c-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.support1c-feature {
  padding: 26px;
  border: 1px solid var(--port-line);
  border-radius: 18px;
  background: var(--port-white);
  min-height: 230px;
}
.support1c-feature-num {
  display: block;
  font-size: 13px;
  font-weight: 800;
  color: var(--port-blue);
  margin-bottom: 38px;
}
.support1c-feature h3 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 10px;
  font-weight: bold;
}
.support1c-feature p {
  font-size: 14px;
  line-height: 1.52;
  color: var(--port-muted);
  margin: 0;
}
#support1c-tariffs .support1c-shell {
  overflow: initial;
}
.support1c-tariff-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
#support1c-cloud .support1c-shell {
  overflow: initial;
}
.support1c-cloud-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
.support1c-tariff {
  transition: 0.5s ease;
  position: relative;
  padding: 30px;
  border-radius: 22px;
  background: var(--port-white);
  border: 1px solid var(--port-line);
  display: flex;
  flex-direction: column;
  min-height: 470px;
}
/* .support1c-tariff-featured { border: 2px solid var(--port-blue); box-shadow: 0 18px 40px rgba(49,70,255,.12); } */
.support1c-tariff:hover {
  border: 1px solid var(--port-blue);
  box-shadow: 0 18px 40px rgba(49, 70, 255, 0.12);
}
.support1c-tag {
  align-self: flex-start;
  background: var(--port-soft-blue);
  color: var(--port-blue);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
}
.support1c-tariff h3 {
  font-size: 27px;
  margin: 20px 0 8px;
  font-weight: bold;
}
.support1c-tariff-sub {
  color: var(--port-muted);
  font-size: 14px;
  line-height: 1.45;
  min-height: 42px;
}
.support1c-price {
  font-size: 28px;
  font-weight: 800;
  margin: 24px 0 18px;
}
.support1c-price small {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: var(--port-muted);
  margin-top: 5px;
}
.support1c-list {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: grid;
  gap: 12px;
}
.support1c-list li {
  display: flex;
  gap: 10px;
  color: #353945;
  font-size: 14px;
  line-height: 1.4;
}
.support1c-list li::before {
  display: block;
  content: "✓";
  color: transparent;
  font-weight: 800;
  height: 20px;
  width: 13px;
  background-color: transparent; /* цвет фона, если SVG не заполнит всё */
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.65701e-05 4.43952L1.61575 2.82375L3.81319 4.97645L8.80964 -0.00011158L10.4304 1.61566L3.81319 8.19804L-1.65701e-05 4.43952Z' fill='%23167C55'/%3E%3C/svg%3E");
  background-size: contain;      /* или cover, auto, 50px 36px и т.п. */
  background-repeat: no-repeat;
  background-position: center;
}
.support1c-tariff .support1c-action {
  margin-top: auto;
}
.support1c-services {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.support1c-service {
  border: 1px solid var(--port-line);
  border-radius: 18px;
  padding: 22px;
  background: var(--port-white);
  min-height: 170px;
  display: flex;
  flex-direction: column;
}
.support1c-service h3 {
  font-size: 19px;
  margin: 0 0 8px;
  font-weight: bold;
}
.support1c-service p {
  margin: 0;
  color: var(--port-muted);
  font-size: 14px;
  line-height: 1.48;
}
.support1c-service a {
  color: var(--port-blue);
  font-size: 13px;
  font-weight: 800;
  margin-top: auto;
  padding-top: 18px;
}
.support1c-extra {
  display: none;
}
.support1c-extra.is-open {
  display: flex;
}
.support1c-more-row {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.support1c-price-list {
  /* border: 1px solid var(--port-line); */
  /* border-radius: 18px; */
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.support1c-price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  /* border-bottom: 1px solid var(--port-line); */
    color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 156.8%;
  padding: 27px 75px 22px 75px;

}
.support1c-price-row:hover {
  color: var(--port-blue);
}

.support1c-price-row:last-child {
  border-bottom: none;
}
.support1c-price-row:nth-child(even) {
  background: var(--port-soft);
}
.support1c-price-row span {
}
.support1c-price-row strong {
  /* color: var(--port-blue); */

  white-space: nowrap;
}
.support1c-price-extra {
  display: none;
}
.support1c-price-extra.is-open {
  display: flex;
}
.support1c-price-note {
  margin: 18px 0 0;
  color: var(--port-muted);
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.support1c-promo {
  padding: 68px 0;
}
.support1c-promo-box {
  border-radius: 28px;
  background: var(--port-blue);
  color: var(--port-white);
  padding: 46px 50px;
  display: grid;
  grid-template-columns: 1fr 310px;
  gap: 40px;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.support1c-promo-box::after {
  content: "8+4";
  position: absolute;
  right: 386px;
  top: 28px;
  font-size: 86px;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.1);
  line-height: 1;
  pointer-events: none;
}
.support1c-promo-box h2 {
  font-size: 38px;
  line-height: 1.08;
  margin: 0 0 12px;
  letter-spacing: -0.03em;
  font-weight: bold;
}
.support1c-promo-box p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.83);
  max-width: 680px;
}
.support1c-promo-box .support1c-action {
  background: var(--port-white);
  color: var(--port-blue);
  border-color: var(--port-white);
}
.support1c-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  counter-reset: steps;
}
.support1c-step {
  padding: 0 26px;
  border-left: 1px solid var(--port-line);
  min-height: 180px;
  counter-increment: steps;
}
.support1c-step:first-child {
  padding-left: 0;
  border-left: 0;
}
.support1c-step h3 {
  font-size: 19px;
  margin: 0 0 8px;
  font-weight: bold;
}
.support1c-step p {
  font-size: 14px;
  line-height: 1.5;
  color: var(--port-muted);
  margin: 0;
}
.support1c-step-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: var(--port-soft-blue);
  color: var(--port-blue);
  margin-bottom: 20px;
}
.support1c-step-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.support1c-step-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.support1c-reviews-rating {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: -8px 0 24px;
  flex-wrap: wrap;
}
.support1c-reviews-score {
  font-size: 28px;
  font-weight: 900;
  color: var(--port-ink);
}
.support1c-reviews-stars {
  color: #f5a623;
  font-size: 18px;
  letter-spacing: 2px;
}
.support1c-reviews-count {
  color: var(--port-muted);
  font-size: 14px;
}
.support1c-reviews-link {
  margin-left: auto;
  color: var(--port-blue);
  font-size: 14px;
  font-weight: 800;
}
.support1c-reviews-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.support1c-review {
  border: 1px solid var(--port-line);
  border-radius: 20px;
  padding: 28px;
  background: var(--port-white);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.support1c-review-tag {
  align-self: flex-start;
  background: var(--port-soft-blue);
  color: var(--port-blue);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 800;
}
.support1c-review-text {
  margin: 0;
  color: var(--port-ink);
  font-size: 15px;
  line-height: 1.6;
}
.support1c-review-author {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 13px;
  color: var(--port-muted);
  margin-top: auto;
}
.support1c-review-author strong {
  color: var(--port-ink);
  font-size: 14px;
}
.new_reviews__button {
  margin-left: 0 !important;
  display: inline-block;
}
.support1c-section-review-wrap {
  height: 500px;
  overflow: hidden;
  position: relative;
  margin: -18px -20px 30px -20px;
}
.support1c-faq {
  display: grid;
  gap: 10px;
  max-width: 880px;
}
details {
  border-bottom: 1px solid var(--port-line);
  padding: 0;
}
summary {
  cursor: pointer;
  list-style: none;
  padding: 20px 48px 20px 0;
  font-weight: 800;
  font-size: 17px;
  position: relative;
}
summary::-webkit-details-marker {
  display: none;
}
summary::after {
  content: "+";
  position: absolute;
  right: 4px;
  top: 15px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--port-soft-blue);
  color: var(--port-blue);
}
details[open] summary::after {
  content: "-";
}
details p {
  color: var(--port-muted);
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 20px;
  max-width: 760px;
}
.support1c-lead {
  background: var(--port-ink);
  color: var(--port-white);
  padding: 72px 0;
}
.support1c-lead-grid {
  display: grid;
  grid-template-columns: 1fr 500px;
  gap: 60px;
  align-items: center;
}
.support1c-lead h2 {
  font-size: 42px;
  line-height: 1.08;
  margin: 0 0 12px;
  font-weight: bold;
}
.support1c-lead p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.55;
}
.support1c-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  background: rgba(255, 255, 255, 0.08);
  padding: 12px;
  border-radius: 16px;
}
.support1c-form label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.support1c-form input {
  min-height: 48px;
  border: 0;
  border-radius: 11px;
  padding: 0 16px;
  background: var(--port-white);
  color: var(--port-ink);
  min-width: 0;
}
.support1c-consent {
  grid-column: 1 / -1;
  color: rgba(255, 255, 255, 0.62);
  font-size: 11px;
  padding: 0 4px;
}
.support1c-footer {
  background: #090a0d;
  color: var(--port-white);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.support1c-foot {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  padding: 28px 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.62);
}
.support1c-foot img {
  width: 105px;
  filter: brightness(0) invert(1);
  opacity: 0.92;
}
.support1c-foot-links {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

#support1c-programs .support1c-shell {
  overflow: initial;
}

.support1c-programs-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 26px 0 28px;
}
.support1c-tab {
  -webkit-tap-highlight-color: transparent;
  border: 1px solid var(--port-line);
  background: var(--port-white);
  color: var(--port-ink);
  border-radius: 999px;
  padding: 11px 20px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.support1c-tab:hover {
  border-color: var(--port-blue);
  color: var(--port-blue);
}
.support1c-tab-active,
.support1c-tab-active:hover {
  background: var(--port-ink);
  border-color: var(--port-ink);
  color: var(--port-white);
}
.support1c-programs-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}
.support1c-program {
  cursor: pointer;
  transition: 0.5s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--port-line);
  border-radius: 18px;
  padding: 20px 18px 22px;
  background: var(--port-white);
  min-height: 300px;
}
.support1c-program:hover {
  border-color: var(--port-blue);
  box-shadow: 0 18px 40px rgba(49, 70, 255, 0.14);
}
.support1c-program[hidden] {
  display: none;
}
/* .support1c-program-featured { border-color: var(--port-blue); box-shadow: 0 18px 40px rgba(49,70,255,.14); } */
.support1c-program-hit {
  align-self: flex-start;
  background: var(--port-blue);
  color: var(--port-white);
  font-size: 11px;
  font-weight: 800;
  padding: 6px 11px;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.support1c-program h3 {
  color: initial;
  flex: 1 1 auto;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
  margin: 16px 0 10px;
  min-height: 60px;
}
.support1c-program-price {
  color: initial;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.support1c-program-box {
  position: relative;
  overflow: hidden;
  margin-top: 16px;
  height: 118px;
  border-radius: 12px;
  background: linear-gradient(160deg, #ffd23f 0%, #f7b733 55%, #f2a90c 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 10px 34px 10px 12px;
}
/* .support1c-program-box::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 24%;
  background: linear-gradient(180deg, #d21f2e, #9c1420);
} */
.support1c-program-box-logo {
  font-weight: 900;
  font-size: 13px;
  color: #96280a;
  letter-spacing: 0.02em;
}
.support1c-program-box-name {
  display: block;
  font-size: 11.5px;
  font-weight: 700;
  color: #5c3d00;
  line-height: 1.25;
  margin-top: 4px;
}
.support1c-program-box-icon {
  position: absolute;
  left: 12px;
  top: 10px;
  z-index: 1;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.32);
  color: #ffffff;
}
.support1c-program-box-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.support1c-program-box-has-art::after {
  display: none;
}
.support1c-program-box-illustration {
  position: absolute;
  /* inset: 0 0 44px 0; */
  z-index: 0;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  /* padding: 6px 8px 0; */
  pointer-events: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.support1c-program-box-illustration img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.support1c-program-box-has-art .support1c-program-box-logo,
.support1c-program-box-has-art .support1c-program-box-name {
  position: relative;
  z-index: 1;
}
.support1c-program-arrow {
  transition: 0.5s ease;
  margin-top: 14px;
  align-self: flex-end;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--port-line);
  display: grid;
  place-items: center;
  color: var(--port-muted);
  font-size: 16px;
  text-decoration: none;
}
.support1c-program-arrow:hover {
  border-color: var(--port-blue);
  color: var(--port-blue);
}
/* .support1c-program-featured .support1c-program-arrow { background: var(--port-blue); border-color: var(--port-blue); color: var(--port-white); } */
.support1c-program:hover .support1c-program-arrow {
  background: var(--port-blue);
  border-color: var(--port-blue);
  color: var(--port-white);
}
.support1c-programs-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: center;
  background: var(--port-soft);
  border-radius: 24px;
  padding: 40px;
}
.support1c-programs-cta-copy h3 {
  font-size: 25px;
  line-height: 1.15;
  margin: 0;
  max-width: 360px;
  letter-spacing: -0.01em;
  font-weight: bold;
}
.support1c-programs-cta-checks {
  grid-template-columns: 1fr;
  margin: 18px 0 14px;
  gap: 10px;
}
.support1c-programs-cta-note {
  margin: 0;
  font-weight: 800;
  font-size: 14px;
}
.support1c-programs-cta-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
}
.support1c-field label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--port-muted);
  margin-bottom: 6px;
}
.support1c-field input {
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  border-radius: 11px;
  border: 1px solid var(--port-line);
  padding: 0 14px;
  font-size: 14px;
  background: var(--port-white);
}
.support1c-field input:focus {
  outline: 2px solid var(--port-blue);
  outline-offset: 1px;
}
.support1c-programs-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  color: var(--port-muted);
  line-height: 1.45;
  margin: 4px 0 18px;
}
.support1c-programs-consent a {
  color: var(--port-blue);
}
.support1c-toggle {
  position: relative;
  flex: 0 0 auto;
  width: 38px;
  height: 22px;
  border-radius: 999px;
  background: var(--port-line);
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  margin: 0;
}
.support1c-toggle::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--port-white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  transition: left 0.15s ease;
}
.support1c-toggle:checked {
  background: var(--port-blue);
}
.support1c-toggle:checked::after {
  left: 18px;
}
.support1c-programs-cta-form .support1c-action {
  width: 100%;
}
.support1c-consult {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  background: linear-gradient(150deg, #2a2f3c 0%, #1b1e27 100%);
  padding: 44px;
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 44px;
  align-items: center;
  color: var(--port-white);
}
.support1c-consult-photo {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 280px;
}
.support1c-consult-photo-frame {
  position: relative;
  display: block;
  width: 300px;
  height: 226px;
}
.support1c-consult-photo-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.support1c-consult-name {
  position: absolute;
  left: 4px;
  bottom: 10px;
  z-index: 2;
  background: rgba(15, 17, 22, 0.72);
  backdrop-filter: blur(2px);
  border-radius: 12px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.support1c-consult-name-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1cb43d;
  flex: 0 0 auto;
}
.support1c-consult-name strong {
  display: block;
  font-size: 13px;
  font-weight: 800;
}
.support1c-consult-name span {
  display: block;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
}
.support1c-consult-content h3 {
  font-size: 30px;
  line-height: 1.16;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
  font-weight: bold;
}
.support1c-consult-content p {
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
  max-width: 540px;
}
.support1c-consult-content p strong {
  color: var(--port-white);
  display: block;
  margin-bottom: 4px;
  font-size: 15px;
}
.support1c-consult-form-row {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.support1c-consult-form-row input {
  flex: 1;
  min-width: 230px;
  height: 52px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
  color: var(--port-white);
  padding: 0 16px;
  font-size: 14px;
  box-sizing: border-box;
}
.support1c-consult-form-row input::placeholder {
  color: rgba(255, 255, 255, 0.42);
}
.support1c-consult-form-row .support1c-action {
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 13px;
  padding: 0 26px;
}
.support1c-consult-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.45;
  margin: 0 0 22px;
}
.support1c-consult-consent a {
  color: #9fb0ff;
}
.support1c-consult-alt {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
  margin: 0 0 10px;
}
.support1c-consult-socials {
  display: flex;
  gap: 10px;
}
.support1c-consult-socials a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  display: grid;
  place-items: center;
  color: var(--port-white);
}
.support1c-consult-socials a:hover {
  background: var(--port-blue);
  border-color: var(--port-blue);
}
.support1c-consult-socials svg {
  width: 18px;
  height: 18px;
}
.support1c-form-hidden-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.ofd-real-checkbox {
    opacity: 0;
    width: 18px;
    height: 18px;
}

.ofd-custom-checkbox {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-color: #F0F2FF;
	border: 1px solid #F0F2FF;
	color: #F0F2FF;
	border-radius: 9px;
}

.ofd-custom-checkbox::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: .2s ease-in;
	width: 10px;
	height: 10px;
	background: #3246FD;
	border-radius: 50px;
	vertical-align: center;
	display: inline-block;
    cursor: pointer;
}

.ofd-real-checkbox:checked + .ofd-custom-checkbox::before {
	opacity: 1;
}

.ofd-help__form-label {
    position: relative;
    font-size: 14px;
}

.ofd-help__form-label a {
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.support1c-section-service .container {
    margin: 0 !important;
    max-width: initial !important;
    width: initial !important;
}

@media (max-width: 1100px) {
  .support1c-programs-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .support1c-hero {
    background-size: 570px auto;
    background-position: 128% 55%;
  }
  .support1c-hero-content {
    width: 65%;
  }
  .support1c-trust-inner {
    grid-template-columns: 160px 1fr;
  }
  .support1c-trust-note {
    grid-column: 1 / -1;
  }
  .support1c-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .support1c-services {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .support1c-programs-cta {
    grid-template-columns: 1fr;
  }
  .support1c-consult {
    grid-template-columns: 220px 1fr;
    padding: 34px;
    gap: 30px;
  }
  .support1c-consult-content h3 {
    font-size: 25px;
  }
  .support1c-consult-photo-frame {
    width: 220px;
    height: 166px;
  }
  .support1c-tariff-grid {
    grid-template-columns: 1fr;
  }
  .support1c-cloud-grid {
    grid-template-columns: 1fr;
  }
  .support1c-tariff {
    min-height: auto;
  }
  .support1c-steps {
    grid-template-columns: repeat(2, 1fr);
  }
  .support1c-step:nth-child(3) {
    border-left: 0;
    padding-left: 0;
  }
  .support1c-promo-box {
    grid-template-columns: 1fr;
  }
  .support1c-promo-box::after {
    right: 10px;
    top: 55px;
  }
  .support1c-lead-grid {
    grid-template-columns: 1fr;
  }
  .support1c-reviews-grid {
    grid-template-columns: 1fr;
  }
  .support1c-section-review-wrap {
    height: 700px;
  }
}



@media (max-width: 768px) {
  .support1c-hero h1 {
      font-size: 36px;
      margin-bottom: 24px;
  }

  .support1c-section-head h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
  }

  #support1c-prices .support1c-section-head {
    padding: 45px 20px 40px;
  }

}



@media (max-width: 740px) {
  .support1c-programs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .support1c-shell {
    width: min(100% - 28px, 1180px);
  }
  .support1c-price-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 16px 18px;
  }
  .support1c-breadcrumbs {
    padding-top: 14px;
  }
  .support1c-hero {
    min-height: 0;
    background-image: none;
  }
  .support1c-hero-content {
    width: 100%;
    padding: 38px 0 54px;
  }
  h1 {
    font-size: 41px;
  }
  .support1c-hero-lead {
    font-size: 17px;
  }
  .support1c-hero-checks {
    grid-template-columns: 1fr;
    gap: 11px;
  }
  .support1c-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .support1c-trust-inner {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .support1c-its-logo {
    width: 150px;
  }
  .support1c-trust-note {
    grid-column: auto;
    padding-left: 0;
    padding-top: 14px;
    border-left: 0;
    border-top: 3px solid var(--port-blue);
  }
  .support1c-section {
    padding: 62px 0;
  }
  .support1c-section-head {
    display: grid;
    /* margin-bottom: 26px; */
  }
  .support1c-feature-grid,
  .support1c-services {
    grid-template-columns: 1fr;
  }
  .support1c-programs-tabs {
    gap: 8px;
  }
  .support1c-programs-cta {
    padding: 26px 22px;
    border-radius: 20px;
  }
  .support1c-programs-cta-fields {
    grid-template-columns: 1fr;
  }
  .support1c-consult {
    grid-template-columns: 1fr;
    padding: 26px 22px;
    border-radius: 20px;
    text-align: center;
  }
  .support1c-consult-photo {
    min-height: 200px;
  }
  .support1c-consult-photo-frame {
    width: 240px;
    height: 181px;
  }
  .support1c-consult-name {
    left: 50%;
    transform: translateX(-50%);
  }
  .support1c-consult-content p {
    max-width: none;
  }
  .support1c-consult-form-row {
    flex-direction: column;
  }
  .support1c-consult-form-row .support1c-action {
    width: 100%;
  }
  .support1c-consult-consent {
    text-align: left;
  }
  .support1c-consult-socials {
    justify-content: center;
  }
  .support1c-feature {
    min-height: 0;
  }
  .support1c-feature-num {
    margin-bottom: 24px;
  }
  .support1c-promo {
    padding: 42px 0;
  }
  .support1c-promo-box {
    padding: 34px 26px;
    border-radius: 22px;
  }
  .support1c-promo-box h2 {
    font-size: 31px;
  }
  .support1c-promo-box::after {
    font-size: 64px;
    top: 35px;
  }
  .support1c-reviews-link {
    margin-left: 0;
  }
  .support1c-steps {
    grid-template-columns: 1fr;
  }
  .support1c-step {
    border-left: 0;
    border-top: 1px solid var(--port-line);
    padding: 22px 0;
    min-height: 0;
  }
  .support1c-step:first-child {
    border-top: 0;
  }
  .support1c-step::before {
    margin-bottom: 12px;
  }
  .support1c-lead {
    padding: 56px 0;
  }
  .support1c-lead h2 {
    font-size: 34px;
  }
  .support1c-form {
    grid-template-columns: 1fr;
  }
  .support1c-form .support1c-action {
    width: 100%;
  }
  .support1c-consent {
    grid-column: auto;
  }
  .support1c-foot {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 490px) {
  .support1c-programs-grid {
    grid-template-columns: 1fr;
  }
  .new_reviews__button {
    display: flex;
    justify-content: center;
  }

  .support1c-section {
    padding: 36px 0;
  }

  .support1c-section-head {
    padding-bottom: 20px;
  }

  .support1c-programs-tabs {
    margin-top: 0;
  }
}

/* End */


/* Start:/local/templates/port_2021/components/bitrix/form.result.new/uslugi_form_cons_2024/style.css?17926507925328*/
/*----------------------------------CONSULTATION-----------------------------------*/

.consultation {
	/*background: #F9F9F9;*/
	padding: 60px 0 60px;
}

.consultation-bg {
	background: #fff;
	height: 296px;
	margin-top: -296px;
}

.consultation__wrapper {
	position: relative;
	overflow: hidden;
	background-color: #2F353E;
	background-image: url("/upload/img/consultation-bg.png");
	background-repeat: no-repeat;
	background-position-x: 30px;
	background-position-y: 20px;
	display: flex;
	border-radius: 10px;
	width: 100%;
	min-height: 501px;
	color: #FFF;
}

.consultation__disc {
	position: absolute;
	display: flex;
	flex-direction: column;
	gap: 4px;
	top: 63px;
	left: -20px;
	border-radius: 5px;
	background: #FFF493;
	padding: 16px 16px 16px 58px;
}

.consultation__disc-num {
	color: #2F353E;
	font-size: 22px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.consultation__disc-text {
	color: #2F353E;
	font-size: 13px;
	font-weight: 500;
}

.consultation__name {
	position: absolute;
	left: 380px;
	bottom: 60px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.20);
	backdrop-filter: blur(8px);
	display: flex;
	gap: 10px;
	padding: 15px 120px 12px 15px;
	z-index: 3;
}

.consultation__name-text {
	display: flex;
	flex-direction: column;
}

.consultation__name-top {
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	line-height: 152%;
}

.consultation__name-bottom {
	color: #FFF;
	font-size: 12px;
	font-weight: 400;
	line-height: 152%;
}

.consultation__img-man {
	background-image: url("/upload/img/consultation-man.png");
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: 0;
	width: 638px;
	height: 489px;
	align-self: flex-end;
	margin: 0 55px 0 66px;
	z-index: 2;
}

.consultation__content {
	padding: 60px 0;
	z-index: 3;
}

.consultation__content-title {
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 16px;
}

.consultation__content-text {
	font-size: 16px;
	font-weight: 500;
	line-height: 145%;
	/*max-width: 480px;*/
}

.consultation__form {
	margin: 24px 0 20px;
	height: 76px !important;
}

.consultation__form-top {
	margin: 24px 0 20px;
	display: flex;
	gap: 12px;
}

.consultation__form input {
	padding: 16px 21px 16px 15px;
	border-radius: 5px;
	background: #FFF;
	border: none;
	color: #7C7C7C;
	font-size: 18px;
	line-height: 164%;
	max-height: 50px;
	max-width: 263px;
}

.consultation__form input::placeholder {
	color: #7C7C7C;
	font-size: 18px;
	line-height: 164%;
}

.consultation__form-btn {
	border-radius: 5px;
	background: #3246FD;
	padding: 16px 23px;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	cursor: pointer;
}

.consultation__socials {
	margin-top: 12px;
	display: flex;
	gap: 10px;
}

.consultation__socials-item {
	cursor: pointer;
}

.consultation__socials div svg path {
	transition: all 0.3s;
}

.consultation__socials div:hover svg path {
	opacity: 0.8;
}


@media (max-width: 1300px) {
	.consultation {
		padding: 50px 0;
	}

	.consultation__wrapper {
		background-position-x: 10px;
		background-position-y: 70px;
		height: 546px;
	}

	.consultation-bg {
		background: #fff;
		height: 460px;
		margin-top: -460px;
	}

	.consultation__img-man {
		margin: 0;
	}

	.consultation__img-man {
		margin: 0;
		background-position-x: -30px;
		width: 590px;
		height: 452px;
	}

	.consultation__name {
		left: 210px;
		bottom: 105px;
	}

	.consultation__content {
		margin-left: -80px;
	}

	.consultation__content-title {
		max-width: 400px;
	}

	.text__br {
		display: none;
	}
}

@media (max-width: 1199px) {
	.consultation__img-man {
		margin: 0 0 0 -50px;
	}

	.consultation__name {
		left: 150px;
	}

	.consultation__content {
		margin-left: -80px;
		z-index: 4;
	}
}

@media (max-width: 991px) {
	.consultation {
		padding: 30px 0;
	}

	.consultation__wrapper {
		display: flex;
		flex-direction: column;
		gap: 24px;
		height: auto;
		padding: 40px;
		background-image: none;
	}

	.consultation__img-man {
		display: none;
	}

	.consultation__name {
		display: none;
	}

	.consultation__content {
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

	.consultation__content-title {
		max-width: 100%;
	}

	.consultation__content-text {
		max-width: 100%;
	}

	.text__br {
		display: none;
	}

	.consultation__disc {
		position: relative;
		top: initial;
		left: initial;
		flex-direction: row;
		align-items: center;
		align-self: flex-start;
		gap: 10px;
		padding: 12px 16px;
	}

}

@media (max-width: 768px) {
	.consultation__wrapper {
		padding: 40px 20px 49px;
		border-radius: 0;
	}

	.consultation__disc {
		gap: 8px;
	}

	.consultation__disc-num {
		font-size: 16px;
		flex-shrink: 0;
	}

	.consultation__disc-text {
		font-size: 12px;
		flex-shrink: 0;
	}

	.consultation__content-title {
		font-size: 28px;
	}

	.consultation__form {
		width: 100% !important;
		height: auto !important;
		margin: 20px 0 0;
	}

	.consultation__form .ofd-help__form-label,
	.consultation__form .ofd-help__form-label a {
		line-height: 20px;
	}

	.consultation__form-top {
		flex-direction: column;
		gap: 8px;
	}

	.consultation__form input[type="text"] {
		width: 100%;
		max-width: 100%;
	}

	.consultation__form-btn {
		width: 100%;
		text-align: center;
	}
}

/*----------------------------------/CONSULTATION-----------------------------------*/

/* End */


/* Start:/local/templates/port_2021/components/bitrix/news.list/service_questions_2022/style.css?17828715805601*/
.question .button{
    display: inline-block;
    padding: 15px 13px;
    color: #fff;
    font-size: 14px;
    line-height: 12px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 23px;
    border: 2px solid #fff;
    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;

    margin: 0 0 30px;
    color: #3246FD;
    border: 2px solid #3246FD;
}
.question .button:hover{
    background: #3246FD;
    color: #fff;
}
.question .item{
    border-radius: 3px;
    border: 1px solid #dbdbdb;
    background-color: #ffffff;
    margin-bottom: 15px;

    -moz-transition: box-shadow 0.2s ease;
    -o-transition: box-shadow 0.2s ease;
    -webkit-transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
}
.question.show_small .item:nth-child(n+30){
    height: 0;
    border: 0;
    overflow: hidden;
    opacity: 0;
    margin-bottom: 0;
}
.question .show_more{
    display: none;
}
.question.show_small .show_more{
    display: initial;
}
.question .item:hover{
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.question .item .top{
    position: relative;
    color: #383838;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    padding: 18px 20px;
    padding-right: 60px;
    cursor: pointer;
}
.question .item .top:after,.question .item .top:before{
    content: '';
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 2px;
    background-color: #95989a;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.question .item .top:after{
    transform: rotate(90deg);
}
.question .item.open .top:after{
    transform: rotate(180deg);
}
.question .item.open .top:before{
    transform: rotate(180deg);
}
.question .item .text{
    word-break: break-word;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    height: 0;
    color: #363636;
    line-height: 20px;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.question .item.open .text{
    opacity: 1;
    -moz-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    -o-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    -webkit-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    transition: all 0.4s ease, opacity 0.4s ease 0.2s;
}
.question .item .text .text_h{
    padding: 0 20px 20px;
    margin-top: -2px;
}

@media (max-width: 768px){
    .question .item{
        text-align: left;
        margin: 0 -8px 0;
    }
    .question{
        text-align: center;
    }
}

.uslugi_detail_question_content .item{
    border: none;
    font-weight: 500;
    font-size: 26px;
    line-height: 142%;
    color: #222222;
}

.uslugi_detail_question_content .item .top{
    border: none;
    font-weight: 500;
    font-size: 26px;
    line-height: 142%;
    color: #222222;
    width: 90%;
}
.uslugi_detail_question_content .item .text{
    font-weight: 400;
    font-size: 18px;
    line-height: 156.8%;
    color: #000000;
}
.uslugi_detail_question_content .item .top:after, .usl1ugi_detail_question_content .item .top:before{
    content: '+'!important;
    background: #F2F2F2!important;
    border-radius: 70px!important;
    color: #3F3F3F!important;
    font-size: 36px;
    padding: 8px 22px 49px 19px!important;
}
.uslugi_detail_question_content .open .top:after{
    content: '-'!important;
    padding: 9px 16px 48px 17px!important;
}
.uslugi_detail_question_content .item .top div{
    width: 85%;
}
@media (max-width: 1200px) {
    .container {
        width: calc(100% - 200px) !important;
    }
    .uslugi_detail_question_content .item .top:after, .usl1ugi_detail_question_content .item .top:before {
        content: '';
        position: absolute;
        right: 35px;
}
    .question .item .top:after, .question .item .top:before {
        content: '';
        position: absolute;
        right: 34px;}
}
@media (max-width: 1100px) {
    .uslugi_detail_question{
        display: block;
    }
    .uslugi_detail_question_name{
        width: 100%;
    }
    .uslugi_detail_question_title, .uslugi_detail_question_content{
        width: 100%;
    }
    .uslugi_detail_question_content .item .top{
        padding-left:0 ;
        width: 100%;
    }
    .question .item .top:after, .question .item .top:before {
        content: '';
        position: absolute;
        right: 61px;
    }
}
@media (max-width: 700px) {
    .uslugi_detail_question_name{
        font-size: 36px;
        text-align: left;
    }
    .uslugi_detail_question_content .item .top:after, .usl1ugi_detail_question_content .item .top:before {
        padding:12px 13px 31px 11px!important

    }
    .uslugi_detail_question_content .item .top{
        font-size: 18px;
        padding-right: 0;
    }
.uslugi_detail_question .question .item .top:after, .question .item .top:before{
    right: 8px;
}
    .uslugi_detail_question .question .item .top:after, .question .item .top:after{
        right: 0;
    }



    .uslugi_detail_question_content .item .text{
        font-size: 14px;
    }
    .question .item .text .text_h {
        padding: 0 0px 20px;
        margin-top: -2px;
    }
    .question .item{
        margin: 0;
        padding: 10px;
    }
}

.uslugi_detail_question .uslugi_detail_question_content .text ul li {
    list-style: unset;
}
/* End */


/* Start:/local/components/custom/reviews_main_2018/templates/service_2026/style.css?179195312819488*/


.reviews__wrapp {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.product-card__product-content .product-content__reviews .reviews__new-review .new-review__form{
    display: block !important;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;

    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.product-card__product-content .product-content__reviews .reviews__new-review.open_form .new-review__form{
    margin-top: 20px;
    opacity: 1;
    visibility: visible;
    -moz-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    -o-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    -webkit-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    transition: all 0.4s ease, opacity 0.4s ease 0.2s;
}


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

.new-review__form .star {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("/local/templates/port_2018/scss/../images/stars.png") no-repeat left center; }
.new-review__form .star--v {
    background-position: right center; }
.new-review__form .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;
}

.comments .comments__comment-list .comments__comment-commentary .comments__commentary-form{
    background:none!important;
}
.comments .comments__comment-list .comments__comment-commentary .comments__commentary-form .comments__commentary-form-container{
    width: 100%!important;
}

.bg_uslugi_delail_reviews .reviews_detail_uslugi{
    display: flex;
}
.bg_uslugi_delail_reviews .comments .comments__title{
    font-weight: 700;
    font-size: 64px;
    line-height: 120.5%;
    color: #000000;
}
.bg_uslugi_delail_reviews .comments_none{
    padding: 20px 0 10px 0;
    font-size: 18px;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-like-dislike{
    position: relative;
    width: 80px;
    margin: 0 0 0 auto;
}
.bg_uslugi_delail_reviews .comments_title_star{
    display: flex;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 142%;
    color: #222222;
    padding-right: 20px;

}
.bg_uslugi_delail_reviews .comments_time_like{
    display: flex;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-text{
    margin: 15px 0 15px 41px;
    font-weight: 400;
    font-size: 16px;
    line-height: 156%;
    color: #000000;

}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment{
    border: none;
    background: none;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment-commentary{
    border: none;
    background: none;
}
.bg_uslugi_delail_reviews .comments_time{
    font-weight: 500;
    font-size: 14px;
    line-height: 137%;
    color: #787878;
    margin-left: 41px;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-photo{
    border: none;
    width: 70px;
    height: 70px;
    background: #FFFFFF;
    margin:0 20px 0 0;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-photo span{
    font-weight: 500;
    font-size: 36px;
    line-height: 142%;
    transform: translate(-11px,-27px);
    color: #D4DFE6;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-rate .fas{
    font-size: 15px;
}
.comments .comments__comment-list .comments__comment-commentary .comments__commentary-control{
    padding: 0!important;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment-commentary .comments__commentary-control .comments__commentary-btn{
    font-weight: 500;
    font-size: 14px;
    line-height: 137%;
    color: #3246FD;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment-commentary .comments__commentary-control .comments__commentary-btn label{
    padding-left: 15px
}
.bg_uslugi_delail_reviews .review_count_leght{
    display: flex;
    margin-bottom: 10px;
}
.bg_uslugi_delail_reviews .review_count_leght .line_review{
    width: 330px;
}
.bg_uslugi_delail_reviews .review_count_leght .line_review div{
    background: #3246FD;
    border-radius: 36px;
    height: 10px;
}

.bg_uslugi_delail_reviews .reviews__new-review{
    height: 310px;
    background: #FFFFFF;
    border-radius: 10px;
    width: 480px;
    padding: 40px;
}
.reviews_detail_uslugi .nonerew{
    padding: 16px 0!important;
    margin: 4px 0 0 0!important;
    background: none;
    height: auto;
}
.bg_uslugi_delail_reviews .open_form{
    height: auto!important;
}
.bg_uslugi_delail_reviews .reviews_count{
    font-size: 20px;
    line-height: 25px;
    align-items: center;
    text-align: center;
    font-weight: 500;
    margin: 0 auto;
    position: relative;
    padding-bottom: 40px;
}
.comment_input_detail_service{
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}
.comments__commentary-name{
    width: 50%;
}
.comments__commentary-name input{
    height: 50px;
}
.coment_detail_review_title{
    font-weight: 700;
    font-size: 36px;
    line-height: 107.5%;
    color: #000000;
    padding-bottom: 32px;
}
.bg_uslugi_delail_reviews .reviews_count svg{
    transform: translate(0px,4px);
}
.bg_uslugi_delail_reviews .star_review{
    padding-right: 9px;
}
.bg_uslugi_delail_reviews .reviev_review{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    width: 41px;
}
.bg_uslugi_delail_reviews .review_count_leght .line_review div{
    margin-top: 7px;

}
.bg_uslugi_delail_reviews .percent_review{
    width: 60px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.bg_uslugi_delail_reviews .count_review{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.bg_uslugi_delail_reviews .zero .line_review{
    width: 10px!important;
}
.bg_uslugi_delail_reviews .zero .line_review div{
    width: 10px!important;
    background: #E5E5E5;
    border-radius: 36px;
}
.bg_uslugi_delail_reviews .zero .percent_review{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #B7B7B7;
}
.bg_uslugi_delail_reviews .zero .count_review{
    display: none
}
.bg_uslugi_delail_reviews .product-card__product-content .product-content__reviews .reviews__new-review .new-review__btn{
    background: #3246FD;
    border-radius: 5px;
    width:226px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 30px auto 0 auto;
    position: relative;
    display: block!important;
}

.bg_uslugi_delail_reviews .comments .comments__comment-list{
   margin: 0;
}


@media (max-width: 1200px) {
    .bg_uslugi_delail_reviews .reviews__new-review{
        width: 300px;
    }
    .bg_uslugi_delail_reviews .review_count_leght .line_review {
        width: 148px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list {
        width: 94%;
    }
}

@media (max-width: 1000px) {
    .bg_uslugi_delail_reviews .reviews_detail_uslugi{
        flex-direction: column-reverse;
    }
    .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-like-dislike .comments__comment-dislike span {
        float: right;
        padding-right: 11px;
    }
}
@media (max-width: 700px) {
    .reviews__item-content{
        width: calc(100% - 56px);
    }
    .reviews__item-content p{
        word-break: break-word;
    }
    .reviews__button{
        width: 100%;
        display: block;
        text-align: center;
        padding: 16px 0;
    }
    .container {
        width: calc(100% - 40px)!important;
    }
    .bg_uslugi_delail_reviews .reviews__new-review{
        width: 100%;
        padding: 0;
        height: auto;
    }
    .reviews_detail_uslugi .reviews__new-review_all{
        padding: 32px 20px 0 20px;
    }
    .bg_uslugi_delail_reviews .review_count_leght .line_review {
        width: 102%;
    }
    .bg_uslugi_delail_reviews .product-card__product-content .product-content__reviews .reviews__new-review .new-review__btn{
        margin-bottom: 36px;
    }
    .comment_reviews_detail_uslugi{
        margin-top: 40px;
    }
    .bg_uslugi_delail_reviews .comments .comments__title{
        font-size: 36px;
    }
    .bg_uslugi_delail_reviews .reviews_count{
        font-size: 18px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-photo{
        width: 44px;
        height: 44px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-photo span{
        font-size: 22px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-title{
        font-size: 18px;
    }
    .bg_uslugi_delail_reviews .comments_title_star{
        display: block;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-rate .fas {
        font-size: 12px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-text{
        font-size: 14px;
        margin: 15px 0 15px -48px;
    }
    .bg_uslugi_delail_reviews .comments_time {
        margin-left: -48px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-like-dislike{
        display: none;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment-commentary{
        padding-left: 0;
    }
    .comments .comments__comment-list .comments__comment-commentary .comments__commentary-control{
        padding: 0!important;
    }

    .bg_uslugi_delail_reviews .product-card__product-content .product-content__reviews .reviews__new-review .new-review__btn{
        width: 86%;
        padding: 15px 0 12px 0!important;
        text-align: center;
    }
}
@media (max-width: 500px) {
    .bg_uslugi_delail_reviews .review_count_leght .line_review {
        width: 47%;
    }
}


.bg_uslugi_delail_reviews .comment_service_btn{
    background: #3246FD;
    border-radius: 5px!important;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.coment_detail_review_title_up{
    display: flex;
}
.comments__commentary-cancel-btn_review{
    position: relative;
    margin: 0 0 0 auto;
    cursor: pointer;
}
.comments__commentary-cancel-btn_review svg{
    transform: translate(0px,10px);
}
.politic-block a {
    color: #3246FD;
    text-decoration: none;
}
  .service_order_form label .new-review__check-box > i {
    color: #3246FD;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 20px;
    left: 3.5px;
}
 .service_order_form label .new-review__check-box > i {
    display: none;
    top: 3px;
    left: 3px;
    position: absolute;
    font-size: 9px;
    color: #77b97e;
}
label .new-review__check-box {
    color: #F0F2FF;
    background: #F0F2FF;
    border: 1px solid #F0F2FF;
    border-radius: 30px;
    width: 18px;
    height: 18px;
}
 label input:checked ~ .new-review__check-box > i {
    display: inline;
}
.politic-block label {
    font-weight: 400;
    font-size: 14px;
    line-height: 137%;
    color: #000000;
}
 .service_order_form{
    border: none!important;
    background: none!important;
    box-shadow: none!important;
     padding: 0!important;
}
 .service_order_form .politic-block{
    margin-top:12px  ;
}
.block_down_comment_service{
    display: flex;
}
 .politic-block{
    width: 55%;
}
 .comments__commentary-form-btns{
    margin-top: 12px;
}
 .service_order_form label .new-review__check-box {
    color: #F0F2FF;
    background: #F0F2FF;
    border: 1px solid #F0F2FF;
    border-radius: 30px;
    width: 18px;
    height: 18px;
}

 .service_order_form label .new-review__check-box > i {
    color: #3246FD;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 20px;
    left: 3.5px;
}
 .input_field_wrap{
    font-weight: 400;
    font-size: 14px;
    line-height: 137%;
    color: #000000;
}
.bg_uslugi_delail_reviews .input_field_wrap a{
    text-decoration: none;
    color: #3246FD;
}
.comment_review_service_title{
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 107.5%;
    text-align: center;
    color: #000000;}

.comment_review_service_text{
padding: 24px 0 30px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 156%;
    text-align: center;
    color: #787878;
}
.comment_review_service_btn{
    position: relative;
    margin: 0 auto;
    padding: 16px 0px;
    width: 115px;
    text-align: center;
    background: #3246FD;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
}
.coment_close_service{
    display: none;
}
.reviews_detail_uslugi .service_order_form{
    background: #ffffff;
    border-radius: 5px;
}
.comment_back_service{
    background: #ffffff;
    border-radius: 5px;
    padding: 50px 0 60px 0;
}

.modal_window_detail_service .lightbox_window_footer{
    display: block;
}
.modal_window_detail_service .modal_window_detail_service_title{
    font-weight: 700;
    font-size: 36px;
    line-height: 107.5%;
    color: #000000;
    padding: 50px 0 25px 0;
}
.modal_window_detail_service .modal_window_detail_service_text{
    font-weight: 500;
    font-size: 16px;
    line-height: 156%;
    text-align: center;
    color: #787878;
    padding-bottom: 30px;
}
.modal_window_detail_service .btn-default{
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 115px;
    padding: 16px 0;
    background: #3246FD;
    border-radius: 5px;
    position: relative;
    margin: 0 auto 60px auto;
}

.reviews__box-right form{
    display: none;
}

.open_form form{
    display:block;
}


.new-review__form 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;
}

.new-review__form 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;
}
.new-review__form{
    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 18px;
}
.new-review__form .new-review__text {
    margin: 15px 0 0 0;
}
.new-review__form{
    margin-top: 30px;
}
.new-review__form .new-review__person-info {
    display: block;
    position: relative;
    margin: 15px 0 0 0;
}
.new-review__form  .new-review__col {
    display: inline-block;
    width: 50%;
    padding: 0 0 0 10px;
    box-sizing: border-box;
}
.new-review__form .new-review__col:first-of-type {
    padding: 0 10px 0 0;
}
.new-review__form .new-review__cancel-btn {
    display: inline-block;
    position: relative;
    left: 23px;
    padding: 15px 0;
    color: #1278b7;
    cursor: default;
    text-transform: uppercase;
    font-size: 14px;
}
.new-review__form .new-review__send-btn {
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    float: right;
    padding: 15px 17px;
    border-radius: 30px;
    background-color: #1278b7;
    color: #ffffff;
    cursor: default;
}
.new-review__form .new-review__checkbox-label {
    padding: 0 0 0 25px;
    font-size: 13px;
    letter-spacing: 0.13px;
    line-height: 20px;
}



.new-review__checkbox-block label input:checked ~ .new-review__check-box > i {
    display: inline;
}
.new-review__check-box > i {
    display: none;
    top: 4px;
    left: 4px;
    position: absolute;
    font-size: 9px;
    height: 8px;
    width: 8px;
    color: #3246FD;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 20px ;
}
.new-review__checkbox-label{
    padding-left: 25px;
    display: block;
    text-align: left;
    width: 80%;
}
.callback-form_footer .callback-form__checkbox-label{
    position: relative;
}
.new-review__check-box {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #F0F2FF;
    border: 1px solid #F0F2FF;
    color: #F0F2FF;
    border-radius: 9px;

}
.new-review__checkbox-label input {
    display: none;
}
.new-review__checkbox-label input:checked ~ .new-review__check-box > i {
    display: inline;
}

.new_reviews__button {
    border-radius: 10px;
    border: 2px solid #3246FD;
    padding: 18px 30px;
    color: #3246FD;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    margin-left: 20px;
}

.reviews__title {
    color: #181818;
    font-size: 52px;
    font-weight: 700;
    line-height: 120.5%;
}

.reviews__box .reviews__box-left {
    height: 1015px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 15px;
}

.reviews__wrapp {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.reviews.bg_uslugi_delail_reviews {
    padding: 50px 0 50px;
    background: none;
}
/* End */


/* Start:/local/templates/port_2021/components/bitrix/form.result.new/uslugi_form_info_2024/style.css?17926507923738*/
/*----------------------------------INFORMATION-----------------------------------*/

.information {
	padding: 0px 0 0;
}

.information-bg {
	height: 336px;
	background: #3246FD;
	z-index: -1;
	margin-top: -190px;
}

.information__wrapper {
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	display: flex;
	border-radius: 10px;
	width: 100%;
	height: 456px;
	color: #7A7A7A;
}

.information__img-man {
	background-image: url("/upload/img/information-man.png");
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: 0;
	width: 547px;
	height: 397px;
	align-self: flex-end;
	margin: 0 134px 0 85px;
}

.information__content {
	padding: 60px 0;
}

.information__content-title {
	color: #222;
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 16px;
}

.information__content-text {
	font-size: 16px;
	font-weight: 500;
	line-height: 145%;
	max-width: 480px;
}

.information__form {
	margin: 24px 0 20px;
	height: 76px !important;
}

.information__form-top {
	margin: 24px 0 20px;
	display: flex;
	gap: 12px;
}

.information__form input {
	padding: 16px 18px 16px 15px;
	border-radius: 5px;
	border: 1px solid #A1A1A1;
	background: #FFF;
	color: #7C7C7C;
	font-size: 18px;
	max-height: 53px;
	max-width: 259px;
}

.information__form input::placeholder {
	color: #7C7C7C;
	font-size: 18px;
	line-height: 164%;
}

.information__form-btn {
	border-radius: 5px;
	background: #FFF;
	border: 2px solid #3246FD;
	padding: 16px 23px;
	color: #3246FD;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	cursor: pointer;
}

.information__socials {
	margin-top: 12px;
	display: flex;
	gap: 10px;
}

.information__socials-item {
	cursor: pointer;
}

.information__socials div svg path {
	transition: all 0.3s;
}

.information__socials div:hover svg path {
	opacity: 0.8;
}

@media (max-width: 1500px) {
	.information__img-man {
		margin: 0 60px 0 85px;
	}
}


@media (max-width: 1400px) {
	.information__wrapper {
		height: 469px;
	}

	.information__img-man {
		background-position-x: -10px;
		flex-shrink: 0;
	}

	.information__content {
		padding: 47px 0 0;
	}
}

@media (max-width: 1300px) {
	.information__img-man {
		width: 481px;
		height: 349px;
		background-size: 481px 349px;
		background-position-x: 0;
		background-position-y: 0;
		flex-shrink: 0;
		margin: 0 29px 0 0;
	}

}


@media (max-width: 1199px) {
	.information__img-man {
		width: 431px;
		height: 299px;
		background-size: 431px 299px;
	}

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

@media (max-width: 991px) {
	.information {
		padding: 20px 0 30px;
	}

	.information__wrapper {
		display: flex;
		flex-direction: column;
		gap: 24px;
		height: auto;
		padding: 40px;
	}

	.information__img-man {
		display: none;
	}

	.information__content {
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

	.information__content-title {
		max-width: 100%;
	}

	.information__content-text {
		max-width: 100%;
	}

	.text__br {
		display: none;
	}

}

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

	.information__wrapper {
		padding: 40px 20px 49px;
		border-radius: 0;
	}

	.information__content-title {
		font-size: 28px;
	}

	.information__form {
		width: 100% !important;
		height: auto !important;
		margin: 20px 0 0;
	}

	.information__form-top {
		flex-direction: column;
		gap: 8px;
	}

	.information__form input[type="text"] {
		width: 100%;
		max-width: 100%;
	}

	.information__form .ofd-help__form-label,
	.information__form .ofd-help__form-label a {
		line-height: 20px;
	}

	.information__form-btn {
		width: 100%;
		text-align: center;
		background: #3246FD;
		color: #FFF;
	}
}


/*----------------------------------/INFORMATION-----------------------------------*/
/* End */
/* /local/templates/port_2021/components/bitrix/news/service_center_2024/bitrix/news.list/service_into_1c_support/style.css?179195312840729 */
/* /local/templates/port_2021/components/bitrix/news/service_center_2024/bitrix/news.list/service_into_1c_support/restyle.css?179265079231959 */
/* /local/templates/port_2021/components/bitrix/form.result.new/uslugi_form_cons_2024/style.css?17926507925328 */
/* /local/templates/port_2021/components/bitrix/news.list/service_questions_2022/style.css?17828715805601 */
/* /local/components/custom/reviews_main_2018/templates/service_2026/style.css?179195312819488 */
/* /local/templates/port_2021/components/bitrix/form.result.new/uslugi_form_info_2024/style.css?17926507923738 */
