body {
    background-color: #f2f2f2;
}

body.modal-show {
    /*overflow: hidden; */
    height: 100vh;
    overflow-y: hidden;
}

#banner_info_head {
    /*display: none;*/
}

.top-button {
    left: unset;
    right: 10px;
    margin-right: 0;
}

/*.scroll-fix {
    position: absolute;
    width: calc(100vw - 100%);
}*/

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

.container_general_style a {
    color: #232327;
}

.container_general_position {
    max-width: 1160px;
    width: calc(100% - 40px);
    margin: 0 auto;
    text-align: left;
    font-family: 'Mulish', sans-serif;
    font-style: normal;
}

.general_footer {
    background: #34404e;
    color: #fff;
    position: relative;
    margin: 40px 0 0;
    padding: 40px;
}

.pb40 {
    padding-bottom: 40px;
}

/*----- Баннер ----- start */
#category_banner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 0px;
    background: #FFFFFF;
    border: 1px solid #BBBBC4;
    border-radius: 16px;
    align-items: stretch;
}

#category_banner_pic {
    width: calc(100% - 620px);
    /*background: url("../images/category/hand.png") bottom right no-repeat;*/
    background-position: bottom right;
    background-repeat: no-repeat;
    border-radius: 15px;
}

#category_banner_contaner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 40px;
    gap: 24px;
    width: 620px;
}

#category_banner h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    color: #000;
    padding-bottom: 0;
    margin: 0;
}

#category_banner h1 span {
    color: #635ECC;
    display: block;
}

#category_banner .descript {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: #8D8D9D;
}

#category_banner .link {
    width: 100%;
}

#category_banner .link a {
    background: #635ECC;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 54px;
    text-align: center;
    color: #E8E8FC;
    max-width: 540px;
    display: block;
    position: relative;
}

#category_banner .link a::before {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: calc(50% + 150px);
    background: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 13L7.5 7L1.5 1" stroke="%23E8E8FC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center center no-repeat;
}

#category_banner .link a:hover {
    text-decoration: none;
}

/*----- Баннер ----- end */

/*----- Баннер с уникальным предложением ----- start */
#category_unique_banner_fon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0px;
    align-items: stretch;
    box-sizing: border-box;
    padding: 0;
    isolation: isolate;
    background: #f8f8f8;
    border: 1px solid rgba(52, 64, 78, 0.2);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    margin-top: 40px;
    background: url("../images/category/unique_banner_background.png") bottom right no-repeat;
}

#category_unique_banner_pic {
    width: calc(100% - 620px);
    background: url("../images/category/unique_banner_pic.png") bottom right no-repeat;
    border-radius: 15px;
}

#category_unique_banner_contaner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 40px;
    gap: 10px;
    width: 620px;
}

#category_unique_banner .ttl {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #18171E;
    padding-bottom: 0;
}

#category_unique_banner .descript {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #72727F;
}

/*----- Баннер с уникальным предложением ----- end */



#category_ceo_text {
    padding: 40px 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #323232;
    margin: 40px 0;
}

#category_ceo_text h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    color: #3D3D44;
    padding: 0;
    margin: 0 0 20px 0;
}

.container_general_style .ttl,
#category_diploms h2,
#category_professor h2,
#category_reviews h2,
#other_sites h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    color: #3D3D44;
    padding-bottom: 40px;
}

#category_diploms h2,
#category_professor h2,
#category_reviews h2,
#other_sites h2 {
    margin-top: 0;
    margin-bottom: 0;
}


/*----- breadcrumb ----- start ----- перенесено в стиль компонента*/

#breadcrumb {
    margin-bottom: 40px;
}

#breadcrumb>div,
#breadcrumb a,
#breadcrumb span {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
    display: inline;
    color: #232327;
}

#breadcrumb a::after {
    display: inline-block;
    content: '/';
    width: 10px;
    text-align: center;
    margin-right: -3px;
    margin-left: 1px;
}

#breadcrumb>div>span {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #A4A4B1;
}

@media screen and (max-width: 869px) {
    #breadcrumb {
        padding-top: 20px;
    }
}

@media screen and (max-width: 671px) {
    #breadcrumb {
        padding-top: 10px;
    }
}

/*----- breadcrumb ----- end */

/*----- Учитесь в удобной форме ----- start */
#convenient_way_block {
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    justify-content: space-between;
    padding-top: 60px;
    gap: 10px;
}

#convenient_way_block .item {
    width: calc(50% - 5px);
    padding: 20px 80px 20px 20px;
    min-height: 160px;
    background: #2A2A84;
    border-radius: 20px;
    position: relative;
}

#convenient_way_block .item:first-child:before {
    background: url("../images/category/icon01.png") center center no-repeat;
}

#convenient_way_block .item:nth-child(2):before {
    background: url("../images/category/icon02.png") center center no-repeat;
}

#convenient_way_block .item:nth-child(3):before {
    background: url("../images/category/icon03.png") center center no-repeat;
}

#convenient_way_block .item:nth-child(4):before {
    background: url("../images/category/icon04.png") center center no-repeat;
}

#convenient_way_block .item:nth-child(5):before {
    background: url("../images/category/icon05.png") center center no-repeat;
}

#convenient_way_block .item:nth-child(6):before {
    background: url("../images/category/icon06.png") center center no-repeat;
}

#convenient_way_block .item:nth-child(7):before {
    background: url("../images/category/icon07.png") center center no-repeat;
}

#convenient_way_block .item::before {
    display: block;
    content: '';
    width: 36px;
    width: 36px;
    height: 36px;
    background-color: #DCF18C !important;
    border-radius: 6px;
    position: absolute;
    top: 20px;
    right: 20px;
}

#convenient_way_block .item:last-child:before {
    display: none;
}

#convenient_way_block .ttl {
    max-width: 300px;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.02em;
    padding-bottom: 0;
}

#convenient_way_block .item:first-child .ttl {
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 46px;
    max-width: 570px;
}

#convenient_way_block .item:nth-child(5) .ttl,
#convenient_way_block .item:nth-child(6) .ttl {
    max-width: 400px;
}

#convenient_way_block .item:nth-child(7) .ttl {
    max-width: 450px;
}

#convenient_way_block .item:last-child .ttl {
    max-width: 600px;
}

#convenient_way_block .item>span {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
    display: block;
    margin-top: 20px;
}

