@charset "utf-8";
/* CSS Document */
/* ------------------------------ BASIC ---------------------------------------------------------*/
* {
margin: 0;
padding: 0;
border: none;
font-size: 1em;
font-weight: inherit;
text-decoration: none;
}
html, body {
height: 100%;
}
@media (max-width: 39.99rem) {
body {
font-size: 1rem;
}
}
@media (min-width: 40rem) and (max-width: 59.999rem) {
body {
font-size: 1.1em;
}
}
@media (min-width: 60rem) and (max-width: 79.999rem) {
body {
font-size: 1.2em;
}
}
@media (min-width: 80rem) and (max-width: 99.999rem) {
body {
font-size: 1.3em;
}
}
@media (min-width: 100rem) {
body {
font-size: 1.4em;
}
}
a, a:visited, a:focus, a:active {
color: inherit;
}
header ul, footer ul, header ol, footer ol {
list-style: none;
}
/* ------------------------------ LAYOUT --------------------------------------------------------*/
/* Site Widths --------------------------------------- */
#header1 > *,
#logoAndMenu,
.wrapperWidth,
.nkFlexBox.wrapperWidth,
#componentContainer,
#breadcrumbs {
width: 96%;
margin-right: auto;
margin-left: auto;
}
.wrapperWidth > .wrapperWidth {
width: 100%;
max-width: 100%;
}
.wrapperWidth.narrow > * {
width: 80%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 75rem) {
#header1 > *,
#logoAndMenu,
.wrapperWidth,
.nkFlexBox.wrapperWidth,
#componentContainer,
#breadcrumbs {
width: 70rem;
}
#logo {
flex: 0 0 30%;
}
}
@media (min-width: 90rem) {
}
@media (min-width: 105rem) {
#header1 > *,
#logoAndMenu,
.wrapperWidth,
.nkFlexBox.wrapperWidth,
#componentContainer,
#breadcrumbs {
width: 75rem;
}
}
/* HEADER -------------------------------------------- */
#header {
position: relative;
width: 100%;
border-top: none;
font-size: 1em;
}
/* Header 1 ---------------------------- */
#header1 {
}
#header1 > * {
padding: 0.5em 0;
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
#header1 > div {
padding-top: 0.85em;
padding-bottom: 0.85em;
}
#header1 > * > * {
margin-top: 0.25em;
}
@media (max-width: 59.99rem) {
#header1 > * > * {
text-align: center;
padding: 0.5em 0 0 0;
}
}
/* Header 1 NAV-ITEMS */
#header1 .nav-item {
display: inline-block;
margin-left: 1em;
}
/* Header 1 Search Form */
#header1 .search form {
padding-left: 2em;
position: relative;
border: solid 2px #888;
}
#header1 .search label {
display: none;
}
#header1 .search form:before {
content: "";
position: absolute;
top: 50%;
top: calc(50% - 0.4em);
left: 0.4em;
width: 0.8em;
height: 0.8em;
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbm1vbnN0ciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjMuODEgMjQiPg0KICA8cGF0aCBpZD0ibWFnbmlmaWVyLTIiIGQ9Ik0yMy44MSwyMS42NSwxNy42LDE1LjQ0YTkuNzEsOS43MSwwLDEsMC0yLjM4LDIuMzJMMjEuNDYsMjRaTTIuODUsOS43M2E2Ljg4LDYuODgsMCwxLDEsNi44OCw2Ljg4QTYuODksNi44OSwwLDAsMSwyLjg1LDkuNzNaIiBmaWxsPSIjMTY3MmIwIi8+DQo8L3N2Zz4NCg==);
display: block;
}
#header1 .search input {
border: none !important;
display: block;
width: 100%;
color: #888;
padding: 0.25em;
}
#header1 .search input:focus {
border: none !important;
outline: solid 2px #888;
}
@media (min-width: 60rem) {
#header1 .search form {
margin-left: 1em;
}
}
@media (max-width: 59.99rem) {
#header1 .searchModule {
flex-basis: 50%;
}
}
/* no display til 60r */
@media(max-width: 59.99rem) {
#header .notTil60r {
display: none;
}
}
@media(max-width: 29.99rem) {
#header1 .noDisplayOnMobile {
display: none;
}
}
/* contact details */
.contactDetails + .moduletable {
flex: 1 1 auto;
}
.contactDetails joomla-hidden-mail {
display: inline-block;
}
#header1 > * .contactDetails p > a {
line-height: 1.2em;
vertical-align: middle;
display: inline-block;
}
#header1 > * .contactDetails p > a ~ a,
#header1 > * .contactDetails p > a ~ * {
margin-left: 2.5em;
}
#header1 > * .contactDetails a > img,
#header1 > * .contactDetails a > svg {
display: inline-block;
height: 1.25em;
margin-bottom: 0.1em;
margin-right: 0.6em;
vertical-align: middle;
fill: #000;
}
@media (min-width: 60rem) {
.contactDetails + .moduletable {
flex: 1 1 auto;
text-align: right;
}
}
@media (max-width: 59.99rem) {
#header1 > * .contactDetails {
width: 100%;
text-align: center;
}
#header1 > * .contactDetails a {
display: block;
text-align: center;
padding: 0.4em 0;
}
}
/* Contact Info */
#header1 .contactInfo > * {
display: inline-block;
margin-right: 1.25em;
}
#header1 .contactInfo > a > span {
display: inline-block;
margin-right: 0.5em;
}
/* Language Menu */
#header1 ul.languageMenu li {
display: inline-block;
margin-right: 1em;
}
#header1 ul.languageMenu li:last-child {
margin-right: 0; /* end with wrapperWidth */
}
#header1 ul.languageMenu li span.current {
font-weight: 600;
}
@media (max-width: 39.99rem) {
#header1 ul.languageMenu {
display: block;
margin: 0 auto;
}
#header1 {
text-align: center;
}
}
@media (min-width: 60rem) {
}
/* Logofull */
#logofull {
text-align: center;
}
#logofull p {
line-height: 1em;
}
#logofull a {
margin: 2em auto;
display: inline-block;
text-align: center;
}
#logofull a > img {
max-height: 6em;
display: block;
}
#logofull + #header2 > * {
padding-top: 1.25em;
padding-bottom: 1.25em;
transition: padding ease-in-out 1s;
}
#logofull + #header2 > *.scrolledActive {
padding-top: 0.25em;
padding-bottom: 0.25em;
}
#logofull {
text-align: center;
}
#logofull p {
line-height: 1em;
}
#logofull a {
margin: 2em auto;
display: inline-block;
text-align: center;
}
#logofull a > img {
max-height: 6em;
display: block;
}
@media (max-width: 39.99rem) {
#logofull a > img {
max-width: 96%;
margin: auto;
}
}
/* HEADER 2 ----------------------------------- */
/* LOGO AND MENU -----------> */
#logoAndMenuContainer,
#logoAndMenu,
#logoAndMenuContainer.scrolledActive {
z-index: 999; /* ALWAYS ON TOP */
}
#logoAndMenu {
padding: 0;
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
max-width: 100%;
}
@media (min-width: 60rem) {
#logoAndMenu {
align-items: stretch;
}
}
/* When Logofull */
#logofull + #header2 > * {
padding-top: 1.25em;
padding-bottom: 1.25em;
}
#logofull + #header2 > *.scrolledActive {
padding-top: 0.25em;
padding-bottom: 0.25em;
}
/* LOGO -------- */
#logo {
padding: 1.2em 0;
text-align: left;
display: flex;
padding: 1em 1.5em 1em 0;
justify-content: flex-start;
align-items: center;
}
#logo a,
#logo img,
#logo svg {
transition: fill ease 1s;
}
#logo a {
max-height: 3em;
display: block;
}
#logo img {
display: inline-block;
}
#logo svg {
display: inline-block;
max-width: 80%;
width: auto;
fill: #707070;
}
#logo a:hover svg {
fill: #888;
}
@media (min-width: 60rem) {
#logo {
max-width: 25%;
padding: 1em 1.5em 1em 0;
flex: 0 0 auto;
}
}
@media (max-width: 59.99rem) {
#logo {
flex: 1 1 auto;
overflow: hidden;
/* transition: flex ease 0.5s; */
}
}
/* Scrolled Active */
#logoAndMenuContainer.scrolledActive #logo {
/* padding: 0.75em 1.5em 0.75em 0; */
}
#logoAndMenuContainer.scrolledActive #logo a,
#logoAndMenuContainer.scrolledActive #logo a img,
#logoAndMenuContainer.scrolledActive #logo a svg {
/* max-height: 2.25em; */
}
/* MAINMENU --- */
#mainmenu {
font-size: 0.9em;
}
/* MOBILE -------- */
@media (max-width: 59.99rem) {
#mainmenu .notTil60r {
display: none;
}
#mainmenu {
margin: 0 auto;
padding: 0.5em;
}
#mainmenu.jsActivated {
position: relative;
}
/* Menu Hamburger Button */
#mainmenu > a {
position: relative;
display: block;
width: 4em;
height: 3em;
background-color: #333;
margin: 1em 0;
}
#mainmenu > a > span {
position: absolute;
left: 0.75em;
display: block;
width: 2.5em;
border-radius: 1em;
height: 0.25em;
background-color: #fff;
}
#mainmenu > a > span:first-child {
top: 0.75em;
}
#mainmenu > a > span:nth-child(2) {
top: 50%;
transform: translate(0, -50%);
}
#mainmenu > a > span:last-child {
bottom: 0.75em;
}
#mainmenu > a:hover {
cursor: pointer;
}
#mainmenu.jsActivated ul {
max-height: 0;
overflow: hidden;
transition: max-height ease 1s;
}
#mainmenu.jsActivated.jsActive > ul,
#mainmenu.jsActivated li.jsActive > ul {
max-height: 50rem;
max-height: 100vh;
}
#mainmenu li:last-of-type {
padding-bottom: 1em;
}
#mainmenu li > a {
padding: 1em 0.5em;
display: block;
border-bottom: solid 1px #fff;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
}
#mainmenu li.deeper.parent > a {
position: relative;
padding-right: 1em;
}
#mainmenu li.current.active > a {
background: #888;
}
/* Submenue ----- */
#mainmenu li.nav-item li > a {
padding-left: 1.5em; /* Second level */
}
#mainmenu li.nav-item li.nav-item li > a {
padding-left: 2.5em; /* Third level */
}
#mainmenu li.deeper.parent > a > span.toggleButton {
position: absolute;
right: 0;
width: 3em;
top: 0;
bottom: 0;
border: none;
border-left: solid 1px #888;
border-radius: 0;
background: none;
}
#mainmenu li.deeper.parent > a > span.toggleButton > svg {
position: absolute;
top: 50%;
top: calc(50% - 0.6em);
right: 1em;
width: 1em;
height: auto;
display: block;
}
#mainmenu li.deeper.parent.jsActive > a > span.toggleButton > svg {
transform: matrix(-1, 0, 0, -1, 0, 0);
}
/* outside: menu under logoandmenucontainer */
body.mobilemenu-outside #logoAndMenuContainer {
position: relative;
}
body.mobilemenu-outside #mainmenu {
padding: 0;
position: static;
}
body.mobilemenu-outside #mainmenu > ul {
position: absolute;
top: 100%;
left: 0em;
right: 0em;
z-index: 9999;
}
body.mobilemenu-outside #mainmenu li:last-of-type {
padding-bottom: 0;
}
/* Special Button Style = dont show icon */
#mainmenu > ul > li.specialStyleButton > a > i {
display: none;
}
}
/* mainmenu DESKTOP --- */
@media (min-width: 60rem) {
#mainmenu .notFrom60r {
display: none;
}
#mainmenuContainer {
flex: 1 0 60%;
display: flex;
}
#mainmenu {
display: flex;
flex: 0 0 100%;
max-width: 100%;
}
#mainmenu > a {
display: none; /* No Menu Toggle Button */
}
#mainmenu > ul {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
flex: 0 0 100%;
max-width: 100%;
}
#mainmenu > ul > li {
flex: 0 1 auto;
display: flex;
justify-content: center;
position: relative;
margin: 0 0.5em;
padding: 0 0.3em;
text-align: center;
}
#mainmenu > ul > li:last-child {
margin-right: 0;
padding-right: 0;
}
/* 1. Level with Submenu */
#mainmenu li.deeper.parent > a {
padding-right: 2em;
}
#mainmenu > ul > li > a {
align-self: center;
width: 100%;
padding: 0 1em 0 0;
}
#mainmenu > ul > li:last-child > a {
padding-right: 0;
}
/* All levels Submenu Arrow */
#mainmenu li.deeper.parent > a > span.toggleButton,
#mainmenu li.deeper.parent > a > span.toggleButton > svg {
display: block;
width: 0.7em;
height: 0.7em;
}
#mainmenu li.deeper.parent > a > span.toggleButton {
position: absolute;
display: block;
top: 50%;
right: 0.5em;
transform: translate(-50%, -50%);
}
#mainmenu li.deeper.parent > a > span.toggleButton > svg {
fill: #707070;
transition: all ease-in-out 1s;
}
#mainmenu li.deeper.parent.current > a > span.toggleButton > svg,
#mainmenu li.deeper.parent.active > a > span.toggleButton > svg,
#mainmenu li.deeper.parent:hover > a > span.toggleButton > svg {
fill: #888;
}
#mainmenu li.deeper.parent:hover > a > span.toggleButton > svg {
transform: matrix(-1, 0, 0, -1, 0, 0);
}
/* Submenu itself */
#mainmenu > ul > li > ul.mod-menu__sub,
#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub {
}
#mainmenu > ul > li > ul.mod-menu__sub,
#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub {
position: absolute;
text-align: left;
transition: max-height ease-in-out 0.5s, opacity ease-in-out 0.5s;
opacity: 0; /* changes */
max-height: 0; /* changes */
overflow: hidden; /* changes */
}
#mainmenu > ul > li > ul.mod-menu__sub {
top: 100%;
left: 0;
right: 0;
}
#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub {
top: 0;
left: 100%;
left: calc(100% - 1px);
min-width: 100%;
}
#mainmenu > ul > li:hover > ul.mod-menu__sub,
#mainmenu > ul > li > ul.mod-menu__sub > li:hover > ul.mod-menu__sub {
max-height: 100em;
opacity: 1;
overflow: visible; /* changes */
}
#mainmenu > ul > li > ul.mod-menu__sub > li.deeper.parent:hover > a > span.toggleButton > svg {
transform: matrix(0, 1, -1, 0, 0, 0); /* 2nd level: Arrow rotates 45° instead of 90 */
}
#mainmenu > ul > li > ul.mod-menu__sub > li,
#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li {
position: relative;
}
#mainmenu > ul > li > ul.mod-menu__sub > li > a,
#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li > a {
display: block;
position: relative;
padding: 1em;
background: #888;
color: #fff;
border-right: solid 1px #fff;
border-left: solid 1px #fff;
}
#mainmenu > ul > li > ul.mod-menu__sub li > a,
#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li > a {
border-top: solid 1px #fff;
transition: all ease 0.5s;
}
#mainmenu > ul > li > ul.mod-menu__sub li:first-child > a {
border-top: none;
}
#mainmenu > ul > li > ul.mod-menu__sub > li:last-child > a,
#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li:last-child > a {
border-bottom: solid 1px #fff;
}
#mainmenu > ul > li > ul.mod-menu__sub > li:hover > a,
#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li:hover > a {
background-color: #333;
}
/* Special Button Style menu item */
#mainmenu > ul > li.specialStyleButton {
margin-left: 0.1em;
}
#mainmenu > ul > li.specialStyleButton > a {
display: inline-block;
position: relative;
padding: 0.5em 1em;
background: #888;
color: #fff;
border-radius: 0.25em;
transition: color linear 0.25s;
}
#mainmenu > ul > li.specialStyleButton > a:hover {
background: #333;
color: #fff;
/* padding-left: 2.75em;
padding-top: 0.6em;
padding-bottom: 0.6em; */
}
#mainmenu > ul > li.specialStyleButton > a > i {
position: absolute;
right: 100%;
top: 50%;
font-size: 1.25em;
transition: all linear 0.05s 0s;
transform: translate(150%, -50%);
opacity: 0; /* changes */
}
#mainmenu > ul > li.specialStyleButton > a:hover > i {
/* opacity: 1;
transition: all linear 0.1s 0.15s; */
}
/* Special Button Style */
#mainmenu > ul > li > a.button {
display: inline-block;
padding-top: 1em;
padding-bottom: 1em;
}
#mainmenu > ul > li > a.button[class*="icon-"] {
padding-left: 2em;
position: relative;
}
#mainmenu > ul > li > a.button[class*="icon-"]:after {
content: "+";
position: absolute;
left: 0.25em;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 1.25em;
height: 1.25em;
}
#mainmenu > ul > li > a.button[class*="icon-mail"]:after {
content: url("data:image/svg+xml;charset=utf8,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath fill='%23ffffff' d='M12 12.713l-11.985-9.713h23.97l-11.985 9.713zm0 2.574l-12-9.725v15.438h24v-15.438l-12 9.725z' fill-rule='evenodd'/%3E%3C/svg%3E");
}
/* centered */
#mainmenu.centered > ul,
#mainmenu > ul.centered {
justify-content: center;
min-width: 60rem;
flex: 1 1 auto;
}
#mainmenu > ul.centered > li {
position: relative;
padding-right: 0;
}
}
@media (min-width: 70rem) {
#mainmenu > ul > li {
margin: 0 1em;
}
}
/* Scrolled Active */
header .scrolledActive {
position: fixed !important;
top: 0;
left: 0;
right: 0;
}
/* HeaderImage --------------------------------------- */
#headerimage {
overflow: hidden;
min-height: 17em;
background-size: cover;
display: flex;
}
#headerimage > * {
margin: auto;
}
#headerimage > div {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#headerimage > div > * {
flex: 0 0 auto;
}
#headerimage h1:first-child,
#headerimage h2:first-child {
margin-top: 2em;
}
#headerimage h1:last-child,
#headerimage h2:last-child {
margin-bottom: 2em;
}
#headerimage h1 + h2 {
margin-top: 0.2em;
}
/* Seperate Labels */
body.seperateLabels #headerimage h1,
body.seperateLabels #headerimage h2,
.separateLabels.white span {
background: rgba(255,255,255,0.8);
color: #707070;
padding: 0.25em 3rem;
}
/* Slider --------------------------------------*/
.nkMellowSlides .separateLabels span.big,
.separateLabels span.big {
font-size: 3.25em;
font-weight: 600;
line-height: 1em;
padding: 0.25em 0.25em;
}
.nkMellowSlides .separateLabels span,
.separateLabels span {
font-size: 2em;
font-weight: normal;
}
/* Precontent -----------------------------------*/
/* Breadcrumbs ----------------------------------*/
#breadcrumbs {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
#breadcrumbs li {
display: inline-block;
}
#breadcrumbs li > svg {
display: inline-block;
width: 0.8em;
height: 0.8em;
line-height: 1.25em;
padding-left: 0.5em;
padding-right: 0.5em;
fill: #707070;
}
#breadcrumbs li:last-child:after {
content: "";
}
/* desktop */
@media (min-width: 60rem) {
#breadcrumbs {
font-size: 0.8em;
}
}
/* COMPONENT ------------------------------------*/
/* noComponent */
.noComponent #componentContainer {
display: none;
}
/* Full width */
body.fullWidthComponent #componentContainer {
width: 100%;
max-width: none;
}
#componentContainer {
padding-top: 2em;
padding-bottom: 3em;
}
#precontent + #componentContainer {
padding-top: 1em;
}
#precontent + #componentContainer:last-child {
}
/* tablet */
@media (min-width: 40rem) {
#componentContainer {
display: flex;
}
#component {
flex: 2 0 50%;
}
#postcomponent,
#precomponent {
flex: 1 0 18rem;
}
#postcomponent {
margin-left: 5%;
}
#precomponent {
margin-right: 5%;
}
}
/* desktop */
@media (min-width: 60rem) {
#postcomponent {
flex: 0 0 30%;
}
#precomponent {
flex: 1 1 10%;
}
}
/* Postcomponent --------------------------------------*/
#postcomponent > section > * {
margin-bottom: 1.5em;
}
#postcomponent > section:last-child > *:last-child {
margin-bottom: 0;
}
#postcomponent table {
font-size: 0.8em;
}
#postcomponent h2 > i[class*="fa-"] {
display: inline-block;
font-size: 0.9em;
margin-right: 0.5em;
}
#component [id^="nkSliderBoxControl"],
#postcomponent [id^="nkSliderBoxControl"] {
padding-bottom: 0.5em;
padding-top: 0.5em;
border-bottom: none;
margin-bottom: 1em;
}
#component [id^="nkSliderBoxControl"].outside,
#postcomponent [id^="nkSliderBoxControl"].outside {
margin-bottom: 0;
}
#component [id^="nkSliderBoxControl"] a,
#postcomponent [id^="nkSliderBoxControl"] a {
border: solid 2px #707070;
border-radius: 2px;
width: 0.8em;
height: 0.8em;
margin: 1em 0.125em;
}
#component [id^="nkSliderBoxControl"] a.jsActive,
#postcomponent [id^="nkSliderBoxControl"] a.jsActive {
background: #707070;
}
/* BOTTOM ---------------------------- */
#bottom,
#newsBottom {
clear: both;
background-color: rgba(160, 160, 160, 0.075);
}
/* NEWS Bottom */
#newsBottom {
}
/* GMAPS / DSGVO SHowcase ---------------------------- */
#gmaps {
background: #888 url('/images/gmaps.jpg') no-repeat center center / cover;
}
#gmaps,
.dsgvoShowcase {
position: relative;
background-color: #888;
}
#gmaps div,
.dsgvoShowcase div {
position: absolute;
top: 50%;
left: 50%;
background-color: #888;
border: solid 1px #777;
color: #fff;
max-width: 60rem;
width: 80%;
transform: translate(-50%,-50%);
padding: 1em 1.5em 1.5em 1.5em;
}
#gmaps p a,
#component .dsgvoShowcase p a,
.dsgvoShowcase p a {
cursor: pointer;
}
#gmaps iframe,
.dsgvoShowcase iframe {
display: block;
width: 100%;
height: 20em;
border: none;
overflow: hidden;
padding: 0;
}
#gmaps.isActive div,
.dsgvoShowcase.isActive div {
display: none;
}
/* MOBILE */
@media (max-width: 59.99rem) {
#gmaps div,
.dsgvoShowcase div {
top: 0;
left: 0;
right: 0;
transform: none;
width: auto;
margin: 2em auto;
}
}
/* PRE FOOTER -----------------------------------------------------------------------------------*/
#prefooter {
background: #888;
color: #fff;
}
#prefooter > * {
padding-top: 4em;
padding-bottom: 6em;
}
/* FOOTER ---------------------------------------------------------------------------------------*/
footer {
background: #fff;
color: #888;
padding: 1em 0;
}
/* MetaMenu */
footer ul.metaMenu {
display: flex;
justify-content: center;
}
footer ul.metaMenu li {
flex: 0 0 auto;
padding-right: 1em;
padding-bottom: 0.5em;
}
/* Socials */
footer ul.socialMediaIcons {
display: flex;
justify-content: center;
}
footer ul.socialMediaIcons li {
flex: 0 0 auto;
padding: 0 0.5em;
}
footer ul.socialMediaIcons li:last-child {
padding-right: 0;
}
footer > div > div {
text-align: center;
padding: 0.25em 0;
}
#footer3 {
display: flex;
justify-content: center;
}
@media (min-width: 60rem) {
/* MetaMenu */
footer ul.metaMenu {
display: flex;
justify-content: flex-start;
}
footer > div > div {
padding: 0;
}
footer > div > div:first-child {
text-align: left;
}
footer > div > div {
text-align: center;
}
footer > div > div:last-child {
text-align: right;
}
footer ul.metaMenu li {
padding-bottom: 0;
}
#footer3 {
justify-content: flex-end;
}
}
/* ------------------------------ LAYOUT END ----------------------------------------------------*/
/* ------------------------------ GENERAL HTML TAGS ---------------------------------------------*/
/* Tables --- */
table {
margin: 0 0 2em 0;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 0.9em;
}
.table-wrapper {
overflow-x: auto;
}
table tbody tr {
border: solid 1px rgba(160, 160, 160, 0.3);
border-left: 0;
border-right: 0;
}
table tbody tr:nth-child(2n + 1) {
background-color: rgba(160, 160, 160, 0.075);
}
table td {
padding: 0.75em 0.5em;
}
table th {
color: #3c3b3b;
font-size: 0.9em;
font-weight: 700;
padding: 0 0.75em 0.75em 0.75em;
text-align: left;
}
table thead {
border-bottom: solid 2px rgba(160, 160, 160, 0.3);
}
table tfoot {
border-top: solid 2px rgba(160, 160, 160, 0.3);
}
/* table alternate */
table.alt,
table.ce-table-allBorders {
border-collapse: separate;
}
table.alt tbody tr td,
table.ce-table-allBorders tbody tr td {
border: solid 1px rgba(160, 160, 160, 0.3);
border-left-width: 0;
border-top-width: 0;
}
table.alt tbody tr td:first-child,
table.ce-table-allBorders tbody tr td:first-child {
border-left-width: 1px;
}
table.alt tbody tr:first-child td,
table.ce-table-allBorders tbody tr:first-child td {
border-top-width: 1px;
}
table.alt thead,
table.ce-table-allBorders thead {
border-bottom: 0;
}
table.alt tfoot,
table.ce-table-allBorders tfoot {
border-top: 0;
}
table span.tableSpacer {
display: inline-block;
padding-left: 3%;
padding-right: 3%;
}
/* PARAGRAPHS, LISTS ------------------------------------- */
/* Paragraph------------------ */
main p,
#afterMain p {
margin-bottom: 1em;
}
/* main *:last-child > p:last-child,
#afterMain *:last-child > p:last-child {
margin-bottom: 0; /* none if parent and self last child
} */
main p, main li, main td,
#afterMain p, #afterMain li, #afterMain td {
line-height: 1.5em;
}
/* Lists --------------------- */
#componentContainer ul,
#componentContainer ol {
padding-left: 1em;
margin-bottom: 1em;
list-style-position: outside;
}
#componentContainer ul > li,
#componentContainer ol > li {
margin-bottom: 0.5em;
}
/* Rounded Squares (global or single) */
body.listsRoundedSquares #componentContainer ul,
#componentContainer ul.roundedSquares {
list-style: none;
padding-left: 0;
}
body.listsRoundedSquares #componentContainer ul > li,
#componentContainer ul.roundedSquares > li {
position: relative;
padding-left: 1em; /* on items instead now */
}
body.listsRoundedSquares #componentContainer ul > li:before,
#componentContainer ul.roundedSquares > li:before {
content:"";
position: absolute;
display: block;
width: 0.4em;
height: 0.4em;
border-radius: 2px;
top: 0.55em;
left: 0;
background-color: #707070;
}
/* LINKS ------------------------------------------------- */
/* underlined (global or single) */
body.compLinksUnderlined #componentContainer p > a,
body.compLinksUnderlined #componentContainer li > a,
body.compLinksUnderlined #componentContainer td a,
.linksUnderlined p > a,
.linksUnderlined li > a,
.linksUnderlined td a {
text-decoration: underline;
font-weight: normal;
}
/* BUTTONS ----------------------------------------------- */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button,
.btn-default,
.btn-default:visited,
.btn-default:focus,
.btn-default:active {
appearance: none;
transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
background-color: transparent;
border: 0;
box-shadow: inset 0 0 0 1px rgba(112, 112, 112, 0.3);
cursor: pointer;
display: inline-block;
font-size: 0.8em;
font-weight: 800;
letter-spacing: 0.25em;
padding: 0.7em 2em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
border-radius: 0.25em;
background-color: #707070;
color: #fff;
}
input[type="submit"]:hover:active,
input[type="reset"]:hover:active,
input[type="button"]:hover:active,
button:hover:active,
.button:hover:active,
.button:hover:active,
.btn-default:hover:active,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover,
.button:hover,
.btn-default:hover {
background-color: #333;
color: #fff;
}
input[type="submit"]:before,
input[type="submit"]:after,
input[type="reset"]:before,
input[type="reset"]:after,
input[type="button"]:before,
input[type="button"]:after,
button:before,
button:after,
.button:before,
.button:after,
.button:before,
.button:after,
.btn-default:before,
.btn-default:after {
color: #fff;
position: relative;
}
input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
width: 100%;
}
input[type="submit"].large,
input[type="reset"].large,
input[type="button"].large,
button.large,
.button.large {
font-size: 0.7em;
padding: 0 3em;
}
input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
button.small,
.button.small {
font-size: 0.5em;
}
input[type="submit"].disabled, input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
pointer-events: none;
color: rgba(160, 160, 160, 0.3) !important;
}
input[type="submit"].disabled:before, input[type="submit"]:disabled:before,
input[type="reset"].disabled:before,
input[type="reset"]:disabled:before,
input[type="button"].disabled:before,
input[type="button"]:disabled:before,
button.disabled:before,
button:disabled:before,
.button.disabled:before,
.button:disabled:before {
color: rgba(160, 160, 160, 0.3) !important;
}
/* FORMS ----------------------------------------------- */
form {
margin: 0 0 2em 0;
}
section:last-child form:last-child {
margin-bottom: 0;
}
form.search {
text-decoration: none;
position: relative;
}
form.search:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 6 Free';
font-weight: 900;
}
form.search:before {
color: #aaaaaa;
content: '\f002';
display: block;
height: 2.75em;
left: 0;
line-height: 2.75em;
position: absolute;
text-align: center;
top: 0;
width: 2.5em;
}
form.search > input:first-child {
padding-left: 2.5em;
}
label {
color: #3c3b3b;
display: block;
font-size: 0.9em;
font-weight: 700;
margin: 0 0 0 0;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background: rgba(200, 200, 200, 0.075);
border: none;
border: solid 1px rgba(160, 160, 160, 0.3);
border-radius: 0.25em;
color: inherit;
display: block;
outline: 0;
padding: 0 1em;
text-decoration: none;
width: 100%;
margin-bottom: 1em;
box-sizing: border-box;
}
label + div input[type="text"],
label + div input[type="password"],
label + div input[type="email"],
label + div input[type="tel"],
label + div select,
label + div textarea {
margin-top: 0.5em;
}
input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
input[type="tel"]:invalid,
select:invalid,
textarea:invalid {
box-shadow: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
border-color: #2ebaae;
box-shadow: inset 0 0 0 1px #2ebaae;
}
.select-wrapper {
text-decoration: none;
display: block;
position: relative;
}
.select-wrapper:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 6 Free';
font-weight: 900;
}
.select-wrapper:before {
color: rgba(160, 160, 160, 0.3);
content: '\f078';
display: block;
height: 2.75em;
line-height: 2.75em;
pointer-events: none;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 2.75em;
}
.select-wrapper select::-ms-expand {
display: none;
}
select {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(160, 160, 160, 0.3)' /%3E%3C/svg%3E");
background-size: 1.25rem;
background-repeat: no-repeat;
background-position: calc(100% - 1rem) center;
height: 2.75em;
padding-right: 2.75em;
text-overflow: ellipsis;
}
select option {
color: #3c3b3b;
background: #ffffff;
}
select:focus::-ms-value {
background-color: transparent;
}
select::-ms-expand {
display: none;
}
input[type="text"],
input[type="password"],
input[type="email"],
select {
height: 2.75em;
}
textarea {
padding: 0.75em 1em;
}
input[type="checkbox"],
input[type="radio"] {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
display: block;
float: left;
margin-right: -2em;
opacity: 0;
width: 1em;
z-index: -1;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
text-decoration: none;
color: #646464;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: 400;
padding-left: 2.4em;
padding-right: 0.75em;
position: relative;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 6 Free';
font-weight: 900;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
background: rgba(160, 160, 160, 0.075);
border: solid 1px rgba(160, 160, 160, 0.3);
content: '';
display: inline-block;
font-size: 0.8em;
height: 2.0625em;
left: 0;
line-height: 2.0625em;
position: absolute;
text-align: center;
top: 0;
width: 2.0625em;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
background: #3c3b3b;
border-color: #3c3b3b;
color: #ffffff;
content: '\f00c';
}
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
border-color: #2ebaae;
box-shadow: 0 0 0 1px #2ebaae;
}
input[type="radio"] + label:before {
border-radius: 100%;
}
::-webkit-input-placeholder {
color: #aaaaaa !important;
opacity: 1.0;
}
:-moz-placeholder {
color: #aaaaaa !important;
opacity: 1.0;
}
::-moz-placeholder {
color: #aaaaaa !important;
opacity: 1.0;
}
:-ms-input-placeholder {
color: #aaaaaa !important;
opacity: 1.0;
}
/* USABLE STYLE CLASSES, BACKGROUNDS, etc-------------------------------------------------------*/
.inblock {
display: inline-block !important;
}
.alignRight {
text-align: right;
}
.alignCenter {
text-align: center;
}
.alignLeft {
text-align: left !important;
}
@media (max-width: 59.9rem) {
.alignCenterTil60r {
text-align: center;
}
.alignRightTil60r {
text-align: right;
}
.alignLeftTil60r {
text-align: left;
}
}
img.block {
display: block;
}
.fontXXS {
font-size: 0.6em;
font-weight: normal;
}
.fontS {
font-size: 0.9em;
font-weight: normal;
}
.fontL {
font-size: 1.2em;
font-weight: normal;
}
.fontXL {
font-size: 1.4em;
font-weight: normal;
}
.fontXXL {
font-size: 1.6em;
font-weight: normal;
}
@media (min-width: 60rem) {
.alignLeft-at60r {
text-align: left;
}
}
.colWhite {
color: #fff !important;
}
.bgWhite {
background: white;
}
.bgGrey {
background: #ececed;
}
/* nkFLexBox */
.nkFlexBox {
display: flex;
flex-direction: column;
}
.nkFlexBox.fullWidth {
width: 100%;
}
.nkFlexBox.row {
flex-direction: row;
}
.nkFlexBox.spcBtwn {
justify-content: space-between;
}
.nkFlexBox.spcArnd {
justify-content: space-around;
}
.nkFlexBox.end {
justify-content: flex-end;
}
.nkFlexBox.center {
justify-content: center;
}
.nkFlexBox.center {
justify-content: center;
}
.nkFlexBox.wrap {
flex-wrap: wrap;
}
.nkFlexBox.centerChildren {
align-items: center;
}
.nkFlexBox.childNoGrow > * {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.nkFlexBox > * {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.nkFlexBox.childrVertAlgn {
flex-direction: row;
}
.nkFlexBox.childrVertAlgn > * {
margin-top: auto !important;
margin-bottom: auto !important;
}
.nkFlexBox > *.flexEnd {
align-self: flex-end;
}
.nkFlexBox > *.grow2 {
flex-grow: 2;
}
.nkFlexBox > *.grow3 {
flex-grow: 3;
}
.nkFlexBox > *.grow4 {
flex-grow: 4;
}
.nkFlexBox > *.grow5 {
flex-grow: 5;
}
.nkFlexBox > *.algnSlfCenter {
align-self: center;
}
.nkFlexBox > *.algnSlfBottom{
align-self: flex-end;
}
@media (min-width: 20rem) {
.nkFlexBox.rowAt20r {
flex-direction: row;
}
.nkFlexBox.rowAt20r.childBasis20p > * {
flex-basis: 20%;
}
.nkFlexBox.rowAt20r.childBasis25p > * {
flex-basis: 25%;
}
.nkFlexBox.rowAt20r > *.w25pAtRow {
width: 25%;
}
.nkFlexBox.rowAt20r > *.noGrow {
flex-grow: 0;
}
.nkFlexBox.rowAt20r.stickyChildBot {
position: relative;
}
.nkFlexBox.rowAt20r.stickyChildBot .atBottom {
position: absolute;
bottom: 0;
}
.nkFlexBox.rowAt20r.littleSpaces > *:nth-child(odd) {
margin-right: 1.5em;
margin-left: 1.5em;
}
.nkFlexBox.rowAt20r.littleSpaces > *:first-child {
margin-left: 0;
}
.nkFlexBox.rowAt20r.littleSpaces > *:last-child {
margin-right: 0;
}
.nkFlexBox.littleSpaces + .nkFlexBox.littleSpaces > * > *:last-child {
margin-top: 1.5em;
}
}
@media (min-width: 40rem) {
.nkFlexBox.rowAt40r {
flex-direction: row;
max-width: 100%;
}
.nkFlexBox.rowAt40r.childBasis20p > * {
flex-basis: 20%;
}
.nkFlexBox.rowAt40r.childBasis25p > * {
flex-basis: 25%;
}
.nkFlexBox.rowAt40r > *.w25pAtRow {
width: 25%;
}
.nkFlexBox.rowAt40r > *.basis25p {
flex-basis: 25%;
}
.nkFlexBox.rowAt40r > *.basis30p {
flex-basis: 30%;
}
.nkFlexBox.rowAt40r > *.basis32p {
flex-basis: 32%;
}
.nkFlexBox.rowAt40r > *.basis40p {
flex-basis: 40%;
}
.nkFlexBox.rowAt40r > *.basis50p {
flex-basis: 50%;
}
.nkFlexBox.rowAt40r > *.basis60p {
flex-basis: 60%;
}
.nkFlexBox.rowAt40r > *.noGrow {
flex-grow: 0;
}
.nkFlexBox.flexEnd-At40r {
align-items: flex-end !important;
}
.nkFlexBox.rowAt40r.childBetwPad25 > div {
padding-left: 1.25em;
padding-right: 1.25em;
}
.nkFlexBox.childBetwPad25 > div:first-child {
padding-left: 0;
}
.nkFlexBox.childBetwPad25 > div:last-child {
padding-right: 0;
}
.nkFlexBox.rowAt40r.stickyChildBot {
position: relative;
}
.nkFlexBox.rowAt40r.stickyChildBot .atBottom {
position: absolute;
bottom: 0;
}
.nkFlexBox.rowAt40r.littleSpaces > *:nth-child(odd) {
margin-right: 1.5em;
margin-left: 1.5em;
}
.nkFlexBox.rowAt40r.littleSpaces > *:first-child {
margin-left: 0;
}
.nkFlexBox.rowAt40r.littleSpaces > *:last-child {
margin-right: 0;
}
}
@media (min-width: 60rem) {
.nkFlexBox.rowAt60r {
flex-direction: row;
max-width: 100%;
}
.nkFlexBox.rowAt60r.childBasis20p > * {
flex-basis: 20%;
}
.nkFlexBox.rowAt60r.childBasis25p > * {
flex-basis: 25%;
}
.nkFlexBox.rowAt60r > *.w25pAtRow {
width: 25%;
}
.nkFlexBox.rowAt60r > *.basis25p {
flex-basis: 25%;
}
.nkFlexBox.rowAt60r > *.basis30p {
flex-basis: 30%;
}
.nkFlexBox.rowAt60r > *.basis32p {
flex-basis: 32%;
}
.nkFlexBox.rowAt60r > *.basis40p {
flex-basis: 40%;
}
.nkFlexBox.rowAt60r > *.basis50p {
flex-basis: 50%;
}
.nkFlexBox.rowAt60r > *.basis60p {
flex-basis: 60%;
}
.nkFlexBox.rowAt60r > *.noGrow {
flex-grow: 0;
}
.nkFlexBox.rowAt60r.stickyChildBot {
position: relative;
}
.nkFlexBox.rowAt60r.stickyChildBot .atBottom {
position: absolute;
bottom: 0;
}
.nkFlexBox.rowAt60r.childBetwPad25 > div {
padding-left: 1.25em;
padding-right: 1.25em;
}
.nkFlexBox.rowAt60r.littleSpaces > *:nth-child(odd) {
margin-right: 1.5em;
margin-left: 1.5em;
}
.nkFlexBox.rowAt60r.littleSpaces > *:first-child {
margin-left: 0;
}
.nkFlexBox.rowAt60r.littleSpaces > *:last-child {
margin-right: 0;
}
}
@media (min-width: 80rem) {
.nkFlexBox.rowAt80r {
flex-direction: row;
}
.nkFlexBox.rowAt80r.childBasis20p > * {
flex-basis: 20%;
}
.nkFlexBox.rowAt80r.childBasis25p > * {
flex-basis: 25%;
}
.nkFlexBox.rowAt80r > *.w25pAtRow {
width: 25%;
}
.nkFlexBox.rowAt80r > *.basis25p {
flex-basis: 25%;
}
.nkFlexBox.rowAt80r > *.basis30p {
flex-basis: 30%;
}
.nkFlexBox.rowAt80r > *.basis32p {
flex-basis: 32%;
}
.nkFlexBox.rowAt80r > *.basis50p {
flex-basis: 50%;
}
.nkFlexBox.rowAt80r > *.basis60p {
flex-basis: 60%;
}
.nkFlexBox.rowAt80r > *.basis70p {
flex-basis: 70%;
}
.nkFlexBox.rowAt80r > *.noGrow {
flex-grow: 0;
}
.nkFlexBox.rowAt80r.stickyChildBot {
position: relative;
}
.nkFlexBox.rowAt80r.stickyChildBot .atBottom {
position: absolute;
bottom: 0;
}
.nkFlexBox.rowAt80r.childBetwPad25 > div {
padding-left: 1.25em;
padding-right: 1.25em;
}
.nkFlexBox.rowAt80r.littleSpaces > *:nth-child(odd) {
margin-right: 1.5em;
margin-left: 1.5em;
}
.nkFlexBox.rowAt80r.littleSpaces > *:first-child {
margin-left: 0;
}
.nkFlexBox.rowAt80r.littleSpaces > *:last-child {
margin-right: 0;
}
}
@media (min-width: 120rem) {
.nkFlexBox.rowAt120r {
flex-direction: row;
}
.nkFlexBox.rowAt120r.childBasis25p > * {
flex-basis: 25%;
}
.nkFlexBox.rowAt120r > *.w25pAtRow {
width: 25%;
}
.nkFlexBox.rowAt120r > *.basis25p {
flex-basis: 25%;
}
.nkFlexBox.rowAt120r > *.basis30p {
flex-basis: 30%;
}
.nkFlexBox.rowAt120r > *.basis32p {
flex-basis: 32%;
}
.nkFlexBox.rowAt120r > *.basis50p {
flex-basis: 50%;
}
.nkFlexBox.rowAt120r > *.noGrow {
flex-grow: 0;
}
.nkFlexBox.rowAt120r.stickyChildBot {
position: relative;
}
.nkFlexBox.rowAt120r.stickyChildBot .atBottom {
position: absolute;
bottom: 0;
}
.nkFlexBox.rowAt120r.childBetwPad25 > div {
padding-left: 1.25em;
padding-right: 1.25em;
}
.nkFlexBox.rowAt120r.littleSpaces > *:nth-child(odd) {
margin-right: 1.5em;
margin-left: 1.5em;
}
.nkFlexBox.rowAt120r.littleSpaces > *:first-child {
margin-left: 0;
}
.nkFlexBox.rowAt120r.littleSpaces > *:last-child {
margin-right: 0;
}
}
.imgLayer-bottom {
position: relative;
}
.imgLayer-bottom > p {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(62,62,62,0.75);
padding: 0.75em 0.75em;
border-top: rgba(112,112,112,0.75) solid 1px;
}
.imgLayer-bottom > p > span {
color: #fff;
font-size: 1.5em;
font-weight: 400;
letter-spacing: 0.05em;
text-transform: uppercase;
line-height: normal;
}
.imgLayer-bottom > p > span.smaller {
font-size: 1em;
}
.imgLayer-bottom + p {
font-size: 0.7em;
padding: 2em;
}
.w48p {
width: 48%;
}
.w50p {
width: 50%;
}
.w100p {
width: 100%;
}
@media(min-width: 60rem) {
.minH750vw-at60r {
min-height: 70vh;
}
.minH50vw-at60r {
min-height: 50vh;
}
.minH40vw-at60r {
min-height: 40vh;
}
}
.minH15 {
min-height: 15em;
}
.minH17 {
min-height: 17em;
}
.minH18 {
min-height: 18em;
}
.minH20 {
min-height: 20em;
}
@media(min-width: 90rem) {
.mw75p {
max-width: 75% !important;
}
.mw80p {
max-width: 80% !important;
}
}
.minW15r {
min-width: 15rem;
}
@media (min-width: 60rem) {
.mw75p-at60r {
max-width: 75% !important;
}
.mw80p-at60r {
max-width: 80% !important;
}
}
@media (min-width: 90rem) {
.mw75p-at90r {
max-width: 75% !important;
}
.mw80p-at90r {
max-width: 80% !important;
}
}
.borBox {
box-sizing: border-box;
}
.padT0 {
padding-top: 0;
}
.padB0 {
padding-bottom: 0 !important;
}
.padB05 {
padding-bottom: 0.5em !important;
}
.padL0 {
padding-left: 0 !important;
}
.padT1 {
padding-top: 1em;
}
.padB1 {
padding-bottom: 1em !important;
}
.padRL1 {
padding-right: 1em;
padding-left: 1em;
}
.pad15 {
padding: 1.5em;
}
.pad2 {
padding: 2em;
}
.padT2 {
padding-top: 2em !important;
}
.padB2 {
padding-bottom: 2em !important;
}
.padRL2 {
padding-right: 2em;
padding-left: 2em;
}
.padR2 {
padding-right: 2em;
}
.padL2 {
padding-left: 2em;
}
.padTB1 {
padding-top: 1em;
padding-bottom: 1em;
}
.padTB15 {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.padT15 {
padding-top: 1.5em;
}
.padTB2 {
padding-top: 2em;
padding-bottom: 2em;
}
.padTB25 {
padding-top: 2.5em;
padding-bottom: 2.5em;
}
.pad3 {
padding: 3em;
}
.padT3 {
padding-top: 3em !important;
}
.padB3 {
padding-bottom: 3em !important;
}
.padB15 {
padding-bottom: 1.5em;
}
.padT15r {
padding-top: 1.5rem;
}
.padTB15r {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.padRL1p {
padding-left: 1%;
padding-right: 1%;
}
.padRL15r {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.padTRBL1r {
padding: 1rem;
}
.padTRBL1r {
padding: 1rem;
}
.padRL3 {
padding-left: 3em;
padding-right: 3em;
}
.padB35 {
padding-bottom: 3.5em;
}
.padT4 {
padding-top: 4em !important;
}
.padB4 {
padding-bottom: 4em !important;
}
.padB5 {
padding-bottom: 5em !important;
}
.padTB4 {
padding-top: 4em;
padding-bottom: 4em;
}
.padRL4 {
padding-right: 4em;
padding-left: 4em;
}
.padT5 {
padding-top: 5em;
}
.padB5 {
padding-bottom: 5em;
}
.padTB5 {
padding-top: 5em;
padding-bottom: 5em;
}
.pad6 {
padding: 6em;
}
.padT6 {
padding-top: 6em;
}
@media(max-width: 30rem) {
.pad6 {
padding: 6em 1em 6em 1em;
}
}
.padB6 {
padding-bottom: 6em;
}
.padTB6 {
padding-top: 6em;
padding-bottom: 6em;
}
.padT8 {
padding-top: 8em;
}
.padTB8 {
padding-top: 8em;
padding-bottom: 8em;
}
@media (min-width: 60rem) {
.padL3At60r {
padding-left: 3em;
}
.padL2At60r {
padding-left: 2em;
}
.padL1At60r {
padding-left: 1em;
}
.padR1At60r {
padding-right: 1em;
}
.padTB4At60r {
padding-top: 4em;
padding-bottom: 4em;
}
.padTB6At60r {
padding-top: 6em;
padding-bottom: 6em;
}
.padTB9At60r {
padding-top: 9em;
padding-bottom: 9em;
}
}
@media (min-width: 40rem) {
.padL3At40r {
padding-left: 3em;
}
.padL2At40r {
padding-left: 2em;
}
.padL1At40r {
padding-left: 1em;
}
.padR1At40r {
padding-right: 1em;
}
}
.marB0 {
margin-bottom: 0 !important;
}
.marB025 {
margin-bottom: 0.25em;
}
.marB15 {
margin-bottom: 1.5em;
}
.marB2 {
margin-bottom: 2em;
}
.marRLAuto {
margin: 0 auto !important;
}
.minH22em {
min-height: 22em;
}
.clearBoth{
clear: both;
}
.posRel {
position: relative;
}
.inlineB {
display: inline-block;
}
.block {
display: block;
}
.posRel.pullTop4 {
top: -4em;
margin-bottom: -4em;
}
.textShadWhite {
text-shadow: 1px 1px 6px rgba(255, 255, 255, 1);
}
.bgFixed {
background-attachment: fixed !important;
}
@media(max-width: 39.99rem) {
.notTil40r {
display: none !important;
}
}
/* ANIMATIONS --------------------------------------------> */
[id^="toAnimate-"].nkjsObjOldClass {
opacity: 0;
transition: opacity ease-out 1s;
}
[id^="toAnimate-"].nkjsObjNewClass {
opacity: 1;
transition: opacity ease-out 1s;
}
/* BACKGROUNDS ------------------------------------> */
.bgq1 {
background: url('../../../images/backgrounds/bgq1.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq2 {
background: url('../../../images/backgrounds/bgq2.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq3 {
background: url('../../../images/backgrounds/bgq3.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq4 {
background: url('../../../images/backgrounds/bgq4.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq5 {
background: url('../../../images/backgrounds/bgq5.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq6 {
background: url('../../../images/backgrounds/bgq6.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq7 {
background: url('../../../images/backgrounds/bgq7.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq8 {
background: url('../../../images/backgrounds/bgq8.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq9 {
background: url('../../../images/backgrounds/bgq9.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq10 {
background: url('../../../images/backgrounds/bgq10.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq11 {
background: url('../../../images/backgrounds/bgq11.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq12 {
background: url('../../../images/backgrounds/bgq12.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq13 {
background: url('../../../images/backgrounds/bgq13.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq14 {
background: url('../../../images/backgrounds/bgq14.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq15 {
background: url('../../../images/backgrounds/bgq15.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq16 {
background: url('../../../images/backgrounds/bgq16.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq17 {
background: url('../../../images/backgrounds/bgq17.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq18 {
background: url('../../../images/backgrounds/bgq18.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq19 {
background: url('../../../images/backgrounds/bgq19.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq20 {
background: url('../../../images/backgrounds/bgq20.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq21 {
background: url('../../../images/backgrounds/bgq21.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq22 {
background: url('../../../images/backgrounds/bgq22.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq23 {
background: url('../../../images/backgrounds/bgq23.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq24 {
background: url('../../../images/backgrounds/bgq24.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq25 {
background: url('../../../images/backgrounds/bgq25.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq26 {
background: url('../../../images/backgrounds/bgq26.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq27 {
background: url('../../../images/backgrounds/bgq27.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq28 {
background: url('../../../images/backgrounds/bgq28.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq29 {
background: url('../../../images/backgrounds/bgq29.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq30 {
background: url('../../../images/backgrounds/bgq30.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq31 {
background: url('../../../images/backgrounds/bgq31.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq32 {
background: url('../../../images/backgrounds/bgq32.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq33 {
background: url('../../../images/backgrounds/bgq33.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq34 {
background: url('../../../images/backgrounds/bgq34.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq35 {
background: url('../../../images/backgrounds/bgq35.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq36 {
background: url('../../../images/backgrounds/bgq36.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq37 {
background: url('../../../images/backgrounds/bgq37.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq38 {
background: url('../../../images/backgrounds/bgq38.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq39 {
background: url('../../../images/backgrounds/bgq39.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq40 {
background: url('../../../images/backgrounds/bgq40.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq41 {
background: url('../../../images/backgrounds/bgq41.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq42 {
background: url('../../../images/backgrounds/bgq42.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq43 {
background: url('../../../images/backgrounds/bgq43.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq44 {
background: url('../../../images/backgrounds/bgq44.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq45 {
background: url('../../../images/backgrounds/bgq45.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq46 {
background: url('../../../images/backgrounds/bgq46.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq47 {
background: url('../../../images/backgrounds/bgq47.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq48 {
background: url('../../../images/backgrounds/bgq48.jpg') no-repeat center center #fff;
background-size: cover;
}
.bgq49 {
background: url('../../../images/backgrounds/bgq49.jpg') no-repeat center top #fff;
background-size: cover;
}
.bgq50 {
background: url('../../../images/backgrounds/bgq50.jpg') no-repeat top center #fff;
background-size: cover;
}
.bgq51 {
background: url('../../../images/backgrounds/bgq51.jpg') no-repeat top center #fff;
background-size: cover;
}
.bgq52 {
background: url('../../../images/backgrounds/bgq52.jpg') no-repeat center center #fff;
background-size: cover;
}
@media (max-width: 960px) {
.headerBg1 #header {
background: url('../../../images/backgrounds/headerbg1.jpg') no-repeat center center #fff;
background-size: cover;
}
.headerBg2 #header {
background: url('../../../images/backgrounds/headerbg2.jpg') no-repeat center center #fff;
background-size: cover;
}
.headerBg3 #header {
background: url('../../../images/backgrounds/headerbg3.jpg') no-repeat center center #fff;
background-size: cover;
}
.headerBg4 #header {
background: url('../../../images/backgrounds/headerbg4.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg1 {
background: url('../../../images/backgrounds/bg1.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg2 {
background: url('../../../images/backgrounds/bg2.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg3 {
background: url('../../../images/backgrounds/bg3.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg4 {
background: url('../../../images/backgrounds/bg4.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg5 {
background: url('../../../images/backgrounds/bg5.jpg') no-repeat top center #fff;
background-size: cover;
}
.bg6 {
background: url('../../../images/backgrounds/bg6.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg7 {
background: url('../../../images/backgrounds/bg7.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg8 {
background: url('../../../images/backgrounds/bg8.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg9 {
background: url('../../../images/backgrounds/bg9.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg10 {
background: url('../../../images/backgrounds/bg10.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg11 {
background: url('../../../images/backgrounds/bg11.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg12 {
background: url('../../../images/backgrounds/bg12.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg13 {
background: url('../../../images/backgrounds/bg13.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg14 {
background: url('../../../images/backgrounds/bg14.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg15 {
background: url('../../../images/backgrounds/bg15.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg16 {
background: url('../../../images/backgrounds/bg16.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg17 {
background: url('../../../images/backgrounds/bg17.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg18 {
background: url('../../../images/backgrounds/bg18.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg19 {
background: url('../../../images/backgrounds/bg19.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg20 {
background: url('../../../images/backgrounds/bg20.jpg') no-repeat center center #fff;
background-size: cover;
}
body.bgbody1 {
background: url('../../../images/backgrounds/bgbody1.jpg') no-repeat center center #fff;
background-size: cover;
background-attachment: fixed;
}
body.bgbody2 {
background: url('../../../images/backgrounds/bgbody2.jpg') no-repeat center center #fff;
background-size: cover;
background-attachment: fixed;
}
body.bgbody3 {
background: url('../../../images/backgrounds/bgbody3.jpg') no-repeat center center #fff;
background-size: cover;
background-attachment: fixed;
}
body.bgbody4 {
background: url('../../../images/backgrounds/bgbody4.jpg') no-repeat center center #fff;
background-size: cover;
background-attachment: fixed;
}
body.bgbody5 {
background: url('../../../images/backgrounds/bgbody5.jpg') no-repeat center center #fff;
background-size: cover;
background-attachment: fixed;
}
.sliderBg1 #slider {
background: url('../../../images/backgrounds/sliderBg1.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg2 #slider {
background: url('../../../images/backgrounds/sliderBg2.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg3 #slider {
background: url('../../../images/backgrounds/sliderBg3.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg4 #slider {
background: url('../../../images/backgrounds/sliderBg4.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg5 #slider {
background: url('../../../images/backgrounds/sliderBg5.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg6 #slider {
background: url('../../../images/backgrounds/sliderBg6.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg7 #slider {
background: url('../../../images/backgrounds/sliderBg7.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg8 #slider {
background: url('../../../images/backgrounds/sliderBg8.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg9 #slider {
background: url('../../../images/backgrounds/sliderBg9.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg10 #slider {
background: url('../../../images/backgrounds/sliderBg10.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg11 #slider {
background: url('../../../images/backgrounds/sliderBg11.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg12 #slider {
background: url('../../../images/backgrounds/sliderBg12.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg13 #slider {
background: url('../../../images/backgrounds/sliderBg13.jpg') no-repeat top center #fff;
background-size: cover;
}
.sliderBg14 #slider {
background: url('../../../images/backgrounds/sliderBg14.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg15 #slider {
background: url('../../../images/backgrounds/sliderBg15.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg16 #slider {
background: url('../../../images/backgrounds/sliderBg16.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg17 #slider {
background: url('../../../images/backgrounds/sliderBg17.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg18 #slider {
background: url('../../../images/backgrounds/sliderBg18.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg19 #slider {
background: url('../../../images/backgrounds/sliderBg19.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg20 #slider {
background: url('../../../images/backgrounds/sliderBg20.jpg') no-repeat center center #fff;
background-size: cover;
}
}
@media (min-width: 961px) {
.headerBg1 #header {
background: url('../../../images/backgrounds/headerbg1_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.headerBg2 #header {
background: url('../../../images/backgrounds/headerbg2_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.headerBg3 #header {
background: url('../../../images/backgrounds/headerbg3_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.headerBg4 #header {
background: url('../../../images/backgrounds/headerbg4_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg1 {
background: url('../../../images/backgrounds/bg1_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg2 {
background: url('../../../images/backgrounds/bg2_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg3 {
background: url('../../../images/backgrounds/bg3_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg4 {
background: url('../../../images/backgrounds/bg4_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg5 {
background: url('../../../images/backgrounds/bg5_xxl.jpg') no-repeat top center #fff;
background-size: cover;
}
.bg6 {
background: url('../../../images/backgrounds/bg6_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg7 {
background: url('../../../images/backgrounds/bg7_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg8 {
background: url('../../../images/backgrounds/bg8_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg9 {
background: url('../../../images/backgrounds/bg9_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg10 {
background: url('../../../images/backgrounds/bg10_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg11 {
background: url('../../../images/backgrounds/bg11_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg12 {
background: url('../../../images/backgrounds/bg12_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg13 {
background: url('../../../images/backgrounds/bg13_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg14 {
background: url('../../../images/backgrounds/bg14_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg15 {
background: url('../../../images/backgrounds/bg15_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg16 {
background: url('../../../images/backgrounds/bg16_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg17 {
background: url('../../../images/backgrounds/bg17_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg18 {
background: url('../../../images/backgrounds/bg18_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg19 {
background: url('../../../images/backgrounds/bg19_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.bg20 {
background: url('../../../images/backgrounds/bg20_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
body.bgbody1 {
background: url('../../../images/backgrounds/bgbody1_xxl.jpg') no-repeat center center #fff;
background-size: cover;
background-attachment: fixed;
}
body.bgbody2 {
background: url('../../../images/backgrounds/bgbody2_xxl.jpg') no-repeat center center #fff;
background-size: cover;
background-attachment: fixed;
}
body.bgbody3 {
background: url('../../../images/backgrounds/bgbody3_xxl.jpg') no-repeat center center #fff;
background-size: cover;
background-attachment: fixed;
}
body.bgbody4 {
background: url('../../../images/backgrounds/bgbody4_xxl.jpg') no-repeat center center #fff;
background-size: cover;
background-attachment: fixed;
}
body.bgbody5 {
background: url('../../../images/backgrounds/bgbody5_xxl.jpg') no-repeat center center #fff;
background-size: cover;
background-attachment: fixed;
}
.sliderBg1 #slider {
background: url('../../../images/backgrounds/sliderBg1_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg2 #slider {
background: url('../../../images/backgrounds/sliderBg2_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg3 #slider {
background: url('../../../images/backgrounds/sliderBg3_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg4 #slider {
background: url('../../../images/backgrounds/sliderBg4_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg5 #slider {
background: url('../../../images/backgrounds/sliderBg5_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg6 #slider {
background: url('../../../images/backgrounds/sliderBg6_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg7 #slider {
background: url('../../../images/backgrounds/sliderBg7_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg8 #slider {
background: url('../../../images/backgrounds/sliderBg8_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg9 #slider {
background: url('../../../images/backgrounds/sliderBg9_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg10 #slider {
background: url('../../../images/backgrounds/sliderBg10_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg11 #slider {
background: url('../../../images/backgrounds/sliderBg11_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg12 #slider {
background: url('../../../images/backgrounds/sliderBg12_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg13 #slider {
background: url('../../../images/backgrounds/sliderBg13_xxl.jpg') no-repeat top center #fff;
background-size: cover;
}
.sliderBg14 #slider {
background: url('../../../images/backgrounds/sliderBg14_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg15 #slider {
background: url('../../../images/backgrounds/sliderBg15_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg16 #slider {
background: url('../../../images/backgrounds/sliderBg16_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg17 #slider {
background: url('../../../images/backgrounds/sliderBg17_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg18 #slider {
background: url('../../../images/backgrounds/sliderBg18_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg19 #slider {
background: url('../../../images/backgrounds/sliderBg19_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
.sliderBg20 #slider {
background: url('../../../images/backgrounds/sliderBg20_xxl.jpg') no-repeat center center #fff;
background-size: cover;
}
}
@media(max-width: 59.99rem) {
.bg1 > *,
.bg2 > *,
.bg3 > *,
.bg4 > *,
.bg5 > *,
.bg6 > *,
.bg7 > *,
.bg8 > *,
.bg9 > *,
.bg10 > * {
padding-top: 6em;
padding-bottom: 6em;
}
}
/* JS TOGGLE BOXES ------------------------------------------ */
.toggleBox {
}
.toggleBox > div {
padding: 1.5em 0;
border: none;
border-bottom: solid 2px #c8c8c8;
margin-bottom: 0;
}
h2 + .toggleBox > div:first-child {
padding-top: 0.5em;
}
.toggleBox > div > a {
display: block;
text-transform: uppercase;
font-size: 0.9em;
padding-bottom: 0;
line-height: 1.5em;
position: relative;
}
@media (min-width: 60rem) {
.toggleBox > div > a {
font-size: 0.8em;
}
}
.toggleBox > div > div p {
padding-top: 0.75em;
}
.toggleBox > div > a {
color: rgb(22, 114, 176);
padding-left: 2em;
}
.toggleBox > div > a:hover {
cursor: pointer;
}
.toggleBox > div > a:hover,
.toggleBox.jsInitiated > div.jsActive > a {
color: #3ea9e0;
}
.toggleBox > div > a:before {
content: "-";
position: absolute;
left: 0;
top: 0.1em;
font-size: 1em;
display: inline-block;
width: 0.8em;
height: 0.8em;
margin-right: 1em;
}
.toggleBox.jsInitiated > div.jsInactive > a:before{
content: "+";
content: url("data:image/svg+xml; utf8, ");
}
.toggleBox.jsInitiated > div.jsActive > a:before{
content: "-";
content: url("data:image/svg+xml; utf8, ");
}
.toggleBox > div.jsInactive > a:hover:before {
content: url("data:image/svg+xml; utf8, ");
}
.toggleBox.jsInitiated > div.jsActive > a:before {
content: url("data:image/svg+xml; utf8, ");
}
.toggleBox > div > div {
padding-left: 1.5em;
}
.toggleBox > div > div > *:first-child {
padding-top: 1em;
}
.toggleBox.jsInitiated > div > div {
overflow: hidden;
transition: max-height ease-in-out 0.2s;
}
.toggleBox > div.jsInactive > div {
max-height: 0;
}
.toggleBox > div.jsActive > div {
max-height: 100em;
}
#component .toggleBox ul {
list-style: square outside none;
padding-left: 1em;
}
/* icon boxes ------------------------------ */
.threeIconLinkBoxes a,
.threeIconLinkBoxes .nkFlexBox > * {
padding: 2em;
}
.threeIconLinkBoxes a img,
.threeIconLinkBoxes a svg,
.threeIconLinkBoxes .nkFlexBox > * img,
.threeIconLinkBoxes .nkFlexBox > * svg {
display: block;
width: 5em;
margin: 0 auto 2em auto;
}
.threeIconLinkBoxes a svg,
.threeIconLinkBoxes .nkFlexBox > * svg {
fill: #EAD5B6;
-webkit-transition: fill ease-in-out 0.5s;
-o-transition: fill ease-in-out 0.5s;
transition: fill ease-in-out 0.5s;
}
.threeIconLinkBoxes span.likeh3 {
font-size: 1.3em;
text-transform: uppercase;
margin-bottom: 0.125em;
font-weight: bold;
display: block;
}
.threeIconLinkBoxes span {
font-size: 0.7em;
-webkit-transition: color ease-in-out 0.5s;
-o-transition: color ease-in-out 0.5s;
transition: color ease-in-out 0.5s;
}
@media (max-width: 29.99rem) {
.threeIconLinkBoxes span {
font-size: 0.9em;
}
}
.threeIconLinkBoxes a:hover svg {
fill: #3ea9e0;
}
.threeIconLinkBoxes a:hover span {
color: #3ea9e0;
}
/* 3 column tiles ---------------------------*/
.threeColumnTiles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#postcomponent .threeColumnTiles a {
padding: 2em 0;
}
.threeColumnTiles a {
text-align: center;
-webkit-box-flex: 1;
-ms-flex: 1 1 49%;
flex: 1 1 49%;
max-width: 49%;
font-size: 1em;
color: #fff;
text-transform: uppercase;
padding: 1.5em 0;
margin-bottom: 0.5em;
position: relative;
z-index: 2;
}
@media (min-width: 60rem) {
.threeColumnTiles a {
font-size: 1.5em;
padding: 4em 0;
margin-right: 0.5em;
max-width: none;
-webkit-box-flex: 1;
-ms-flex: 1 1 32%;
flex: 1 1 32%;
}
}
.threeColumnTiles a:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(187, 166, 134, 0);
z-index: -1;
transition: all ease-in-out 0.5s;
}
.threeColumnTiles a:hover:before {
background-color: rgba(187, 166, 134,0.8);
}
/* Tall Icon Tiles */
.tallIconTiles {
}
.tallIconTiles > div {
flex: 0 0 12em;
align-self: flex-start;
margin-right: 1em;
margin-bottom: 1em;
}
.tallIconTiles > div:last-child {
margin-right: 0;
}
.tallIconTiles > div > div {
background: #1672B0;
padding: 4em 2em;
margin-bottom: 1em;
}
.tallIconTiles > div > div > img {
display: block;
margin: auto;
}
.tallIconTiles > div > h3 {
font-weight: 700;
margin-bottom: 1em;
}
@media (max-width: 59.99rem) {
.tallIconTiles > div > div > img {
max-width: 5em;
margin-right: 1em;
margin-bottom: 1em;
}
.tallIconTiles > div > div {
padding: 2em;
}
}
/* ##################### TYPO3 (EXTENSION) OVERRIDES ######################### */
/* ########################################################################### */
/* News --------------------------- */
#bottom .news-list-view,
#newsBottom .news-list-view {
padding: 0 0 2em 0;
}
.news-list-view > div {
padding-bottom: 2em;
border-bottom: solid 1px rgba(160, 160, 160, 0.3);
margin-bottom: 2em;
}
.news-list-view a.btn-read-more {
background: transparent;
border: solid 0.125em #707070;
color: #707070;
}
.news-list-view a.btn-read-more:hover {
background: #707070;
border: solid 0.125em #707070;
color: #fff;
}
/* newslist default (column) */
.newslistDefault .news-list-view > div:last-child {
margin-bottom: 0;
border-bottom: none;
}
#componentContainer .newslistDefault .news-list-view > div:last-child {
padding-bottom: 0;
}
/* newslist Flex */
.newslistFlex .news-list-view {
display: flex;
max-width: 100%;
flex-direction: column;
}
.newslistFlex .news-list-view > div {
flex: 0 0 30rem;
padding-top: 2em;
padding-bottom: 0.5em;
border-top: solid 0.25em rgba(160, 160, 160, 0.3);
border-bottom: none;
margin-bottom: 0;
background-color: #fff;
}
.newslistFlex .news-list-view > div:nth-child(1),
.newslistFlex .news-list-view > div:nth-child(2),
.newslistFlex .news-list-view > div:nth-child(3) {
padding-top: 0; /* first three not */
border-top: none; /* first three not */
}
.newslistFlex .news-list-view > div .col-md-3 p,
.newslistFlex .news-list-view > div .col-md-9 p,
.newslistFlex .news-list-view > div .col-md-9 .extra {
font-size: 1.2rem;
}
.newslistFlex .news-list-view > div .col-md-3 a,
.newslistFlex .news-list-view > div .col-md-3 a img {
display: block;
width: 100%;
}
.newslistFlex .news-list-view > div .col-md-3 a img {
height: auto;
border-radius: 0.125em 0.125em 0 0;
}
.newslistFlex .news-list-view > div .col-md-9 {
padding: 1em 1.15em;
}
.newslistFlex .news-list-view > div .col-md-9 .extra {
display: block;
padding: 0.5em 0;
border-bottom: solid 1px rgba(160, 160, 160, 0.3);
margin-bottom: 0.5em;
}
.news-single .mediaelement {
margin-bottom: 1em;
}
.newslistFlex .news-list-view > div .col-md-9 a {
margin-top: 1em;
}
@media (min-width: 40rem) {
.newslistFlex .news-list-view {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.newslistFlex .news-list-view > div {
flex: 0 0 30%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
@media (min-width: 60rem) {
.news-single .mediaelement {
float: right;
}
}