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: #fff;
}
hr {
    border: 0;
    height: 1px;
    border-bottom: 1px solid #ddd;
}
#main li {
    position: relative;
    padding-left: 10px;
}
#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: #111;
}
h1 {
    font-size: 1.8rem;
}
h2 {
    font-size: 1.4rem;
    position: relative;
    color: #027fc6;
}
h2::after {
    content: '';
    width: 150px;
    height: 1px;
    background: #027fc6;
    display: block;
    margin: 0;
    margin-top: 10px;
    opacity: .5;
}
.center h2 {
    font-size: 1.4rem;
    position: relative;
    text-align: center;
    color: #027fc6;
}
.center h2::after {
    content: '';
    width: 150px;
    height: 1px;
    background: #027fc6;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    opacity: .5;
}
.bg-dark h2::after {
    background: #fff;
}
h3 {
    font-size: 1.4rem;
    font-weight: 500;
    color: #027fc6;
}
h4 {
    font-weight: 400;
    font-size: 1.2rem;
    color: #222;
}
@media only screen and (min-width: 786px) {
    h1, h2, h3, h4, h5, h6 {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
a {
    color: #0070b0;
    text-decoration: none;
    font-weight: 400;
    transition: all 0.3s ease-out;
}
a:hover {
    color: #555;
}
.mpg-widget .mpg-contentElement a {
    color: #555;
    text-decoration: none;
    font-weight: 300;
    transition: all 0.3s ease-out;
}
.mpg-widget .mpg-contentElement a:hover {
    color: #0070b0;
}
#header {
    background-color: #fff;
    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;
}
.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: 60px;
}
#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%;
    }
}
/* 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: #333;
}
footer, footer a, footer h2, footer h3 {
    color: #fff;
}
footer a:hover {
    color: #027fc6;
}
/* 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: #027fc6;
    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: #027fc6;
    color: #fff;
}
}
.btn:hover {
background-color: #ddd;
color: #000;
}
.btn.btn-prime:hover {
background-color: #ddd;
color: #000;
}
.btn.btn-second, .slideButton a {
background-color: #f3ac2c;
color: #fff;
}
.btn.btn-second:hover, .slideButton a:hover {
background-color: #f3ac2c;
color: #fff;
opacity: .8;
}
.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 #027fc6;
font-size: 16px;
color: #027fc6;
background-color: rgba(3,144,231,0);
}
#upScroll:hover {
border: 2px solid #0390e7;
color: #fff;
background-color: #0390e7;
}
@media only screen and (min-width: 991px) {
/* slim-content */
.slim-content {
width: 100% !important;
max-width: 800px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.slim-content .inside, .veryslim-content .inside {
width: 100% !important;
max-width: 800px !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: #f2f2f2;
}
/*.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, .icon-l .fa-solid, .icon-l .fa-duotone, .icon-l .fa-regular, .icon-l .fa-light {
background: #d1dff0;
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, .icon-l .fa-solid:before, .icon-l .fa-duotone:before, .icon-l .fa-regular:before, .icon-l .fa-light:before {
display: block;
font-size: 30px;
color: #027fc6;
}
@media only screen and (min-width: 768px) {
.icon-l .fa, .icon-l .fab, .icon-l .fal, .icon-l .far, .icon-l .fas, .icon-l .fa-solid, .icon-l .fa-duotone, .icon-l .fa-regular, .icon-l .fa-light {
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, .icon-l .fa-solid:before, .icon-l .fa-duotone:before, .icon-l .fa-regular:before, .icon-l .fa-light: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 2.5s ease-out;
}
.image-zoom .mpg-slimPlugin:hover img, .image-zoom .ceImageWrap:hover img {
transform: scale(1.05);
}
/* 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.5rem;
}
.center h2 {
font-size: 1.5rem;
}
/**/
#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: 2rem;
}
.center h2 {
font-size: 2rem;
}
/* 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: #027fc6;;
}
#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: 10px;
}
#mainNav>ul.lvl-1 {
padding-left: 40px;
padding-top: 30px;
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 #027fc6
}
#mainNav ul.lvl-1 >li:hover {
border-bottom: 10px solid #f3be20
}
#mainNav ul.lvl-1 li > a
{
color: #027fc6;
}
#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: #fff;
}
#main .swiper-pagination-bullet-active {
background: #fff;
}
/* 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 {
background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.0) 100%);
background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.0) 100%);
background: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#99000000', GradientType=1);
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;
}
}