#convenient_way_block .item:first-child,
#convenient_way_block .item:last-child,
#convenient_way_block .item:nth-last-child(2) {
    width: 100%;
}

#convenient_way_block .item:nth-child(2),
#convenient_way_block .item:nth-child(3),
#convenient_way_block .item:nth-child(4) {
    width: calc(100% / 3 - 8px);
}

#convenient_way_block .item:first-child {
    background: #5555D5 url("../images/category/item01n.png") center left 550px no-repeat;
    flex-grow: 1;
    min-height: 200px;
}

#convenient_way_block .item:nth-child(3) {
    background: #3636AB;
}

#convenient_way_block .item:nth-child(4) {
    background: #2D2D52 url("../images/category/item04.png") top left 20px no-repeat;
}

#convenient_way_block .item:nth-child(5) {
    background: #6060E1;
}

#convenient_way_block .item:nth-child(6) {
    background: #2A2A84;
}

#convenient_way_block .item:nth-last-child(2) {
    min-height: 200px;
    background: #2A2A84 url("../images/category/item07.png") top left no-repeat;
}

#convenient_way_block .item:last-child:after {
    min-height: 200px;
    background: url("../images/category/diplom.png") top left no-repeat;
    position: absolute;
    content: '';
    width: 375px;
    height: 315px;
    top: 0px;
    right: 0;
    display: block;
}

#convenient_way_block .item:last-child {
    background: #323232 url("../images/category/item08.png") top left no-repeat;
    ;
    min-height: 260px;
    overflow: hidden;
    position: relative;
}

#convenient_way_block .item:last-child .ttl {
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 120%;
}

#convenient_way_block .desc {
    max-width: 600px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    leading-trim: both;
    text-edge: cap;
    color: #FFFFFF;
    opacity: 0.8;
    margin-top: 20px;
}

#convenient_way_block .work {
    max-width: 600px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #FFFFFF;
    margin-top: 20px;
}

#convenient_way_block .work b {
    color: #7f7fd0;
}

/*----- Учитесь в удобной форме ----- end */



/*----- web-форма "Поможем выбрать" ----- start */
#web_help_choose {
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 40px;
    padding: 30px;
    justify-content: space-between;
    background: #585862 url("../images/category/form.png") top right no-repeat;
    background-size: auto 100%;
    position: relative;
}

.web_help_choose_desc {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    max-width: 360px;
    margin: 20px;
    width: calc(100% - 425px - 10px);
}

.web_help_choose_form {
    width: 425px;
}

.web_help_choose_form input:not([type="checkbox"]),
.course_group_webform_fields input:not([type="checkbox"]) {
    padding: 16px 20px;
    background: #FFFFFF;
    border: 1px solid #F2F3F5;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #61748B;
    width: 100%;
}

.web_help_choose_form input.checkbox-input,
.course_group_webform_fields input.checkbox-input {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 19px;
    margin: 3px 5px 0 0;
    background-color: #fff;
    border-color: #FFFFFF;
    cursor: pointer;
    border-radius: 3px;
}

.web_help_choose_form input.checkbox-input:checked,
.course_group_webform_fields input.checkbox-input:checked {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 19px;
    margin: 3px 5px 0 0;
    background-color: #000;
    background-image: url('data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.6 11.3502L5.45 9.2002C5.26667 9.01686 5.03333 8.9252 4.75 8.9252C4.46667 8.9252 4.23333 9.01686 4.05 9.2002C3.86667 9.38353 3.775 9.61686 3.775 9.9002C3.775 10.1835 3.86667 10.4169 4.05 10.6002L6.9 13.4502C7.1 13.6502 7.33333 13.7502 7.6 13.7502C7.86667 13.7502 8.1 13.6502 8.3 13.4502L13.95 7.8002C14.1333 7.61686 14.225 7.38353 14.225 7.10019C14.225 6.81686 14.1333 6.58353 13.95 6.4002C13.7667 6.21686 13.5333 6.1252 13.25 6.1252C12.9667 6.1252 12.7333 6.21686 12.55 6.4002L7.6 11.3502ZM2 18.9502C1.45 18.9502 0.979333 18.7545 0.588 18.3632C0.196667 17.9719 0.000666667 17.5009 0 16.9502V2.9502C0 2.4002 0.196 1.92953 0.588 1.5382C0.98 1.14686 1.45067 0.950862 2 0.950195H16C16.55 0.950195 17.021 1.1462 17.413 1.5382C17.805 1.9302 18.0007 2.40086 18 2.9502V16.9502C18 17.5002 17.8043 17.9712 17.413 18.3632C17.0217 18.7552 16.5507 18.9509 16 18.9502H2Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
}

.web_help_choose_form input[type="button"] {
    background: #6C5DD1;
    color: #fff;
    border: 1px solid #6C5DD1;
}

#form_help_choose {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#web_help_choose .form_help_choose_check {
    display: flex;
    gap: 5px;
    align-items: flex-start;
    clear: both;
    margin-top: 10px;
}

.form_help_choose_agree {
    margin-top: 30px;
}

.form_help_choose_agree,
.form_help_choose_agree a,
.form_help_choose_check,
.form_help_choose_check a,
.checkbox-label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #E8E8EB;
    opacity: 1;
}

#web_help_choose .web_help_banner {
    position: absolute;
    content: '';
    display: block;
    width: 289px;
    height: 430px;
    bottom: 0;
    right: 485px;
    background: url("../images/category/webpic.png") bottom right no-repeat;
}

/*----- web-форма "Поможем выбрать" ----- end */

/*----- Фильтр + Каталог ----- start */
#category_filterToggler {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 40px;
	margin-bottom: 40px;
    align-items: flex-start;
	align-items: stretch;	
}

#filter_colom_left,
#filter_colom_right,
#filter_category {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#filter_category {
    gap: 10px;
}

#filter_colom_left {
    box-sizing: border-box;
    padding: 20px;
    gap: 10px;
    width: 320px;
    height: auto;
    background: #FDFDFD;
    border: 1px solid #D1D1D8;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    align-items: stretch;
    flex-wrap: wrap;

    background-color: #ffffff;
    /*position: -webkit-sticky;
    position: sticky;
    top: 0;*/
}

#filter_colom_left.posSticky {
    position: -webkit-sticky;
    position: sticky;
}

#filter_search {
    position: relative;
}

