

/* Start:/local/templates/main/components/bitrix/news.list/bonus/style.css?17507133865875*/
.bonus-container {
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 180px 35px 35px 30px;
    background: white url("/local/templates/main/components/bitrix/news.list/bonus/bonus.png");
    width: 100%;
    background-repeat: no-repeat;
    background-position: center 20px;
    transition: all .3s ease-in-out;
}

.bonus-container:hover {
    /*transform: scale(1.1);*/
}

.bonus-list {
    display: flex;
    gap: 30px;
    margin-top: 30px;

}

.bonus-name {
    font-family: Open Sans;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 30px;

}

.bonus-txt {
    color: #616161;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;

    text-underline-position: from-font;
    text-decoration-skip-ink: none;


}

.bonus-list .owl-nav {
    top: 100%;
}

.bonus-list .owl-next {
    left: 90px;
    right: auto;
}

.bonus-list .owl-next span, .bonus-list .owl-prev span {
    display: none;
}
.mod-sphere {
    position: relative;
    padding-bottom: 80px;
    margin-top: -60px;
}

.block-0 {
    grid-area: block-0;
}

.block-1 {
    grid-area: block-1;
}

.block-3 {
    grid-area: block-3;
}

.block-4 {
    grid-area: block-4;
}

.block-5 {
    grid-area: block-5;
}

.block-6 {
    grid-area: block-6;
}

.block-0 .bg {
    top: 0;
    left: 0;
}

.block-1 .bg {
    top: 0;
    left: -8px;
}

.block-3 .bg {
    top: 0;
    left: -12px;
}

.block-4 .bg {
    top: -10px;
    left: -78px;
}

.block-5 .bg {
    top: -5px;
    left: -76px;
}

.block-6 .bg {
    top: -11px;
    left: 0;
}

.block-0 p {
    padding: 50px 50px 50px 70px;
}

.block-1 p {
    padding: 50px 40px 50px 80px;
}

.block-3 p {
    padding: 50px 50px 50px 70px;
}

.block-4 p {
    padding: 45px 50px 50px 35px;
}

.block-5 p {
    padding: 50px 80px 50px 50px;
}

.block-6 p {
    padding: 50px 80px 50px 70px;
}


.puzzle-block {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
    "block-0 block-1 block-3"
    "block-6 block-5 block-4";
}

.puzzle-block > div {
    height: 280px;
    text-align: center;
    position: relative;
    padding-top: 45px;

}

.puzzle-block .bg {
    position: absolute;


}

.puzzle-block .bg path {
    fill: transparent;

}

.puzzle-block .bg.active path {
    fill: #0a53be;

}

.puzzle-block .block-4 .bg.active path {
    fill: transparent;

}

.puzzle-block .icon {
    height: 65px;

}

.puzzle-block p {
    position: absolute;
    top: 0;
    opacity: 0;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF;

}

.puzzle-block p.active {
    opacity: 1;
    visibility: visible;


}

.puzzle-block .title {
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0C5ADB;
    margin-top: 30px;
}


.puzzle_wrapper.puzzle_wrapper_licenze{

    bottom:-162px;

    right:3%;
    z-index:1
}
.puzzle_wrapper.puzzle_wrapper_licenze img{
    object-fit: contain;
}

#mod-context-cases .main-title {
    margin-top: -100px;
}

#mod-context-cases {
    padding-bottom: 200px;
}

.dop_img {
    position: absolute;
    top: 0;
    width: auto !important;

}

.ny-integtation .owl-nav {
    top: 80%
}

.ny-integtation .owl-next {

    position: absolute;
    left: 120px;
}

.module-desc {
    font-family: Open Sans;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
    color: #616161;
    margin-bottom: 20px;
}

.module-p {
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #616161;
}

.mod-websites-banner .text-wrap {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: -32px;
}

@media (max-width: 768px) {
    .bonus-container {

        border-radius: 30px;
        margin-bottom: 20px;
    }
    .mod-sphere {
        margin-top: 40px;
    }
        .module-desc {
        font-family: Open Sans;
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;


    }
        .module-p {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }


    .mod-websites-banner .owl-carousel {
        padding-bottom: 40px;
    }

    .mod-websites-banner .btn svg {
        margin-left: 8px;
    }

    .mod-websites-banner .btn {
        padding: 20px 0;
        text-align: center !important;
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        width: 346px;
        display: flex;
        gap: 10px;
        box-shadow: 0px 5px 15px 0px #34578B4D !important;
        justify-content: center;
    }

    .mod-websites-banner .breadcrumb {
        display: none !important;
    }

    .mod-websites-banner .text-wrap {
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin-top: 72px;
    }
}


