/* Start:/bitrix/templates/main/components/bitrix/news/news/bitrix/news.detail/modules-articles/style.css?177876732818795*/
#bx-panel {
    /* display: none !important; */
}

.pt-60 {
    padding-top: 60px;    
}

.pb-60 {
    padding-bottom: 60px;
}

div.news-detail img.detail_picture {
    float: left;
    margin: 0 8px 6px 1px;
}

.news-date-time {
    color: #486DAA;
}

.post-title-n {
    position: absolute;
    right: 20px;
}

.articles {
    text-align: justify;
}

.block-content__date_wrap {
    margin: 15px 0;
}

.block-content__date_str {
    display: inline-flex;
    align-items: center;
    color: #787878;
}

/* main .bx-breadcrumb {
    top: 200px !important;
    left: calc(20% - 104px) !important;
    z-index: 9;
}
@media (max-width: 768px) {
    main .bx-breadcrumb {
        top: 160px !important;
        left: 30px !important;
    }
} */

main .article-detail__box-main .bx-breadcrumb {
    position: inherit;
    margin-bottom: 70px;
}
@media (max-width: 576px) {
    main .article-detail__box-main .bx-breadcrumb {
        margin-bottom: 50px;
    }
}
@media (max-width: 375px) {
    main .article-detail__box-main .bx-breadcrumb {
        margin-bottom: 60px;
    }
}

.article-detail__box-main {
    width: 100%;
}


.block-second-banner {
    padding: 180px 0 60px 0;
}
@media (max-width: 768px) {
    main .block-second-banner {
        padding: 170px 0 30px 0;
        height: auto !important;
    }
    main .block-second-banner .article-detail__box-main h1 {
        font-family: 'Stem';
        font-style: normal;
        font-weight: 700;
        font-size: 52px;
        line-height: 140%;
        color: #FFFFFF;
        max-width: 100%;
    }
}
@media (max-width: 576px) {
    main .block-second-banner {
        padding: 180px 0 30px 0;
    }
    main .block-second-banner .article-detail__box-main h1 {
        font-weight: 700;
        font-size: 32px;
    }
}
@media (max-width: 375px) {
    main .block-second-banner {
        padding: 140px 0 30px 0;
    }
}

.block-second-banner .block-content {
    display: flex;
    align-items: flex-end
}
@media (max-width: 768px) {
    .block-second-banner .block-content .article-detail__box-main {
        width: 100%;
    }
}


.block-second-banner h1 {
    position: inherit !important;
    transform: translateY(0) !important;
    margin-bottom: 50px !important;
}

.block-second-banner.banner-portfolio {
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.article-detail__title h1 {
    font-family: Stem;
    font-style: normal;
    font-weight: 700;
    font-size: 76px;
    line-height: 1;
    color: #fff
}
.article-detail__title h2 {
    font-family: Stem;
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 1;
    color: #fff
}
.article-detail__title h3 {
    font-family: Stem;
    font-style: normal;
    font-weight: 700;
    font-size: 46px;
    line-height: 1;
    color: #fff
}
.article-detail__title h4 {
    font-family: Stem;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    color: #fff
}
.article-detail__title h5, .article-detail__title h6 {
    font-family: Stem;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 1;
    color: #fff
}

.article-detail__box-main .bottom_form_service {
    margin: 40px 0 60px 0;
    padding: 0
}

.post-full .bottom_form_service .border_bottom_form  .bottom_form_title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    padding-top: 0;
}

.post-full .bottom_form_service .border_bottom_form .blocks {
    align-items: center;
}

.post-full .bottom_form_service .border_bottom_form input.input_name, .post-full .bottom_form_service .border_bottom_form input.input_phone {
    background: transparent;
    border: 1px solid #D9D9D9;
    padding: 15px 10px 15px 15px;
}

.post-full .bottom_form_service .border_bottom_form input.input_name::placeholder, .post-full .bottom_form_service .border_bottom_form input.input_phone::placeholder {
    color: #A9A9A9;
}

.post-full .bottom_form_service .border_bottom_form .checkbox__text:before {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    top: 6px;
    left: 7px;
    background: transparent;
}