#title_filter_search_input {
    padding: 12px 12px 12px 45px;
    width: 280px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #A4A4B1;
    border-radius: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #BBBBC4;
}

#filter_search_submit {
    position: absolute;
    top: 12px;
    left: 15px;
    width: 20px;
    height: 20px;
    border: 0;
    background: url('../images/category/filter_search_submit.png') center center no-repeat;
}

#filter_colom_right {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0px;
    gap: 20px;
    width: calc(100% - 320px - 10px);
}

#filter_colom_right.classFixed {
    margin-left: 320px;
}

#filter_colom_right>a,
#filter_colom_right h2,
#filter_colom_right .ttlh2 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    color: #18171E;
}

#filter_list_items .course_group_pp h2,
#filter_list_items *[id^="comp_"]:first-child h2,
#filter_colom_right .ttlh2 {
    color: #413E8A;
}

#filter_list_items .course_group .cant_decide {
    min-width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    min-height: 50px;
    background: #635ECC;
    border-radius: 10px;
    align-self: stretch;
    color: #fff;
    gap: 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    padding: 20px;
    align-items: center;
    justify-content: center;    
}

#filter_list_items .cant_decide .ttl {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #fff;
    padding-bottom: 10px
}

#filter_list_items .cant_decide .for_beginners,
#filter_list_items .cant_decide .for_practitioners
 {
    padding: 8px 8px;
    gap: 10px;
    width: 360px;
    height: 48px;
    background: #DFF297;
    border-radius: 16px;
}
#filter_list_items .cant_decide .for_beginners a,
#filter_list_items .cant_decide .for_practitioners a{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 18px;
    color: #232327;
    padding-left: 32px;
    position: relative;    
    text-decoration: none;
}
#filter_list_items .cant_decide .for_beginners a:hover,
#filter_list_items .cant_decide .for_practitioners a:hover{
    text-decoration: none;
}
#filter_list_items .for_beginners a::after,
#filter_list_items .for_practitioners a::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 22V16.075C4 15.7416 4.07933 15.425 4.238 15.125C4.39667 14.825 4.61733 14.5833 4.9 14.4L6 13.675C6.11667 15.075 6.3 16.2666 6.55 17.25C6.8 18.2333 7.19167 19.325 7.725 20.525L4 22ZM9.225 20C8.64167 18.9 8.20833 17.7333 7.925 16.5C7.64167 15.2666 7.5 13.9916 7.5 12.675C7.5 10.5916 7.91267 8.62931 8.738 6.78798C9.56333 4.94664 10.6507 3.55064 12 2.59998C13.35 3.54998 14.4377 4.94598 15.263 6.78798C16.0883 8.62998 16.5007 10.5923 16.5 12.675C16.5 13.975 16.3583 15.2376 16.075 16.463C15.7917 17.6883 15.3583 18.8673 14.775 20H9.225ZM12 13C12.55 13 13.021 12.8043 13.413 12.413C13.805 12.0216 14.0007 11.5506 14 11C13.9993 10.4493 13.8037 9.97864 13.413 9.58798C13.0223 9.19731 12.5513 9.00131 12 8.99998C11.4487 8.99864 10.978 9.19464 10.588 9.58798C10.198 9.98131 10.002 10.452 10 11C9.998 11.548 10.194 12.019 10.588 12.413C10.982 12.807 11.4527 13.0026 12 13ZM20 22L16.275 20.525C16.8083 19.325 17.2 18.2333 17.45 17.25C17.7 16.2666 17.8833 15.075 18 13.675L19.1 14.4C19.3833 14.5833 19.6043 14.825 19.763 15.125C19.9217 15.425 20.0007 15.7416 20 16.075V22Z" fill="%23616161"/></svg>') top center no-repeat;
}
#filter_list_items .for_practitioners a::after{
    background: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 16.5C21.5 16.88 21.29 17.21 20.97 17.38L13.07 21.82C12.91 21.94 12.71 22 12.5 22C12.29 22 12.09 21.94 11.93 21.82L4.03001 17.38C3.86961 17.2958 3.73538 17.1693 3.64193 17.0141C3.54848 16.859 3.49939 16.6811 3.50001 16.5V7.5C3.50001 7.12 3.71001 6.79 4.03001 6.62L11.93 2.18C12.09 2.06 12.29 2 12.5 2C12.71 2 12.91 2.06 13.07 2.18L20.97 6.62C21.29 6.79 21.5 7.12 21.5 7.5V16.5ZM5.50001 9V15H6.75001V13H7.50001C8.03044 13 8.53915 12.7893 8.91422 12.4142C9.28929 12.0391 9.50001 11.5304 9.50001 11C9.50001 10.4696 9.28929 9.96086 8.91422 9.58579C8.53915 9.21071 8.03044 9 7.50001 9H5.50001ZM6.75001 12V10H7.25001C7.51522 10 7.76958 10.1054 7.95711 10.2929C8.14465 10.4804 8.25001 10.7348 8.25001 11C8.25001 11.2652 8.14465 11.5196 7.95711 11.7071C7.76958 11.8946 7.51522 12 7.25001 12H6.75001ZM10.25 9V15H11.5V13H12.25L12.91 15H14.23L13.44 12.61C13.93 12.25 14.25 11.66 14.25 11C14.25 10.4696 14.0393 9.96086 13.6642 9.58579C13.2891 9.21071 12.7804 9 12.25 9H10.25ZM11.5 12V10H12C12.2652 10 12.5196 10.1054 12.7071 10.2929C12.8946 10.4804 13 10.7348 13 11C13 11.2652 12.8946 11.5196 12.7071 11.7071C12.5196 11.8946 12.2652 12 12 12H11.5ZM17.5 9C16.12 9 15 10.34 15 12C15 13.66 16.12 15 17.5 15C18.88 15 20 13.66 20 12C20 10.34 18.88 9 17.5 9ZM17.5 10.25C18.26 10.25 18.88 11.03 18.88 12C18.88 12.97 18.26 13.75 17.5 13.75C16.74 13.75 16.13 12.97 16.13 12C16.13 11.03 16.74 10.25 17.5 10.25Z" fill="%23616161"/></svg>') top center no-repeat;
}    

#filter_colom_right h2,
#filter_colom_right .ttlh2 {
    padding: 0;
    margin: 0 0 20px 0;
}

