/*****************************************************************************
** ModuleFooter
*****************************************************************************/

@media all {
    .ModuleFooterContainer { }
        .ModuleFooterContainer .MFtCFooter { background-color: #006699; border-top: 5px solid #FFCC00; padding: 30px 0; }
            .ModuleFooterContainer .MFtCFooter .MFtCGroup { }
                .ModuleFooterContainer .MFtCFooter .MFtCGroup:last-child { margin-bottom: 0; }

            .ModuleFooterContainer .MFtCFooter .MFtCGroup1 { text-align: left; }
            .ModuleFooterContainer .MFtCFooter .MFtCGroup2 { text-align: center; }
            .ModuleFooterContainer .MFtCFooter .MFtCGroup3 { text-align: right; }

            .ModuleFooterContainer .MFtCFooter .MFtCLogo { margin-bottom: 15px; }
                .ModuleFooterContainer .MFtCFooter .MFtCLogo img { max-width: 100%; max-height: 80px; }
            .ModuleFooterContainer .MFtCFooter .MFtCSocialNetworks { }
                .ModuleFooterContainer .MFtCFooter .MFtCSocialNetworks .MFtCSocialNetwork { display: inline-block; margin: 0 15px 15px 0; }
                    .ModuleFooterContainer .MFtCFooter .MFtCSocialNetworks .MFtCSocialNetwork a.MFtCSocialNetworkIcon { display: inline-block; color: #fff; width: 40px; height: 40px; text-align: center; vertical-align: middle; padding: 9px 0; border-radius: 50%; overflow: hidden; }
                        .ModuleFooterContainer .MFtCFooter .MFtCSocialNetworks .MFtCSocialNetwork a.MFtCSocialNetworkIcon:hover { color: #FFCC00; }
                        .ModuleFooterContainer .MFtCFooter .MFtCSocialNetworks .MFtCSocialNetwork a.MFtCSocialNetworkIcon img { width: 24px; }
                    .ModuleFooterContainer .MFtCFooter .MFtCSocialNetworks .MFtCSocialNetwork a.MFtCSocialNetworkText { vertical-align: middle; color: #fff; text-transform: uppercase; margin-left: 2px; }
                        .ModuleFooterContainer .MFtCFooter .MFtCSocialNetworks .MFtCSocialNetwork a.MFtCSocialNetworkText:hover { text-decoration: underline; }
        .ModuleFooterContainer .MFtCTitle { color: #fff; text-transform: uppercase; font-weight: 600; margin-bottom: 15px; }
        .ModuleFooterContainer .MFtCText { color: #fff; margin-bottom: 10px; font-size: 0.875rem; }
            .ModuleFooterContainer .MFtCText .MFtCTextInner { display: inline-block; vertical-align: top; /*width: calc(100% - 30px);*/ }
            .ModuleFooterContainer .MFtCText a.MFtCLink { color: #fff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #fff; }
                .ModuleFooterContainer .MFtCText a.MFtCLink:hover { border-bottom-style: solid; }
        .ModuleFooterContainer .MFtCFooter .MFtCLinks { }
            .ModuleFooterContainer .MFtCFooter .MFtCLinks a { color: #fff; display: block; margin-bottom: 5px; text-transform: uppercase; font-size: 0.875rem; }
                .ModuleFooterContainer .MFtCFooter .MFtCLinks a:hover { text-decoration: underline; }
        .ModuleFooterContainer .MFtCFooter .MFtCLanguages { }
        .ModuleFooterContainer .MFtCCopyrightGroup { background-color: #5D5D5D; }
            .ModuleFooterContainer .MFtCCopyrightGroup .MFtCCopyright { text-align: center; color: #fff; font-size: 0.8125rem; text-transform: uppercase; font-weight: 600; margin: 10px 0; }
}

/*bootstrap grid xl*/
@media all and (min-width: 1600px) {
}

/*bootstrap grid lg*/
@media all and (max-width: 1599px) and (min-width: 1200px) {
}

/*bootstrap grid md*/
@media all and (max-width: 1199px) and (min-width: 992px) {
}

/*bootstrap grid sm*/
@media all and (max-width: 991px) and (min-width: 768px) {
}

/*bootstrap grid xs*/
@media all and (max-width: 767px) and (min-width: 577px) {
    .ModuleFooterContainer .MFtCFooter .MFtCGroup { margin-bottom: 30px; }

    .ModuleFooterContainer .MFtCFooter .MFtCGroup1 { text-align: left; }
    .ModuleFooterContainer .MFtCFooter .MFtCGroup2 { text-align: left; }
    .ModuleFooterContainer .MFtCFooter .MFtCGroup3 { text-align: left; }
}

/*bootstrap grid xxs*/
@media all and (max-width: 576px) {
    .ModuleFooterContainer .MFtCFooter .MFtCGroup { margin-bottom: 30px; }

    .ModuleFooterContainer .MFtCFooter .MFtCGroup1 { text-align: left; }
    .ModuleFooterContainer .MFtCFooter .MFtCGroup2 { text-align: left; }
    .ModuleFooterContainer .MFtCFooter .MFtCGroup3 { text-align: left; }
}

/*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 {
    .ModuleFooterContainer .MFtCFooter { border-top: 3px solid #FFCC00; padding: 10px 0; color: #000; }
        .ModuleFooterContainer .MFtCFooter .MFtCLogo { margin-bottom: 0; }
            .ModuleFooterContainer .MFtCFooter .MFtCLogo img { max-width: 100%; max-height: 60px; }
    .ModuleFooterContainer .MFtCTitle { font-size: 0.75rem; margin-bottom: 5px; color: #000; }
    .ModuleFooterContainer .MFtCText { margin-bottom: 5px; font-size: 0.75rem; display: inline-block; min-width: 100px; color: #000; }
    .ModuleFooterContainer .MFtCFooter .MFtCLinks a { color: #000; }
    .ModuleFooterContainer .MFtCCopyrightGroup .MFtCCopyright { margin: 0 0; font-size: 0.75rem; }
    .ModuleFooterContainer .MFtCCopyrightGroup { }
    .ModuleFooterContainer .MFtCFooter .MFtCGroup { margin-bottom: 0px; }
    .ModuleFooterContainer .MFtCCopyrightGroup .MFtCCopyright { color: #000; }
}