/* Keep the actual header height in flow, including after menu/font changes. */
.home-page .header-wrapper {
    position: sticky;
    top: 0 !important;
    padding-bottom: 0;
    background: #fff;
}
.home-page .header-wrapper .ustbutun {
    position: relative;
    left: auto;
    margin-top: 0 !important;
}
.home-page .header-wrapper .ustbutun > .row { margin-left: 0; margin-right: 0; }
.home-page .header-wrapper + main { margin-top: 0 !important; }

/* The longest slide determines the shared height; text is never clipped. */
.home-page .i2-slider { height: auto; }
.home-page .i2-slides { display: grid; height: auto; }
.home-page .i2-slide {
    position: relative;
    inset: auto;
    grid-area: 1 / 1;
    min-width: 0;
    height: auto;
    min-height: 490px;
    padding: 56px 0 76px;
}
.home-page .i2-slide-content {
    width: min(1120px, calc(100% - 144px));
    min-width: 0;
    letter-spacing: normal;
    overflow-wrap: break-word;
}
.home-page .i2-slide-content > span {
    display: block;
    max-width: 760px;
    margin-bottom: 16px;
    color: #a5eee7;
    font-size: clamp(16px, 1.3vw, 19px);
    line-height: 1.5;
    letter-spacing: .4px;
    font-weight: 700;
}
.home-page .i2-slide h1 {
    max-width: 760px;
    margin: 0 0 20px;
    font-size: clamp(32px, 3.2vw, 46px);
    line-height: 1.18;
    letter-spacing: -.5px;
    text-wrap: balance;
}
.home-page .i2-slide p {
    max-width: 690px;
    font-size: clamp(16px, 1.4vw, 19px);
    line-height: 1.6;
    margin: 0 0 16px;
}
.home-page .i2-slide-detail { max-width: 690px; line-height: 1.6; }
.home-page .i2-hero-actions { flex-wrap: wrap; margin-top: 24px; }
.home-page .i2-slider-arrow .fa { color: inherit; }

@media (max-width: 700px) {
    .home-page .header-wrapper { position: relative; }
    .home-page .i2-slide { min-height: 440px; padding: 36px 0 88px; }
    .home-page .i2-slide-content { width: calc(100% - 40px); }
    .home-page .i2-slide-content > span { font-size: 16px; margin-bottom: 14px; }
    .home-page .i2-slide h1 {
        max-width: 100%;
        font-size: clamp(28px, 7.4vw, 36px);
        line-height: 1.2;
        margin-bottom: 18px;
    }
    .home-page .i2-slide p { font-size: 16px; line-height: 1.55; }
    .home-page .i2-hero-actions { gap: 10px; margin-top: 22px; }
    .home-page .i2-slider-arrow {
        top: auto;
        bottom: 18px;
        transform: none;
        width: 44px;
        height: 44px;
    }
    .home-page .i2-slider-prev { left: 20px; }
    .home-page .i2-slider-next { right: 20px; }
    .home-page .i2-slider-dots { bottom: 35px; }
}
/* The legacy absolute nav used the viewport width, not Bootstrap's container. */
.home-page .header-wrapper .ustana { width: 100%; max-width: none; padding: 0; }
.home-page .header-wrapper .ustbutun > .row > .col-md-12 { padding-left: 0; padding-right: 0; }
@media (min-width: 992px) {
    .home-page .header-wrapper .navbar.navbar-default {
        display: flex;
        align-items: center;
        padding: 0 16px;
        margin-bottom: 0;
    }
    .home-page .header-wrapper .navbar-header { float: none; flex: 0 0 auto; }
    .home-page .header-wrapper .logo { padding: 0; }
    .home-page .header-wrapper .siteanalogo { margin-left: 0; margin-top: 0; max-width: 280px; }
    .home-page .header-wrapper .navbar-collapse {
        float: none;
        flex: 1;
        min-width: 0;
        width: auto;
        padding: 0;
    }
    .home-page .header-wrapper .navbar-nav {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        float: none;
        margin: 0;
    }
    .home-page .header-wrapper .navbar-nav > li { float: none; flex: 0 0 auto; }
    .home-page .header-wrapper .navbar-nav > li > a { white-space: nowrap; padding-left: 10px; padding-right: 10px; }
}
@media (min-width: 992px) and (max-width: 1250px) {
    .home-page .header-wrapper .navbar.navbar-default { padding: 0 10px; }
    .home-page .header-wrapper .siteanalogo { max-width: 210px; }
    .home-page .header-wrapper .navbar-nav > li > a { font-size: 12px; padding-left: 7px; padding-right: 7px; letter-spacing: 0; }
}