#category_filterToggler .range_numbers {
    margin: 10px 0;
}

#category_filterToggler .range_numbers:last-child {
    margin-bottom: 25px;
}

#category_filterToggler .range_ttl {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #232327;
    cursor: pointer;
}

#category_filterToggler .range_ttl,
#category_filterToggler .range_ttl.unvisible {
    position: relative;
    padding-right: 18px;
    display: inline-block;
}

#category_filterToggler .range_ttl::after,
#category_filterToggler .range_ttl.unvisible::after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: block;
    width: 10px;
    height: 16px;
    background: url('../images/category/symbol.png') center center no-repeat;
}

/*#category_filterToggler .list_category .range_ttl::after,
#category_filterToggler .list_category .range_ttl.unvisible::after {
    margin-top: 0px;
}*/

#category_filterToggler .range_ttl.unvisible::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.range_block.unvisible {
    display: none;
}

#category_filterToggler .price-input {
    width: 100%;
    display: flex;
    margin: 10px 0;
}

#category_filterToggler .price-input .field {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
}

#category_filterToggler .price-input .field span {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #232327;
}

#category_filterToggler .field input {
    outline: none;
    margin-left: 12px;
    box-sizing: border-box;
    padding: 6px;
    width: 87px;
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #E8E8EB;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #8D8D9D;
    -moz-appearance: textfield;
    position: relative;
    padding-right: 15px;
}

#category_filterToggler .field input::after {
    position: absolute;
    width: 16px;
    height: 20px;
    content: '₽';
    top: 0;
    right: 0;
    display: block;
}

#category_filterToggler input[type="number"]::-webkit-outer-spin-button,
#category_filterToggler input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.slider {
    height: 3px;
    position: relative;
    background: #e8e8e8;
    border-radius: 5px;
}

.slider .progress {
    height: 100%;
    position: absolute;
    border-radius: 5px;
    background: #635ECC;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #fff;
    pointer-events: auto;
    -webkit-appearance: none;
    border: 1px solid #635ECC
}

input[type="range"]::-moz-range-thumb {
    height: 10px;
    width: 10px;
    border: none;
    border-radius: 50%;
    background: #fff;
    pointer-events: auto;
    -moz-appearance: none;
    border: 2px solid #635ECC
}


/*#category_filterToggler .list_category .ttl,
#category_filterToggler .list_category .ttl.unvisible {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    color: #524EAB;
    padding-bottom: 0px;
}

#category_filterToggler .list_category .has-sub {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
    padding: 0px;
    min-height: 58px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #72727F;
    border-bottom: 1px solid #E8E8EB;
}

#category_filterToggler .list_category .range_ttl {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #72727f;
    height: 58px;
    line-height: 58px;
}

#category_filterToggler .list_category .range_ttl::after,
#category_filterToggler .list_category .range_ttl.unvisible::after {
    top: 50%;
    right: 0;
    background: url('/local/templates/ncrdo_visually/css/../images/category/symbolgrey.png') center center no-repeat;
    margin-top: -8px;
}

#category_filterToggler .list_category .range_ttl::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#category_filterToggler .list_category .unset_arrow {
    border: 0;
}

#category_filterToggler .list_category .unset_arrow .range_ttl {
    min-height: auto;
    height: auto;
    margin: 0 0 10px 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #585862;
}

#category_filterToggler .list_category .unset_arrow .range_ttl::after {
    display: none;
}


#category_filterToggler .list_category .range_ttl,
#category_filterToggler .list_category .range_ttl.unvisible {
    display: block;
    width: 100%;
}

#category_filterToggler .list_category .has-sub:first-child {
    border-top: 0;
}

#category_filterToggler .list_category .range_numbers {
    margin: 0;
}

#category_filterToggler .list_category .range_numbers:first-child {
    margin-top: 0;
}

#category_filterToggler .list_category .range_block.unvisible {
    display: none;
}

#category_filterToggler .list_category .range_ttl.unvisible::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#category_filterToggler .list_category .range_block>div,
#filter_tegi .range_block>div {
    border: 1px solid #A19EE0;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    width: fit-content;
    margin-bottom: 10px;
    background-color: #fff;
}

#filter_colom_left.mobileShow .list_category .range_block label {
    padding: 14px 14px;
}

#filter_tegi .range_block>div {
    background-color: #f2f2f2;
    margin-bottom: 0px;
}

#category_filterToggler .list_category .range_block input[type="radio"],
#filter_tegi .range_block input[type="radio"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    content: '';
    display: block;
    z-index: -1;
}

#category_filterToggler .list_category .range_block label,
#filter_tegi .range_block label {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.02em;
    color: #827ED6;
    padding: 12px 12px;
    margin-bottom: 0;
    line-height: 100%;
}

#category_filterToggler .list_category .range_block label:hover,
#filter_tegi .range_block label:hover {
    cursor: pointer;
}

#category_filterToggler .list_category .range_block input[type="radio"]:checked+label,
#filter_tegi .range_block input[type="radio"]:checked+label {
    padding-right: 35px;
}

#category_filterToggler .list_category .range_block input[type="radio"]:checked~label,
#filter_tegi .range_block input[type="radio"]:checked~label {
    color: #E8E8FC;
    background-color: #635ECC;
    border: 0;
}

#category_filterToggler .list_category input[type="radio"]:checked+span,
#filter_tegi input[type="radio"]:checked+span {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    outline: none;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    background: url('/local/templates/ncrdo_visually/css/../images/category/close.png') center center no-repeat;
    top: 50%;
    margin-top: -6px;
    right: 8px;
}

#category_filterToggler .list_category input[type="radio"]:checked+span~label,
#filter_tegi input[type="radio"]:checked+span~label {
    padding-right: 28px;
}

#category_filterToggler .list_category .range_numbers:last-child {
    margin-bottom: 0px;
}

#category_filterToggler .list_category .range_no_category,
#category_filterToggler .list_category .range_no_category:last-child {
    margin-top: 15px;
    padding-bottom: 15px;
}

#category_filterToggler .list_category .unset_arrow .range_block,
#filter_tegi .range_block {
    flex-direction: row;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

#category_filterToggler .list_category .range_block .unvisible,
#filter_tegi .range_block .unvisible {
    display: none;
}

#category_filterToggler .list_category .range_block .more,
#filter_tegi .range_block .more {
    border: 0;
    line-height: 46px;
    padding: 0 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    cursor: default;
    color: #827ED6;
}

#category_filterToggler .list_category .range_button {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

#filter_tegi .range_button {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 0;
    border: 0px !important;
}

#category_filterToggler .list_category .range_button button {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.02em;
    color: #827ED6;
    padding: 15px 12px;
    margin-bottom: 0;
    line-height: 100%;
    background-color: #fff;
    outline: none;
    border: 1px solid #A19EE0;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    width: fit-content;
}

#category_filterToggler .list_category .range_button button:disabled,
#filter_tegi .range_button button:disabled {
    cursor: default;
    opacity: 0.5;
}

#category_filterToggler .list_category .range_block_column {
    flex-direction: column !important;
    gap: 0 !important;
}*/

