/*t395__select t-name {*/
/*    position: fixed;*/
/*    left: 0;*/
/*    width: 500px;*/
/*    margin-top: 0;*/
/*}*/

/*.t958__wrapper {*/
/*       margin: 0 !important;*/
/*}*/

/*.t509__blockimg {*/
/*     border-radius: 20px;*/
/*}*/

[data-group-widthmode="hug"] {
    width: auto !important;   
}

[data-group-heighthmode="hug"] {
    height: auto !important;   
}


/* Отключение подпунктов меню и модального окна с выбором города на время загрузки страницы */
.uc-x-submenu,
.x-city-box {
    display: none;
}

/* POP-UP для вертикальных видео в kinescope */
.uc-vertical-video .t331__wrap-video,
.uc-vertical-video .t331__wrap-video .t-video-lazyload {
    height: 640px !important;
}

@media screen and (max-width: 1200px) {
    .uc-vertical-video .t331__wrap-video,
    .uc-vertical-video .t331__wrap-video .t-video-lazyload {
        height: 534px !important;
    }
}

/* Ссылка с пунктирным подчеркиванием */
.hex-link a {
    text-decoration: none;
    border-bottom: 1px dotted;
    text-underline-offset: 2px;
    transition: opacity 200ms ease-out;
}

.hex-link a:hover {
    opacity: 70%;
}

/* Уменьшение межбуквенного расстояния */
.t-input, .t-select, .t-submit {
    letter-spacing: -0.32px;
}

/* Замена флага РФ на SVG без тени */
.t-input-phonemask__options-flag_ru, .t-input-phonemask__select-flag[data-phonemask-flag=ru] {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2213%22%20viewBox%3D%220%200%2018%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2218%22%20height%3D%224.33767%22%20fill%3D%22white%22%2F%3E%3Crect%20y%3D%224.32812%22%20width%3D%2218%22%20height%3D%224.33767%22%20fill%3D%22%230131A8%22%2F%3E%3Crect%20y%3D%228.66406%22%20width%3D%2218%22%20height%3D%224.33767%22%20fill%3D%22%23D6261A%22%2F%3E%3C%2Fsvg%3E) !important;
    background-position: unset !important;
}

.t-input-phonemask__options-flag, .t-input-phonemask__select-flag {
    -webkit-box-shadow: none !important;
    box-shadow: 0px 0px 0px 1px #DFDFDF !important;
}

.t-input-phonemask__select-triangle {
    border: none;
    transform: none;
    background-color: currentColor;
    display: inline-block;
    width: 16px;
    height: 16px;
    content: '';
    -webkit-mask: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4%207L8%2011L12%207%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E) no-repeat 50% 50%;
    mask: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4%207L8%2011L12%207%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

/* Кастомная стрелка для селектов */

.t-select__wrapper:after {
    border: none;
    transform: none;
    background-color: currentColor;
    display: inline-block;
    width: 16px;
    height: 16px;
    content: '';
    -webkit-mask: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4%207L8%2011L12%207%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E) no-repeat 50% 50%;
    mask: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4%207L8%2011L12%207%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

/* Фиксы автолейаута Меню */
@media screen and (max-width: 1199px) {
    .x-header {
        height: auto !important;   
    }
}

.x-city-box__header .tn-molecule {
    justify-content: space-between !important;
}
    

/* Фиксы автолейаута Главная*/

/* Кому подходит обучение в Хекслет Колледже */
@media screen and (max-width: 1199px) and (min-width: 960px) {
    .x-for-whom__card-header,
    .x-for-whom__card-list > .tn-molecule > .t396__group {
        width: unset !important;
    }
}

/* Направления обучения */
@media screen and (max-width: 1199px) {
    .x-direction-card__bottom {
        height: unset !important;
    }
    .x-direction-card__profession-list {
        flex-shrink: unset !important;
    }
    .hex-direction {
        height: auto !important;
    }
}

/* Почему стоит выбрать колледж */
@media screen and (max-width: 1199px) and (min-width: 960px) {
    .x-choosing-college__list {
        width: unset !important;
    }
}

/* Вузы-партнеры */
@media screen and (max-width: 1199px) and (min-width: 960px) {
    .x-vuz-partners__list > .tn-molecule > .t396__group {
        width: unset !important;
    }
}

/* Стоимость обучения */
@media screen and (max-width: 1199px) and (min-width: 960px) {
    .x-pricing__features-list > .tn-molecule > .t396__group {
        width: unset !important;
    }
}

/* Фиксы автолейаута Страница направления */
/* О профессии (Чем занимаются ...) */
/* Cемантически перепутаны местами card-content и card */
@media screen and (max-width: 1199px) {
    /* сама карточка */
    .x-about-profession__card-content { 
        height: unset !important;
    }
    /* контент карточки */
    .x-about-profession__card {
        width: unset !important;
    }
}

@media screen and (max-width: 1199px) {
    .x-salary-profession__level-name,
    .x-salary-profession__benefit-header,
    .x-salary-profession__benefit-description{
        width: unset !important;
    }
    
    .x-salary-profession__benefit-header {
        flex-grow: 1;
    }
}

/* 1 специальнотсь = несколько профессий */
@media screen and (max-width: 639px) {
    .x-tabs__wrapper {
        width: 328px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 960px) {
    .x-professions-tab__card,
    .x-professions-tab__card .t396__elem {
        width: unset !important;
        flex-shrink: 1;
    }
    
    .x-professions-tab__card .t396__elem[data-field-height-res-360-value="1"] {
        width: 100% !important;
    }
}

/* С дипломом колледжа вы сможете */
@media screen and (max-width: 1199px) and (min-width: 960px) {
    .x-after-college__card {
        width: unset !important;
    }
}

/* Как устроен Хекслет колледж */
@media screen and (max-width: 1199px) and (min-width: 960px) {
    .x-about-college__features-list {
        width: unset !important;
    }
}

/* Больше про трудоустройство */
.career-card .tn-molecule {
    justify-content: space-between !important;
}

.career-card .tn-molecule .t396__elem {
    height: auto !important;
}

.tutor-photo {
    flex-shrink: 0 !important;
}