/* Start:/local/templates/project72/components/bitrix/news.list/courses.all.view/style.css?178409522110856*/
.s-filter-section .sfs-content .sfs-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    width: 100%;
}

.sfs__navpage-container {
    width: 100%;
    height: 50px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.sfs__navpage-container .navpage__button {
    width: 50%;
    height: 50px;
    text-align: center;
    cursor: pointer;
    background: #667EEA;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    border-radius: 14px;
}

.sfs-content .sfs-items .cit-hdr {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.4em * 3);
    /* 3 строки */
}

.s-filter-section .sfs-content>.my-container {
    max-width: 1170px;
    padding-left: 0;
    padding-right: 0;
}

.s-filter-section .sfs-content .sfs-items {
    /* gap: 30px; */
    padding-right: 0;
    column-gap: 30px;
}

.s-filter-section .sfs-content .sfs-items .course-item {
    margin-bottom: 20px;
    max-width: 570px;
}

.s-filter-section .sfs-content .course-item .ci-text .cit-hdr {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #303443;
}

.cit-info-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.cit-info {
    margin-bottom: 0;
}

.cit-hdr-container {
    position: relative;
    z-index: 3;
    margin-top: 15px;
}

.course-item .ci-fav {
    z-index: 5;
    top: 12px;
    right: 15px;
}

.course-item .share-block {
    position: absolute;
    top: 12px;
    right: 53px;
}

.course-item .ci-text {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.course-item .ci-text .cit-btm .cit-price-wrap .cit-pr {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #000000;
    position: relative;
}

.course-item .ci-text .cit-btm .cit-price-wrap .cit-pr::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23488EFB'/%3E%3Cpath d='M5.43 12V4.3H8.598C9.61 4.3 10.4057 4.52 10.985 4.96C11.5717 5.39267 11.865 6.03433 11.865 6.885C11.865 7.72833 11.5717 8.37 10.985 8.81C10.4057 9.24267 9.61 9.459 8.598 9.459H6.222L6.86 8.799V12H5.43ZM4.33 10.856V10.086H9.28V10.856H4.33ZM6.86 8.953L6.222 8.304H8.587C9.17367 8.304 9.62467 8.183 9.94 7.941C10.2627 7.69167 10.424 7.34333 10.424 6.896C10.424 6.44867 10.2627 6.10767 9.94 5.873C9.62467 5.631 9.17367 5.51 8.587 5.51H6.222L6.86 4.806V8.953Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
    position: relative;
    top: 3px;
}

.cit-info .cit-time::before {
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M11.1316 3.3418C6.82838 3.3418 3.34375 6.83423 3.34375 11.1374C3.34375 15.4406 6.82838 18.933 11.1316 18.933C15.4425 18.933 18.935 15.4406 18.935 11.1374C18.935 6.83423 15.4425 3.3418 11.1316 3.3418ZM13.7041 14.8091L10.3598 11.457V7.2396H11.9189V10.8178L14.8111 13.7099L13.7041 14.8091Z' fill='%23488EFB'/%3E%3C/svg%3E") no-repeat center;
    top: -2px;
}

.cit-info .cit-time {
    top: 0;
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #A8A8A8;
}

.course-item .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
    width: 28px;
    height: 28px;
}

.course-item .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1202 19.0232L10.9212 16.7332C10.373 17.3193 9.66119 17.7269 8.87828 17.9031C8.09537 18.0793 7.27756 18.0159 6.53113 17.7212C5.7847 17.4266 5.14417 16.9142 4.69277 16.2507C4.24138 15.5871 4 14.8032 4 14.0007C4 13.1982 4.24138 12.4143 4.69277 11.7508C5.14417 11.0873 5.7847 10.5749 6.53113 10.2802C7.27756 9.98548 8.09537 9.92212 8.87828 10.0983C9.66119 10.2745 10.373 10.6821 10.9212 11.2682L15.1212 8.97821C14.8831 8.03417 14.9975 7.0357 15.4429 6.16997C15.8884 5.30424 16.6342 4.63069 17.5408 4.27557C18.4473 3.92046 19.4522 3.90816 20.3671 4.24098C21.2821 4.57381 22.0442 5.2289 22.5107 6.08347C22.9772 6.93804 23.116 7.93341 22.9011 8.88299C22.6862 9.83257 22.1323 10.6712 21.3433 11.2416C20.5543 11.812 19.5843 12.0751 18.6152 11.9815C17.6462 11.8879 16.7445 11.4441 16.0792 10.7332L11.8792 13.0232C12.0404 13.6646 12.0404 14.3358 11.8792 14.9772L16.0792 17.2672C16.7448 16.5567 17.6467 16.1133 18.6158 16.0202C19.5849 15.9271 20.5547 16.1906 21.3434 16.7614C22.1322 17.3322 22.6856 18.171 22.9001 19.1207C23.1146 20.0703 22.9754 21.0656 22.5085 21.9199C22.0417 22.7743 21.2793 23.429 20.3642 23.7615C19.4491 24.0939 18.4442 24.0812 17.5379 23.7257C16.6315 23.3702 15.8859 22.6964 15.4408 21.8305C14.9958 20.9646 14.8818 19.9661 15.1202 19.0222V19.0232ZM8.00021 16.0002C8.53064 16.0002 9.03935 15.7895 9.41442 15.4144C9.78949 15.0393 10.0002 14.5306 10.0002 14.0002C10.0002 13.4698 9.78949 12.9611 9.41442 12.586C9.03935 12.2109 8.53064 12.0002 8.00021 12.0002C7.46977 12.0002 6.96107 12.2109 6.58599 12.586C6.21092 12.9611 6.00021 13.4698 6.00021 14.0002C6.00021 14.5306 6.21092 15.0393 6.58599 15.4144C6.96107 15.7895 7.46977 16.0002 8.00021 16.0002ZM19.0002 10.0002C19.5306 10.0002 20.0393 9.78949 20.4144 9.41442C20.7895 9.03935 21.0002 8.53064 21.0002 8.00021C21.0002 7.46977 20.7895 6.96107 20.4144 6.58599C20.0393 6.21092 19.5306 6.00021 19.0002 6.00021C18.4698 6.00021 17.9611 6.21092 17.586 6.58599C17.2109 6.96107 17.0002 7.46977 17.0002 8.00021C17.0002 8.53064 17.2109 9.03935 17.586 9.41442C17.9611 9.78949 18.4698 10.0002 19.0002 10.0002ZM19.0002 22.0002C19.5306 22.0002 20.0393 21.7895 20.4144 21.4144C20.7895 21.0393 21.0002 20.5306 21.0002 20.0002C21.0002 19.4698 20.7895 18.9611 20.4144 18.586C20.0393 18.2109 19.5306 18.0002 19.0002 18.0002C18.4698 18.0002 17.9611 18.2109 17.586 18.586C17.2109 18.9611 17.0002 19.4698 17.0002 20.0002C17.0002 20.5306 17.2109 21.0393 17.586 21.4144C17.9611 21.7895 18.4698 22.0002 19.0002 22.0002Z' fill='%23488EFB'/%3E%3C/svg%3E");
}

