/*****************************************************************************
** ModuleBannerOptional
*****************************************************************************/

@media all {
    .ModuleBannerOptionalContainer { }
        .ModuleBannerOptionalContainer div.MBOCBanner { width: 100%; overflow: hidden; position: relative; max-height: 300px; }
            .ModuleBannerOptionalContainer div.MBOCBanner img.MBOCBanner { z-index: 40; }
            .ModuleBannerOptionalContainer div.MBOCBanner .MBOCBannerExtra { position: absolute; z-index: 45; top: 0; bottom: 0; left: 0; right: 0; }

        .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer { 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; }
            .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer[onclick] { cursor: pointer; }
            .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer { 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; }
                .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerTitle { font-size: 2vw; text-align: center; margin-bottom: 2.2vw; text-transform: uppercase; font-weight: 600; color: #17406d; }
                .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerText { font-size: 1.5vw; color: #17406d; }
                    .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerText p { margin-bottom: 2.2vw; }
                        .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerText p:last-child { margin-bottom: 0; }
}

/*bootstrap grid xl*/
@media all and (min-width: 1600px) {
    .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerTitle { font-size: 1.4vw; margin-bottom: 1vw; }
    .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerText { font-size: 1.05vw; line-height: 1.5vw; }
        .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerText p { margin-bottom: 0.5vw; }
}

/*bootstrap grid lg*/
@media all and (max-width: 1599px) and (min-width: 1200px) {
    .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerTitle { font-size: 1.5vw; margin-bottom: 1vw; }
    .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerText { font-size: 1.25vw; line-height: 1.5vw; }
        .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerText p { margin-bottom: 0.5vw; }
}

/*bootstrap grid md*/
@media all and (max-width: 1199px) and (min-width: 992px) {
    .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerTitle { font-size: 2vw; margin-bottom: 1vw; }
    .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerText { font-size: 1.5vw; line-height: 2vw; }
        .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerText p { margin-bottom: 0.5vw; }
}

/*bootstrap grid sm*/
@media all and (max-width: 991px) and (min-width: 768px) {
    .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerTitle { font-size: 2vw; margin-bottom: 1vw; }
    .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerText { font-size: 1.5vw; line-height: 2vw; }
        .ModuleBannerOptionalContainer .MBOCBanner .MBOCBannerTextContainer .MBOCBannerTextInnerContainer .MBOCBannerText p { margin-bottom: 0.5vw; }
}

/*bootstrap grid xs*/
@media all and (max-width: 767px) and (min-width: 577px) {
}

/*bootstrap grid xxs*/
@media all and (max-width: 576px) {
}

/*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 {
}