/* Start:/local/components/eltex-academy/header-promo/templates/.default/style.css?17803038681107*/
.header__promo {
    overflow: hidden;
    transition:
        opacity .4s ease,
        max-height .4s ease,
        margin .4s ease;
}

.header__promo.-is-close {
    opacity: 0;
    max-height: 0;
    margin: 0;
}

.header__promo-banner {
	position: relative;
	display: block;
    background: #0D2452;
    padding: 8px 16px;
}

.header__promo-banner-content {
    position: relative;
	margin-right: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 40px;
}

.header__promo-banner-icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
    flex-shrink: 0;
}

.header__promo-banner-text {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
	transition: color .2s ease;
}

.header__promo-banner-close {
    position: absolute;
    right: 24px;
    top: 50%;
	transform: translateY(-50%);

    cursor: pointer;
}

@media (hover: hover) {
	.header__promo-banner-content:hover .header__promo-banner-text {
		color: var(--blue-extra-light);
	}
}

@media (max-width: 768px) {
	.header__promo-banner-content {
		justify-content: flex-start;
	}
}
/* End */


/* Start:/local/components/eltex-academy/header-submenu-banner/templates/.default/style.css?1776409995990*/
.submenu__banner {
	min-height: 457px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 27px 18px;

	background: var(--blue-dark);
	border-radius: 8px;
	overflow: hidden;
}
.submenu__banner * {
	color: #FFF;
}
.submenu__banner-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.submenu__banner-content {
	max-width: 80%;
	position: relative;
	z-index: 2;
}
.submenu__banner-content-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}
.submenu__banner-content-text {
	margin-top: 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}
.submenu__banner-link {
	background-color: var(--blue-main);
    gap: 8px;
    padding: 12px 32px 12px 32px;
    transition: all 0.2s ease;
    border-radius: 8px;
    cursor: pointer;
}

@media (hover: hover) {
	.submenu__banner-link:hover {
		background: #081633;
	}
}

@media (max-width: 1480px) {
	.submenu__banner {
    	min-height: 410px;
	}
}
/* End */
/* /local/components/eltex-academy/header-promo/templates/.default/style.css?17803038681107 */
/* /local/components/eltex-academy/header-submenu-banner/templates/.default/style.css?1776409995990 */