/* --Start banner--------------- */
.section-banner {
    position: relative;
    background: url(../img/oem/test-banner.webp) no-repeat center bottom/ cover scroll;
    margin-top: 55px;
    height: calc(45vh - 54px);
}

    .section-banner .center-item {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


.section-banner .title-item {
}


    .section-banner .title-item h2 {
        font-size: 30px;
        font-family: 'BOLDNINE';
        color: #fff;
        font-style: italic;
        letter-spacing: 2px;
        margin-bottom: 0;
        text-align: center;
    }

    .section-banner .title-item p {
        font-family: Lorin;
        font-style: italic;
        color: #fff;
        font-size: 16px;
        text-align: center;
    }


@media (min-width: 992px) {
    .section-banner .title-item h2 {
        font-size: 40px;
    }

    .section-banner .title-item p {
        font-size: 16px;
    }

    .section-banner .center-item {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .section-banner {
        background: url(../img/oem/test-banner.webp) no-repeat center center/ cover scroll;
        height: calc(70vh - 94px);
        margin-top: 94px;
    }

        .section-banner .title-item h2 {
            font-size: 80px;
        }
}

/* --End banner--------------- */
/* --Start breadcrumb--------------- */
.section-breadcrumb .breadcrumb {
    /* justify-content: s; */
    margin: 10px 0;
    font-family: 'Metropolis-M';
    font-size: 14px;
}

    .section-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: #333;
    }

    .section-breadcrumb .breadcrumb .breadcrumb-item a {
        color: #333;
        transition: all 0.2s ease-in-out;
    }

        .section-breadcrumb .breadcrumb .breadcrumb-item a:hover {
            color: #666;
        }

    .section-breadcrumb .breadcrumb .breadcrumb-item.active {
        color: #888;
        font-weight: bolder;
    }
/* --End breadcrumb--------------- */
/* --Start sitemap--------------- */
.section-sitemap{
    padding: 100px 0;
}
    /*.section-sitemap h2 {
        font-size: 20px;
        color: #787878;
        padding-left: 25px;
        position: relative;
        padding-bottom: 5px;
        padding-top: 5px;
        border-bottom: 1px solid #00A0E3;
        display: block;
    }

    .section-sitemap h2::after {
        content: '';
        background-image: url('../img/footer/foot-icon.webp');
        background-size: 100% 100%;
        width: 15px;
        height: 10px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }*/
        .section-sitemap h2 {
            color: #3a3a3a;
            letter-spacing: 1.5px;
            margin-bottom: 15px;
            /*padding-left: 60px;*/
            position: relative;
            display: block;
            font-size: 18px;
            font-weight: bolder;
        }

          /*  .section-sitemap h2::after {
                content: '';
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 45px;
                height: 2px;
                background: #3a3a3a;
            }*/
    .section-sitemap a {
        color: #787878;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
        display: block;
    }
    .section-sitemap a+a {
        margin-top: 15px;
    }

        .section-sitemap a:hover {
            color: #541b86;
        }
/* END sitemap ------------------------------ */