.post-full .bottom_form_service .border_bottom_form .checkbox__text:after {
    left: 10px; 
}

.post-full .bottom_form_service .border_bottom_form .checkbox__text {
    margin-top: 0;
}
.post-full .bottom_form_service .border_bottom_form .checkbox__text a {
    color: #333;
}

.post-full .bottom_form_service .border_bottom_form input[type="submit"] {
    text-transform: none;
    font-family: 'Stem';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}
@media (max-width: 1300px) {
    .post-full .bottom_form_service .border_bottom_form input[type="submit"] {
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    main .post-full .bottom_form_service .border_bottom_form .blocks .block {
        width: 100%;
    }

    main .post-full .bottom_form_service .border_bottom_form input[type="submit"] {
        width: 100%;
    }

    .post-full .bottom_form_service .border_bottom_form .bottom_form_title {
        text-align: center;
        margin: 0;
    }

    .post-full .bottom_form_service .border_bottom_form .bottom_form_title span b {
        display: inline-block;
        margin: 0 0 10px 0;
    }

    main .post-full .article-detail__box-main .bottom_form_service {
        margin: 30px 0 0 0;
    }

    main .post-full .bottom_form_service .border_bottom_form {
        margin-bottom: 0;
    }
}




.post-full .block-content.articles .prices-table {
    gap: 0;
}
.post-full .block-content.articles .prices-table-column {
    width: 33.333333%;
    gap: 0;
}
.post-full .block-content.articles .prices-table-row {
    gap: 0;
    border: 1px solid #eee;
    border-top: 0;
    border-right: 0;
}

.post-full .block-content.articles .prices-table-column:last-child {
    border-right: 1px solid #eee;
}


.post-full .block-content.articles .prices-table .prices-table-column:first-child .prices-table-row {
    font-weight: 700;
    background: #F5F5F5;
}
.post-full .block-content.articles .prices-table .prices-table-column:first-child .prices-table-row:first-child {
    background: #F04248;
}
.post-full .block-content.articles .prices-table .prices-table-column:last-child .prices-table-row:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px;
}

.article-detail__list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 60px;
    list-style: none;
    margin: 0 0 0 24px;
    padding: 0
}
@media (max-width: 768px) {
    .article-detail__list ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        margin: 0;
    }
}

.article-detail__list ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 14px;
}

@media (max-width: 768px) {
    .article-detail__list ul li {
        position: relative;
        margin-bottom: 10px;
        margin-left: 25px;
    }
}

.article-detail__list ul li a {
    font-family: Stem;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dashed #fff;
    transition: all .3s ease
}
@media (max-width: 768px) {
    .article-detail__list ul li a {
        font-size: 16px;
    }
}

.article-detail__list ul li a:hover {
    border-bottom: 1px dashed transparent
}

.article-detail__list.icons-red--right ul li::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    /* transform: translate(-20px, 6px); */
    position: absolute;
    left: -24px;
    top: 0px;
    background-position: center !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_820_63)'%3E%3Cpath d='M17.9841 13.182C17.4305 13.7356 14.7353 16.431 14.1345 17.0317C13.7531 17.4131 13.1347 17.413 12.7534 17.0317C12.372 16.6503 12.372 16.032 12.7534 15.6506L14.9275 13.4766H7.68227C7.14292 13.4766 6.70571 13.0394 6.70571 12.5C6.70571 11.9606 7.14292 11.5234 7.68227 11.5234H14.9275L12.7535 9.34941C12.3721 8.96802 12.3721 8.34966 12.7535 7.96831C13.1349 7.58696 13.7532 7.58691 14.1346 7.96831C14.6655 8.49927 17.4639 11.2977 17.9833 11.8171C18.3563 12.1991 18.3528 12.8045 17.9841 13.182ZM25 7.24473V17.7553C25 21.0941 22.7358 22.7897 22.589 22.9978C21.2979 24.289 19.5812 25 17.7553 25H7.24473C5.41875 25 3.70205 24.2889 2.41099 22.9978C2.26587 22.7921 0 21.0945 0 17.7553V7.24473C0 3.90586 2.26421 2.21025 2.41104 2.0022C3.70205 0.711084 5.41875 0 7.24473 0H17.7553C19.5812 0 21.2979 0.711084 22.589 2.00225C22.7341 2.20791 25 3.90552 25 7.24473ZM23.0469 7.24473C23.0469 4.798 21.3564 3.58979 21.2079 3.3833C20.2857 2.46104 19.0595 1.95312 17.7553 1.95312H7.24473C5.94048 1.95312 4.71431 2.46099 3.79209 3.38325C3.63823 3.59722 1.95312 4.78501 1.95312 7.24473V17.7553C1.95312 20.202 3.6436 21.4102 3.79209 21.6167C4.71431 22.539 5.94048 23.0469 7.24473 23.0469H17.7553C19.0595 23.0469 20.2857 22.539 21.2079 21.6167C21.3618 21.4028 23.0469 20.215 23.0469 17.7553V7.24473Z' fill='%23F04248'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_820_63'%3E%3Crect width='25' height='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}
