html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
.lightcase-contentInner img {
    width: 800px;
    object-fit: cover;
}
ol, ul {
    padding-left: 20px;
}
nav#mainNav ul {
    padding-left: 0;
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* = = = modulpark CSS = = = */
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #555;
    background-color: #eee;
}
hr {
    border: 0;
    height: 1px;
    border-bottom: 1px solid #ddd;
}
#main li {
    position: relative;
    padding-left: 20px;
}
#main .bg-dark li::before {
    background: #fff;
}
img {
    max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #990000;
}
h1 {
    font-size: 1.9rem;
}
h2 {
    font-size: 1.4rem;
    position: relative;
    text-align: center;
    color: #111;
}
h2::after {
    content: '';
    width: 150px;
    height: 0px;
    background: #000;
    display: block;
    margin: 0 auto;
    opacity: .5;
}
.bg-dark h2::after {
    background: #fff;
}
h3 {
    font-size: 1.1rem;
    font-weight: normal;
    color: #111;
}
h4 {
    font-weight: bold;
    font-size: 1.1rem;
    color: #222;
}
h5 {
    font-size: 1.0rem;
    color: #222;
}
@media only screen and (min-width: 786px) {
    h1, h2, h3, h4, h5, h6 {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
a {
    color: #c10606;
    text-decoration: none;
    transition: all 0.3s ease-out;
}
a:hover {
    color: #666;
}
#header {
    background-color: #fdfdfd;
    position: sticky;
    background-color: #fff;
    z-index: 99;
    top: 0;
    box-shadow: 0 8px 5px -9px gray;
}
.inside {
    width: 90%;
    max-width: 1140px;
    margin: 0 auto;
}
/* Top Bar */
#top-bar {
    background-color: #fff;
}
#top-bar .mpg-content {
    display: flex;
    align-items: center;
    height: 100%;
}
#top-bar .row .column:last-child .mpg-content {
    justify-content: flex-end;
}
#top-bar .mpg-content a {
    text-decoration: none;
}
#top-bar .mpg-widget {
    margin-left: 15px;
}
#top-bar .mpg-widget {
    margin-left: 15px;
}
#top-bar .mpg-widget:first-child {
    margin-left: 0;
}
@media (min-width: 768px) {
    #top-bar .mpg-content {
        display: flex;
        align-items: center;
    }
}
/* Search */
.searchWrap {
    background: rgba(0, 0, 0, 0.1);
    display: inline-flex;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 300;
    padding: 0;
    margin: 2px 0;
    top: 0;
    transition: all 250ms;
}
.searchWrap input {
    background: transparent;
    border: 0;
    color: rgba(0, 0, 0, 0.6);
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    width: 90px;
    padding: 0 4px;
}
@media (min-width: 400px) {
    .searchWrap input {
        width: 100%;
    }
}
input:focus {
    outline: none !important;
}
.mpg-siteSearch button {
    border: 0;
    color: rgba(0, 0, 0, 0.6);
    font-size: 15px;
    position: relative;
    top: 0;
    right: 0px;
    line-height: 27px;
    padding: 0;
    width: 27px;
    cursor: pointer;
    z-index: 50;
    background: rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
    .searchWrap input {
        transition: all 300ms;
        width: 150px;
    }
    .searchWrap:hover input, .searchWrap input:focus, .searchWrap input:not(:placeholder-shown) {
        width: 250px;
        padding: 0 10px 0 10px;
        background: rgba(0, 0, 0, 0.2);
    }
}
/* moduleNav */
.moduleNavWrap ul {
    display: inline-flex;
    width: 100%;
}
.moduleNavWrap ul li {
    position: relative;
}
.moduleNavWrap ul li a {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.2rem;
    line-height: 1;
    padding: 6px 8px;
    display: block;
}
.moduleNavWrap ul li a:hover {
    color: rgba(0, 0, 0, 0.9);
}
.moduleNavWrap ul li:hover ul {
    opacity: 1;
    visibility: visible;
    display: block !important;
}
.moduleNavWrap ul li ul {
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    min-width: 80px;
    transition: all 0.3s ease-in-out;
    z-index: 999;
    background: rgba(0, 0, 0, .1);
}
.moduleNavWrap ul li ul li a {
    font-size: .8rem;
    padding: 10px;
}
.moduleNavWrap ul li ul li:hover a {
    color: #000;
}
.moduleNavWrap ul li ul li:hover {
    background: rgba(0, 0, 0, .1);
}
.moduleNavWrap i {
    margin-right: 5px;
}
.moduleNavWrap span {
    display: none;
}
/* langNav */
.mgp-langNav ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}
.mgp-langNav ul li a {
    display: block;
    padding: 3px 6px;
    color: rgba(0, 0, 0, 0.6);
}
.mgp-langNav ul li a:hover, .mgp-langNav ul li.active a {
    color: rgba(0, 0, 0, 0.9);
}
.mgp-langNav .langNavOpener {
    min-width: 50px;
    padding: 10px 16px 10px 6px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1;
    transition: all 0.3s ease-out;
}
.mgp-langNav .langNavOpener:hover {
    background: rgba(0, 0, 0, 0.1);
}
.mgp-langNav .langNavOpener:after {
    right: 16px;
    top: 50%;
    margin-top: -1px;
}
.mpg-menu .langNavContainer {
    min-width: 50px;
    padding: 4px 16px 3px 6px;
    left: 0;
    box-shadow: none;
    z-index: 999;
    transform: translateY(-1px);
}
.mpg-menu .langNavContainer ul li a {
    color: rgba(0, 0, 0, 0.6);
    text-align: left;
    display: block;
}
.mpg-menu .langNavContainer ul li a:hover, .mgp-langNav .langNavContainer ul li.active a {
    color: #007AFF;
    text-decoration: underline !important;
}
@media only screen and (min-width: 768px) {
    .mgp-langNav, .mgp-langNav ul li a {
        font-size: .8rem;
    }
}
/* Logo */
#logo {
    max-width: 80%;
}
#logo img {
    max-height: 100%;
    max-width: 50vw !important;
}
#logo a {
    display: block;
    padding: 10px 0;
    line-height: 1;
}
@media only screen and (min-width: 1200px) {
    #logo {
        max-width: auto;
    }
    #logo img {
        max-height: 100%;
        max-width: 250px !important;
    }
}
/* Mobile Nav */
#mainNav {
    width: 100%;
    display: none;
    position: absolute;
    z-index: 11;
    width: 100%;
    right: 0;
    background-color: rgba(113,113,113,0.94);
    max-width: 500px;
    box-shadow: -1px 3px 5px rgba(0, 0, 0, 0.3);
}
#mainNav a {
    display: block;
    padding: 15px 25px;
    color: #fff;
    text-transform: uppercase;
}
#mainNav .touchBtn {
    position: absolute;
    right: 5px;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #0a76b8;
    top: 3px;
}
#mainNav .mtbArrow {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    -o-transition: all 450ms ease;
    transition: all 450ms ease;
}
#mainNav .touchBtn.open .mtbArrow {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#mainNav ul li .touchBtn .mtbArrow::before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-size: 22px;
    content: "\f105";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#mainNav ul {
    min-width: 100%;
}
#mainNav ul li {
    text-align: left;
    position: relative;
}
#mainNav ul.lvl-1 li
{
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#mainNav ul li a.active {
    background-color: #ffffff3d;
    font-weight: 400
}
#mainNav.open {
    display: flex;
}
#mainNav .lvl-2, #mainNav .lvl-3 {
    display: none;
}
#mainNav ul li .touchBtn .mtbArrow::before {
    color: #fff;
}
#mainNav ul.lvl-2 li a {
    padding-left: 55px;
}
#mainNav ul.lvl-3 li a {
    padding-left: 75px;
}
/* touchBtn */
#mainNav .touchBtn {
    position: absolute;
    right: 25px;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #0a76b8;
    top: 10px;
}
#mainNav .mtbArrow {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    -o-transition: all 450ms ease;
    transition: all 450ms ease;
}
#mainNav .touchBtn.open .mtbArrow {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#mainNav ul li .touchBtn .mtbArrow::before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-size: 22px;
    content: "\f105";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/**/
