/* Start:/local/templates/tehstd/components/bitrix/catalog/ts/style.min.css?1793719673959*/
.grid .bx_content_section{margin-bottom:15px}.grid .bx_sidebar{margin-bottom:15px}.grid2x1 .bx_content_section{float:left;width:66%;margin-bottom:15px}.grid2x1 .bx_sidebar{float:right;width:33%;margin-bottom:15px;padding-left:5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(max-width:960px){.grid2x1 .bx_sidebar{padding-left:4%}}@media(max-width:640px){.grid2x1 .bx_content_section,.grid2x1 .bx_sidebar{width:100%;float:none}.grid2x1 .bx_sidebar{padding-left:3%}}@media(max-width:479px){.grid2x1 .bx_sidebar{padding-left:1%}}.catalog-block-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000}body.bx-theme-blue .catalog-block-header{border-color:#006cc0}body.bx-theme-green .catalog-block-header{border-color:#63aa28}body.bx-theme-red .catalog-block-header{border-color:#da3737}body.bx-theme-yellow .catalog-block-header{border-color:#f4b236}
/* End */


/* Start:/local/templates/tehstd/components/bitrix/catalog/ts/bitrix/catalog.section.list/.default/style.css?17937196743303*/
.directions_sections_wrap{
    color: #000000;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    align-items: center;
    margin-bottom: 3vw;

}
.directions_sections_wrap a{
    display: flex;
    align-items: center;
    gap: .7rem;
}
.directions_sections {
    background: #fffce5;
    padding: 2em;
    border-radius: .3rem;
}
.directions_sections span {
    font-size: 1.5em;
    color: rgb(0, 0, 0);
    font-weight: 600;
    text-align: left;
    margin-bottom: 1rem;
    display: block;
}
.directions_sections_wrap li{
    color: #000000;
    transition: transform 0.3s ease, color 0.3s ease;
    text-align: center;
    flex: 0 0 25%;
    padding: 1rem;
    /* border: 0.1vw solid #d9d9d9; */
    border-radius: 0.3em;
    height: 100%;
    /* aspect-ratio: 1 / 1.1; */
    display: flex;
    /* gap: 0.3rem; */
    flex-direction: row;
}
.directions_sections_img{
    /* height: 10vh; */
    /* margin-bottom: 1vh; */
    display: flex;
    flex-direction: row;
}
.directions_sections_wrap li img{
    max-height: 2rem;
    margin: auto;
    max-width: 2rem;
}
.directions_sections_wrap li p{
    font-size: 1vw;
    font-weight: 600;
    line-height: normal;
   text-align: left;
}

.course-item a:hover{
    color: #000 !important;
}
.directions_sections_wrap li:hover{
    transform: scale(1.1);
    background-color: #ffe600;
}
.direction .note h2, .direction .note h3 {
    color: #000000;
    font-size: 1.1vw;
    font-weight: 600;
    line-height: 1.4vw;
    text-align: left;
    margin: 1vw 0;
    text-transform: none;
}
.direction .note li {
    position: relative;
    color: #000000;
    font-size: 1vw;
    line-height: 2.4vh;
    text-align: left;
    padding-left: 1.5vw;
    margin-bottom: 0.5vw;
}
.direction .note li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.25vw;
    width: 0.5vw;
    height: 0.5vw;
    border: 0.1vw solid black;
    border-radius: 50%;
    vertical-align: 1vw;
    transform: none;
    background: none;
}
.toc li:before {
    display: none;
}
.toc {
list-style: auto;
}
.direction .note .toc li  {
    list-style: auto;
    margin-left: 1em;
padding-left: 0;
    text-decoration: underline;
}
.direction {
    flex-direction: column;
}
.directions_sections_wrap li span {
    display: inline-flex;
    align-items: flex-start;
    gap: .4rem;
    vertical-align: top;
    color: #43455d;
    font-weight: 300;
    line-height: 1;
    text-align: left;
    font-size: 1vw;
    margin-bottom: 0;
}
@media screen and (orientation: portrait){
.direction .note h2, .direction .note h3 {
margin: 3vw 0;
line-height: 6.4vw;
font-size: 5vw;
}
    .directions_sections {
        padding: 0;
        background: white;
}
.direction .note li{
font-size: 4.5vw;
font-weight: 500;
line-height: 5vw;
text-align: left;
padding-left: 5vw;
margin-bottom: 1.5vw;
}
.direction .note li::before {
top: 0.9vw;
height: 3vw;
width: 3vw;
}

.direction {
margin: -1.5vw 0;
}
.directions_sections_img {
height: auto;
}
.directions_sections_wrap {
grid-template-columns: repeat(1, 1fr);
padding: 1em;
}
.directions_sections_wrap a {
gap: 1.3rem;
}
.directions_sections_wrap li p {
font-size: 4.5vw;
font-weight: 300;
line-height: normal;
}
    .directions_sections_wrap li span {
        font-size: 4.8vw;
    }
}



