/* --------------------- Fonts --------------------- */

/*h1 {
    font-family: roboto-regular;
    font-size: 50px;
}*/

h3 {
    font-family: roboto-regular;
    font-size: 36px;
}

    h3.title {
        font-family: roboto-light;
    }

/*h5 {
    font-family: roboto-light;
    font-size: 28px;
}*/

/*h6 {
    font-family: roboto-light;
    font-size: 24px;
}*/

@media only screen and (max-width: 992px) {
    h1 {
        font-size: 36px;
    }

    h3 {
        font-size: 24px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 18px;
    }
}

/* --------------------- Page Body --------------------- */

body .body .page-content {
    padding: 0;
}

    body .body .page-content .page-body {
        height: 100%;
        width: 100%;
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 0;
        overflow-y: auto;
    }

        body .body .page-content .page-body .scroll-content {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
        }

/* --------------------- Page Content --------------------- */
.page-section-container {
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    /*.page-section-container h1 {
        margin-top: 80px;
        text-align: center;
        color: #434343;
        margin-bottom: 50px;
    }*/

    /*.page-section-container h5 {
        text-align: center;
        color: #434343;
        margin-bottom: 100px;
    }*/

/*.section-clear {
    z-index: 4;
}*/

    /*.section-clear.top {
        width: 100%;
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        padding-left: 8%;
        padding-right: 8%;
        align-items: center;
    }*/

    /*.section-clear.bottom {
        width: 100%;
        flex: 0 0 auto;
        padding-bottom: 60px;
        padding-left: 8%;
        padding-right: 8%;
        overflow: auto;
    }

    .section-clear.sitemap {
        width: 100%;
        display: inline-flex;
        flex-flow: row;
    }*/

/*.section-light.middle {
    margin-top: -4.3%;
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    background-color: #f9fcff;
    display: flex;
    flex-direction: column;
    padding: 4.3% 8% 95px 8%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}*/

    /*.section-light.middle h1 {
        margin-top: 0;
        margin-bottom: 34px;
    }

        .section-light.middle h1:last-child {
            margin-bottom: 0;
        }*/

    .section-light.middle h5 {
        margin-bottom: 30px;
    }

    /*.section-light.middle h6 {
        margin: 53px 0 43px 0;
    }*/

    /*.section-light.middle h6:first-child {
        margin-top: 0;
    }

    .section-light.middle h6:last-child {
        margin-bottom: 20px;
    }*/

    /*.section-light.middle .divider {
        width: 40px;
        height: 0;
        margin: 0 auto;
        border: 1px solid #002fb0;
    }*/

/*.text-container {
    margin: 80px 0;
    max-width: 1367px;
    height: auto;
    flex: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .text-container h1,
    .text-container h5,
    .text-container h6 {
        margin: 40px 0;
        text-align: center;
    }

        .text-container h1:first-child,
        .text-container h5:first-child,
        .text-container h6:first-child {
            margin-top: 0;
        }

        .text-container h1:last-child,
        .text-container h5:last-child,
        .text-container h6:last-child {
            margin-bottom: 0;
        }*/

/*.helyx-application {
    z-index: 3;
    padding-left: 8%;
    padding-right: 8%;
}

    .helyx-application .content-box {
        width: 100%;
        height: auto;
        text-align: center;
    }

        .helyx-application .content-box h3 {
            margin-bottom: 64px;
        }

        .helyx-application .content-box p {
            flex: 1;
            font-family: roboto-light;
            font-size: 24px;
            margin-top: 0;
            margin-bottom: 32px;
        }

        .helyx-application .content-box img {
            width: 100%;
            height: auto;
            border: 1px solid #a4bdff;
        }

        .helyx-application .content-box :last-child {
            margin-bottom: 0;
        }*/

/*.sitelist {
    margin-left: 67px;
    padding-top: 50px;
    padding-right: 150px;
}

    .sitelist h3 {
        font-family: roboto-regular;
        color: #00207a;
    }

    .sitelist ul {
        padding-left: 0;
        font-size: 16px;
        color: #00207a;
        cursor: pointer;
        transition: 0.3s;
    }

        .sitelist ul:hover {
            color: #3b6fff;
        }

    .sitelist.contact {
        margin-left: auto;
        padding-right: 70px;
    }

        .sitelist.contact .button {
            width: 120px;
            height: 40px;
            border-radius: 6px;
            background-color: #002fb0;
            padding-left: 20px;
            padding-right: 20px;
            display: flex;
            vertical-align: middle;
            font-family: roboto-regular;
            font-size: 16px;
            color: #fff;
            margin-right: 40px;
            transition: all 0.3s ease;
        }*/

.helyx-systems {
    /*max-width: 100%;*/
    min-height: 350px;
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    margin: 0 -10px;
    padding: 10px 10px 14px 10px;
}

    .helyx-systems .content-box {
        margin-left: 20px;
        min-width: 320px;
        max-width: 700px;
        border-radius: 6px;
        background-color: #fff;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
        margin-right: 20px;
    }

        .helyx-systems .content-box:first-child {
            margin-left: auto;
        }

        .helyx-systems .content-box:last-child {
            margin-right: auto;
        }

        .helyx-systems .content-box h3 {
            margin-top: 0;
            margin-bottom: 0;
            align-self: flex-start;
            color: #002fb0;
        }

        .helyx-systems .content-box .icons {
            display: inline-flex;
            margin-left: auto;
            margin-right: auto;
            align-content: center;
            justify-content: center;
            margin: 15px 0;
            flex: 2;
        }

            .helyx-systems .content-box .icons .icon-tile {
                width: 76px;
                height: 76px;
                border-radius: 10px;
                background-color: #00207a;
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
            }

                .helyx-systems .content-box .icons .icon-tile img {
                    height: 75px;
                }

        .helyx-systems .content-box .description {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .helyx-systems .content-box .brand {
            flex: 1;
            display: flex;
            margin-top: 15px;
        }

.helyx-partners {
    height: auto;
    flex: 0 0 auto;
    padding: 20px 10px 40px 10px;
    display: flex;
    flex-direction: row;
    overflow: auto;
    margin: auto -10px;
}

    .helyx-partners .content-box {
        width: 450px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

@media only screen and (max-width: 992px) {
    .page-section-container {
        margin-top: 75px;
    }

    .text-container {
        margin: 100px 0 40px 0;
    }

    .helyx-systems {
        flex-direction: column;
        margin: 0 -10px;
    }

        .helyx-systems .content-box {
            margin: 0 0 50px 0;
            padding: 40px;
            max-width: unset;
            width: auto;
        }

            .helyx-systems .content-box:first-child {
                margin-left: 0;
            }

            .helyx-systems .content-box:last-child {
                margin: 0;
            }

            .helyx-systems .content-box h3 {
                justify-content: center;
                display: flex;
                width: 100%;
                margin-bottom: 10px;
            }

    .helyx-partners {
        margin: auto -10px;
    }

    .section-light.middle {
        padding-bottom: 3vw;
    }
}