/* ==================================================
   Carousel
================================================== */
.banner {
    overflow: hidden;
}
.banner .container {
    width: 100%;
}

.banner .owl-item {
    max-height: 100vh;
}

.banner .bannerLogo img{
    max-height: 12rem;
    margin-bottom: 1rem;
}
.banner .event-date-location {
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding: 5px 15px;
    background: rgba(255,255,255,0.3);
}


    .banner .event-date-location span {
        display: inline-block;
    }

        .banner .event-date-location span .fa {
            margin-right: 10px;
        }

        .banner .event-date-location span + span {
            margin-left: 20px;
        }

.banner .bannerstaticcontent .button-group {
    margin-top: 1rem;
    margin-bottom: 1rem;
}


    .banner .bannerstaticcontent .button-group .btn {
        padding: 20px;
        transition: 0.3s all;
    }

        .banner .bannerstaticcontent .button-group .btn:not(:last-of-type) {
            margin-right: 5px;
        }


        .banner .bannerstaticcontent .button-group .btn .fa {
            display: inline-block;
            transition: 0.3s all;
            transform: scale(0);
            margin: 0;
            width: 0;
        }

        .banner .bannerstaticcontent .button-group .btn:hover .fa,
        .banner .bannerstaticcontent .button-group .btn:focus .fa,
        .banner .bannerstaticcontent .button-group .btn:active .fa {
            transform: scale(1);
            margin-right: 5px;
            width: 1.28571429em;
        }
.banner .container {
    position: relative;
}


.bannerstaticcontent {
    vertical-align: middle;
    height: 100%;
    height: 100vh;
    display: table;
    width: 100%;
    padding: 2rem 0;
}

    .bannerstaticcontent .bannercontentInner {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

        .bannerstaticcontent .bannercontentInner .bannercontentwrap {
            display: inline-block;
            position: relative;
        }

            .bannerstaticcontent .bannercontentInner .bannercontentwrap > * {
                margin: 0 auto;
            }
            .bannerstaticcontent .bannercontentInner .bannercontentwrap > .countdown{
                margin: 2rem auto;
            }
    .bannerstaticcontent .owl-carousel .owl-controls .owl-nav > div {
        left: 0;
        right: auto;
    }

    .bannerstaticcontent .owl-carousel .owl-controls .owl-nav > div {
        right: 0;
        left: auto;
    }

    .bannerstaticcontent .social-media {
        padding: 5px;
        font-size: 1.5rem;
    }

.homecarousel {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

    .homecarousel img {
        width: auto !important;
        max-width: none !important;
    }

@media screen and (max-width: 767px) {
    .homecarousel img {
        height: 100vh;
    }
}

@media screen and (min-width: 768px) {
    .homecarousel img {
        min-width: 100vw;
    }
}