/* End */


/* Start:/local/templates/tehstd/components/bitrix/news.list/career_guidance/style.css?17937196445597*/
/*.career_block{*/
/*	padding: 1em 2em;*/
/*	border: 0.1em solid #D9D9D9;*/
/*	border-radius: 0.3em;*/
/*}*/

.career_select{
	position: relative;

}

.section__career select{
    font-size: 1em;
	font-weight: 600;
	padding: 1em 4em 1em 2em;
	border: 0.1em solid #D9D9D9;
	border-radius: 0.3em;
	width: 100%;
    overflow: hidden;
}
.toggle-btn {
    padding: 0.8vh 0;
    display: block;
    box-sizing: border-box;
    border-radius: 0.3vw;
    background: #ffe600;
    color: #000000;
    font-size: 0.95vw;
    font-weight: 400;
    text-align: center;
    width: 20em;
}
.toggle-btn:hover {
    color: white;
    background: #854385;
}
.toggle-btn.active {
    color: white;
    background: #854385;
}
.search-toggle {
    margin-bottom: 1rem;
    display: flex;
    gap: 1rem;
}
.custom-arrow {
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-75%) rotate(-45deg);
	width: 0.7em;
	height: 0.7em;
	border-left: 0.2em solid #D9D9D9;
	border-bottom: 0.2em solid #D9D9D9;
	pointer-events: none;
}

.section__career select {
	-webkit-appearance: none; /* Убираем стандартную стрелку в WebKit */
	-moz-appearance: none; /* Убираем стандартную стрелку в Firefox */
	appearance: none; /* Убираем стандартную стрелку для всех браузеров */
	background: transparent;
}

#subCategoryWrapper{
	margin-top: 1em;
}

.custom-select:focus + .custom-arrow {
	transform: rotate(135deg);
	border-color: #007bff;
}

.section__career h3{
	margin-top: 2em;
	font-size: 1.4em;
	font-weight: 600;
	margin-bottom: 1em;
}

#professionsList div{
	padding: 1em 1em;
	border-radius: 0.3em;
	border: 0.1em solid #D9D9D9;
	margin-bottom: 1em;
	transition: all 0.5s ease;

}

#professionsList div:hover,
#professionsList div.active{
	transform: scale(1.03);
	background: #018370;
    color: white;
    border-color: #018370;
    cursor: pointer;
}
#requirementsTable table {
    width: 100%;
    border-collapse: separate; /* КЛЮЧЕВО */
    border-spacing: 0;         /* чтобы не было зазоров */
    border: 0.1em solid #D9D9D9;
    border-radius: 0.3em;
    overflow: hidden;          /* КЛЮЧЕВО */
}

#requirementsTable th, #requirementsTable td {
	border: 0.01em solid #D9D9D9; /* Границы ячеек */
	padding: 1em 2em;         /* Отступы внутри ячеек */
}

