@charset "UTF-8";

carousel-inner h1 {
    font-weight: 700;
    font-size: 36px;
    display: inline-block;
    padding: 10px 10px 6px 10px;
    margin: 6px 0 25px 0;
    border: 5px solid #442580;
    width: min-content;
    line-height: 1.1;
}

.carousel-control-next, .carousel-control-prev {
    width: 10%;
    z-index: 10;
    /*opacity: 100%;*/
}

.carousel-bg-default {
    background-image: url(../img/slider/bg-home-slider.jpg);
    background-size: cover;
    background-position: center right;
    min-height: 350px;
}


.carousel-bg-5 {
    background-image: url(../img/slider/bg-home-slider-4-a.jpg);
    background-size: cover;
    background-position: center right;
    min-height: 350px;
}


.carousel-hero-1 {
    background-image: url(../img/slider/bg-home-slider-innovation.png);
    background-size: contain;
    background-position: center left;
    min-height: 315px;
    background-repeat: no-repeat;
    margin-right: 0px;
}

.carousel-hero-2 {
    background-image: url(../img/slider/bg-home-slider-blog.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 350px;
    margin-right: 0px;
}

.carousel-hero-3 {
    background-image: url(../img/slider/bg-home-slider-article.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 350px;
    margin-right: 0px;
}

.carousel-hero-4 {
    background-image: url(../img/slider/bg-home-slider-member.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    min-height: 350px;
    margin-right: 0px;
}


.carousel-content-1, .carousel-content-2, .carousel-content-3, .carousel-content-4 {
    padding-left: 10%;
    z-index: 2;
    margin-top: -200px;
}

.carousel-title-1, .carousel-title-2, .carousel-title-3, .carousel-title-4 {
    padding-left: 10%;
    padding-top: 50px;
    z-index: 2
}


.carousel-control-next-icon {
    background-image: url("../img/slider/next.svg");
}

.carousel-control-prev-icon {
    background-image: url("../img/slider/previous.svg");
}

.carousel-indicators li {
    background-color: rgba(135, 135, 135, 0.5);
    width: 15px;
    height: 15px;
    border-radius: 100%;
}

.carousel-indicators .active {
    background-color: #ffd15a;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
}
/*
@media (max-width: 767px) {
    .carousel-item h1 {
        font-size: 24px;
    }

    .carousel-bg-default {
        background-image: url(../img/slider/bg-home-slider.jpg);
        background-size: cover;
        background-position: center right;
        min-height: 600px;
    }

    .carousel-bg-4 {
        background-image: url(../img/slider/bg-home-slider-4-a.jpg);
        background-size: cover;
        background-position: center right;
        min-height: 600px;
    }

    .carousel-hero-1 {
        background-image: url(../img/slider/bg-home-slider-2-mobi.png);
    }

    .carousel-hero-3 {
        background-image: url(../img/slider/fg-home-slider-1-mobi.png);
    }

    .carousel-hero-4 {
        background-image: url(../img/slider/bg-home-slider-4-mobi.png);
    }


    .carousel-content-1, .carousel-content-2 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
    }

    .carousel-hero-1, .carousel-hero-2, .carousel-hero-3, .carousel-hero-4 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
        max-height: 200px;
        min-height: 200px !important;
        background-size: contain;
        background-position: center center;
    }

    .carousel-content-1, .carousel-content-2, .carousel-content-3, .carousel-content-4 {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        -o-order: 3;
        order: 3;
        margin-top: 0px;
    }

    .carousel-title-1, .carousel-title-2, .carousel-title-3, .carousel-title-4 {
        text-align: left;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        order: 1;
    }



    .carousel-content-1, .carousel-title-1, .carousel-content-2, .carousel-title-2, .carousel-content-3, .carousel-title-3, .carousel-content-4, .carousel-title-4 {
        padding-left: 30px;
        padding-right: 30px;
        text-align: left;
    }
}

@media (max-width: 768px) {
    .nopad-sm {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 576px) {
    .hero {
        min-height: 600px;
    }
}
            */
.hero {
    min-height: 350px;
}
#theCarousel {
    min-height: 350px;
}

.carousel-inner {
    min-height: 350px;
}


@media (max-width: 1200px) {
    .hero {
        min-height: 350px;
    }

    #theCarousel {
        min-height: 350px;
    }
    .carousel-inner {
        min-height: 350px;
    }
}

@media (max-width: 992px) {
    .hero {
        min-height: 350px;
    }

    #theCarousel {
        min-height: 350px;
    }
    .carousel-inner {
        min-height: 350px;
    }
}

@media (max-width: 768px) {
    .hero {
        min-height: 388px;
    }
    #theCarousel {
        min-height: 388px;
    }
    .carousel-inner {
        min-height: 350px;
    }
    .carousel-title-1, .carousel-title-2, .carousel-title-3, .carousel-title-4 {
        padding-top: 25px;
        padding-left: 12%;
        padding-right: 12%;
    }
    .carousel-indicators {
        margin-bottom: 0px;
    }
}

/* h1 for carousel*/
.carousel-item h1 {
    font-size: 32px;
}

@media (max-width:992px) {
    .carousel-item h1 {
        font-size: 32px;
    }
}

@media (max-width:768px) {
    .carousel-item h1 {
        font-size: 30px;
    }
}

@media (max-width: 576px) {
    .carousel-item h1 {
        font-size: 30px;
    }
}

@media (max-width: 430px) {
    .carousel-item h1 {
        font-size: 28px;
    }
}

.nopad {
    padding: 0;
}