@media (max-width: 768px) {
    .article-detail__list.icons-red--right ul li::before {
        position: absolute;
        top: 2px;
        left: -25px;
    }
}


.articles__infocontent {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    grid-template-areas: 
    "img cont";
}
@media (max-width: 768px) {
    .articles__infocontent {
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px;
        grid-template-areas: 
        "img" 
        "cont";
    }
}

.articles__infocontent.left {
    grid-template-areas: 
    "img cont";
}
@media (max-width: 768px) {
    .articles__infocontent.left {
        grid-template-areas: 
        "img" 
        "cont";
    }
}

.articles__infocontent.right {
    grid-template-areas: 
    "cont img";
}
@media (max-width: 768px) {
    .articles__infocontent.right {
        grid-template-areas:
        "img"
        "cont";
    }
}

.articles__infocontent_name {
    font-family: 'Stem';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 140%;
    color: #333333;
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .articles__infocontent_name {
        font-family: 'Stem';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 140%;
        color: #333333;
        text-align: left;
    }
}

.articles__infocontent_date {
    font-family: 'Stem';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: #333333;
}

.articles__infocontent_date-value {
    display: inline-flex;
    margin-left: 10px;
}

.articles__infocontent--bot {
    margin-top: 40px;
}

.articles__infocontent_text p, .articles__infocontent--bot p {
    font-family: 'Stem';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #333333;
}
@media (max-width: 768px) {
    .articles__infocontent_text p, .articles__infocontent--bot p {
        font-size: 14px;
    }
}

.articles__infocontent_text ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.articles__infocontent_text p:first-child, .articles__infocontent--bot p:first-child {
    margin-top: 0;
}
.articles__infocontent_text p:last-child, .articles__infocontent--bot p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    /* .articles__infocontent {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        grid-template-areas: 
        "cont img";
    } */
}

.column1 {
    grid-area: img;
}
.column2 {
    grid-area: cont;
}