#requirementsTable th {
	/*background-color: #D9D9D9; !* Цвет фона для заголовков *!*/
	font-weight: bold;         /* Жирный текст */
	width: 30%;                /* Устанавливаем ширину для первого столбца */
    color: #018370;
    text-align: left;
}

#requirementsTable td {
	vertical-align: top; /* Выравнивание текста по верху */
    font-weight: bold;
}


#requirementsTableWrapper{
	display: none;
}

#infoBlock div{
	display: none;
}

.career__courses{
    margin-top: 2em;
	display: none;
    border: 0.1rem solid #D9D9D9;
    border-radius: 0.3em;
}

.career__courses h3{
    color: #018370;
    padding: 1em 2em;
    border-bottom: 0.1em solid #D9D9D9;
    margin-top: 0;
    margin-bottom: 0;
}

#searchProfession{
	padding: 1rem 4rem 1rem 2rem;
	border: 0.1em solid #D9D9D9;
	border-radius: 0.3em;
	width: 100%;
	margin-bottom: 1em;
}
.career__courses li:last-child{
    border-bottom: none;
}

.career__courses li{
    font-weight: 600;
    padding: 1em 2em;
    border-bottom: 0.1em solid #D9D9D9;
}

/*#coursesList{*/
/*    padding: 1em 2em 2em;*/
/*}*/

#requirementsTableWrapper {
    min-height: 260px;       /* ты уже считаешь динамически — ок */
    overflow: hidden;        /* ⬅ критично */
    will-change: contents;  /* снижает первый reflow */
}

.career__info{
   /* background: #018370;*/
    background: #6E7082;
    padding: 1em 2em;
    border-radius: 0.3em;
    margin-bottom: 1em;
}

.career__title{
    margin-bottom: 1em;
}

.career__title__grey{
    color: grey;
}

.career__info_wrap{
    display: flex;
    align-items: center;
    gap: 1em;
    justify-content: space-between;
}

.career__info_wrap p{
    color: white;
    flex: 0 0 40em;
}

.footer_contact_us_btn:hover{
    color: white;
}

.career__info_wrap .footer_contact_us_btn{
    width: 20em;
    align-self: flex-end;
}

.show-more-courses{
    color: #000000;
    font-size: 1.1em;
    font-weight: 600;
    padding: 0.5em 2em;
    box-sizing: border-box;
    border-radius: 0.3em;
    background: #ffe600;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 1em;
}
.career_block span {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
    #requirementsTable table {
        width: 100%; /* Таблица занимает всю ширину */
        border-collapse: collapse; /* Убираем двойные границы */
    }

    #requirementsTable table,
    #requirementsTable th,
    #requirementsTable td {
        display: block;
        width: 100%;
    }

    .career__info_wrap {
        flex-direction: column;
    }

    .career__info_wrap p {
        flex: 1;
    }

    .career__info_wrap .footer_contact_us_btn {
        width: 100%;
        padding: 0.7em;
    }

    .section__career select {
        font-size: 0.9em;
    }
}
@media screen and (orientation: portrait) {
    .toggle-btn {
        width: 60%;
        border-radius: 1.3vw;
        background: #ffe600;
        font-size: 4.5vw;
        padding: 0.7em;
    }
}

/* End */


/* Start:/local/templates/tehstd/components/bitrix/news.list/slaider_skillbox/style.css?17937196414590*/
.slider_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin: 1em 0;
}

.slider_skillbox {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease-in-out;
}

.slider_skillbox_slide {
    flex: 0 0 100%;
    overflow: hidden;
}


.slider_skillbox img {
    width: 100%;
    height: auto;
}

.dots {
    position: absolute;
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.4em;
}

.dot_s {
    width: 0.6em;
    height: 0.6em;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    transition: width 0.5s ease-in-out, border-radius 0.5s ease-in-out;
}