#filter_list_items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    gap: 75px;
}

#filter_list_items .course_group {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 15px;
    width: 100%;
    flex-wrap: wrap;
}

#filter_list_items .course_group>div.bx_elem {
    min-height: 340px;
    background: #FFFFFF;
    border: 1px solid #E1E4ED;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    width: calc(50% - 8px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#filter_sorting {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 5px;
    position: relative;
    margin-bottom: 20px;
}

.filter_sorting_buttons .range_block {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 5px;
}

.filter_sorting_clear_filter {
    flex: 1;
    flex-basis: 100%a;
    text-align: right;
}

.filter_sorting_name {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    display: flex;
    align-items: center;
    color: #585862;
    padding-right: 20px;
}

#del_filter {
    box-sizing: border-box;
    padding: 12px 8px 12px 27px;
    height: 40px;
    border: 1px solid #585862;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #232327;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.33333 2.66667H13.3333V4.11467C13.3333 4.46826 13.1927 4.80734 12.9427 5.05733L10.3333 7.66667M10 10V12.6667L6 14V8.33333L3.01333 5.048C2.7903 4.80262 2.6667 4.48293 2.66667 4.15133V2.66667M2 2L14 14" stroke="%238D8D9D" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>') left 8px center no-repeat;
}

.filter_sorting_buttons .range_block>div {
    background: #FFFFFF;
    border: 1px solid #E8E8EB;
    border-radius: 4px;
}

#filter_sorting .range_block>div {
    height: 40px;
    background: #FFFFFF;
    border-radius: 4px;
    position: relative;
}

#filter_sorting .range_block label {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #72727F;
    padding: 0 12px;
    cursor: pointer;
    margin-bottom: 0;
}

#filter_sorting .range_block input[type="radio"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    content: '';
    display: block;
    z-index: -1;
}

#filter_sorting .range_block input[type="radio"]:checked+label {
    padding-right: 35px;
}

#filter_sorting .range_block input[type="radio"]:checked~label {
    background: #585862;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #E8E8EB;
    height: 40px;
}

#filter_sorting input[type="radio"]:checked+span {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    outline: none;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    background: url('../images/category/check.png') center center no-repeat;
    top: 50%;
    margin-top: -6px;
    left: 12px;
}

#filter_sorting input[type="radio"]:checked+span~label {
    padding-left: 32px;
}

#filter_sorting .filter_sorting_buttons_mobile {
    display: none;

}

#filter_sorting .filter_sorting_buttons_mobile button {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px;
    height: 40px;
    background: #585862;
    border-radius: 4px;
    border-color: transparent;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #E8E8EB;
    position: relative;
}

/*#filter_sorting .filter_sorting_buttons_mobile button::after{
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    top:10px;
    right:50%;
    background: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 1L5.5 5L1.5 1" stroke="%23E8E8EB" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>') top 5px center no-repeat;
}*/
#filter_sorting i {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    top: 13px;
    right: 160px;
    z-index: 100;
    background: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 1L5.5 5L1.5 1" stroke="%23E8E8EB" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>') top 5px center no-repeat;
    display: none;
}

#filter_tegi #range_button_show_more,
#filter_tegi #range_button_hide {
    border: 0;
    background: none;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #72727F;
}


#filter_list_items .hint_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    padding: 0px;
    gap: 2px;
}

#filter_list_items .hint_wrapper p {
    padding: 0px 6px;
    width: fit-content;
    background: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    height: 24px;
    letter-spacing: -0.02em;
    color: #A4A4B1;
    margin: 0 0 3px;
}

#filter_list_items p.new_intensive {
    background: #F1FCE8;
    border: 1px solid #3a851c80;
    color: #3A851C;
    padding-left: 25px;
    background: url('../images/category/new_intensive.png') left 7px center no-repeat;
}

#filter_list_items .hint_wrapper.not-conducted p {
    color: #ef576a;
    border: 1px solid #ef576a;
}

#filter_list_items .course_content,
#filter_list_items .course_inner {
    flex-direction: column;
    display: flex;
    gap: 10px;
}

#filter_list_items h3.course_title,
#filter_list_items .course_title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #3D3D44;
    margin: 0;
}

#filter_list_items .course_description {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #72727F;
}

#filter_list_items .course_price_wrapper {
    flex-direction: row;
    display: flex;
    gap: 10px;
}

#filter_list_items .course_price_wrapper>div {
    display: flex;
    flex-direction: column;
    width: calc(50% - 5px);
    align-items: flex-start;
    padding: 8px;
    gap: 5px;
    min-width: 140px;
    background: #FFFFFF;
    border: 1px solid #0000000d;
    border-radius: 10px;
}

#filter_list_items .course_price_old {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    text-decoration-line: line-through;
    color: #323232;
    opacity: 0.7;
}

#filter_list_items .course_price {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #585862;
}

#filter_list_items .course_installment_price .course_price {
    color: #827ED6;
}

#filter_list_items .course_installment_price .course_price span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #72727F;
}

#filter_list_items .course_price_desc {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #8D8D9D;
}

#filter_list_items .more_about_course,
#filter_list_items .course_question {
    background: #E8E8FC;
    border-radius: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 48px;
    height: 48px;
    width: 100%;
    color: #524EAB;
    display: block;
    text-align: center;
}
#filter_list_items .course_question.course_unset{
	opacity:0.7;
	text-decoration:none;
	cursor: default;
}

#filter_list_items .more_about_course:hover,
#filter_list_items .course_question:hover {
    text-decoration: none;
}

#filter_list_items .course_question {
    background: #635ECC;
    color: #FFFFFF;
}