.course-item {
    position: relative;
    z-index: 1;
    transition: z-index 0s;
}

.course-item:has(.ya-share2__popup_visible) {
    z-index: 1000 !important;
}

.course-item .ya-share2__container_size_m .ya-share2__item_more .ya-share2__icon_more {
    background-size: 28px 28px;
}

.course-item .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
    padding: 0;
    margin: 0;
    background: transparent;
}

.course-item .cit-hdr-prof {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #488EFB;
}

.course-item .ci-text {
    padding-left: 0;
}

.course-item .cit-info-container {
    margin-top: auto;
}

.s-filter-section .sfs-top .sfs-mobile-btn-wrap .sfs-mb-btn {
    border: 1.5px solid #488EFB !important;
    border-radius: 30px;
}

@media(max-width: 991px) {
    .s-filter-section .sfs-content>.my-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .course-item .ci-text {
        padding-left: 12px;
    }

    .course-item .ci-fav {
        background: url(/local/templates/project72/components/bitrix/news.list/courses.all.view/../../../../img/v/heart-icn_white.svg) no-repeat 50%;
    }

    .course-item .ci-fav.active {
        background: url(/local/templates/project72/components/bitrix/news.list/courses.all.view/../../../../img/v/heart-icn_filled.svg) 50%;
        background-repeat: no-repeat;
    }

    .course-item .share-block {
        z-index: 5;
        top: 16px;
    }
    .s-filter-section .sfs-top .sfs-mobile-btn-wrap .sfs-mb-btn.map {
        display: none;
    }
}

@media(max-width: 768px) {
    .s-filter-section .sfs-content .sfs-items .course-item {
        width: unset;
    }

    .s-filter-section .sfs-content .sfs-items {
        column-gap: 10px;
    }
}

@media(max-width: 660px) {
    .s-filter-section .sfs-content .course-item .ci-text .cit-hdr {
        height: 60px;
    }
}

@media(max-width: 560px) {
    .s-filter-section .sfs-content .sfs-items {
        grid-template-columns: 1fr;
    }

    .course-item .ci-image {
        height: 190px;
    }

    .course-item {
        flex-wrap: nowrap;
    }

    .course-item .cit-info {
        position: unset;
        background: unset;
        width: unset;
        border-bottom: unset;
        padding: 0;
        align-self: baseline;
    }

    .course-item .ci-text .cit-btm .cit-price-wrap {
        margin-bottom: 12px;
    }

    .course-item .ci-text .cit-btm .cit-price-wrap .cit-pr {
        margin-bottom: 0;
    }

    .course-item .ci-text .cit-btm {
        padding-top: 0;
        align-self: baseline;
    }

    .course-item .ci-text {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    /* .course-item .ci-image {
        margin-bottom: 12px;
    } */

    .course-item .ci-fav {
        background: url(/local/templates/project72/components/bitrix/news.list/courses.all.view/image/like.svg) no-repeat;
        width: 28px;
        height: 28px;
        top: 16px;
    }
    .course-item .ci-image img {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .s-filter-section .sfs-content .sfs-items .course-item {
        padding: 20px 0px 20px 20px;
    }
    .course-item .cit-hdr-prof {
        max-width: 150px;
    }
}
@media(max-width: 450px) {
    .s-filter-section .sfs-content .sfs-items .course-item {
        flex-direction: column;
        padding: 13px 20px 13px 20px;
    }
    .course-item .cit-hdr-prof {
        max-width: 100%;
    }
    .course-item .ci-text {
        margin-top: 18px;
        padding-left: 0;
        padding-right: 0;
    }
    .course-item .ci-fav {
        top: 218px;
        right: 21px;
    }

    .course-item .share-block {
        top: 218px;
        right: 59px;
    }
}
@media(max-width: 340px) {
    .course-item .ci-image {
        height: 150px;
    }
    .course-item .ci-fav,
    .course-item .share-block {
        top: 176px;
    }
}
/* End */
/* /local/templates/project72/components/bitrix/news.list/courses.all.view/style.css?178409522110856 */