/*
 * T-163 (Bitrix-75034): оформление раздела «Карьера» — перенос шаблона etvacancy старого сайта
 * career.effective-group.ru по решению владельца («максимальное соответствие старой странице»).
 * Подключается только на /career/*. Все правила изолированы под .etv — шапку, подвал и модалку
 * основного сайта не задевают. Блок «ПЕРЕНОС» сгенерирован инструментом scope_css.py
 * (маркетинговый репозиторий, tasks/2026-10-26/work/tools/) из исходников шаблона — правки вносить
 * в блок «АДАПТАЦИЯ» в конце файла. Слайдер — slick 1.8 (MIT).
 */

/* ===== ПЕРЕНОС: шаблон etvacancy (template_styles, slick, media, add, компоненты) ===== */
/* --- template_styles.css --- */
.etv * {box-sizing:border-box;margin:0;padding:0}
.etv,
.etv {height:100%}
.etv {margin:0;background-color:#fff;color:#202020;line-height:20px;font-family:'Roboto',sans-serif;font-size:14px;font-weight:400;font-style:normal}
.etv img {max-width:100%;vertical-align:middle;display:inline-block}
.etv h1,
.etv h2,
.etv h3,
.etv h4,
.etv h5,
.etv h6 {font-weight:700;font-style:normal;margin-bottom:10px}
.etv h1 {font-size:38px;line-height:44px;margin-top:20px}
.etv h2 {font-size:32px;line-height:36px;margin-top:20px}
.etv h3 {font-size:24px;line-height:30px;margin-top:20px}
.etv h4 {font-size:18px;line-height:24px;margin-top:10px}
.etv h5 {font-size:14px;line-height:20px;margin-top:10px}
.etv h6 {font-size:12px;line-height:18px;margin-top:10px}
.etv p {margin-top:0;margin-bottom:10px}
.etv a:focus {outline:0}
.etv blockquote {margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #e2e2e2;font-size:18px;line-height:22px}
.etv figure {margin:0;margin-bottom:10px}
.etv figcaption {margin-top:5px;text-align:center}
.etv ol,
.etv ul {margin-top:0;margin-bottom:10px;padding-left:40px}
.etv button,
.etv input[type=button],
.etv input[type=reset] {border:0;cursor:pointer;-webkit-appearance:button}
.etv label {display:block;margin-bottom:5px;font-weight:700;font-style:normal}
.etv .page_wrap {display:flex;flex-direction:column;height:100%}
.etv .content {flex:1 0 auto}
.etv footer {flex:0 0 auto}
.etv header {padding:75px 0}
.etv .main header {position:absolute;left:0;right:0;top:0;z-index:10}
.etv footer {background:#1d1d1d;padding:105px 0;color:#fff}
.etv .wrapper {max-width:1162px;margin-right:auto;margin-left:auto}
.etv .flex {display:flex}
.etv .flex-between {justify-content:space-between}
.etv .flex-center {align-items:center}
.etv .flex-wrap {flex-wrap:wrap}
.etv .social-link i {display:block;width:40px;height:40px}
.etv .social-link:hover svg path {fill:#00cc70}
.etv .social-link:hover svg .fb {stroke:#00cc70;fill:none}
.etv .social-link+.social-link {margin-left:50px}
.etv .f_link a {font-weight:800;color:#fff;text-decoration:none;font-size:1.6em}
.etv .f_link+.f_link {margin-top:25px}
.etv .footer-line {width:20%;height:5px;margin-top:25px;margin-bottom:25px;background-color:#30cc85}
.etv .s_link a {font-weight:700;font-style:normal;color:#fff;text-decoration:none;font-size:1.08em}
.etv .f_link a:hover,
.etv .s_link a:hover {color:#30cc85}
.etv #footer-copyright,
.etv #footer-phone {width:25%}
.etv .mt25 {margin-top:25px}
.etv #footer-copyright {color:#8e8e8e;font-weight:700;font-size:.8em}
.etv .all_contacts {padding-top:150px;padding-bottom:100px}
.etv .company_name {font-weight:800;font-size:1.6em;line-height:25px}
.etv .company_phone a {text-decoration:none;font-weight:600;color:#202020;font-size:1.1em;line-height:25px}
.etv .company_mail a {text-decoration:none;font-weight:600;color:#00cc70;font-size:1.1em;line-height:25px}
.etv .company_links {padding-top:55px;display:flex}
.etv .page_top h1 {font-size:2.8em}
.etv .main_text {padding:150px 0 130px 0}
.etv #vacancies {padding-top:20px}
.etv .column_2 .include_txt {flex:1}
.etv .column_2 .inner_btn {width:290px}
.etv .inner_btn a {display:block;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-weight:800;text-align:center;padding:14px 5px;border:5px solid #1d1d1d;color:#1d1d1d;-webkit-transition:all .2s ease;transition:all .2s ease}
.etv .light_btn a {color:#fff;border-color:#fff}
.etv .inner_btn a:hover {color:#30cc85;border-color:#30cc85}
.etv .light_btn a:hover {color:#005da1;background:#fff;border-color:#fff}
.etv .h2 {font-weight:800;font-size:39px;line-height:47px;margin-bottom:25px}
.etv .main_text .include_txt {font-weight:800;font-size:39px;max-width:726px;color:#1d1d1d;line-height:47px}
.etv .main_form {background:#005da1;padding:75px 0}
.etv .main_form .include_txt {font-size:1.1em;font-weight:600;line-height:25px;color:#fff;max-width:726px}
.etv .internship {padding:150px 0}
.etv .main_form p {margin-bottom:0}
.etv .main_catalog {padding-bottom:105px}
.etv .internship .include_txt p {font-size:1.1em;font-weight:600;margin-bottom:0}
.etv .internship .include_txt p+p {margin-top:30px}
.etv .how {background:#f6f6f6;padding:75px 0}
.etv .how-wrap {display:flex;justify-content:space-between;margin-bottom:50px}
.etv .how-elem {width:25%}
.etv .elem-img span {font-weight:800;font-size:4.5em;margin-right:25px}
.etv .elem-img {display:flex;align-items:center;padding-bottom:25px}
.etv .how-1 .elem-img {color:#30cc85}
.etv .how-2 .elem-img {color:#005da1}
.etv .how-3 .elem-img {color:#6a366b}
.etv .elem-toptext {font-weight:800;font-size:1.6em;margin-bottom:10px}
.etv .elem-text {font-weight:600;font-size:1.1em}
.etv .faq .h2 {color:#8e8e8e;font-size:1.6em;line-height:27px;margin-bottom:50px}
.etv .main_bottom {padding:150px 0}
.etv .main_bottom .include_txt_l {flex:1;max-width:726px}
.etv .main_bottom .include_txt_r {width:290px}
.etv .b-row {display:flex}
.etv .b-img {width:110px}
.etv .b-txt {flex:1;font-weight:600;}
.etv .b-row+.b-row {margin-top:50px}
.etv .b-txt p {margin-bottom:0}
.etv .b-txt-big {font-weight:800;margin-bottom:10px;font-size:1.2em}
.etv .b-txt a {text-decoration:none;color:#30cc85}
.etv footer {border-top:5px solid #2cbd77}
.etv .bottom_img {margin-bottom:50px}
.etv .include_txt_r {padding-top:72px;font-size:1.1em;font-weight:600}
.etv .fw700 {font-weight:800}
.etv .fzBig {font-size:1.2em}
.etv .include_txt_r p {margin-bottom:0}
.etv .include_txt_r p+p {margin-top:25px}
.etv .include_txt_r .btn {margin-top:50px;display:block;text-decoration:none;text-transform:uppercase;font-weight:800;text-align:center;padding:14px 5px;border:5px solid #1d1d1d;color:#1d1d1d;-webkit-transition:all .2s ease;transition:all .2s ease}
.etv .include_txt_r .btn:hover {color:#30cc85;border-color:#30cc85}
.etv .banner::before {content:"";background:#25282b;opacity:.75;position:absolute;top:0;bottom:0;right:0;left:0}
.etv .banner {height:840px;position:relative;display:flex;flex-direction:column;background-image:url(/images/career/etv/bg.webp);background-repeat:no-repeat;background-position:top center;background-size:cover;padding:310px 15px 0 15px}
.etv .banner_text_big {width:100%;max-width:1162px;margin-right:auto;margin-left:auto;font-weight:800;font-size:70px;color:#fff;position:relative;line-height:1.4}
.etv .banner_text_small {width:100%;max-width:1162px;margin-right:auto;margin-left:auto;font-weight:800;font-size:39px;line-height:2;position:relative;color:#30cc85}
.etv .phone_text {display:none}
.etv .header-logo-xs,
.etv .xs-menu-btn {display:none}
.etv .media_gal_text {color:#2cbd77;margin-top:25px;font-size:39px;font-weight:800;line-height:47px;max-width:726px}
.etv .internship .btn {margin-top:50px;display:block;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-weight:800;text-align:center;padding:14px 5px;border:5px solid #1d1d1d;color:#1d1d1d;-webkit-transition:all .2s ease;transition:all .2s ease}
.etv .internship .btn:hover {color:#30cc85;border-color:#30cc85}
.etv .faq_col_xs {display:none}
.etv .modal-form-cover {z-index:1000;position:absolute;top:0;right:0;bottom:0;left:0;display:none;background-color:rgba(0,0,0,.8)}
.etv .modal--active {overflow-x:hidden;height:auto;position:relative}
.etv .bottom_form {margin-top:150px;padding:75px 0 150px 0;background:#f6f6f6;box-shadow:inset 0 10px 20px -10px rgba(32,32,32,.2)}
.etv .form_name {font-weight:800;font-size:39px;line-height:47px;margin-bottom:25px}
.etv .form-wrap {display:flex;justify-content:space-between;align-items:flex-end}
.etv .form_col {flex:1;max-width:726px}
.etv .form_col.button_col {flex:initial;width:290px}
.etv .form_row {display:flex;justify-content:space-between}
.etv .form_row+.form_row {margin-top:25px}
.etv .form__elem {width:100%}
.etv .row_2 .form__elem {width:48%}
.etv input:focus~.floating-label,
.etv textarea:focus~.floating-label {top:0;bottom:10px;left:0;font-size:11px;opacity:1}
.etv .inputText {height:55px;width:100%;border:none;background:#f6f6f6;border-bottom:3px solid #000;outline:0}
.etv .textareaText {padding-top:15px;height:100px;width:100%;border:none;background:#f6f6f6;border-bottom:3px solid #000;outline:0;resize:none}
.etv .floating-label {position:absolute;pointer-events:none;left:0;top:18px;transition:.2s ease all;color:rgba(11,11,11,.5)}
.etv .floating-label span {color:#eb5757;margin-left:5px;display:inline-block;vertical-align:middle}
.etv .form__elem {position:relative}
.etv .file-label {position:absolute;pointer-events:none;right:0;top:18px;color:rgba(11,11,11,.5);padding-right:25px;line-height:25px;background:url(/images/career/etv/file.svg) no-repeat center right}
.etv .selectText {width:100%}
.etv .jq-selectbox__select {height:55px;background:#f6f6f6;border-bottom:3px solid #000;position:relative}
.etv .jq-selectbox__select-text {color:rgba(11,11,11,.5);width:100%!important;line-height:55px}
.etv .jq-selectbox__trigger {position:absolute;width:20px;height:20px;background:url(/images/career/etv/a.svg) no-repeat center;right:0;top:50%;margin-top:-10px}
.etv .jq-selectbox__dropdown {width:100%;margin:2px 0 0;padding:0;border:1px solid #ccc;border-radius:4px;background:#fff;box-shadow:0 2px 10px rgb(0 0 0 / 20%)}
.etv .button_col .button,
.etv .button_col button {text-transform:uppercase;font-size:14px;font-weight:800;text-align:center;width:100%;height:62px;border:5px solid #1d1d1d;cursor:pointer;appearance:none;-webkit-appearance:none;letter-spacing:.14em;-moz-appearance:none;-webkit-transition:all .2s ease;transition:all .2s ease}
.etv .button_col .button:hover,
.etv .button_col button:hover {color:#30cc85;border-color:#30cc85}
.etv .checkboxText {border:3px solid #1d1d1d;width:20px;height:20px;margin-right:20px}
.etv .label {flex:1;font-weight:400;margin:0}
.etv .modal-form {position:fixed;z-index:1001;top:0;left:0;display:none;width:100%;height:100vh;padding:40px 50px;color:#fff;background-color:#005da1}
.etv .modal-form__header {font-weight:800;font-size:39px;color:#fff;line-height:47px;margin-bottom:25px;width:726px}
.etv .modal-form__subtext {font-weight:600;width:726px;font-size:1.1em}
.etv .modal-form__subtext+.modal-form__subtext {margin-top:50px}
.etv .modal-form__body .form_col {width:726px;flex:initial}
.etv .modal-form__body .form_col.button_col {flex:initial;width:290px}
.etv .modal-form__body .checkboxText,
.etv .modal-form__body .inputText,
.etv .modal-form__body .jq-selectbox__select,
.etv .modal-form__body .textareaText {border-color:#fff;background:0 0}
.etv .modal-form__body .file-label,
.etv .modal-form__body .floating-label,
.etv .modal-form__body .jq-selectbox__select-text {color:#fff}
.etv .modal-form__body .button_col .button,
.etv .modal-form__body .button_col button {border-color:#fff;background:0 0;color:#fff}
.etv .modal-form__close {position:absolute;top:100px;right:100px}
.etv .modal-form__body .file-label {background:url(/images/career/etv/file_light.svg) no-repeat center right}
.etv .modal-form__body .jq-selectbox__trigger {background:url(/images/career/etv/a_light.svg) no-repeat center right}
.etv .answer-form {display:none}
.etv .form-control+.error {color:#eb1033}

/* --- css/slick.css --- */
.etv .slick-slider {position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.etv .slick-list {position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;}
.etv .slick-list:focus {outline: none;}
.etv .slick-list.dragging {cursor: pointer;
    cursor: hand;}
.etv .slick-slider .slick-track,
.etv .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.etv .slick-track {position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;}
.etv .slick-track:before,
.etv .slick-track:after {display: table;

    content: '';}
.etv .slick-track:after {clear: both;}
.etv .slick-loading .slick-track {visibility: hidden;}
.etv .slick-slide {display: none;
    float: left;

    height: 100%;
    min-height: 1px;}
.etv [dir='rtl'] .slick-slide {float: right;}
.etv .slick-slide img {display: block;}
.etv .slick-slide.slick-loading img {display: none;}
.etv .slick-slide.dragging img {pointer-events: none;}
.etv .slick-initialized .slick-slide {display: block;}
.etv .slick-loading .slick-slide {visibility: hidden;}
.etv .slick-vertical .slick-slide {display: block;

    height: auto;

    border: 1px solid transparent;}
.etv .slick-arrow.slick-hidden {display: none;}

/* --- css/media.css --- */
@media screen and (max-width:1192px){
.etv .wrapper {width:100%;margin:0;padding:0 37.5px}
.etv #footer-copyright,
.etv #footer-phone {width:30%}
}
@media screen and (max-width:920px){
.etv #footer-logo,
.etv #footer-menu {display:none}
.etv footer .wrapper.flex {flex-direction:column;align-items:center;align-content:center}
.etv #footer-copyright,
.etv #footer-phone {width:auto}
.etv footer {padding:60px 0}
.etv #footer-phone {text-align:center;padding-top:50px}
.etv .footer-line {margin-left:auto;margin-right:auto}
.etv .footer-row.mt25 {margin-top:0;padding-top:50px}
.etv #top-menu {display:none}
.etv .main header {position:relative;left:auto;right:auto;top:auto}
.etv header {padding:20px 0}
.etv .banner {height:250px;padding:50px 37.5px}
.etv .banner_text_big {font-size:28px}
.etv .banner_text_small {font-size:1.8em}
.etv .main_text {display:none}
.etv .main_catalog {padding-top:50px;padding-bottom:50px}
.etv .main_form {padding:35px 0}
.etv .internship .column_2,
.etv .main_form .column_2,
.etv .phone_text .column_2 {flex-direction:column}
.etv .main_form .include_txt,
.etv .phone_text .include_txt {margin-bottom:25px}
.etv .phone_text {display:block}
.etv .phone_text {padding:50px 0}
.etv .phone_text .include_txt {font-weight:800;font-size:1.8em;line-height:normal}
.etv .internship {padding:0 0 50px 0}
.etv .internship .include_txt {max-width:100%}
.etv .how {padding:25px 0}
.etv .faq_list,
.etv .how-wrap {flex-direction:column}
.etv .faq_col,
.etv .how-elem {width:100%}
.etv .main_bottom {padding:50px 0}
.etv .main_bottom .wrapper {flex-wrap:wrap}
.etv .main_bottom .include_txt_l,
.etv .main_bottom .include_txt_r {max-width:100%;width:100%}
.etv .header-logo {display:none}
.etv .header-logo-xs {display:block;width:100%;text-align:center}
.etv .xs-menu-btn {display:block;position:absolute;width:20px;height:20px;background:url(/images/career/etv/menu.svg) no-repeat center}
.etv #top-menu {margin:0;padding:0;position:absolute;top:70px;left:0;background:#fff;width:100%;box-shadow:0 20px 40px rgb(6 16 39 / 7%);z-index:999}
.etv .open#top-menu {display:block}
.etv #top-menu ul {flex-direction:column}
.etv #top-menu li+li {margin-left:0}
.etv #top-menu li {border-bottom:1px solid #f2f4f8}
.etv #top-menu a {display:block;height:auto;width:100%;position:relative;padding:2rem 3rem;font-size:1.4rem;line-height:1.7rem}
.etv .main #top-menu a {color:#1d1d1d}
.etv .img_gal {padding-left:0;padding-top:0;flex:1}
.etv .media_gal {position:relative;padding-top:25px}
.etv .media_gal_list {display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:10px}
.etv .media_gal_list>a {display:none}
.etv a.g_0 {grid-area:1/1/3/3;display:block}
.etv a.g_1 {grid-area:1/3/2/4;display:block}
.etv a.g_2 {grid-area:1/4/2/5;display:block}
.etv a.g_3 {grid-area:2/3/3/4;display:block}
.etv a.g_4 {grid-area:2/4/3/5;display:block}
.etv .media_gal img {margin:0;width:100%;height:100%;object-fit:cover}
.etv .media_gal_text {font-size:1.8em;line-height:normal}
.etv .how .h2,
.etv .main_bottom .h2 {font-size:1.8em;line-height:normal}
.etv .how-wrap {display:none}
.etv .faq_col_xs {display:block}
.etv .faq .h2 {display:none}
.etv .faq_col {padding-left:50px;position:relative}
.etv .elem-text-0 {margin:25px 0 10px 0;color:#8e8e8e;font-weight:700}
.etv .elem-text,
.etv .faq_elem_name {font-weight:400;font-size:1em}
.etv .elem-toptext {font-size:1.2em}
.etv .faq_col+.faq_col {margin-top:25px}
.etv .faq_elem+.faq_elem {margin-top:10px}
.etv .faq_list {counter-reset:item}
.etv .faq_col:before {counter-increment:item;content:counter(item);position:absolute;top:0;left:0;font-weight:800;font-size:3em}
.etv .faq_col:nth-child(1):before {color:#30cc85}
.etv .faq_col:nth-child(2):before {color:#005da1}
.etv .faq_col:nth-child(3):before {color:#6a366b}
.etv .hover-data .description {font-weight:400;font-size:1em}
.etv .hover-data {padding:30px}
.etv .b-row {flex-direction:column;align-items:center}
.etv .b-img {text-align:center}
.etv .b-txt {font-weight:400;font-size:1em;text-align:center}
.etv .b-txt-big {font-size:1em}
.etv .b-row+.b-row {margin-top:25px}
.etv .include_txt_r {padding-top:25px;text-align:center}
.etv .bottom_img img {height:60px}
.etv .b-img,
.etv .bottom_img {margin-bottom:25px}
.etv .fzBig {font-size:1em}
.etv .include_txt_r p+p {margin-top:10px}
.etv .include_txt_r {font-weight:400;font-size:1em}
.etv .bottom_form {margin-top:50px;padding:35px 0}
.etv .form_name {font-size:1.8em}
.etv .form-wrap,
.etv .form_row {flex-direction:column}
.etv .form_col.button_col {width:100%}
.etv .row_2 .form__elem {width:100%}
.etv .form__elem+.form__elem {margin-top:25px}
.etv .form_row.row_1 {flex-direction:row}
.etv .label {font-size:10px}
.etv .form_col.button_col {margin-top:25px}
.etv .file-label {font-size:0}
.etv .modal-form {padding:35px 0;overflow-y:scroll}
.etv .modal-form__close {right:20px;top:20px}
.etv .modal-form__header {width:100%;font-size:1.8em}
.etv .modal-form__subtext {width:100%;font-weight:400;font-size:1em}
.etv .modal-form__subtext+.modal-form__subtext {margin-top:25px}
.etv .modal-form__body {margin-top:25px;flex-direction:column}
.etv .modal-form__body .form_col,
.etv .modal-form__body .form_col.button_col {width:100%}
}
@media screen and (max-width:767px){
.etv .all_contacts {padding-top:50px;padding-bottom:50px}
.etv .company_links {padding-top:50px;justify-content:space-between}
.etv .company_links a+a {margin-left:0!important}
.etv .main_text {display:none}
}

/* --- css/add.css --- */
.etv #request-form .wrapper {min-width: 1162px;}
.etv .modal-form.js-open {display: flex;
    justify-content: center;
    align-items: center;}
.etv .button_col .button:disabled,
.etv .button_col button:disabled {opacity: 0.3;}
.etv .act .floating-label {top: 0;;
    opacity: 1;}
.etv .modal-form__body .button_col .button:hover,
.etv .modal-form__body .button_col button:hover {background: #fff;
    color: #005da1;}
.etv .modal-form__body .jq-selectbox__dropdown {color: #005da1;}
.etv .modal-form__close {cursor: pointer;}
.etv .form-validate .hide {width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;}
.etv .file-label {margin: 0;
    font-weight: normal;
    pointer-events: initial;
    cursor: pointer;}
.etv .region_title,
.etv .direct_title {letter-spacing: 1.4px;}
.etv .light_btn a,
.etv .internship .btn {letter-spacing: 0.7px;}
.etv .b-txt > p {font-size: 1.1em;
    line-height: 25px;}
.etv .include_txt_r .btn {font-size: 14px;
    letter-spacing: 0.7px;}
.etv .list-empty .work-head {opacity: 0;}
.etv .work-head--empty {font-size: 23px;
    font-weight: 800;
    margin-bottom: 50px;}
.etv .internship {overflow: hidden;}
.etv .sub-container {display: flex;
  flex-wrap: wrap; 
  margin-right: calc(50% - 50vw);}
.etv .container {display: flex;}
.etv .img_gal {flex: 1;
    padding-top: 72px;
    padding-left: 140px;}
.etv #internship .include_txt {width: 290px;}
.etv .slider {display: flex;
    width: 9999px;}
.etv .slider a {cursor: pointer;
    margin-right: 25px;}
.etv .slider a:hover {opacity: 0.8;}
.etv .slider + .slider {margin-top: 25px;1192}
.etv .img_gal_phone,
.etv .img_gal_phone_txt {display: none;}
.etv .banner_text_big {line-height: 1;
    margin-bottom: 13px;}
.etv .banner_text_small {line-height: 1;}
.etv .modal-form__body .textareaText {color: #fff;}
.etv .job_wrap ul li + li {margin-top: 15px;}
.etv .job_btn .btn {letter-spacing: 0.7px;}
.etv .hidden_block.hover-data {width: 390px;}
.etv input {outline:none;outline-offset: 0;}
@media (max-height: 900px){
.etv .modal-form.js-open {overflow-y: scroll;
        align-items: flex-start;}
}
@media (max-width: 1192px){
.etv .img_gal {padding-left: 50px;}
.etv .media_gal_text {font-size: 1.8em;
        line-height: normal;}
}
@media (max-width: 920px){
.etv .media_gal_text.subtitle-animation {max-width: 400px;}
.etv header .wrapper {padding: 0 22px;}
.etv .job_tag_xs .flex span + span {margin-left: 0;}
.etv .job_tag_xs .flex span {margin-right: 10px;
        margin-bottom: 5px}
}
@media (max-width: 767px){
.etv .column_2 .inner_btn {width: 100%;
        max-width: 290px;}
.etv .internship .btn,
.etv .include_txt_r .btn {max-width: 290px;
        margin: 50px auto 0;}
.etv .container {display: block;}
.etv .img_gal {display: none;}
.etv #internship .include_txt {width: 100%;}
.etv .sub-container {margin-right: 0}
.etv .img_gal_phone,
.etv .img_gal_phone_txt {display: block;}
.etv .img_gal_phone {overflow: hidden;
        padding: 50px 0 25px 0;}
.etv .img_gal_phone .sub-container {margin-right: calc(50% - 50vw);}
.etv .img_gal_phone .container {display: flex;
        justify-content: space-between;}
.etv .blockL {width: calc(50vw - 10px);}
.etv .blockR {padding-left: 10px;}
.etv .sliderL {display: flex;
        width: 9999px;}
.etv .sliderL a {margin-right: 10px}
.etv .sliderL+.sliderL {margin-top: 10px}
.etv .sliderL img {height: 85px;}
.etv .blockL img {height: 180px;}
.etv .img_gal_phone img {object-fit: cover;}
.etv .img_gal_phone_txt {padding: 0 37.5px;
        font-size: 1.8em;
        line-height: normal;
        color: #2CBD77;
        font-weight: 800;}
}
.etv .popup--active {overflow-x: hidden;
    height: auto;
    position: relative;}
.etv .modal-form-cover.open {display: block;
    background-color: rgba(0,0,0,.5);}
@media screen and (max-width: 920px){
.etv .form_col {max-width: 100%;}
}
.etv .modal-form__body .checkboxText,
.etv .modal-form__body .inputText {color: #fff;}
.etv .notfound .notfound-404 {position: relative;
    height: 150px;
    line-height: 150px;
    margin-bottom: 25px;}
.etv .notfound .notfound-404 .h1 {font-size: 186px;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
    background: url(/images/career/etv/text.png);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-position: center;}
.etv .notfound .h2 {font-size: 26px;
    font-weight: 800;
    margin: 0 0 15px 0;}
.etv .notfound p {margin-bottom: 0;
    text-transform: uppercase;}
.etv .notfound a {display: inline-block;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    border: none;
    background: #2cbd77;
    padding: 10px 40px;
    letter-spacing: .14em;
    font-weight: 800;
    border-radius: 1px;
    margin-top: 15px;
    -webkit-transition: .2s all;
    transition: .2s all;}
.etv .notfound a:hover {opacity: .8;}
.etv #notfound {padding-bottom: 50px;}
@media screen and (max-width: 767px){
.etv .notfound .notfound-404 .h1 {font-size: 100px;}
.etv .notfound .h2 {font-size: 20px;
        line-height: normal;}
.etv .notfound a {padding: 10px 0;
        display: block;
        text-align: center;}
.etv .internship .btn,
.etv .include_txt_r .btn,
.etv .inner_btn a {font-size: 0.8em;
        letter-spacing: 0.56px;}
}
@media screen and (max-width: 1192px){
.etv #request-form .wrapper {min-width: 100%;
        padding: 0}
.etv .column_inputs {padding-right: 25px}
}
@media screen and (max-width: 920px){
.etv #request-form .wrapper {padding: 0 15px;}
.etv .column_inputs {padding-right: 0}
.etv .h2 {font-size: 1.8em;
        line-height: 1;}
}
.etv .content_page {padding-top: 50px;}
.etv .jq-checkbox.checked .jq-checkbox__div {width: 14px;
    height: 12px;
    background: url(/images/career/etv/check_dark.svg) no-repeat center;}
.etv .modal-form__body .jq-checkbox.checked .jq-checkbox__div {background: url(/images/career/etv/check.svg) no-repeat center;}
.etv .modal-form__body .button_col input[disabled],
.etv .button_col input[disabled] {border-color: rgba(195, 195, 195, 0.3);
    color: rgba(195, 195, 195, 0.3);}
.etv #request-form .wrapper {position: relative;}
.etv #request-form .modal-form__close {top: 10px;
 right: 10px;}
@media screen and (max-width: 920px){
.etv .modal-form {padding: 0;}
.etv #request-form .modal-form__close {top: -15px;}
}
.etv #fileUpload-error {color: #eb1033;}
@media screen and (max-width: 374px){
.etv .social-link+.social-link {margin-left: 0;}
.etv #footer-social {justify-content: space-between;
        width: 100%;}
.etv .banner {padding: 0 37.5px;
        justify-content: center;}
}
.etv .inputText,
.etv .textareaText,
.etv .selectText {-webkit-appearance: none;
    border-radius: 0;}
.etv #bottom_form .button,
.etv #bottom_form button {background: transparent;}
.etv .ya-share2__list {display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;}
.etv .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {margin: 2px 0 0 0!important;}
@media screen and (max-width: 767px){
.etv .hidden_block.hover-data {padding: 50px 30px;}
.etv .ya-share2__list {justify-content: center;}
.etv .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {margin: 2px 4px !important;}
}
.etv #contact_form .label a {color: #fff;text-decoration: none;}
.etv #contact_form .label a:hover {text-decoration: underline;}
.etv #bottom_form #contact_form .label a {color: #000;}
.etv #mission {font-size: 23px;
    font-weight: 600;
    margin-top: 16px;}
@media screen and (max-width: 920px){
.etv #mission {font-size: 18px;}
}
.etv .employees_slider {padding-bottom: 150px;}
.etv .employees_top {display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;}
.etv .employees_top .h2 {margin-bottom: 0;}
.etv .employees_btn {display: flex;}
.etv #employees_btn--prev {width: 72px;
    height: 72px;
    background: url(/images/career/etv/left.svg) no-repeat center;
    cursor: pointer;}
.etv #employees_btn--next {width: 72px;
    height: 72px;
    background: url(/images/career/etv/left.svg) no-repeat center;
    cursor: pointer;
    margin-left: 40px;
    -moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);}
.etv #employees_btn--prev:hover,
.etv #employees_btn--next:hover {opacity: 0.8;}
.etv #employees .slick-list {margin: 0 -25px;}
.etv #employees .slick-slide {margin: 0 25px;}
.etv .employees_name {font-size: 22px;
    font-weight: 800;
    margin: 25px 0 15px 0;}
.etv .employees_job {font-size: 15px;}
@media screen and (max-width: 920px){
.etv .employees_slider {padding-bottom: 50px;}
.etv .employees_top {margin-bottom: 25px;}
.etv #employees_btn--prev,
.etv #employees_btn--next {width: 36px;
    height: 36px;
    background-size: cover;}
.etv #employees_btn--next {margin-left: 20px;}
.etv #employees .slick-slide {margin: 0 10px;}
.etv #employees .slick-list {margin: 0 -10px;}
}
@media screen and (max-width: 479px){
.etv #employees .slick-list {margin: 0;}
.etv #employees .slick-slide {margin: 0;}
.etv .employees_top {flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;}
.etv .employees_btn {justify-content: flex-end;
    width: 100%;}
.etv .employees_img img {width: 100%;}
}
.etv .employees_elem {cursor: pointer;}
.etv .employees_elem:hover {opacity: 0.8;}
.etv .employees_hidden {display: none;
    z-index: 1001;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 40px;
	width: 80%;}
.etv .employees_hidden.js-open {display: block;}
.etv .employees_close {position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer;}
.etv .employees_close:hover {opacity: 0.8;}
.etv .employees_row {display: flex;}
.etv .employees_col_image {width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 100%;
    position: relative;}
.etv .employees_col_image img {height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: initial;}
.etv .employees_col {flex: 1;
    margin-left: 50px;}
.etv .employees_col .employees_name {margin: 0 0 20px 0;
    font-size: 39px;}
.etv .employees_col .employees_job {font-size: 21px;
    font-weight: 700;
    margin-bottom: 10px;}
.etv .employees_prev {font-size: 15px;
    margin-bottom: 20px;
    font-weight: 600;}
.etv .employees_desc {font-size: 15px;
    font-weight: 600;}
.etv .employees_text {padding-top: 30px;
    font-size: 15px;
    font-weight: 600;}
@media screen and (max-width: 767px){
.etv .employees_hidden {width: 100%;
    top: 0;
    left: 0;
    transform: none;
    height: 100vh;
    padding: 30px;
	overflow: scroll;}
.etv .employees_close {top: 15px;
    right: 15px;}
.etv .employees_row {flex-direction: column;}
.etv .employees_col {margin-left: 0;
    margin-top: 25px;}
.etv .employees_col_image {width: 135px;
    height: 135px;}
.etv .employees_col .employees_name {font-size: 25px;}
.etv .employees_col .employees_job {font-size: 16px;
	font-weight: 700;}
.etv .employees_prev,
.etv .employees_desc,
.etv .employees_text {font-size: 14px;
	font-weight: 400;}
}
@media screen and (max-height: 600px){
.etv .employees_hidden {width: 100%;
    top: 0;
    left: 0;
    transform: none;
    height: 100vh;
    padding: 30px;
    overflow: scroll;}
}
.etv .video_top {display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;}
.etv .video_top .h2 {margin-bottom: 0;}
.etv .video_btn {display: flex;}
.etv #video_btn--prev {width: 72px;
    height: 72px;
    background: url(/images/career/etv/left.svg) no-repeat center;
    cursor: pointer;}
.etv #video_btn--next {width: 72px;
    height: 72px;
    background: url(/images/career/etv/left.svg) no-repeat center;
    cursor: pointer;
    margin-left: 40px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
.etv .video_section {display: flex;}
.etv .video_text {width: calc(33.3333% + 18px);
	padding-right: 18px;}
.etv .video_list {width: calc(66.6667% - 18px);}
.etv .video_text {font-size: 1.1em;
    font-weight: 600;}
.etv .video_text a {display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    padding: 14px 5px;
    border: 5px solid #1d1d1d;
    color: #1d1d1d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    max-width: 280px;
    margin-top: 24px;}
.etv .video_text a:hover {color: #30cc85;
    border-color: #30cc85;}
.etv .video_elem_inner {position: relative;
	overflow: hidden;
	width: 100%;
  	padding-top: 56.25%;}
.etv .video_elem_inner iframe {position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;}
.etv .video_slider {padding-bottom: 150px;}
@media screen and (max-width: 920px){
.etv .video_slider {padding-bottom: 50px;}
.etv .video_top {margin-bottom: 25px;}
.etv #video_btn--prev,
.etv #video_btn--next {width: 36px;
		height: 36px;
		background-size: cover;}
.etv #video_btn--next {margin-left: 20px;}
}
@media screen and (max-width: 767px){
.etv .video_top {flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;}
.etv .video_btn {justify-content: flex-end;
			width: 100%;}
.etv .video_section {display: block;}
.etv .video_text {width: 100%;
			padding-right: 0;}
.etv .video_list {width: 100%;
			margin-top: 24px;}
}
.etv table {width: 100%;
  border-collapse: collapse;}
.etv th,
.etv td {border: 1px solid #ccc;
  padding: 8px;}

/* --- components/bitrix/menu/site-menu/style.css --- */
.etv #top-menu ul,
.etv #footer-menu ul {list-style: none;
    display: flex;
    padding: 0;
    margin: 0;}
.etv #top-menu a {text-decoration: none;
    color: #1D1D1D;
    font-weight: bold;
    font-size: 1.1em;}
.etv .main #top-menu a {color: #fff;}
.etv #footer-menu a {color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;}
.etv #top-menu a:hover,
.etv #footer-menu a:hover {color: #30cc85;}
.etv #top-menu li + li {margin-left: 50px;}
.etv #footer-menu li + li {margin-left: 25px;}

/* --- components/bitrix/news.list/.default/style.css --- */
.etv .work-list {display: flex;
    flex-direction: column;
    border-top: 1px solid #F3F3F3;}
.etv .work-elem a {display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 35px 30px 25px;
    position: relative;
    border-bottom: 1px solid #F3F3F3;
    text-decoration: none;}
.etv .work-name {color: #1D1D1D;
    font-weight: 600;
    font-style: normal;
    font-size: 23px;}
.etv .work-region {font-size: 14px;
    color: #858585;
    display: flex;}
.etv .work-region span + span {margin-left: 32px;}
.etv .work-elem a::before {content: '';
    position: absolute;
    left: 0;
    height: 30px;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
    width: 4px;}
.etv .work-elem_green a::before {background: #35DBBD;}
.etv .work-elem_blue a::before {background: #005DA1;}
.etv .work-elem_red a::before {background: #ED6D39;}
.etv .work-elem_yellow a::before {background: #FFD21F;}
.etv .work-elem_lgreen a::before {background: #D0E500;}
.etv .work-elem_teal a::before {background: #008080;}
.etv .work-elem_violet a::before {background: #6A366B;}
.etv .work-elem_black a::before {background: #1D1D1D;}
.etv .work-elem_coral a::before {background: #ff7f50;}
.etv .work-elem:hover a:before {height: 100%;}
.etv .work-elem a::after {content: '';
    position: absolute;
    right: 0;
    width: 8px;
    height: 14px;
    background: url(/images/career/etv/list-arr.svg) no-repeat center;}
.etv .work-head {font-weight: 800;
    font-size: 39px;
    margin-bottom: 25px;}
.etv .region_row {display: flex;
    padding-bottom: 25px;
    align-items: center;}
.etv .direct_row {display: flex;
    padding-bottom: 25px;
    align-items: center;}
.etv .region_title,
.etv .direct_title {font-weight: bold;
    font-size: 14px;
    color: #8E8E8E;
    text-transform: uppercase;}
.etv .region_row span {margin-left: 25px;
    background: #F3F3F3;
    padding: 5px 10px;
    background: #F3F3F3;
    color: #1D1D1D;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;}
.etv .region_row span.active,
.etv .region_row span:hover {background: #E9FAF2;
    color: #2CBD77;}
.etv .direct_row span {margin-left: 0;
	margin-bottom: 25px;
    margin-right: 25px;
    background: #F3F3F3;
    padding: 5px 10px;
    background: #F3F3F3;
    color: #1D1D1D;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    position: relative;}
.etv .direct_row span.active,
.etv .direct_row span:hover {background: #E9FAF2;
    color: #2CBD77;}
.etv .direct_row span._blue::before {content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #005DA1;
    width: 4px;}
.etv .direct_row span._green::before {content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #35DBBD;
    width: 4px;}
.etv .direct_row span._yellow::before {content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #FFD21F;
    width: 4px;}
.etv .direct_row span._lgreen::before {content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #D0E500;;
    width: 4px;}
.etv .direct_row span._red::before {content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ED6D39;
    width: 4px;}
.etv .mobil-filter-btn {display: none;}
@media screen and (max-width: 920px){
.etv .region_row,
.etv .direct_row {display: none}
.etv .work-elem a {flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        padding: 8px 25px;}
.etv .work-name,
.etv .load_more {font-size: 18px}
.etv .work-elem:hover a:before {height: 30px;}
.etv .work-elem a::before {top: 50%;
        margin-top: -15px}
.etv .work-elem a::after {top: 50%;
        margin-top: -5px}
.etv .load_more_wrap {padding: 18px 0;}
.etv .work-head {margin-bottom: 25px;
        font-size: 1.8em;
        line-height: normal;}
.etv .mobil-filter-btn {display: flex;
        text-transform: uppercase;
        color: #8E8E8E;
        font-size: 12px;
        cursor: pointer;}
.etv .mobil-filter-btn i {width: 20px;
        height: 20px;
        background: url(/images/career/etv/list-bars.svg) no-repeat center;
        margin-left: 11px}
.etv .work-head {display: flex;
        justify-content: space-between;
        align-items: center;}
.etv .direct_row._open,
.etv .region_row._open {display: flex;}
.etv .mobil-filter-btn._open {font-size: 0;}
.etv .mobil-filter-btn._open i {background: url(/images/career/etv/list-close.svg) no-repeat center;}
.etv .region_row,
.etv .direct_row {flex-wrap: wrap;}
.etv .region_title,
.etv .direct_title {width: 100%;
        margin-bottom: 10px;}
.etv .region_row span,
.etv .direct_row span {margin-left: 0;
        margin-right: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 400}
.etv .list-empty {padding-top: 30px}
}
.etv .direct_row span._violet::before {content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #6A366B;
    width: 4px;}
.etv .direct_row span._black::before {content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #1D1D1D;
    width: 4px;}
.etv .direct_row span._teal::before {content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #008080;
    width: 4px;}
.etv .direct_row span._coral::before {content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ff7f50;
    width: 4px;}
.etv .direct_row {flex-wrap: wrap;}
.etv .direct_title {margin-bottom: 25px;
    margin-right: 25px;}
@media screen and (max-width: 920px){
.etv .direct_title {margin-bottom: 10px;
    margin-right: 0;}
}

/* --- components/bitrix/news.list/faq/style.css --- */
.etv .faq_list {display: flex;
    justify-content: space-between;}
.etv .faq_col {width: 25%;}
.etv .faq_elem_desc {display: none;}
.etv .faq_elem + .faq_elem {margin-top: 25px;}
.etv .faq_elem_name {font-weight: 600;
    font-size: 1.1em;
    color: #1D1D1D;
    cursor: pointer;}
.etv .faq_elem_name:hover {color: #30CC85;}
.etv .hover-data {position: fixed;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%,-50%);
  max-width: 91%;
  left: 50%;
  top: 50%;
  z-index: 1001;
  width: 720px;
  padding: 50px;
  background: #FFFFFF;
  box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.36);}
.etv .hover-data .name {font-weight: 800;
    font-size: 1.6em;
    margin-bottom: 25px;
    line-height: 27px;}
.etv .hover-data .description {font-weight: 600;
    font-size: 1.1em;
    line-height: 25px;
    margin-bottom: 25px;}
.etv .hover-data .close-txt {cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 800;
    text-align: center;
    padding: 14px 5px;
    border: 5px solid #1D1D1D;
    color: #1D1D1D;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;}
.etv .hover-data .close-txt:hover {color: #30CC85;
    border-color: #30CC85;}
.etv .popup--active {overflow-x: hidden;
  height: auto;
  position: relative;}
.etv .modal-form-cover {z-index: 1000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(37, 40, 43, 0.75);}
.etv .close-btn {position: absolute;
    top: 13px;
    right: 13px;
    width: 24px;
    height: 24px;
    background: url(/images/career/etv/close.svg) no-repeat center;
    cursor: pointer;}

/* --- components/bitrix/news.detail/.default/style.css --- */
.etv .job_detail {display: flex;
    justify-content: space-between;}
.etv .job_btn {width: 290px;}
.etv .job_section {flex: 1;
    max-width: 726px;
    padding-right: 15px;}
.etv .btn {display: block;
    text-decoration: none;
    color:  #1D1D1D;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
    padding: 14px 5px;
    border: 5px solid #1D1D1D;
    cursor: pointer;}
.etv .btn + .btn {margin-top: 25px;}
.etv .job_tag {display: flex;
    padding-bottom: 100px;}
.etv .job_tag span {background: #F3F3F3;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid transparent;}
.etv .job_tag span.comand_val {background: transparent;
    border: 2px solid #E7F2EE;}
.etv .job_tag span + span {margin-left: 25px;}
.etv .job_wrap_title {font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;}
.etv .job_wrap + .job_wrap {margin-top: 50px;}
.etv .job_wrap ul {list-style: none;
    padding: 0;}
.etv .job_wrap ul li {position: relative;
    padding-left: 28px;}
.etv .job_wrap ul li::before {content: '';
    width: 12px;
    height: 3px;
    background: #30CC85;
    position: absolute;
    left: 0;
    top: 8px;}
.etv .job_wrap {font-size: 1.1em;
    font-weight: 600;}
.etv .b-txt p + p {margin-top: 20px;}
.etv .job_bottom_title {font-size: 22px;
    font-weight: 700;
    padding: 25px 15px 25px 0;
    margin: 50px 0;
    border-bottom: 3px solid #000;
    position: relative;}
.etv .job_bottom_title span {position: absolute;
    width: 14px;
    height: 14px;
    background: url(/images/career/etv/detail-arr.svg) no-repeat center;
    right: 0;
    top: 50%;
    margin-top: -7px;
    cursor: pointer;}
.etv .js-close .js-text {display: none;}
.etv .js-close .job_bottom_title span {-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
.etv .btn {letter-spacing: 0.14em;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;}
.etv .btn:hover {color: #30CC85;
    border-color: #30CC85;}
.etv .job_tag_xs {display: none;}
.etv .job_wrap ol {list-style: none;
    padding: 0;
    counter-reset: myCounter;}
.etv .job_wrap ol li {position: relative;
    padding-left: 28px;}
.etv .job_wrap ol li:before {counter-increment: myCounter;
  content:counter(myCounter);
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;}
.etv .job_wrap ol li + li {margin-top: 15px;}
@media (max-width: 920px){
.etv #page h1 {font-size: 1.8em;
        line-height: 28px;}
.etv .job_tag {display: none;}
.etv .job_tag_xs {display: block}
.etv .job_detail {flex-direction: column-reverse;}
.etv .btn_call {display: none;}
.etv .job_btn {width: 100%;
        padding: 30px 0;}
.etv .btn_reffer {color: #30CC85;
        padding: 0 0 0 30px;
        background: url(/images/career/etv/detail-ref.svg) no-repeat left center;
        border: none;
        text-transform: none;
        text-align: left;
        letter-spacing: normal;
        font-size: 1.1em;
        line-height: 30px;
        margin: 0 !important;}
.etv .tag_command {font-size: 1.2em;
        font-weight: 800;
        margin-bottom: 10px}
.etv .job_tag_xs .flex span {padding: 2px 6px;
        background: #F3F3F3;}
.etv .job_tag_xs .flex span + span {margin-left: 10px;}
.etv .job_wrap {font-size: 1em;
        font-weight: 400;}
.etv .job_wrap_title {font-size: 1.2em;
        line-height: normal;}
.etv .job_wrap + .job_wrap {margin-top: 25px;}
.etv .job_bottom {display: none;}
}
.etv .float-block.fixed {position: sticky;
    top: 50px;
    width: 290px;}
.etv .hidden_block {display: none;}
.etv .hidden_block.hover-data {position: fixed;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%,-50%);
    max-width: 91%;
    left: 50%;
    top: 50%;
    z-index: 1001;
    width: 356px;
    padding: 50px;
    background: #FFFFFF;
    box-shadow: 0px 4px 44px rgb(0 0 0 / 36%);}
.etv .close-btn {position: absolute;
    top: 13px;
    right: 13px;
    width: 24px;
    height: 24px;
    background: url(/images/career/etv/close.svg) no-repeat center;
    cursor: pointer;}
.etv .job_bottom_title {cursor: pointer;}
@media (max-width: 920px){
.etv .float-block.fixed {position: relative;
    top: auto;}
}

/* ===== АДАПТАЦИЯ: стыковка шаблона etvacancy с основным сайтом (правится вручную) ===== */

/* Глобальные правила сайта, которые иначе протекают в разметку старого шаблона */
/* маркер списков сайта (зелёное тире на :before): гасим, а там, где у шаблона свой маркер (.job_wrap),
   его правило специфичнее и возвращает content — поэтому обнуляем и унаследованные margin/float/фон */
.etv ul li:before {content: none; float: none; margin: 0; background-image: none;}
.etv ul {padding-left: 0;}
.etv a:hover {text-decoration: none;}
.etv label {margin-bottom: 0; font-weight: inherit;}
.etv .slider {background-color: transparent;} /* у сайта свой .slider с тёмным фоном */

/* «Наша миссия» в мобильном дубле блока (в старой разметке был повтор id="mission") */
.etv .mission-label {font-size: 23px; font-weight: 600; margin-top: 16px;}
@media screen and (max-width: 920px) {
  .etv .mission-label {font-size: 18px;}
}

/* Попапы старого шаблона — поверх боковой панели сайта (.navbar z-index до 1000) */
.etv .modal-form-cover {z-index: 3000; position: fixed;} /* в старом шаблоне подложка жила прямо в body */
.etv .modal-form,
.etv .employees_hidden,
.etv .hover-data {z-index: 3001;}
html.career-lock,
html.career-lock body {overflow: hidden;}

/* Попап отзыва сотрудника — вдвое уже шаблонного (80% → 40%, решение владельца 2026-10-27); на узких
   десктопах не уже 560 px, иначе колонка текста рядом с фото 160 px сжимается. Мобильный полноэкранный вид
   (max-width 767 / max-height 600) не трогаем */
@media screen and (min-width: 768px) and (min-height: 601px) {
  .etv .employees_hidden {width: 40%; min-width: 560px;}
}

/* Вводный блок страниц /career/* — разметка и классы сайта (.intro-section … .intro-lineover, как about-us.html,
   projects/*.html); шапка и баннер шаблона убраны (решение владельца 2026-10-27). Фон — «Афинская школа» со
   старого карьерного сайта, затемнён как остальные .intro-background сайта (готовый .career-back сайта —
   «Бурлаки на Волге», для страницы найма не годится) */
.intro-background.career-hero-back {
  background-image: linear-gradient(rgba(32, 32, 32, .8), rgba(32, 32, 32, .8)), url('/images/career/etv/bg.webp');
  background-position: 50% 30%;
  background-size: cover;
}

/* Содержимое — по сетке вводного блока сайта (.main-section до 1366 px по центру, поля 10% её ширины), иначе
   текст под шапкой начинался левее её заголовка (шаблон: 1162 px по центру / поля 37.5 px на ≤ 1192).
   Модальная форма (вне .page_wrap) — со своей сеткой шаблона */
.etv .page_wrap .wrapper {
  box-sizing: border-box;
  width: 100%;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding-left: min(10%, 136.6px);
  padding-right: min(10%, 136.6px);
}

/* Галерея «Стажировки» — в пределах сетки. У шаблона лента фото намеренно уходила за правый край экрана
   (.sub-container с margin-right: calc(50% - 50vw), ряды 9999 px) — на любой ширине < 1920 фото обрезались.
   Desktop: ряды по 3 фото тянутся на ширину колонки; flex-grow = ширина миниатюры в px, поэтому высоты в ряду
   равны и пропорции рядов — как у шаблона. Подпись «50% сотрудников…» переносится по ширине колонки. */
.etv .internship .sub-container {margin-right: 0;}
.etv .img_gal {min-width: 0;}
.etv .img_gal .slider {width: auto;}
.etv .img_gal .slider a {flex: 267 1 0; min-width: 0;}
.etv .img_gal .slider a:last-child {margin-right: 0;}
.etv .img_gal .slider:first-child a:first-child {flex-grow: 384;}
.etv .img_gal .slider a:nth-child(2) {flex-grow: 239;}
.etv .img_gal .slider + .slider a:nth-child(1) {flex-grow: 239;}
.etv .img_gal .slider + .slider a:nth-child(2) {flex-grow: 267;}
.etv .img_gal .slider img {display: block; width: 100%; height: auto;}
/* Второй ряд короче (миниатюры 239 + 267 + 267 против 384 + 239 + 267, по два отступа 25 px) — та же высота фото */
.etv .img_gal .slider + .slider {width: calc((100% - 50px) * 773 / 890 + 50px);}
@media screen and (min-width: 1280px) {
  .etv .img_gal {padding-left: clamp(50px, 5vw, 140px);}
}
/* 768–1279: колонка рядом с текстом слишком узкая (фото по 60–90 px) — галерея под текстом на всю ширину */
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .etv .internship .container {flex-wrap: wrap;}
  .etv #internship .include_txt {width: 100%;}
  .etv .img_gal {flex-basis: 100%; padding-left: 0; padding-top: 50px;}
}
/* Mobile: мозаика 3 × 3 по ширине сетки — большое фото 2 × 2, справа два малых, под ними три
   (у шаблона — полоса 3 + 2, уходившая за край). Обёртки blockR/sliderL не участвуют в раскладке. */
@media screen and (max-width: 767px) {
  .etv .img_gal_phone .sub-container {margin-right: 0;}
  .etv .img_gal_phone .container {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px;}
  .etv .blockR,
  .etv .sliderL {display: contents;}
  .etv .blockL {position: relative; width: auto; grid-column: span 2; grid-row: span 2;}
  .etv .blockL a {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
  .etv .blockL img,
  .etv .sliderL img {display: block; width: 100%; object-fit: cover;}
  .etv .blockL img {height: 100%;}
  .etv .sliderL img {height: auto; aspect-ratio: 3 / 2;}
  .etv .sliderL a {margin-right: 0;}
  /* Подпись «50% сотрудников…» стоит вне .wrapper: поля 37,5 px шаблона → поля сетки, иначе левее фото и заголовка */
  .etv .img_gal_phone_txt {padding-left: min(10%, 136.6px); padding-right: min(10%, 136.6px);}
}

/* Вакансия: описание сразу под вводным блоком (раньше отступ давали заголовок и плашки шаблона) */
.etv #career-vacancy,
.etv #career-vacancy-missing {padding-top: 100px;}
@media screen and (max-width: 920px) {
  .etv #career-vacancy,
  .etv #career-vacancy-missing {padding-top: 25px;}
  /* «Стажировка» на mobile шла вплотную за синим «Нет подходящей вакансии?»: у шаблона там не было верхнего
     отступа, его давала стоявшая между ними мобильная «Наша миссия» (перенесена выше в ред. 4) */
  .etv .internship {padding-top: 50px;}
}

/* Страница политики ПДн (/career/termit/): списки и таблица как в шаблоне, без маркеров-тире сайта */
.etv .content_page {padding-bottom: 100px;}
.etv .content_page h2 {margin-top: 40px;}
.etv .content_page h2:first-child {margin-top: 0;}
.etv .content_page ul,
.etv .content_page ol {padding-left: 40px;}
.etv .content_page ul {list-style: disc;}
.etv .content_page ol {list-style: decimal;}
.etv .content_page li {margin-bottom: 5px;}
.etv .content_page td {vertical-align: top;}
.etv .content_page td ul,
.etv .content_page td ol {margin-bottom: 0;}

/* Чекбокс согласия: вид formstyler старого шаблона (.jq-checkbox) на нативном input */
.etv input.checkboxText {-webkit-appearance: none; -moz-appearance: none; appearance: none; flex: none;
  box-sizing: border-box; margin: 0 20px 0 0; cursor: pointer; background: transparent no-repeat center / 14px 12px;}
.etv input.checkboxText:checked {background-image: url(/images/career/etv/check_dark.svg);}
.etv .modal-form__body input.checkboxText {border-color: #fff;}
.etv .modal-form__body input.checkboxText:checked {background-image: url(/images/career/etv/check.svg);}
.etv .label a {color: inherit; text-decoration: underline;}

/* Сообщения формы (Webflow-механизм сайта: .w-form-done / .w-form-fail) в виде .succesmeesage */
.etv .w-form-done,
.etv .w-form-fail {padding: 0; background: none; text-align: left; font-size: 1.1em; font-weight: 600;}
.etv .w-form-fail {margin-top: 20px; color: #eb5757;}

/* Шапка старого шаблона лежит поверх баннера: отсчёт от .page_wrap, а не от страницы
   (слева у сайта боковая панель 70 px, иначе логотип и баннер расходятся по горизонтали) */
.etv .page_wrap {position: relative;}

/* Появление блоков при прокрутке — замена ScrollMagic/TweenMax (классы ставит js/career.js) */
.etv .etv-scene .title-animation {opacity: 0; transform: translateY(40px); transition: opacity .5s ease, transform .5s ease;}
.etv .etv-scene .subtitle-animation {opacity: 0; transform: translateY(60px); transition: opacity .7s ease, transform .7s ease;}
.etv .etv-scene .subtitle2-animation {opacity: 0; transform: translateY(60px); transition: opacity .8s ease, transform .8s ease;}
.etv .etv-scene--in .title-animation,
.etv .etv-scene--in .subtitle-animation,
.etv .etv-scene--in .subtitle2-animation {opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce) {
  .etv .etv-scene .title-animation,
  .etv .etv-scene .subtitle-animation,
  .etv .etv-scene .subtitle2-animation {opacity: 1; transform: none; transition: none;}
}

/* Дефект старого шаблона, сознательно исправлен: на мобильном колонка FAQ сжималась до ~30 px
   (мобильное width:100% из media.css стояло раньше базового width:25% компонента faq) */
@media screen and (max-width: 920px) {
  .etv .faq_col {width: 100%;}
}