#filter_list_items .course_group .load_more {
    min-width: 100%;
    flex: 1;
    min-height: 56px;
    background: #FFFFFF;
    border: 1px solid #323232;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    width: calc(50% - 8px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-decoration: none;
}

#filter_list_items .load_more_text {
    width: fit-content;
    height: 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #323232;
    padding-right: 30px;
    margin: 0 auto;
    background: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18L15.5 12L9.5 6" stroke="%23323232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') right center no-repeat;
}

#filter_list_items .course_group .course_group_webform {
    min-width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    min-height: 50px;
    background: #f2f2f2;
    border-radius: 10px;
    align-self: stretch;
    color: #fff;
    border: 0px solid #E1E4ED;
    gap: 0;
}

#filter_list_items div.course_group_a {
    min-width: 100%;
    min-height: 40px;
    flex: 1;
    background: unset;
    border: 0px solid #323232;
    border-radius: 0px;
    box-shadow: unset;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 0;
    text-decoration: none;
}

#filter_list_items div.course_group_a a {
    font-size: 40px;
    color: #18171E;
}

#filter_list_items .course_group_pp .course_group_a a,
#filter_list_items *[id^="comp_"]:first-child .course_group_a a {
    color: #413E8A;
}

#filter_list_items .course_group_webform_ttl {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    padding: 0px 40px;
    gap: 0px;
    background: #413E8A;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 31px;
    color: #FFFFFF;
    width: 100%;
    min-height: 60px;
    border-radius: 10px 10px 0 0;
}

#filter_list_items .course_group_webform_fields {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 40px;
    width: 100%;
    height: auto;
    background: #635ECC;
    border-radius: 0 0 10px 10px;
    gap: 10px;
}

#form_course_webform input[type=text] {
    padding: 0 16px;
    height: 44px;
    background: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #8D8D9D;
}

#form_course_webform {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;
    flex-wrap: wrap;
}

#form_course_webform>div {
    flex: 1 1 calc(100%/3 - 10px);
}

#form_course_webform>div:last-of-type {
    width: 100%;
    flex-basis: 100%;
}

#form_course_webform>div input {
    width: 100%;
}

#form_course_webform>div:last-of-type input {
    width: fit-content;
    text-align: center;
    padding: 2px 32px;
    width: 300px;
    min-width: 120px;
    max-width: 300px;
    height: 44px;
    background: #635ECC;
    border: 2px solid #E8E8FC;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}

#filter_list_items .form_help_choose_agree {
    margin-top: 0;
}

.form_help_choose_check {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 5px;
    align-items: self-start;
    width: 100%;
}

.course_group_webform_fields input.checkbox-input,
.course_group_webform_fields input.checkbox-input:checked {
    width: 19px;
    margin: 4px 5px 0 0px;
}

.form_help_choose_check label {
    width: calc(100% - 30px);
}

#filter_center_sort {
    width: 38px;
    height: 40px;
    border: 1px solid #34404E;
    border-radius: 4px;
    display: inline-block;
    background: #3D3D44 url('../images/category/pop_sort.png') center center no-repeat;
    cursor: pointer;
}

#filter_center_button {
    width: auto;
    height: 40px;
    border: 1px solid #34404E;
    border-radius: 4px;
    display: inline-block;
    background: #3D3D44 url('../images/category/mdi_filter-outline.png') right 10px center no-repeat;
    cursor: pointer;
    padding: 0 30px 0 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 38px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    text-decoration: none;
	
}

#filter_center_sort,
#filter_center_button {
    display: none;
}

#filter_sorting.filter_sorting_show_mobile {
    display: block;
    width: 100%;
    z-index: 105;
    position: absolute;
}

#buttonApplyFilter {
    border-radius: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 48px;
    height: 48px;
    width: 100%;
    color: #fff;
    display: block;
    text-align: center;
    background: #635ECC;
    outline: none;
    border: 0;
    margin-top: 20px;
}

#filter_sorting.filter_sorting_show_mobile i,
#filter_sorting.filter_sorting_show_mobile .filter_sorting_name,
#filter_sorting.filter_sorting_show_mobile .filter_sorting_buttons_mobile,
#filter_sorting.filter_sorting_show_mobile .filter_sorting_clear_filter,
#buttonApplyFilter {
    display: none;
}


#filter_colom_left.mobileShow {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    z-index: 510;
    background-color: #f1f1f1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0;
    justify-content: start;
    align-items: baseline;
    padding: 20px 20px 20px 20px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#mobilePastingBlock {
    width: 100%;
    position: relative;
    display: none;
}

#mobilePastingBlockClose {
    position: absolute;
    content: '';
    background: url('../images/category/closeG.png') center center no-repeat;
    background-size: auto;
    background-size: 45px auto;
    height: 40px;
    width: 40px;
    display: block;
    z-index: 505;
    top: -5px;
    right: -10px;
    cursor: pointer;
}

#mobilePastingBlock .ttl {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #18171E;
    width: 100%;
    padding-bottom: 15px;
}

#filter_colom_left.mobileShow #filter_category,
#filter_colom_left.mobileShow #list_category_1,
#filter_colom_left.mobileShow #list_category_2,
#filter_colom_left.mobileShow #list_category_3,
#filter_colom_left.mobileShow #list_category_4 {
    display: block;
    width: 100%;
}

#filter_colom_left.mobileShow #filter_search {
    width: 100%;
}

#filter_colom_left.mobileShow .list_category .range_block .more
{
background-color: none;
}

#web_help_choose{margin-bottom: 40px}

@media screen and (min-width: 870px){
	#ncrdomobile{
		display: inline-block;
		margin: 0 auto;
		margin-bottom: 0px;
		margin-left: auto;
		background: #fff;
		padding: 0 30px;
		margin-left: calc(50% - 580px);
		margin-bottom: 20px;
		border: 1px solid #D1D1D8;
		border-top: 0px solid #D1D1D8;
		border-radius: 0 0 6px 6px;
	}	
}

@media screen and (max-width: 1199px) {
	#ncrdomobile{
		width: calc(100% - 40px);
		margin-left: 20px;	
		padding: 0;	
	}		
}	

@media screen and (max-width: 869px) {
	#ncrdomobile{
		width: 100%;
		margin-left: 0;	
	}		
}	

