﻿/*****************************************************************************************************************************************/
/* JUMBOTRON STYLES */
/*****************************************************************************************************************************************/

.kb-jumbotron {
    background: linear-gradient( rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20) ), url('/multimedia/images/pages/img-page-bg-jumbotron.jpg') no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

    .kb-jumbotron h1, .kb-jumbotron h2, .kb-jumbotron h3, .kb-jumbotron p {
        color: #FFFFFF !important;
    }

    .kb-jumbotron h1 {
        font-size: 72px;
        text-transform: uppercase;
        font-weight: normal;
    }

    .kb-jumbotron h2 {
        font-size: 20px;
        font-weight: normal;
    }

    .kb-jumbotron .carousel-inner {
        min-height: 850px;
        padding: 40px 40px;
        padding-top: 180px;
    }

    .kb-jumbotron .kb-section-style1 {
        margin-bottom: 120px;
        max-width: 960px;
    }

        .kb-jumbotron .kb-section-style1 .kb-title {
            border-bottom: 1px solid #FFFFFF;
        }

        .kb-jumbotron .kb-section-style1 .kb-content {
        }

    .kb-jumbotron .kb-section-style2 {
        text-align: center;
    }

        .kb-jumbotron .kb-section-style2 .btn {
            font-size: 24px;
            padding: 12px 48px;
        }


/*****************************************************************************************************************************************/
/* SECTION STYLES */
/*****************************************************************************************************************************************/

.kb-home .kb-body .kb-body-section {
}

    .kb-home .kb-body .kb-body-section .kb-title h2 {
        text-transform: uppercase;
    }

.kb-home .kb-body .kb-section-style1 {
}

    .kb-home .kb-body .kb-section-style1 .kb-title {
        margin-bottom: 0px;
    }

.kb-home .kb-body .kb-section-style2 {
}

    .kb-home .kb-body .kb-section-style2 .kb-title {
    }

    .kb-home .kb-body .kb-section-style2 .kb-content {
        max-width: 600px;
    }

        .kb-home .kb-body .kb-section-style2 .kb-content .card {
            border: 1px solid var(--kb-main-border-color);
            border-radius: 0px;
        }

            .kb-home .kb-body .kb-section-style2 .kb-content .card img {
                width: 100%;
                object-fit: cover;
            }

            .kb-home .kb-body .kb-section-style2 .kb-content .card .card-body {
                text-align: center;
            }

.kb-home .kb-body .kb-section-style3 {
}

    .kb-home .kb-body .kb-section-style3 .kb-title {
        border-bottom: 1px solid var(--kb-main-border-color);
    }

    .kb-home .kb-body .kb-section-style3 .kb-content {
    }

        .kb-home .kb-body .kb-section-style3 .kb-content .card {
            border-radius: 0px;
        }

            .kb-home .kb-body .kb-section-style3 .kb-content .card img {
            }

            .kb-home .kb-body .kb-section-style3 .kb-content .card .card-body {
                height: 100%;
                width: 100%;
                padding: 12px 24px;
                position: absolute;
                top: 0;
                z-index: 10;
                color: #FFFFFF;
                text-align: center;
                background-color: rgba(0,0,0,0.1);
            }

                .kb-home .kb-body .kb-section-style3 .kb-content .card .card-body h3,
                .kb-home .kb-body .kb-section-style3 .kb-content .card .card-body p {
                    text-shadow: 2px 2px 4px #000000;
                }

.kb-home .kb-body .kb-section-style4 {
}

    .kb-home .kb-body .kb-section-style4 .kb-title {
        border-bottom: 1px solid var(--kb-main-border-color);
    }

    .kb-home .kb-body .kb-section-style4 img {
        width: 100%;
    }

.kb-home .kb-body .kb-section-style5 {
}

    .kb-home .kb-body .kb-section-style5 h2 {
        font-size: 48px;
    }

    .kb-home .kb-body .kb-section-style5 .kb-title {
        margin-bottom: 0px;
    }

    .kb-home .kb-body .kb-section-style5 .kb-content {
        max-width: 800px;
    }

        .kb-home .kb-body .kb-section-style5 .kb-content .form-control,
        .kb-home .kb-body .kb-section-style5 .kb-content .btn {
            padding: 12px;
            height: 50px;
        }

        .kb-home .kb-body .kb-section-style5 .kb-content .btn {
            width: 100%;
        }

.kb-home .kb-body .kb-section-style6 {
    background: url('/multimedia/images/pages/img-page-bg-marketing-01.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 80px;
}

    .kb-home .kb-body .kb-section-style6 h2 {
        color: #FFFFFF;
        font-size: 48px;
    }

    .kb-home .kb-body .kb-section-style6 .kb-body-frame {
        min-height: 640px;
    }

    .kb-home .kb-body .kb-section-style6 .kb-content {
        background-color: #FFFFFF;
        max-width: 720px;
        padding: 40px;
        padding-bottom: 60px;
        text-align: center;
    }

        .kb-home .kb-body .kb-section-style6 .kb-content span {
            color: #D22F25;
        }

        .kb-home .kb-body .kb-section-style6 .kb-content .btn-danger {
            padding: 12px 24px;
            background-color: #D22F25;
            color: #FFFFFF;
        }

        .kb-home .kb-body .kb-section-style6 .kb-content .kb-content-part-1 .btn {
            color: black !important;
        }

        .kb-home .kb-body .kb-section-style6 .kb-content .kb-content-part-2 .btn {
            padding: 12px 24px;
        }


/*****************************************************************************************************************************************/
/* RESPONSIVE STYLES */ /*  xs <576px | sm ≥576px | md ≥768px | lg ≥992px | xl ≥1200px | xxl ≥1400px */
/*****************************************************************************************************************************************/

@media (max-width: 767px) {
    .kb-jumbotron-section.kb-section-style1 h1 {
        font-size: 48px;
    }

    .kb-body-section.kb-section-style4 .kb-content h3 {
        font-size: 20px;
        margin-top: 18px;
    }

    .kb-body-section.kb-section-style4 .kb-content p.lead {
        font-size: 18px;
    }

    .kb-body-section.kb-section-style5 .form-control {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .kb-body-section.kb-section-style3 .card-title {
        font-size: 14px;
    }

    .kb-body-section.kb-section-style4 .kb-content h3 {
        margin-top: 18px;
    }

    .kb-body-section.kb-section-style3 .card-text {
        font-size: 12px;
    }
}