#mobileNavOpener {
    z-index: 99;
    cursor: pointer;
    position: absolute;
    padding: 17px 0 20px 4px;
    right: 25px;
    top: 50%;
    margin-top: -20px;
}
#mobileNavOpener div {
    cursor: pointer;
    position: relative;
    height: 3px;
    width: 25px;
}
#mobileNavOpener::before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    height: 3px;
    width: 25px;
    opacity: 1;
    -webkit-transition: all 850ms ease;
    -moz-transition: all 850ms ease;
    -o-transition: all 850ms ease;
    transition: all 850ms ease;
}
#mobileNavOpener.open::before {
    -moz-transform: rotate(495deg);
    -webkit-transform: rotate(495deg);
    transform: rotate(495deg);
    top: 17px;
}
#mobileNavOpener.open::after {
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 17px;
}
#mobileNavOpener.open div {
    opacity: 0;
}
#mobileNavOpener::after {
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    height: 3px;
    width: 25px;
    -webkit-transition: all 850ms ease;
    -moz-transition: all 850ms ease;
    -o-transition: all 850ms ease;
    transition: all 850ms ease;
}
#mobileNavOpener::before, #mobileNavOpener::after, #mobileNavOpener div {
    background-color: #333;
}
/**/
footer {
    padding: 70px 0;
    background-color: #222;
}
footer, footer a, footer h2, footer h3 {
    color: #fff;
}
footer a:hover {
    color: #c10606;
}
/* Social */
.mpg-social a {
    font-size: 0;
    padding-top: 9px;
    min-width: 40px;
    min-height: 40px;
    text-align: center;
    margin-left: 15px;
    margin-bottom: 20px;
    text-decoration: none;
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, 0.08);
}
.mpg-social a i::before {
    font-size: 20px;
    line-height: normal;
    color: #0390e7;
}
.mpg-social a:hover {
    background-color: rgba(255, 255, 255, 0.9);
}
/* Buttons */
.btn.btn-prime, .btn.btn-second, .btn.btn-outline, .slideButton a {
    display: inline-block;
    padding: 10px 45px;
    text-decoration: none;
    margin: 10px 0;
    text-transform: uppercase;
    font-weight: 500;
    border: 0;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-out;
    border-radius: 4px;
    background-color: #5a5956;
    color: #fff;
}
.btn.btn-success {
    display: inline-block;
    padding: 10px 45px;
    text-decoration: none;
    margin: 10px 0;
    text-transform: uppercase;
    font-weight: 500;
    border: 0;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-out;
    background-color: #5a5956;
    color: #fff;
}
.btn:hover {
    background-color: #ddd;
    color: #000;
}
.btn.btn-second, .slideButton a {
    background-color: #c10606;
    color: #fff;
}
.btn.btn-second:hover, .slideButton a:hover {
    background-color: #c10606;
    color: #fff;
    opacity: .6;
}
.btn.btn-outline {
    background: none;
    border: 1px solid #767676;
    color: #000;
    background-color: ;
}
.btn.btn-outline:hover {
    color: #333;
    border: 1px solid #000;
    background-color: ;
}
/* UpScroll*/
#upScroll {
    position: fixed;
    cursor: pointer;
    right: 20px;
    bottom: 20px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    font-weight: 500;
    border: 2px solid #c10606;
    font-size: 16px;
    color: #c10606;
    background-color: rgba(3,144,231,0);
}
#upScroll:hover {
    border: 2px solid #c10606;
    color: #fff;
    background-color: #c10606;
}
@media only screen and (min-width: 991px) {
    /* slim-content */
    .slim-content {
        width: 100% !important;
        max-width: 670px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .slim-content .inside, .veryslim-content .inside {
        width: 100% !important;
        max-width: 670px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .veryslim-content .inside {
        max-width: 500px !important;
    }
}
/* Hintergrundfarbe - BG Color */
/*.mpg-fullWidthContainer*/
.bg-light {
    background-color: #fdfdfd;
}
/*.mpg-fullWidthContainer*/
.bg-dark {
    background-color: #333;
}
.bg-dark .mpg-content, .bg-dark h1, .bg-dark h2, .bg-dark h3 {
    color: #fff;
}
/* img box shadow */
.box-shadow img {
    box-shadow: 20px 20px 0px rgba(0, 0, 0, 0.1);
}
/* text-align center only mobile */
@media only screen and (max-width: 767px) {
    .text-align-mobile {
        text-align: center;
    }
}
/* Icon / Icon Large */
.icon-l .fa, .icon-l .fab, .icon-l .fal, .icon-l .far, .icon-l .fas {
    background: rgba(153,0,0,0.18);
    height: 55px;
    width: 55px;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px;
}
.icon-l .fa:before, .icon-l .fab:before, .icon-l .fal:before, .icon-l .far:before, .icon-l .fas:before {
    display: block;
    font-size: 30px;
    color: #c10606;
}
@media only screen and (min-width: 768px) {
    .icon-l .fa, .icon-l .fab, .icon-l .fal, .icon-l .far, .icon-l .fas {
        height: 65px;
        width: 65px;
        padding-top: 10px;
    }
    .icon-l .fa:before, .icon-l .fab:before, .icon-l .fal:before, .icon-l .far:before, .icon-l .fas:before {
        font-size: 40px;
        padding: 0;
    }
}
/* mpg-bg-img */
.mpg-bg-img {
    background-size: cover;
}
/* .mpg-bg-img.bg-row */
.mpg-bg-img.bg-row {
    position: relative;
    min-height: 300px;
}
.mpg-bg-img.bg-row .newImage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    z-index: -1;
    margin: 0 15px;
}
.mpg-fullWidthContainer .mpg-bg-img.bg-row .newImage {
    margin: 0;
}
/* img-center */
.img-center .mpg-slimPlugin {
    text-align: center;
}
/**/
.filter-grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
/* Form */
.formBuilder .mpLabelCol, .formBuilder .mpInputCol {
    max-width: 100%;
    flex: 0 0 100%;
}
.formBuilder .mpInputCol input[type="text"], .formBuilder .mpInputCol input[type="date"], .formBuilder .mpInputCol input[type="number"], .formBuilder .mpInputCol input[type="file"], .formBuilder .mpInputCol input[type="text.email"], .formBuilder .mpInputCol select, .formBuilder .mpInputCol textarea {
    border: 0;
    border: 1px solid #767676;
    padding: 10px 14px;
    margin-bottom: 30px;
    border-radius: 0;
    font-size: 1.1rem;
    background: #fbfbfb;
}
.formBuilder .mpInputCol select {
    height: 60px;
}
.formBuilder .mpInputCol textarea {
    resize: none;
    min-height: 100px;
}
.formBuilder .mpLabelCol {
    margin-bottom: -14px;
}
.formBuilder .mpLabelCol label {
    display: inline-block;
    height: auto;
    line-height: normal;
    margin: 0;
    background: #fff;
    padding: 4px 8px;
    z-index: 1;
    position: relative;
    margin-left: 10px;
    color: #666;
    font-size: 1rem;
}
/* photostrip */
.photostrip .row {
    margin: 0;
    line-height: 0;
}
.photostrip .row .column {
    padding: 0;
}
/**/
blockquote {
    position: relative;
    font-size: 1.5rem;
    font-style: italic;
}
blockquote::before {
    content: open-quote;
    position: absolute;
    top: -50px;
    left: 0;
    font-size: 3rem;
    line-height: 3rem;
    color: rgba(0, 0, 0, 0.5);
}
blockquote::after {
    content: close-quote;
    position: absolute;
    bottom: -20px;
    right: 0;
    font-size: 3rem;
    line-height: 3rem;
    color: rgba(0, 0, 0, 0.5);
}
/*fullwidthcontent="true"*/
.row[fullwidthcontent="true"] {
    margin-left: 0;
    margin-right: 0;
}
.row[fullwidthcontent="true"]>.column {
    padding-left: 0;
    padding-right: 0;
}
/* mpg-widget mpg-slimPlugin */
.mpg-widget.mpg-slimPlugin {
    line-height: 0;
}
/* Abstand oben & unten */
@media only screen and (min-width: 768px) {
    .space-top-l {
        padding-top: 75px;
    }
    .space-bottom-l {
        padding-bottom: 75px;
    }
}
/* Abstand Links & Rechts */
.space-right-l {
    padding-right: 20px !important;
}
.space-left-l {
    padding-left: 20px !important;
}
@media only screen and (min-width: 768px) {
    .space-right-l {
        padding-right: 45px !important;
    }
    .space-left-l {
        padding-left: 45px !important;
    }
}
/* Negativer Abstand */
.negative-space-top-m, .negative-space-top-l {
    margin-top: -20px;
    z-index: 1;
    position: relative;
}
.negative-space-top-l {
    margin-top: -30px;
}
@media only screen and (min-width: 768px) {
    .negative-space-top-m, .negative-space-top-l {
        margin-top: -50px;
    }
    .negative-space-top-l {
        margin-top: -75px;
    }
}
/* Font Size Large */
.font-size-l {
    font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
    .font-size-l {
        font-size: 2.5rem;
    }
}
/* Image Zoom Effekt */
.image-zoom .mpg-slimPlugin, .image-zoom .ceImageWrap {
    overflow: hidden;
    padding: 0 !important;
}
.image-zoom .mpg-slimPlugin img, .image-zoom .ceImageWrap img {
    transition: all 2s ease-out;
}
.image-zoom .mpg-slimPlugin:hover img, .image-zoom .ceImageWrap:hover img {
    transform: scale(1.1);
}
/* Titelbild */
.mpg-fullWidthContainer.header-img {
    min-height: 300px;
    padding-top: 50px;
}
.header-img h1 {
    font-size: 2rem;
}
@media only screen and (min-width: 768px) {
    .mpg-fullWidthContainer.header-img {
        min-height: 600px;
        padding-top: 100px;
    }
    .header-img h1 {
        font-size: 4.5rem;
    }
}
/* @media only screen and (min-width: 768px)*/
@media only screen and (min-width: 768px) {
    h1 {
        font-size: 1.8rem;
    }
    h2 {
        font-size: 1.6rem;
    }
    /**/
    #footerNav ul {
        display: flex;
        flex-wrap: wrap;
    }
    #footerNav ul li {
        margin-right: 40px;
    }
}
@media only screen and (min-width: 991px) {
    h1 {
        font-size: 3rem;
    }
    h2 {
        font-size: 2.5rem;
    }
    /* form */
    .formBuilder {
        display: flex;
        flex-wrap: wrap;
    }
    .formBuilder .row {
        width: 100%;
    }
    .formBuilder .row:first-child {
        width: 50%;
    }
    .formBuilder .row:nth-child(2) {
        width: 50%;
        margin-left: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    /* mainNav */
    #mainNav>ul.lvl-1>li:hover>a {
        color: #333;;
    }
    #mobileNavOpener {
        display: none;
    }
    #header .inside {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #mainNav {
        width: auto;
        display: flex !important;
        position: relative;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        top: auto;
        background: none;
        border: 0;
        right: auto;
        z-index: auto;
        max-width: 100%;
        box-shadow: none;
        padding-left: 150px;
        padding-top: 29px;
    }
    #mainNav>ul.lvl-1 {
        padding-left: 40px;
        display: flex;
        flex-wrap: wrap;
    }
    #mainNav ul.lvl-1 >a {
        padding: 15px 31px 15px 10px;
        font-size: .9rem;
        font-weight: 400;
        color: #fff;
    }
    #mainNav ul.lvl-1 >li.active {
        border-bottom: 10px solid #c10606
    }
    #mainNav ul.lvl-1 >li:hover {
        border-bottom: 10px solid #333
    }
    #mainNav ul.lvl-1 li > a
    {
        color: #333;
    }
    #mainNav ul.lvl-2 >li.active a,
    #mainNav ul.lvl-2 li > a
    {
        color: #fff;
    }
    #mainNav ul.lvl-2 >li.active a {
        background-color: rgba(0,0,0,.2)
    }
    #mainNav a.active {
        color: #fff;
    }
    #mainNav ul li {
        position: relative;
    }
    .lvl-2 li:hover, #mainNav .lvl-2 li.active {
        color: #fff;
    }
    #mainNav ul.lvl-1>li {
        border-top: 0;
    }
    #mainNav ul.lvl-1 li:hover>ul.lvl-2, #mainNav ul.lvl-2 li:hover>ul.lvl-3 {
        display: block !important;
        padding-top: 10px;
    }
    #mainNav ul.lvl-2 li:hover > a,
    #mainNav ul.lvl-2 li:active > a
    {
        background-color: rgba(0,0,0,.2)
    }
    #mainNav ul.lvl-1>li.ifsub>a:before, #mainNav ul.lvl-2>li.ifsub>a:before {
        content: "\f078";
        font-family: 'Font Awesome 5 Pro';
        position: absolute;
        top: 16px;
        right: 7px;
        font-size: 12px;
    }
    #mainNav ul.lvl-2>li.ifsub>a:before {
        content: '\f053';
        right: auto;
        left: 7px;
    }
    #mainNav ul.lvl-2, #mainNav ul.lvl-3 {
        display: block;
        transition: 0.4s;
        display: none;
        position: absolute;
        left: 0;
        z-index: 2;
        padding-top: 10px;
        width: 250px;
    }
    #mainNav ul.lvl-2>li>a, #mainNav ul.lvl-3>li>a {
        display: block;
        padding: 14px 20px;
        text-align: left;
    }
    #mainNav ul.lvl-2 li {
        padding: 0;
        background-color: rgba(113,113,113,0.94);
        border-top: 0;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    }
    /*#mainNav ul.lvl-2 li:first-child {
border-top: 1px solid #ccc;
}*/
    #mainNav ul.lvl-3 {
        left: -248px;
        top: -10px;
    }
    #mainNav ul.lvl-3 li {
        margin-right: 2px;
    }
    #mainNav .touchBtn {
        display: none;
    }
}
/* swiper-pagination */
#main .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background: #000;
}
#main .swiper-pagination-bullet-active {
    background: #c10606;
}
/* styled Rothko */
.styled-rothko-gallery .lightCaption {
    margin-top: auto;
    margin-left: 100%;
    background: rgba(21, 183, 177, 0.9);
}
.styled-rothko-gallery .lightImage:hover .lightCaption {
    margin-top: auto;
    margin-left: 0;
}
.styled-rothko-gallery .lightCaption h3 {
    color: #fff;
    margin-bottom: 20px;
}
.styled-rothko-gallery .lightCaption p {
    color: #fff;
}
/* lightcase */
.lightcase img {
    transition: all 0.3s ease-out;
}
.lightcase img:hover {
    transition: all 0.3s ease-out;
    box-shadow: 0 0 10px #999;
}
/* .alpha .swiper-slide */
.alpha .slideInner {
    width: 80%;
    max-width: 1140px;
    margin: 0 auto;
}
.alpha .swiper-slide , .gallery-main h1 {
    position: relative;
    color: #fff;
}
.alpha .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.alpha .swiper-slide .slideInner {
    z-index: 2;
}
.alpha .swiper-slide .slideTitle , .gallery-main h1 {
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.1;
    margin-bottom: 25px;
}
.alpha .swiper-slide p {
    font-size: 1.2rem;
}
.alpha .slideButton a {
    margin-top: 25px;
}
@media only screen and (min-width: 991px) {
    .alpha .swiper-slide .slideTextWrap {
        max-width: 700px;
    }
    .alpha .swiper-slide .slideTitle , .gallery-main h1 {
        font-size: 3rem;
    }
    .alpha .swiper-slide {
        min-height: 550px !important;
    }
}
/* mpg-contentElement img-top */
.mpg-contentElement.center-all {
    text-align: center;
}
@media only screen and (max-width: 768px) {
    footer .column {
        padding-bottom: 15px;
    }
    footer .mpl-social.center {
        justify-content: flex-start;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    footer .mpl-social.center {
        justify-content: flex-start;
    }
    .mpl-social {
        display: flex;
        margin: 0 -18px;
    }
}
@media only screen and (max-width: 767px) {
    .top-space {
        padding-bottom: 30px;
    }
    footer, footer a, footer h2, footer h3 {
        color: #fff;
        line-height: 28px;
    }
    .mpg-widget.mpg-slimPlugin img {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 1199px) {
    #mainNav li.active > ul.lvl-2,
    #mainNav li.active > ul.lvl-3 {
        display: block;
    }
}