:root {
    --home-overlap-margin-top: -9.7rem;
}

.fixed-width-home {
    max-width: 126rem;
}

.fixed-width-home-overlap {
    margin-top: var(--home-overlap-margin-top) !important;
    position: relative;
}

.content-head {
    margin-top: var(--huge-gap-fix);
}

.slick-arrow {
    position: absolute;
    z-index: 100;
    top: 50%;
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;

    background: rgba(0, 0, 0, 0.25);

    transform: translateY(-50%);
    color: transparent;
}

.slick-arrow:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.8rem;
    height: 1.8rem;
    border: .4rem solid #fff;
    border-width: .4rem .4rem 0 0;
}

.slick-prev {
    left: .7em;
}

.slick-next {
    right: .7em;
}

.slick-prev:before {
    transform: translateX(-30%) translateY(-50%) rotate(-135deg);
}

.slick-next:before {
    transform: translateX(-70%) translateY(-50%) rotate(45deg);
}

.content-head-inner {
    width: 100%;
    flex-shrink: 0;
    overflow: hidden;
    background: no-repeat center right / cover;
    position: relative;
}

.slide-ihtc {background-image: url('/i/slides/slide-ihtc.jpg');}

.home-head-panel {
    display: flex;
    flex-flow: row nowrap;

    max-width: 57.8rem;
    min-height: 31rem;
    padding: 5.7rem;

    background: rgba(45, 68, 78, 0.526825) no-repeat left bottom / 5rem;

    font: 500 1.2rem/1.8rem Roboto;
    color: #FFFFFF;
}

.home-head-panel > img {
    width: 13.5rem;
    height: 19.6rem;
    margin-right: 5.3rem;
}

.home-head-panel-info {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
}

.home-head-panel-title {
    margin-bottom: auto;
    font: 500 2.6rem/3.6rem Roboto;
}

.home-head-panel-info > .button {
    margin-top: var(--small-gap);
}

.home-products {
    position: relative;
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    grid-gap: 1.3rem;
    grid-template-rows: repeat(2, 1fr);
    padding: 2.9rem 2rem 3.4rem;
    background: #FFFFFF;
}

.home-products > a {
    display: flex;
    align-items: center;
    justify-content: center;
    font: 300 2.2rem/3.2rem Roboto;
    text-align: center;
    text-transform: uppercase;
    color: #243C50;
}

.home-products > a:hover {
    font-weight: 400;
    color: #007399;
}

.home-news-grid {
    display: grid;
    grid-gap: var(--huge-gap) var(--small-gap);
    grid-template-columns: repeat(auto-fill, minmax(31rem, 1fr));
}

.social-items-grid {
    margin: 0 auto;
    max-width: 105rem;
    display: grid;
    grid-gap: var(--small-gap);
    grid-template-columns: repeat(auto-fill, minmax(31rem, 1fr));
}

.social-items {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding-top: 2rem;
}

.covers-grid {
    display: grid;
    grid-gap: var(--normal-gap) var(--huge-gap);
    grid-template-columns: repeat(auto-fill, minmax(27rem, 1fr));
}


.ibegell-promo-form {
    display: inline-block;
    align-items: flex-end;
    height: 1.6rem;
    white-space: nowrap;
    vertical-align: top;
}
.ibegell-promo-label {
    display: inline-block;
    width: 100%;
    max-width: 16rem;
    height: 100%;
    vertical-align: top;
}

.ibegell-promo-input {
    width: 100%;
    height: 100%;
    border: 1px solid #4B5460;
    vertical-align: top;
}
.ibegell-promo-button {
    width: 2.1rem;
    height: 100%;
    border: 1px solid #4B5460;
    font: 400 1rem/1rem Roboto;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    color: #4B5460;
    cursor: pointer;
    vertical-align: top;
}

.video-previews-grid {
    display: grid;
    grid-gap: var(--small-gap);
    grid-template-columns: repeat(auto-fill, minmax(14.8rem, 1fr));
    padding: var(--normal-gap) var(--small-gap);
    background: #F5F5F5;
}

.video-previews-grid > a > i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 12rem;
    background: #000 no-repeat center / cover;
}

.video-previews-grid > a > i:after{
    content: '';
    display: block;
    height: 4.4rem;
    width: 4.4rem;
    background: url('/i/icon-play.svg') no-repeat center / contain;
}

.video-previews-grid > a > span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;

    margin-top: 1.5rem;
    font: 400 1.2rem/1.2rem Roboto;
    color: #007399;
}

.contacts-column {
    max-width: 55rem;
    margin-left: var(--huge-gap) !important;
}

.contacts-grid {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(1, auto);
}

.contacts-grid-alt {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    grid-gap: 3rem 2rem;
    grid-template-rows: repeat(2, auto);
}

.contacts-grid-alt .contacts-map {
    display: none;
}

.contacts-grid > * > * + * {
    margin-top: 1rem !important;
}

.contacts-grid a {
    color: #007399;
}

.contacts-map {
    height: 29.5rem;
}

.contacts-map iframe {
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 1439px) {
    :root {
        --home-overlap-margin-top: -5.8rem;
    }

    .contacts-column {
        max-width: none;
        margin-left: 0 !important;
    }

    .slick-arrow {
        width: 3.8rem;
        height: 3.8rem;
    }
}

@media (max-width: 1023px) {
    .contacts-grid-alt {
        grid-auto-rows: auto;
        grid-auto-flow: row;
        grid-gap: var(--normal-gap) var(--small-gap);
        grid-template-columns: repeat(2, auto);
    }
}

@media (max-width: 767px) {
    :root {
        --home-overlap-margin-top: -3rem;
    }

    .home-products {
        grid-gap: 1.3rem 0;
        grid-auto-flow: row;
        grid-template-columns: repeat(2, 1fr);
        padding: 1.3rem;
    }
    .home-products > a {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .home-products > a:nth-child(odd) {
        border-right: 1px solid #D3DEE1;
    }
    .home-products > a:nth-child(even) {
        border-left: 1px solid #D3DEE1;
    }

    .content-head-inner {
        min-height: 15rem !important;
    }

    .slick-arrow {
        display: none !important;
    }

    .home-news-grid {
        display: grid;
        grid-gap: var(--big-gap) var(--huge-gap);
        grid-template-columns: repeat(auto-fill, minmax(31rem, 1fr));
    }

    .contacts-grid-alt {
        grid-template-columns: auto;
    }

    .social-items-grid {
        margin: 0 var(--outer-offset);
    }

    .social-items {
        flex-flow: row wrap;
    }

    .home-head-panel {
        display: flex;
        flex-flow: row nowrap;

        margin: 0 var(--outer-offset-fix);
        padding: var(--big-gap);

        max-width: none;
        min-height: 0;

        background: rgba(45, 68, 78, 0.526825) no-repeat left bottom / 5rem;

        font: 500 1.2rem/2.4rem Roboto;
        color: #FFFFFF;
    }

    .home-head-panel > img {
        width: 9rem;
        height: 13rem;
        margin-right: var(--normal-gap);
    }

    .home-head-panel-info {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .home-head-panel-title {
        margin-bottom: auto;
        font: 500 1.6rem/2rem Roboto;
    }

    .home-head-panel-info > .button {
        margin-top: var(--small-gap);
    }
}