/*slider, ny_buy*/

.tab-pane{
    z-index: 10;
    position: relative;
}

/* End */


/* Start:/local/templates/main/components/bitrix/infoportal.element.add.form/quickform/style.css?17328033951989*/
.form_title {
    font-family: Open Sans;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin: 0 auto 30px;
    max-width: 70%;
}

.form_desc {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}

.hint {
    display: none;
}

.hint + .input-error {
    display: block;
}

#smphone {
    background: #E8F0FB;
    border: none;
    outline: none;
    width: 100%;
    line-height: 60px;
    border-radius: 10px 0 0 10px;
    padding-left: 30px;
}

#smsubmit {

    color: white;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 60px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    border: none;
    outline: NONE;
    border-radius: 0 10px 10px 0;
    background: #0C5ADB url("/local/templates/main/components/bitrix/infoportal.element.add.form/quickform/24.svg") no-repeat 90% center;
    padding: 0 80px 0 30px;

}


.quick_form{
    margin-bottom: 120px
}



.wrap_form {
    display: flex;
    max-width: 750px;
    margin: 40px auto;
    justify-content: space-between;
}

@media (max-width: 900px) {
    .wrap_form{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    #smphone {
        border-radius: 10px;
    }

    #smsubmit {


        border-radius: 10px;


    }
    .quick_form{
        margin-bottom: 20px
    }
    .mod-websites-banner {
        padding-bottom: 20px;
    }
    .form_title {
        font-family: Open Sans;
        font-size: 30px;
        font-weight: 700;
        line-height: 36px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        max-width: none;

    }

}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/crm_spheres/style.css?17238185871629*/
.mod-spheres {
    margin-bottom: 105px;
    margin-top: -70px;
}

.mod-spheres .title {
    font-size: 45px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 20px;
}

.mod-spheres .title span {
    color: #0C5ADB;
}

.mod-spheres .introtext {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #616161;
}

.mod-spheres .wrap {
    display: flex;
    align-items: center;
    height: 100%;
    transition: all .3s ease-in-out;

}
.mod-spheres .wrap:hover {
    transform: scale(1.1);
}
.mod-spheres .wrap img {
    border-radius: 10px 0px 10px 10px;
    background: #0C5ADB;
    padding: 20px;
    width: auto;
    height: 80px;
}

.mod-spheres .wrap .subtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 135%;
    border-radius: 0px 10px 10px 0px;
    background: #fff;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 34px;
}

.mod-spheres .btn {
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .mod-spheres {
        margin-bottom: 0;
        margin-top: 0;
    }

    .mod-spheres .title {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .mod-spheres .introtext {
        font-size: 14px;
        margin-bottom: 50px;
    }

    .mod-spheres .wrap .subtitle {
        font-size: 14px;
        padding: 15px;
        text-align: center;
        justify-content: center;
    }

    .mod-spheres .wrap {
        flex-direction: column;
    }

    .mod-spheres .wrap img {
        width: 100%;
        border-radius: 10px;

    }
}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/cases_inner/style.css?1750261725838*/
.result_txt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
    transition: all 1s  ease;
	font-family: Open Sans;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}
.result_txt h3{
	font-family: Open Sans;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 20px !important;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}
.result_txt.full{
	overflow: visible;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 40;
    -webkit-box-orient: vertical;
padding-bottom:40px;
}

.flex-btn {
  display: flex;
  justify-content: space-between;
  margin-top: 29px !important;
}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/faq/style.css?1745417979691*/
.mod-answer {
    margin-bottom: 100px;
    margin-top: -80px;
    position: relative;
    z-index: 99;
}

.mod-answer .main-title {
    font-size: 45px;
    font-weight: 700;
    line-height: 120%;
}

.mod-answer .accordion-item {
    border-radius: 10px;
    box-shadow: 0px 3px 30px 0px rgba(86, 107, 139, 0.12);
    background: rgb(255, 255, 255);
    padding: 18px 26px;
    cursor: pointer;
    margin-bottom: 10px;
}
.mod-answer .accordion-item .d-flex{
    gap: 10px;
}
.mod-answer .accordion-item .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 125%;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */
/* /local/templates/main/components/bitrix/news.list/bonus/style.css?17507133865875 */
/* /local/templates/main/components/bitrix/infoportal.element.add.form/quickform/style.css?17328033951989 */
/* /local/templates/main/components/bitrix/news.list/crm_spheres/style.css?17238185871629 */
/* /local/templates/main/components/bitrix/news.list/cases_inner/style.css?1750261725838 */
/* /local/templates/main/components/bitrix/news.list/faq/style.css?1745417979691 */