@media screen and (max-width: 1155px) {
    #filter_sorting .filter_sorting_buttons_mobile {
        display: block;
        flex: 1;
    }

    #filter_list_items .course_group {
        flex-direction: column;
    }
	#filter_list_items .course_group > div.bx_elem{
		min-width: 100%;
		flex: 1;		
	}

    #filter_list_items .course_group>div {
        width: 100%;
    }

    #filter_list_items .hint_wrapper,
    #filter_list_items .course_content,
    #filter_list_items .course_price_wrapper {
        max-width: 420px;
    }

    .filter_sorting_clear_filter {
        flex: unset;
    }

    .filter_sorting_name {
        display: none;
    }

    .filter_sorting_buttons {
        display: none;
    }

    #filter_sorting i {
        display: block;
    }

    .filter_sorting_buttons.mobile-selection {
        z-index: 10;
    }

    .mobile-selection .range_block {
        flex-direction: column;
        position: absolute;
        top: 39px;
        left: 0;
        width: calc(100% - 165px);
        gap: 0;
    }

    #filter_sorting .mobile-selection .range_block>div {
        width: 100%;
        text-align: center;
        border-radius: 0;
        border-bottom: 0;
    }

    #filter_sorting .mobile-selection .range_block>div:last-child {
        border-radius: 0 0 4px 4px;
        border-bottom: 1px solid #E8E8E8;
    }

    #filter_sorting .mobile-selection input[type="radio"]:checked+span~label {
        padding-left: 12px;
        display: block;
    }

    #filter_sorting input[type="radio"]:checked+span {
        display: none;
    }

}

@media screen and (max-width: 1070px) {
    #form_course_webform {
        flex-direction: column;
        width: 400px;
    }

    #form_course_webform>div:last-of-type input {
        width: 140px;
    }

    #filter_list_items .course_group_webform_fields {
        padding: 20px;
    }
}


@media screen and (max-width: 960px) {
    #list_category_2 {
        order: -1;
    }

    #list_category_1 {
        order: -2;
    }

    #filter_search {
        order: -3;
        margin-bottom: 10px;
    }

    #mobilePastingBlock {
        order: -4;
    }
}

@media screen and (max-width: 849px) {
    #category_filterToggler {
        flex-direction: column;
    }

    #filter_category,
    #category_filterToggler .list_category,
    #buttonApplyFilter {
        display: none;
    }

    #filter_colom_right {
        width: 100%;
    }


    #form_course_webform>div:last-of-type input {
        width: 400px;
    }

    #category_filterToggler .block_fixed {
        width: 100%;
        padding-bottom: 20px;
    }

    #filter_colom_left {
        padding: 0 0 10px 0;
        width: 100%;
        background: no-repeat;
        border: 0;
        border-bottom: 1px solid #e8e8e8;
        box-shadow: none;
    }

    #title_filter_search_input {
        width: 100%;
        font-size: 12px;
        color: #72727F;
    }

    #filter_tegi,
    #filter_button,
    #filter_center_sort,
    #filter_center_button,
    #filter_colom_left.mobileShow #mobilePastingBlock {
        display: block;
    }

    #filter_sorting {
        display: none;
    }

    #filter_colom_left.mobileShow #list_category_2 {
        margin-top: 20px;
    }

    #filter_colom_left.mobileShow #filter_category .range_numbers {
        margin: 30px 0;
    }

    #filter_colom_left.mobileShow .list_category .range_block>div {
        background-color: #f1f1f1;
    }

    #filter_colom_left.mobileShow #buttonApplyFilter {
        display: block;
    }

    #filter_colom_right h1 {
        font-size: 24px;
        line-height: 28px;
    }


}

@media screen and (max-width: 768px) {
    #category_filterToggler {
        flex-direction: column;
    }

    #filter_colom_left,
    #filter_colom_right {
        width: 100%;
    }

    #filter_category {
        display: none;
    }

    #filter_list_items .course_group_webform_ttl {
        font-size: 20px;
        line-height: 26px;
    }
}

@media screen and (max-width: 640px) {
    #form_course_webform>div:last-of-type input {
        font-size: 12px;
        line-height: 14px;
    }

    #filter_list_items .more_about_course,
    #filter_list_items .course_question {
        font-size: 12px;
    }

    #filter_colom_right h2,
	#filter_colom_right .ttlh2	{
        font-weight: 700;
        font-size: 24px;
        line-height: 28px;
    }
}

@media screen and (max-width: 520px) {

    #form_course_webform,
    #form_course_webform>div:last-of-type input {
        width: 100%;
    }

    #form_course_webform>div:last-of-type input {
        max-width: 140px;
    }

    #filter_list_items .course_group_webform_ttl {
        padding: 5px 20px;
    }

    .form_help_choose_check {
        align-items: center;
    }
}

@media screen and (max-width: 375px) {
    #filter_colom_left {
        padding: 0 0 10px 0;
    }

    #category_filterToggler {
        gap: 15px;
    }

    #category_diploms_slide {
        m-argin-right: -10px;
    }
}

@media screen and (max-width: 350px) {
    #filter_list_items .course_price_wrapper {
        flex-direction: column;
    }
}

/*----- Фильтр + Каталог ----- end */


@media screen and (max-width: 1150px) {
    #web_help_choose .web_help_banner {
        background-size: 230px;
    }
}

@media screen and (max-width: 1070px) {

    #category_banner_pic {
        background-size: 320px;
        width: calc(100% - 580px);
    }

    #category_banner_contaner {
        padding: 30px 0px 30px 20px;
        width: 580px;
    }


    #convenient_way_block .item {
        padding-right: 65px;
    }

    #convenient_way_block .ttl {
        font-size: 24px;
        line-height: 28px;
    }

    #convenient_way_block .item:nth-child(2) .ttl,
    #convenient_way_block .item:nth-child(3) .ttl,
    #convenient_way_block .item:nth-child(4) .ttl,
    #convenient_way_block .item:nth-child(5) .ttl,
    #convenient_way_block .item:nth-child(6) .ttl {
        word-wrap: break-word;
    }

    #convenient_way_block .item:first-child .ttl {
        font-size: 32px;
        line-height: 38px;
        max-width: 500px;
    }

    #convenient_way_block .item:nth-last-child(2) .ttl,
    #convenient_way_block .item:last-child .ttl {
        font-size: 32px;
        line-height: 38px;
    }

    #convenient_way_block .item>span,
    #convenient_way_block .desc {
        font-size: 16px;
        line-height: 24px;
    }

    #convenient_way_block .work {
        font-size: 16px;
        line-height: 24px;
    }

    #convenient_way_block .item:last-child .ttl,
    #convenient_way_block .desc,
    #convenient_way_block .work {
        max-width: calc(100% - 205px);
    }

    #convenient_way_block .item:last-child {
        min-height: 230px;
        padding-right: 20px;
    }

    #convenient_way_block .item:last-child:after {
        width: 260px;
        top: 10px;
        right: -55px;
        background-size: 260px;
    }

    #web_help_choose .web_help_banner {
        background-size: 170px;
        right: unset;
        left: 115px;
        width: 170px;
    }
}