.dot_s .progress-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: white;
}

/* Анимация увеличения новой активной точки (овальная форма) */
.dot_s.expanding {
    width: 4em;
    border-radius: 0.5em;
    transition: width 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

/* Когда точка активная, она остаётся овальной */
.dot_s.active.keep-oval {
    width: 4em;
    border-radius: 0.5em;
}

/* Анимация заполнения прогресс-бара */
.dot_s.active .progress-line {
    animation: fillProgress 6s linear forwards;
}

/* Анимация уменьшения старой активной точки (обратно в круг) */
.dot_s.closing {
    width: 1em !important;
    border-radius: 50% !important;
    transition: width 0.5s ease-in-out, border-radius 0.5s ease-in-out;
}

@keyframes fillProgress {
    from { width: 0; }
    to { width: 100%; }
}
.slider_skillbox_slide{
    position: relative;
}
.slider_skillbox__content_circle{
    position: absolute;
    background: #ffffff4a;
    z-index: 10;
    top: -5em;
    left: -5em;
    height: 31.375em;
    width: 31.375em;
    border-radius: 50%;
}


.slider_skillbox__content{
    position: absolute;
    top: 0;
    left: 0;
    width: 31.375em;
    height: 100%;
    border-radius: 50%;
}

.slider_skillbox__content_block{
    position: absolute;
    z-index: 20;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 2em;
    width: 26.5em;
}


.slider_skillbox__content_block_title{
    font-size: 1.375em;
    font-weight: 700;
    margin-bottom: 1em;
    display: block;

}
.slider_skillbox__content_block_title_anons{
    margin-bottom: 1.5em;
    display: block;
    color: #6E7082;
    filter: saturate(0);
}

.slider_skillbox__content_block_title_link{
    display: inline-block;
    font-weight: 500;
    text-align: center;
    box-sizing: border-box;
    background: #854385;
    padding: .3em;
    border-radius: 0.3em;
    color: #ffffff;
    width: 13.75em;
    transition: all 0.3s ease;
}

.slider_skillbox__content_block_title_link:hover{
    background: #ffe600;
    color: #000;
}
.slider_skillbox_slide_mobile{
    display: none;
}

@media screen and (orientation: portrait) {
    .slider_skillbox__content_circle{
        display: none;
    }
    .slider_skillbox__content_block_title_anons{
        display: none;
    }
    .slider_skillbox__content_block{
        padding: 2em 0 3em;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .slider_skillbox__content_block_title_link{
        display: block;
        width: calc(100% - 4em);
        margin: 0 auto;
    }
    .yellow-banner {
        display: inline-block;
        background-color: #ffe600;
        position: relative;
        width: 85%;
        padding: .2em 0 .2em 1em;
        opacity: .8;
    }

    .yellow-banner::after {
        content: "";
        position: absolute;
        top: 0;
        right: -2em;
        width: 4em;
        height: 100%;
        background-color: #ffe600;
        transform: skewX(30deg);
    }
    .yellow-banner p{
        max-width: 85%;
    }
    .slider_skillbox__content_block_title{
        margin-bottom: 0;
        font-size: 1.2em;
    }
    .slider_skillbox__content{
        width: 100%;
    }
    .slider_skillbox__content_block{
        width: 100%;
    }
    .slider_skillbox_slide_mobile{
        display: block;
    }
    .slider_skillbox_slide_pk{
        display: none;
    }
}
/* End */
/* /local/templates/tehstd/components/bitrix/catalog/ts/style.min.css?1793719673959 */
/* /local/templates/tehstd/components/bitrix/catalog/ts/bitrix/catalog.section.list/.default/style.css?17937196743303 */
/* /local/templates/tehstd/components/bitrix/news.list/career_guidance/style.css?17937196445597 */
/* /local/templates/tehstd/components/bitrix/news.list/slaider_skillbox/style.css?17937196414590 */