/*****************************************************************************
** ModuleBanner
*****************************************************************************/

@media all {
    .ModuleBannerContainer { }
        .ModuleBannerContainer div.MBCBanner { width: 100%; overflow: hidden; position: relative; }
            .ModuleBannerContainer div.MBCBanner img.MBCBanner { z-index: 40; }
            .ModuleBannerContainer div.MBCBanner .MBCBannerExtra { position: absolute; z-index: 45; top: 0; bottom: 0; left: 0; right: 0; }

        .ModuleBannerContainer .MBCBanner .MBCLogo { display: inline-block; /* background-color: rgba(0,0,0,0.3); */ overflow: hidden; position: relative; width: 100%; height: 100%; margin: 0; }
            .ModuleBannerContainer .MBCBanner .MBCLogo img { /*position: absolute; top: 50%; left: 50%;*/ display: block; min-height: 1%; min-width: 1%; /* transform: translate(-50%, -50%); */ /*width: 100%;*/ max-height: 200px; max-width: 200px; padding: 15px; }
            .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle { }
                .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle img { }
        .ModuleBannerContainer .MBCBanner .MBCLogoTitle { display: block; min-height: 1%; min-width: 1%; width: 100%; max-height: 200px; max-width: 200px; }
            .ModuleBannerContainer .MBCBanner .MBCLogoTitle[onclick] { cursor: pointer; }
            .ModuleBannerContainer .MBCBanner .MBCLogoTitle .MBCLogoTitleShort { font-size: 1rem; font-weight: 600; color: #333; word-spacing: 0px; text-align: center; text-transform: none; }
            .ModuleBannerContainer .MBCBanner .MBCLogoTitle .MBCLogoTitleFull { font-size: 1.25rem; font-weight: 600; color: #333; word-spacing: 0px; text-align: center; text-transform: none; }
            .ModuleBannerContainer .MBCBanner .MBCLogoTitle .MBCLogoTitleFull2 { font-size: 0.9375rem; font-weight: 500; color: #333; word-spacing: 3px; text-align: center; text-transform: none; }

        .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; overflow: hidden; line-height: 2.2vw; }
            .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer[onclick] { cursor: pointer; }
            .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer { background-color: rgba(255,255,255,0.65); padding: 15px; text-shadow: #fff 0px 0px 5px; box-shadow: 0px 1px 3px 0px rgba(85,85,85,0.35); min-width: 300px; }
                .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerTitle { font-size: 2vw; text-align: center; margin-bottom: 2.2vw; text-transform: uppercase; font-weight: 600; color: #17406d; }
                .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerText { font-size: 1.5vw; color: #17406d; }
                    .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerText p { margin-bottom: 2.2vw; }
                        .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerText p:last-child { margin-bottom: 0; }
}

/*bootstrap grid xl*/
@media all and (min-width: 1600px) {
    .ModuleBannerContainer div.MBCBanner { }
        .ModuleBannerContainer div.MBCBanner img.MBCBanner { min-height: 350px; object-fit: cover; }

    .ModuleBannerContainer .MBCBanner .MBCLogo img { padding: 5px; margin-top: 64px; margin-left: auto; margin-right: auto; }
    .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle { }
        .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle img { margin-left: 0; max-height: 286px; max-width: 286px; }

    .ModuleBannerContainer .MBCBanner .MBCLogoTitle { max-width: 100%; }
        .ModuleBannerContainer .MBCBanner .MBCLogoTitle .MBCLogoTitleShort { display: none; }

    .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerTitle { font-size: 1.4vw; margin-bottom: 1vw; }
    .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerText { font-size: 1.05vw; line-height: 1.5vw; }
        .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerText p { margin-bottom: 0.5vw; }
}

/*bootstrap grid lg*/
@media all and (max-width: 1599px) and (min-width: 1200px) {
    .ModuleBannerContainer div.MBCBanner { }
        .ModuleBannerContainer div.MBCBanner img.MBCBanner { min-height: 350px; object-fit: cover; }

    .ModuleBannerContainer .MBCBanner .MBCLogo img { padding: 5px; margin-top: 64px; margin-left: auto; margin-right: auto; }
    .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle { }
        .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle img { margin-left: 0; max-height: 286px; max-width: 286px; }

    .ModuleBannerContainer .MBCBanner .MBCLogoTitle { max-width: 100%; }
        .ModuleBannerContainer .MBCBanner .MBCLogoTitle .MBCLogoTitleShort { display: none; }

    .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerTitle { font-size: 1.5vw; margin-bottom: 1vw; }
    .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerText { font-size: 1.25vw; line-height: 1.5vw; }
        .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerText p { margin-bottom: 0.5vw; }
}

/*bootstrap grid md*/
@media all and (max-width: 1199px) and (min-width: 992px) {
    .ModuleBannerContainer div.MBCBanner { }
        .ModuleBannerContainer div.MBCBanner img.MBCBanner { min-height: 350px; object-fit: cover; }

    .ModuleBannerContainer .MBCBanner .MBCLogo img { padding: 5px; margin-top: 64px; margin-left: auto; margin-right: auto; }
    .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle { }
        .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle img { margin-left: 0; max-height: 286px; max-width: 286px; }

    .ModuleBannerContainer .MBCBanner .MBCLogoTitle { max-width: 100%; }
        .ModuleBannerContainer .MBCBanner .MBCLogoTitle .MBCLogoTitleShort { display: none; }

    .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerTitle { font-size: 2vw; margin-bottom: 1vw; }
    .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerText { font-size: 1.5vw; line-height: 2vw; }
        .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerText p { margin-bottom: 0.5vw; }
}

/*bootstrap grid sm*/
@media all and (max-width: 991px) and (min-width: 768px) {
    .ModuleBannerContainer div.MBCBanner { }
        .ModuleBannerContainer div.MBCBanner img.MBCBanner { min-height: 300px; object-fit: cover; }

    .ModuleBannerContainer .MBCBanner .MBCLogo img { padding: 5px; margin-top: 35px; margin-left: auto; margin-right: auto; }
    .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle { }
        .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle img { margin-left: 0; max-height: 265px; max-width: 265px; }

    .ModuleBannerContainer .MBCBanner .MBCLogoTitle { max-width: 100%; }
        .ModuleBannerContainer .MBCBanner .MBCLogoTitle .MBCLogoTitleFull { display: none; }
        .ModuleBannerContainer .MBCBanner .MBCLogoTitle .MBCLogoTitleFull2 { display: none; }

    .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerTitle { font-size: 2vw; margin-bottom: 1vw; }
    .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerText { font-size: 1.5vw; line-height: 2vw; }
        .ModuleBannerContainer .MBCBanner .MBCBannerTextContainer .MBCBannerTextInnerContainer .MBCBannerText p { margin-bottom: 0.5vw; }
}

/*bootstrap grid xs*/
@media all and (max-width: 767px) and (min-width: 577px) {
    .ModuleBannerContainer div.MBCBanner { }
        .ModuleBannerContainer div.MBCBanner img.MBCBanner { min-height: 250px; object-fit: cover; }

    .ModuleBannerContainer .MBCBanner .MBCLogo img { padding: 5px; margin-top: 35px; max-height: 180px; max-width: 180px; margin-left: auto; margin-right: auto; }
    .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle { }
        .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle img { margin-left: 0; max-height: 215px; max-width: 215px; }

    .ModuleBannerContainer .MBCBanner .MBCLogoTitle { max-width: 100%; max-height: 22px; }
        .ModuleBannerContainer .MBCBanner .MBCLogoTitle .MBCLogoTitleFull { display: none; }
        .ModuleBannerContainer .MBCBanner .MBCLogoTitle .MBCLogoTitleFull2 { display: none; }
}

/*bootstrap grid xxs*/
@media all and (max-width: 576px) {
    .ModuleBannerContainer div.MBCBanner { }
        .ModuleBannerContainer div.MBCBanner img.MBCBanner { min-height: 200px; object-fit: cover; }

    .ModuleBannerContainer .MBCBanner .MBCLogo img { padding: 2px; margin-top: 35px; max-height: 140px; max-width: 140px; width: 100%; margin-left: auto; margin-right: auto; }
    .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle { }
        .ModuleBannerContainer .MBCBanner .MBCLogo.MBCNoTitle img { }

    .ModuleBannerContainer .MBCBanner .MBCLogoTitle { max-width: 100%; max-height: 22px; }
        .ModuleBannerContainer .MBCBanner .MBCLogoTitle .MBCLogoTitleFull { display: none; }
        .ModuleBannerContainer .MBCBanner .MBCLogoTitle .MBCLogoTitleFull2 { display: none; }
}

/*screen, bootstrap grid md, mouse*/
@media only screen and (max-width: 1199px) and (min-width: 992px) and (pointer: fine) {
}

/*screen, bootstrap grid sm, mouse*/
@media only screen and (max-width: 991px) and (min-width: 768px) and (pointer: fine) {
}

/*screen, bootstrap grid xs, mouse*/
@media only screen and (max-width: 767px) and (min-width: 577px) and (pointer: fine) {
}

/*screen, bootstrap grid xs, touch*/
@media only screen and (max-width: 1199px) and (min-width: 992px) and (pointer: coarse) {
}

@media only print {
    .ModuleBannerContainer .MBCBanner .MBCLogo { margin-bottom: 0; }
}