@media screen and (max-width: 960px) {
    #category_unique_banner_fon {
        background: url("../images/category/background960.png") bottom right no-repeat;
    }

    #category_unique_banner_contaner {
        width: calc(100% - 202px);
    }

    #category_unique_banner_pic {
        width: 202px;
    }
}

@media (min-width: 426px) and (max-width: 945px) {
    #category_banner_pic {
        display: none;
    }

    #category_banner_contaner {
        width: 100%;
    }

    #category_banner .link a {
        width: 100%;
    }

    #category_banner_contaner {
        padding-right: 20px;
    }
}

@media screen and (max-width: 900px) {
    #web_help_choose {
        flex-direction: column;
        padding: 40px;
        background: #585862 url("../images/category/form_mobile.png") top right no-repeat;
    }

    .web_help_choose_desc {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 10px;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -0.02em;
        color: #FFFFFF;
        width: 425px;
    }

    .web_help_choose_form,
    #web_help_choose .form_help_choose_check {
        width: calc(100% - 120px);
    }

    #web_help_choose .web_help_banner {
        right: 10px;
        left: unset;
    }

    .web_help_choose_form input.checkbox-input,
    .web_help_choose_form input.checkbox-input:checked {
        flex-shrink: 0;
        width: 19px;
    }
}

@media screen and (max-width: 880px) {
    #category_unique_banner .ttl {
        font-size: 24px;
        line-height: 28px;
    }

    #category_unique_banner .descript {
        font-size: 16px;
        line-height: 24px;
    }

    #category_unique_banner_contaner {
        padding-right: 10px;
    }
}

@media screen and (max-width: 765px) {
    .web_help_choose_form {
        width: calc(100% - 100px);
    }

    #web_help_choose .form_help_choose_check {
        width: calc(100% - 50px);
    }

    #web_help_choose .form_help_choose_agree {
        width: calc(100% - 20px);
    }
}

@media screen and (max-width: 640px) {
    #category_unique_banner_fon {
        background: url("../images/category/background640.png") bottom right no-repeat;
        background-size: 100%;
        background-position: bottom -20px right -100px;
    }


    #category_ceo_text h2,
    .container_general_style .ttl,
    #category_diploms h2,
    #category_professor h2,
    #category_reviews h2,
    #other_sites h2 {
        font-size: 32px;
        line-height: 38px;
    }

    #breadcrumb a,
    #breadcrumb span {
        font-weight: 500;
        font-size: 12px;
        line-height: 12px;
    }

    #category_banner_contaner {
        gap: 20px;
    }

    #category_banner .ttl,
    #category_banner h1 {
        font-size: 32px;
        line-height: 38px;
    }

    #category_banner .descript {
        font-size: 16px;
        line-height: 18px;
    }
}

@media screen and (max-width: 600px) {
    #category_unique_banner_fon {
        flex-direction: column;
        background: url("../images/category/background375.png") top -40px right no-repeat;
    }

    #category_unique_banner_contaner,
    #category_unique_banner_pic {
        width: 100%;
    }

    #category_unique_banner_contaner {
        padding: 20px 20px 5px 20px;
    }

    #category_unique_banner_pic {
        min-height: 160px;
        padding: 0;
    }


    #convenient_way_block {
        flex-direction: column;
    }

    #convenient_way_block .item {
        width: 100% !important;
    }

    .web_help_choose_form,
    .web_help_choose_desc,
    #web_help_choose .form_help_choose_agree,
    #web_help_choose .form_help_choose_check {
        width: 100%;
    }

    #web_help_choose {
        padding: 20px 20px 180px 20px;
        background-position: top -60px right -130px;
    }

    #web_help_choose .web_help_banner {
        background-size: 115px;
        left: unset;
        right: 40px;
        width: 115px;
    }
}

@media screen and (max-width: 500px) {
    #convenient_way_block .item {
        min-height: auto !important;
    }

    #convenient_way_block .item:first-child .ttl,
    #convenient_way_block .item:nth-last-child(2) .ttl {
        font-size: 24px;
        line-height: 28px;
    }

    #convenient_way_block .item:last-child .ttl,
    #convenient_way_block .desc,
    #convenient_way_block .work {
        max-width: 100%;
    }

    #convenient_way_block .item:last-child {
        padding-bottom: 220px;
    }

    #convenient_way_block .item:last-child::after {
        width: 230px;
        top: unset;
        right: unset;
        bottom: -115px;
        left: calc((100% - 230px)/2 + 15px);
        background-size: 230px;
    }
}

@media screen and (max-width: 475px) {
    #category_banner .link a {
        font-size: 15px;
    }

    #category_banner .link a::before {
        left: calc(50% + 125px);
    }

    #category_banner_contaner {
        padding-right: 20px;
    }
}

@media screen and (max-width: 400px) {
    #category_banner .link a {
        font-size: 12px;
        text-align: left;
        padding-left: calc(((100% - 170px) / 2) - 24px);
    }

    #category_banner .link a::before {
        left: calc(50% + 85px);
    }
}

@media screen and (max-width: 425px) {
    #category_banner_pic {
        display: block;
        min-height: 250px;
        background-position: bottom right;
        width: 100%;
        background-size: 290px;
    }

    #category_banner {
        flex-direction: column;
    }

    #category_banner_contaner {
        width: 100%;
    }

    #category_banner .link a {
        width: 100%;
    }

    #category_banner .ttl span,
    #category_banner h1 span {
        display: unset;
    }
}

@media screen and (max-width: 375px) {
    .container_general_position {
        width: calc(100% - 20px);
    }
}