.articles__gridstands {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
    .articles__gridstands {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 576px) {
    .articles__gridstands {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}


.articles__block_name,
.articles__block_name h2,
.articles__block_name h3,
.articles__block_name h4,
.articles__block_name h5 {
    font-family: 'Stem';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 140%;
    color: #333333;
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .articles__block_name,
    .articles__block_name h2,
    .articles__block_name h3,
    .articles__block_name h4,
    .articles__block_name h5 {
        font-family: 'Stem';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 140%;
        color: #333333;
        text-align: left;
    }
}

.articles__gridstands_item {
    border: 1px solid #fff;
    text-decoration: none;
}

.articles__gridstands_img {
    background-size: 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .3s ease-in-out;
    height: 350px;
}
@media (max-width: 1200px) {
    .articles__gridstands_img {
        background-size: cover !important;
    }
}

.articles__gridstands_item:hover .articles__gridstands_img {
    background-size: 103% !important;
}

.articles__gridstands_btn-red {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 25px 0;
    background: #F04248;
    transition: all .3s ease-in-out;
}

.articles__gridstands_btn-red span {
    font-family: 'Stem';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

.articles__gridstands_item:hover .articles__gridstands_btn-red {
    opacity: .9;
}

.article-form-img-bg {
    position: relative;
    background: url('/bitrix/templates/main/components/bitrix/news/news/bitrix/news.detail/.default/images/form-bg/article-form-img-bg.png');
    padding: 40px 0;
    background-size: cover;
}


.article-form-img-bg::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: #00000099;
    position: absolute;
    top: 0;
    left: 0;
}

.block-content.articles .bottom_form_service {
    padding: 0;
}


.development-stages {

}

.development-stages__list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 0;
    padding: 0;
}

.development-stages__list li {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 20px;
}


.development-stages__count {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: #F04248;
    color: #fff;
    font-family: 'Stem';
    font-style: normal;
    font-weight: 700;
    font-size: 96px;
    line-height: 0.6;
    text-align: center;
}

.development-stages__list li:nth-child(2n) .development-stages__count {
    background: #333;
}

.development-stages__name {
    font-family: 'Stem';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    color: #333;
}

.development-stages__desc p {
    font-family: 'Stem';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #333;
    margin-bottom: 0;
}


.purchase-options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
@media (max-width: 768px) {
    .purchase-options {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
}


.purchase-options__column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
    border-left: 8px solid #F04248;
    padding-left: 20px;
}

.purchase-options .purchase-options__column:nth-child(2n) {
    border-left: 8px solid #333;
    padding-left: 20px;
}
.purchase-options__name {
    font-family: 'Stem';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    color: #333333;
}
.purchase-options__desc {
    font-family: 'Stem';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #333333;
}

#section-1 .articles__infocontent_text p, #section-1 .articles__infocontent--bot p {
    font-family: 'Stem';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 140%;
    color: #333333;
}
@media (max-width: 768px) {
    #section-1 .articles__infocontent_text p, #section-1 .articles__infocontent--bot p {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    #section-13 {
        padding-bottom: 0;
    }
    #section-14 {
        padding-bottom: 30px;
    }
}

.block-content.articles .view-more a {
    display: inline-block;
    border: 2px solid #F04248;
    padding: 10px 50px;
    text-decoration: none;
    color: #F04248;
}
@media (max-width: 768px) {
    .block-content.articles .view-more {
        margin-top: -15px;
        padding-top: 40px;
    }

    .block-content.articles .view-more a {
        width: 100%;
        text-align: center;
    }
}

.block-content.articles .view-more a:hover {
    display: inline-block;
    border: 2px solid #333;
    padding: 10px 50px;
    text-decoration: none;
    color: #333;
}

@media (max-width: 768px) {
    .post-full form {
        padding: 30px;
    }

    .bx-breadcrumb {
        top: 0;
        left: 0;
    }
}


@media (max-width: 768px) {
    #section-3 .articles__infocontent.right, #section-8 .articles__infocontent.left {
            grid-template-areas:
            "cont"
            "img";
        }
}

@media (max-width: 768px) {
    .section-row.pb-60.pt-60 {
        padding: 30px 0;
    }
}
@media (max-width: 768px) {
    main .post-full .block-content.articles .module-portfolio-list {
        padding: 0 0 30px 0;
    }
}

@media (max-width: 768px) {
    main .post-full .module-portfolio-list .row .cell .content {
        display: none;
    }
}

.block-content.articles .articles__block_name h2 {
    font-family: 'Stem';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 140%;
    color: #333333;
}
@media (max-width: 768px) {
    .block-content.articles .articles__block_name h2 {
        font-size: 30px;
    }
}
@media (max-width: 576px) {
    .block-content.articles .articles__block_name h2 {
        font-size: 24px;
    }
}

@media (max-width: 1300px) {
    .prices-table-wrapper {
        overflow: auto;
    }
}


/* End */


/* Start:/bitrix/templates/main/components/bitrix/breadcrumb/main/style.min.css?1680795940448*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */
/* /bitrix/templates/main/components/bitrix/news/news/bitrix/news.detail/modules-articles/style.css?177876732818795 */
/* /bitrix/templates/main/components/bitrix/breadcrumb/main/style.min.css?1680795940448 */