@charset "UTF-8";
    article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
.selecty-select,
.selecty .selecty-selected,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select,
.selecty-select,
.selecty .selecty-selected {
text-transform: none;
} button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}   .hamburger {
padding: 16px 16px;
display: inline-block;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 26px;
height: 16px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 26px;
height: 2px;
background-color: #000;
border-radius: 0;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -7px;
}
.hamburger-inner::after {
bottom: -7px;
} .hamburger--squeeze .hamburger-inner {
-webkit-transition-duration: 0.075s;
transition-duration: 0.075s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@font-face {
font-family: "Material Design Icons";
src: url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/materialdesignicons-webfont.eot?v=3.6.95);
src: url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/materialdesignicons-webfont.eot?#iefix&v=3.6.95) format("embedded-opentype"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/materialdesignicons-webfont.woff2?v=3.6.95) format("woff2"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/materialdesignicons-webfont.woff?v=3.6.95) format("woff"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/materialdesignicons-webfont.ttf?v=3.6.95) format("truetype");
font-weight: normal;
font-style: normal;
}
.mdi:before, .icon:before,
.mdi-set {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mdi-magnify::before {
content: "\F349";
}
.mdi-magnify-close::before {
content: "\F97F";
}
.mdi-magnify-minus::before {
content: "\F34A";
}
.mdi-magnify-minus-cursor::before {
content: "\FA61";
}
.mdi-magnify-minus-outline::before {
content: "\F6EB";
}
.mdi-magnify-plus::before {
content: "\F34B";
}
.mdi-magnify-plus-cursor::before {
content: "\FA62";
}
.mdi-magnify-plus-outline::before {
content: "\F6EC";
}
.mdi-check::before {
content: "\F12C";
}
.mdi-check-all::before {
content: "\F12D";
}
.mdi-check-bold::before {
content: "\FE6E";
}
.mdi-check-box-multiple-outline::before {
content: "\FC2D";
}
.mdi-check-box-outline::before {
content: "\FC2E";
}
.mdi-check-circle::before {
content: "\F5E0";
}
.mdi-check-circle-outline::before {
content: "\F5E1";
}
.mdi-email::before {
content: "\F1EE";
}
.mdi-facebook::before {
content: "\F20C";
}
.mdi-facebook-box::before {
content: "\F20D";
}
.mdi-facebook-messenger::before {
content: "\F20E";
}
.mdi-facebook-workplace::before {
content: "\FB16";
}
.mdi-twitter::before {
content: "\F544";
}
.mdi-twitter-box::before {
content: "\F545";
}
.mdi-twitter-circle::before {
content: "\F546";
}
.mdi-twitter-retweet::before {
content: "\F547";
}
.mdi-linkedin::before {
content: "\F33B";
}
.mdi-linkedin-box::before {
content: "\F33C";
}
.mdi-xing::before {
content: "\F5BD";
}
.mdi-xing-box::before {
content: "\F5BE";
}
.mdi-xing-circle::before {
content: "\F5BF";
}
.mdi-youtube::before {
content: "\F5C3";
}
.mdi-youtube-creator-studio::before {
content: "\F846";
}
.mdi-youtube-gaming::before {
content: "\F847";
}
.mdi-youtube-subscription::before {
content: "\FD1C";
}
.mdi-youtube-tv::before {
content: "\F448";
}
.mdi-instagram::before {
content: "\F2FE";
}
.mdi-rss::before {
content: "\F46B";
}
.mdi-rss-box::before {
content: "\F46C";
}
.mdi-plus::before {
content: "\F415";
}
.mdi-plus-box::before {
content: "\F416";
}
.mdi-plus-box-outline::before {
content: "\F703";
}
.mdi-plus-circle::before {
content: "\F417";
}
.mdi-plus-circle-multiple-outline::before {
content: "\F418";
}
.mdi-plus-circle-outline::before {
content: "\F419";
}
.mdi-minus::before {
content: "\F374";
}
.mdi-minus-box::before {
content: "\F375";
}
.mdi-minus-box-outline::before {
content: "\F6F1";
}
.mdi-minus-circle::before {
content: "\F376";
}
.mdi-minus-circle-outline::before {
content: "\F377";
}
.mdi-apple-keyboard-control::before {
content: "\F634";
}
.mdi-close::before {
content: "\F156";
}
.mdi-close-box::before {
content: "\F157";
}
.mdi-close-box-multiple::before {
content: "\FC39";
}
.mdi-close-box-multiple-outline::before {
content: "\FC3A";
}
.mdi-close-box-outline::before {
content: "\F158";
}
.mdi-close-circle::before {
content: "\F159";
}
.mdi-close-circle-outline::before {
content: "\F15A";
}
.mdi-phone::before {
content: "\F3F2";
}
.mdi-phone-bluetooth::before {
content: "\F3F3";
}
.mdi-phone-classic::before {
content: "\F602";
}
.mdi-cellphone::before {
content: "\F11C";
}
.mdi-cellphone-android::before {
content: "\F11D";
}
.mdi-cellphone-basic::before {
content: "\F11E";
}
.mdi-cellphone-iphone::before {
content: "\F120";
}
.mdi-cellphone-key::before {
content: "\F94D";
}
.mdi-cellphone-link::before {
content: "\F121";
}
.mdi-cellphone-link-off::before {
content: "\F122";
}
.mdi-cellphone-message::before {
content: "\F8D2";
}
.mdi-cellphone-sound::before {
content: "\F951";
}
.mdi-cellphone-text::before {
content: "\F8D1";
}
.mdi-share::before {
content: "\F496";
}
.mdi-share-outline::before {
content: "\F931";
}
.mdi-share-variant::before {
content: "\F497";
}
.mdi-square::before {
content: "\F763";
}
.mdi-circle::before {
content: "\F764";
}
.mdi-chevron-right::before {
content: "\F142";
}
.mdi-chevron-left::before {
content: "\F141";
}
.mdi-blank::before {
content: "\F68C";
visibility: hidden;
}
.mdi-18px.mdi-set, .mdi-18px.mdi:before, .mdi-18px.icon:before {
font-size: 18px;
}
.mdi-24px.mdi-set, .mdi-24px.mdi:before, .mdi-24px.icon:before {
font-size: 24px;
}
.mdi-36px.mdi-set, .mdi-36px.mdi:before, .mdi-36px.icon:before {
font-size: 36px;
}
.mdi-48px.mdi-set, .mdi-48px.mdi:before, .mdi-48px.icon:before {
font-size: 48px;
}
.mdi-dark:before {
color: rgba(0, 0, 0, 0.54);
}
.mdi-dark.mdi-inactive:before {
color: rgba(0, 0, 0, 0.26);
}
.mdi-light:before {
color: white;
}
.mdi-light.mdi-inactive:before {
color: rgba(255, 255, 255, 0.3);
}
.mdi-rotate-45 { }
.mdi-rotate-45:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mdi-rotate-90 { }
.mdi-rotate-90:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mdi-rotate-135 { }
.mdi-rotate-135:before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.mdi-rotate-180 { }
.mdi-rotate-180:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.mdi-rotate-225 { }
.mdi-rotate-225:before {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.mdi-rotate-270 { }
.mdi-rotate-270:before {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.mdi-rotate-315 { }
.mdi-rotate-315:before {
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}
.mdi-flip-h:before {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
-webkit-filter: FlipH;
filter: FlipH;
-ms-filter: "FlipH";
}
.mdi-flip-v:before {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
-webkit-filter: FlipV;
filter: FlipV;
-ms-filter: "FlipV";
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes spin-btn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin-btn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin-btn-reverse {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes spin-btn-reverse {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes rotate-menu-icon {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
}
}
@keyframes rotate-menu-icon {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
}
}
@-webkit-keyframes rotate-menu-icon-rev {
0% {
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes rotate-menu-icon-rev {
0% {
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
} @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion: reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
} html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:focus {
outline: none;
}
html,
body {
min-height: 100%;
min-height: 100vh;
background-color: #000000;
padding: 0;
margin: 0;
}
main {
height: 100%;
}
section {
position: relative;
height: 100%;
}
footer {
-webkit-box-flex: 0;
-ms-flex: 0 auto;
flex: 0 auto;
}
.container-fluid,
.container,
.header__container,
.header > .container {
margin-right: auto;
margin-left: auto;
width: calc(100% - 30px);
min-width: calc(667px - 30px);
}
.container-fluid {
padding-right: 2rem;
padding-left: 2rem;
}
.row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-xs, .has--sidebar,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.is--sidebar,
.content-width--medium .is--sidebar,
.article__body ul.contact-social__items .contact-social__item,
.search__item,
.col-xs-5cols,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12,
.col-xs-offset-5cols {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-xs, .has--sidebar {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: auto;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-xs-12,
.is--sidebar,
.content-width--medium .is--sidebar,
.article__body ul.contact-social__items .contact-social__item,
.search__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-5cols {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.col-xs-offset-0 {
margin-left: 0;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-5cols {
margin-left: 20%;
}
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 667px) {
.container,
.header__container,
.header > .container {
width: 637px;
}
}
@media only screen and (min-width: 768px) {
.container,
.header__container,
.header > .container {
width: 738px;
}
.col-sm, .has--sidebar,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.is--sidebar,
.content-width--medium .is--sidebar,
.article__body ul.contact-social__items .contact-social__item,
.col-sm-5,
.col-sm-6,
.search__item,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-5cols,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12,
.col-sm-offset-5cols {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-sm, .has--sidebar {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4,
.is--sidebar,
.content-width--medium .is--sidebar,
.article__body ul.contact-social__items .contact-social__item {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6,
.search__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-5cols {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-5cols {
margin-left: 20%;
}
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1024px) {
.container,
.header__container,
.header > .container {
width: 992px;
}
.col-md, .has--sidebar,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.is--sidebar,
.content-width--medium .is--sidebar,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-5cols,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12,
.col-md-offset-5cols {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-md, .has--sidebar {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4,
.is--sidebar,
.content-width--medium .is--sidebar {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-5cols {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-5cols {
margin-left: 20%;
}
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1200px) {
.container,
.header__container,
.header > .container {
width: 1170px;
}
.col-lg, .has--sidebar, .article__body ul.contact-social__items .contact-social__item,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.is--sidebar,
.col-lg-4,
.content-width--medium .is--sidebar,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-5cols,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12,
.col-lg-offset-5cols {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-lg, .has--sidebar, .article__body ul.contact-social__items .contact-social__item {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3,
.is--sidebar {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4,
.content-width--medium .is--sidebar {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-5cols {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-5cols {
margin-left: 20%;
}
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1600px) {
.container,
.header__container,
.header > .container {
width: 1440px;
}
}
html, :root {
font-size: 15px;
}
body {
color: #ffffff;
font-family: "Brix Sans", "Arial", sans-serif;
font-display: auto;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-rendering: optimizeLegibility;
}
h1,
h2 {
font-family: "Brix Slab", serif;
color: #ffffff;
line-height: 1.2;
margin: 0 0 .75em 0;
font-weight: 600;
letter-spacing: .05px;
}
h3 {
margin: 0 0 .75em 0;
}
h3,
h4,
h5,
h6 {
font-family: "Brix Slab", serif;
margin: 0 0 1em 0;
}
.gigantic, .huge, .large, .bigger, .big,
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
}
h1 + h2,
h1 + h3,
h1 + h4 {
margin-top: 1em;
}
h5 + h1,
h4 + h1,
h6 + h1 {
margin-top: 0;
}
p {
margin: 0.4166666667em 0 0.625em;
}
p ~ p {
margin: 0 0 0.625em;
}
p + h1,
p + h2,
p + h3,
p + h4,
p + h5 {
margin-top: 1.25rem;
}
p:last-child {
margin: 0.4166666667em 0 0.625em;
}
p:first-child {
margin: 0 0 0.625em;
}
li > p:last-child {
margin: 0;
}
p.style--small {
margin: 0 0 0.4166666667em;
}
form p ~ p:last-of-type {
margin: 0 0 1.25em;
}
hr {
border-bottom: 1px solid #878787;
border-left: 0;
border-right: 0;
border-top: 0;
margin: 1.25em 0;
clear: both;
}
p + hr {
margin-top: 0.625em;
}
em {
font-style: italic;
}
strong {
font-weight: 600;
}
pre {
display: block;
padding: 30px;
margin: 0 0 30px;
color: inherit;
word-break: break-all;
word-wrap: break-word;
background-color: #f2f2f2;
border: 1px solid #878787;
border-radius: 0;
overflow-y: auto;
}
blockquote {
font-size: 1.125em;
font-family: "Brix Sans", "Arial", sans-serif;
font-weight: 700;
color: #ffffff;
padding: 60px 30px 30px;
margin: 15px 0 30px;
position: relative;
}
blockquote p,
blockquote p:last-child {
font-size: 1.1em !important;
font-family: "Brix Sans", "Arial", sans-serif;
font-weight: 700;
color: #ffffff !important;
margin: 0 !important;
}
blockquote:last-child {
margin-bottom: 0;
}
blockquote::before {
content: '❝';
top: -1rem;
left: 0;
line-height: 1;
font-family: "Brix Sans", "Arial", sans-serif;
font-size: 5rem;
font-weight: normal;
color: #ffffff;
position: absolute;
}
blockquote::before > p {
margin: 0;
}
a {
color: #bdbdbd;
text-decoration: none;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
outline: 0;
}
a:active, a:focus, a:hover {
color: #b0b0b0;
}
.contact-info.icon {
margin-right: .5rem;
}
body,
li, dt, dd {
font-size: 13.5px;
font-size: calc(0.9rem + 0.25vw);
line-height: 1.25;
}
@media only screen and (min-width: 768px) {
body,
li, dt, dd {
font-size: calc(0.9rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
body,
li, dt, dd {
font-size: calc(0.9rem + 0.15vw);
}
}
.gigantic {
font-size: 86.25px;
font-size: calc(5.75rem + 0.25vw);
font-family: "Brix Slab", serif;
}
@media only screen and (min-width: 768px) {
.gigantic {
font-size: calc(5.75rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.gigantic {
font-size: calc(5.75rem + 0.15vw);
}
}
h1, .headl--huge, section .module__headline {
font-size: 3rem;
line-height: 1.2;
}
@media screen and (min-width: 1024px) {
h1, .headl--huge, section .module__headline {
font-size: 4rem;
}
}
h2, .headl--large {
font-size: 2.074rem;
line-height: 1.36;
}
h3, .headl--medium {
font-size: 1.628rem;
line-height: 1.25;
}
h4, .headl--small {
font-size: 1.44rem;
}
h5, .headl--xsmall {
font-size: 1.2rem;
}
h6, .headl--hint {
font-size: 15px;
font-size: calc(1rem + 0.25vw);
text-transform: uppercase;
font-weight: 600;
}
@media only screen and (min-width: 768px) {
h6, .headl--hint {
font-size: calc(1rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
h6, .headl--hint {
font-size: calc(1rem + 0.15vw);
}
}
.small,
small {
font-size: 11.25px;
font-size: calc(0.75rem + 0.25vw);
line-height: 1.2;
display: inline-block;
}
@media only screen and (min-width: 768px) {
.small,
small {
font-size: calc(0.75rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.small,
small {
font-size: calc(0.75rem + 0.15vw);
}
}
blockquote {
font-size: 16.875px;
font-size: calc(1.125rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
blockquote {
font-size: calc(1.125rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
blockquote {
font-size: calc(1.125rem + 0.15vw);
}
}
p {
font-size: 15px;
font-size: calc(1rem + 0.25vw);
line-height: 1.25;
font-weight: normal;
}
@media only screen and (min-width: 768px) {
p {
font-size: calc(1rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
p {
font-size: calc(1rem + 0.15vw);
}
}
@media print {
* {
background: transparent !important;
color: #000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
ul,
ol {
list-style-type: none;
margin: 0 0 30px;
padding: 0;
}
article ul,
article ol {
list-style-type: disc;
margin: 0 0 15px;
padding: 0 0 0 1.5rem;
}
article ul li,
article ol li {
padding: 0;
position: relative;
}
article ul li h1, article ul li h2, article ul li h3,
article ol li h1,
article ol li h2,
article ol li h3 {
margin-bottom: 0.5rem;
}
#tinymce ul,
#tinymce ol {
list-style-type: disc;
padding-left: 1.5rem;
}
dl {
margin: 0 0 30px;
}
dt {
font-weight: 600;
margin: 15px 0 0;
}
dd {
margin: 0;
}
li, dd, dt {
font-size: inherit;
line-height: inherit;
padding: 0;
}
#tinymce .list--icons, #tinymce .article-cols .article .article__body > ul, .article-cols .article #tinymce .article__body > ul, #tinymce .textbox-cols .article .article__body > ul:not(.contact-infos), .textbox-cols .article #tinymce .article__body > ul:not(.contact-infos),
.list--icons,
.article-cols .article .article__body > ul,
.article-cols[class*="content__cols"]:not(.content__cols-1) .article .article__body > ul,
.textbox-cols .article .article__body > ul:not(.contact-infos),
.textbox-cols[class*="content__cols"]:not(.content__cols-1) .article .article__body > ul:not(.contact-infos) {
padding: 0 0 0 30px;
margin: 0 0 30px;
text-align: left;
}
#tinymce .list--icons > li, #tinymce .article-cols .article .article__body > ul > li, .article-cols .article #tinymce .article__body > ul > li, #tinymce .textbox-cols .article .article__body > ul:not(.contact-infos) > li, .textbox-cols .article #tinymce .article__body > ul:not(.contact-infos) > li,
.list--icons > li,
.article-cols .article .article__body > ul > li,
.article-cols[class*="content__cols"]:not(.content__cols-1) .article .article__body > ul > li,
.textbox-cols .article .article__body > ul:not(.contact-infos) > li,
.textbox-cols[class*="content__cols"]:not(.content__cols-1) .article .article__body > ul:not(.contact-infos) > li {
margin-top: 0.1041666667em;
padding-bottom: 0.1041666667em;
position: relative;
list-style: none;
font-size: inherit;
border: none;
}
#tinymce .list--icons > li::before, #tinymce .article-cols .article .article__body > ul > li::before, .article-cols .article #tinymce .article__body > ul > li::before, #tinymce .textbox-cols .article .article__body > ul:not(.contact-infos) > li::before, .textbox-cols .article #tinymce .article__body > ul:not(.contact-infos) > li::before,
.list--icons > li::before,
.article-cols .article .article__body > ul > li::before,
.article-cols[class*="content__cols"]:not(.content__cols-1) .article .article__body > ul > li::before,
.textbox-cols .article .article__body > ul:not(.contact-infos) > li::before,
.textbox-cols[class*="content__cols"]:not(.content__cols-1) .article .article__body > ul:not(.contact-infos) > li::before {
content: '\F764';
font-family: "Material Design Icons";
color: #ffffff;
font-weight: bold;
font-size: 10px;
font-size: .65em;
line-height: 1;
display: inline-block;
position: absolute;
margin-right: 15px;
margin-left: -2.25em;
top: .55em;
}
#tinymce .list--icon-check,
.list--icon-check {
padding: 0 0 0 30px;
margin: 0 0 30px;
text-align: left;
}
#tinymce .list--icon-check > li,
.list--icon-check > li {
margin-top: 0.2083333333em;
padding-bottom: 0.2083333333em;
position: relative;
list-style: none;
font-size: inherit;
border: none;
}
#tinymce .list--icon-check > li::before,
.list--icon-check > li::before {
content: '\F12C';
font-family: "Material Design Icons";
color: #ffffff;
font-weight: bold;
font-size: 26px;
font-size: 1.25em;
line-height: 1;
display: inline-block;
position: absolute;
margin-right: 15px;
margin-left: -30px;
top: .125rem;
}
#tinymce .list--arrow,
.list--arrow {
display: block;
list-style: none;
margin: 30px 0 0;
padding: 0 0 0 30px !important;
text-align: left;
}
#tinymce .list--arrow > li,
.list--arrow > li {
margin-bottom: 0;
line-height: 1.25;
padding: 0 0 .5em 0;
}
#tinymce .list--arrow > li:before,
.list--arrow > li:before {
content: '\F142';
display: inline-block;
font-size: 1.5em;
line-height: 1;
color: #ffffff;
left: 0;
position: absolute;
top: 0.3em !important;
}
#tinymce .list--arrow > li:before:last-child,
.list--arrow > li:before:last-child {
margin-bottom: 0;
}
#tinymce .list--lines, #tinymce .textbox-cols .article .article__body > ul:not(.contact-infos), .textbox-cols .article #tinymce .article__body > ul:not(.contact-infos),
.list--lines,
.textbox-cols .article .article__body > ul:not(.contact-infos) {
display: inline-block;
width: auto;
text-align: left;
}
#tinymce .list--lines > li, #tinymce .textbox-cols .article .article__body > ul:not(.contact-infos) > li, .textbox-cols .article #tinymce .article__body > ul:not(.contact-infos) > li,
.list--lines > li,
.textbox-cols .article .article__body > ul:not(.contact-infos) > li {
margin-top: 0;
margin-bottom: 0;
margin-top: 5px;
padding-bottom: 5px;
}
#tinymce .list--lines > li:not(:last-child), #tinymce .textbox-cols .article .article__body > ul:not(.contact-infos) > li:not(:last-child), .textbox-cols .article #tinymce .article__body > ul:not(.contact-infos) > li:not(:last-child),
.list--lines > li:not(:last-child),
.textbox-cols .article .article__body > ul:not(.contact-infos) > li:not(:last-child) {
border-bottom: 1px dotted #ffffff;
}
ol.number-circle-list {
list-style: none !important;
margin: 0;
padding-left: 45px !important;
counter-reset: circle-counter;
text-align: left;
}
ol.number-circle-list > li {
counter-increment: circle-counter;
margin-bottom: 10px;
line-height: inherit;
}
ol.number-circle-list > li:before {
content: counter(circle-counter);
background-color: #000000;
width: 2rem;
height: 2rem;
border-radius: 50%;
display: inline-block;
font-size: 1.8rem;
line-height: 1;
font-weight: 500;
color: #ffffff;
text-align: center;
margin-right: 15px;
margin-left: -45px;
position: absolute;
top: -2px;
left: 0;
vertical-align: middle;
}
ol.number-circle-list > li:before:last-child {
margin-bottom: 0;
}
.contact-infos,
.list--contact-infos {
padding: 0;
margin: 0 0 1.25em;
text-align: left;
}
.contact-infos > li,
.list--contact-infos > li {
position: relative;
list-style: none;
font-size: inherit;
border: none;
}
.contact-infos > li::before,
.list--contact-infos > li::before {
display: none;
}
figure {
margin: 0;
}
img,
picture {
margin: 0;
vertical-align: middle;
}
img.no-radius,
picture.no-radius {
border-radius: 0;
}
article > img {
margin-bottom: 15px;
}
table {
border-collapse: collapse;
margin: 0 0 30px;
width: auto;
display: table;
}
th, tfoot {
border-bottom: 4px solid #bfbfbf;
font-weight: 600;
padding: 15px 0;
text-align: left;
}
td {
padding: 0;
padding-right: 15px;
}
@media screen and (min-width: 768px) {
td:not(:last-of-type) {
padding-right: 15px;
}
}
@media screen and (min-width: 1200px) {
td:not(:last-of-type) {
padding-right: 60px;
}
}
tr {
vertical-align: middle;
display: table-row;
}
tbody {
display: table-row-group;
}
td,
th {
display: table-cell;
vertical-align: middle;
width: auto;
}
.table--striped tbody tr:nth-child(odd) {
background-color: #595959;
}
.table--striped td, .table--striped th, .table--striped tfoot {
padding: 8.3333333333px;
}
.table--scrollable {
width: 100%;
overflow-y: auto;
margin: 0 0 1em;
}
.table-scrollable::-webkit-scrollbar {
-webkit-appearance: none;
width: 14px;
height: 14px;
}
.table-scrollable::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, 0.3);
}
.has-tooltip {
position: relative;
overflow: visible;
}
.has-tooltip:hover .tooltip--bottom.tooltip--with-border,
.has-tooltip:hover .tooltip--bottom.tooltip--without-border, .has-tooltip:focus .tooltip--bottom.tooltip--with-border,
.has-tooltip:focus .tooltip--bottom.tooltip--without-border {
visibility: visible;
opacity: 1;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s;
transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
}
.has-tooltip:hover .tooltip--top.tooltip--with-border,
.has-tooltip:hover .tooltip--top.tooltip--without-border, .has-tooltip:focus .tooltip--top.tooltip--with-border,
.has-tooltip:focus .tooltip--top.tooltip--without-border {
visibility: visible;
opacity: 1;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
-webkit-transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s;
transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
}
.has-tooltip:hover .tooltip--right.tooltip--with-border,
.has-tooltip:hover .tooltip--right.tooltip--without-border, .has-tooltip:focus .tooltip--right.tooltip--with-border,
.has-tooltip:focus .tooltip--right.tooltip--without-border {
visibility: visible;
opacity: 1;
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%);
-webkit-transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s;
transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
}
.has-tooltip:hover .tooltip--left.tooltip--with-border,
.has-tooltip:hover .tooltip--left.tooltip--without-border, .has-tooltip:focus .tooltip--left.tooltip--with-border,
.has-tooltip:focus .tooltip--left.tooltip--without-border {
visibility: visible;
opacity: 1;
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%);
-webkit-transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s;
transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
}
.tooltip {
min-width: 10em;
padding: .5em .75em;
-webkit-box-shadow: 0 0.05em 0.15em rgba(0, 0, 0, 0.1);
box-shadow: 0 0.05em 0.15em rgba(0, 0, 0, 0.1);
z-index: 1;
}
.tooltip.tooltip--bottom.tooltip--with-border {
color: #ffffff;
color: #333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
-webkit-box-shadow: 0 3px 6px #000000;
box-shadow: 0 3px 6px #000000;
border-radius: 0;
background-color: white;
text-align: center;
font-size: 0.8em;
line-height: 1.3;
visibility: hidden;
opacity: 0;
-webkit-transform: translate(-50%, 1em);
-ms-transform: translate(-50%, 1em);
transform: translate(-50%, 1em);
-webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
pointer-events: none;
left: 50%;
top: 110%;
margin-top: 1em;
border: 0.05em solid #878787;
}
.tooltip.tooltip--bottom.tooltip--with-border::after, .tooltip.tooltip--bottom.tooltip--with-border::before {
content: '';
position: absolute;
width: 0;
height: 0;
}
.tooltip.tooltip--bottom.tooltip--with-border::after, .tooltip.tooltip--bottom.tooltip--with-border::before {
bottom: 100%;
left: 50%;
}
.tooltip.tooltip--bottom.tooltip--with-border::after {
border-bottom: 0.95em solid white;
border-left: 0.7em solid transparent;
border-right: 0.7em solid transparent;
margin-left: -0.7em;
}
.tooltip.tooltip--bottom.tooltip--with-border::before {
border-bottom: 1em solid #878787;
border-left: 0.75em solid transparent;
border-right: 0.75em solid transparent;
margin-left: -0.75em;
}
.tooltip.tooltip--bottom.tooltip--without-border {
color: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
border-radius: 0;
background-color: #000000;
text-align: center;
font-size: 0.8em;
line-height: 1.3;
visibility: hidden;
opacity: 0;
-webkit-transform: translate(-50%, 0.65em);
-ms-transform: translate(-50%, 0.65em);
transform: translate(-50%, 0.65em);
-webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
pointer-events: none;
left: 50%;
top: 110%;
margin-top: 0.65em;
border: 0 solid transparent;
}
.tooltip.tooltip--bottom.tooltip--without-border::after, .tooltip.tooltip--bottom.tooltip--without-border::before {
content: '';
position: absolute;
width: 0;
height: 0;
}
.tooltip.tooltip--bottom.tooltip--without-border::after, .tooltip.tooltip--bottom.tooltip--without-border::before {
bottom: 100%;
left: 50%;
}
.tooltip.tooltip--bottom.tooltip--without-border::after {
border-bottom: 0.65em solid #000000;
border-left: 0.5em solid transparent;
border-right: 0.5em solid transparent;
margin-left: -0.5em;
}
.tooltip.tooltip--bottom.tooltip--without-border::before {
border-bottom: 0.65em solid transparent;
border-left: 0.5em solid transparent;
border-right: 0.5em solid transparent;
margin-left: -0.5em;
}
.tooltip.tooltip--top.tooltip--with-border {
color: #ffffff;
color: #333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
-webkit-box-shadow: 0 3px 6px #000000;
box-shadow: 0 3px 6px #000000;
border-radius: 0;
background-color: white;
text-align: center;
font-size: 0.8em;
line-height: 1.3;
visibility: hidden;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
pointer-events: none;
left: 50%;
bottom: 110%;
margin-bottom: 1em;
border: 0.05em solid #878787;
}
.tooltip.tooltip--top.tooltip--with-border::after, .tooltip.tooltip--top.tooltip--with-border::before {
content: '';
position: absolute;
width: 0;
height: 0;
}
.tooltip.tooltip--top.tooltip--with-border::after, .tooltip.tooltip--top.tooltip--with-border::before {
top: 100%;
left: 50%;
}
.tooltip.tooltip--top.tooltip--with-border::after {
border-top: 0.95em solid white;
border-left: 0.7em solid transparent;
border-right: 0.7em solid transparent;
margin-left: -0.7em;
}
.tooltip.tooltip--top.tooltip--with-border::before {
border-top: 1em solid #878787;
border-left: 0.75em solid transparent;
border-right: 0.75em solid transparent;
margin-left: -0.75em;
}
.tooltip.tooltip--top.tooltip--without-border {
color: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
border-radius: 0;
background-color: #000000;
text-align: center;
font-size: 0.8em;
line-height: 1.3;
visibility: hidden;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
pointer-events: none;
left: 50%;
bottom: 110%;
margin-bottom: 0.65em;
border: 0 solid transparent;
}
.tooltip.tooltip--top.tooltip--without-border::after, .tooltip.tooltip--top.tooltip--without-border::before {
content: '';
position: absolute;
width: 0;
height: 0;
}
.tooltip.tooltip--top.tooltip--without-border::after, .tooltip.tooltip--top.tooltip--without-border::before {
top: 100%;
left: 50%;
}
.tooltip.tooltip--top.tooltip--without-border::after {
border-top: 0.65em solid #000000;
border-left: 0.5em solid transparent;
border-right: 0.5em solid transparent;
margin-left: -0.5em;
}
.tooltip.tooltip--top.tooltip--without-border::before {
border-top: 0.65em solid transparent;
border-left: 0.5em solid transparent;
border-right: 0.5em solid transparent;
margin-left: -0.5em;
}
.tooltip.tooltip--right.tooltip--with-border {
color: #ffffff;
color: #333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
-webkit-box-shadow: 0 3px 6px #000000;
box-shadow: 0 3px 6px #000000;
border-radius: 0;
background-color: white;
text-align: center;
font-size: 0.8em;
line-height: 1.3;
visibility: hidden;
opacity: 0;
-webkit-transform: translate(1em, 50%);
-ms-transform: translate(1em, 50%);
transform: translate(1em, 50%);
-webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
pointer-events: none;
left: 110%;
bottom: 50%;
margin-left: 1em;
border: 0.05em solid #878787;
}
.tooltip.tooltip--right.tooltip--with-border::after, .tooltip.tooltip--right.tooltip--with-border::before {
content: '';
position: absolute;
width: 0;
height: 0;
}
.tooltip.tooltip--right.tooltip--with-border::after {
bottom: 50%;
right: 100%;
}
.tooltip.tooltip--right.tooltip--with-border::before {
bottom: 49.8%;
right: 100%;
}
.tooltip.tooltip--right.tooltip--with-border::after {
border-right: 0.95em solid white;
border-bottom: 0.7em solid transparent;
border-top: 0.7em solid transparent;
margin-bottom: -0.7em;
}
.tooltip.tooltip--right.tooltip--with-border::before {
border-right: 1em solid #878787;
border-bottom: 0.75em solid transparent;
border-top: 0.75em solid transparent;
margin-bottom: -0.75em;
}
.tooltip.tooltip--right.tooltip--without-border {
color: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
border-radius: 0;
background-color: #000000;
text-align: center;
font-size: 0.8em;
line-height: 1.3;
visibility: hidden;
opacity: 0;
-webkit-transform: translate(0.65em, 50%);
-ms-transform: translate(0.65em, 50%);
transform: translate(0.65em, 50%);
-webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
pointer-events: none;
left: 110%;
bottom: 50%;
margin-left: 0.65em;
border: 0 solid transparent;
}
.tooltip.tooltip--right.tooltip--without-border::after, .tooltip.tooltip--right.tooltip--without-border::before {
content: '';
position: absolute;
width: 0;
height: 0;
}
.tooltip.tooltip--right.tooltip--without-border::after {
bottom: 50%;
right: 100%;
}
.tooltip.tooltip--right.tooltip--without-border::before {
bottom: 49.8%;
right: 100%;
}
.tooltip.tooltip--right.tooltip--without-border::after {
border-right: 0.65em solid #000000;
border-bottom: 0.5em solid transparent;
border-top: 0.5em solid transparent;
margin-bottom: -0.5em;
}
.tooltip.tooltip--right.tooltip--without-border::before {
border-right: 0.65em solid transparent;
border-bottom: 0.5em solid transparent;
border-top: 0.5em solid transparent;
margin-bottom: -0.5em;
}
.tooltip.tooltip--left.tooltip--with-border {
color: #ffffff;
color: #333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
-webkit-box-shadow: 0 3px 6px #000000;
box-shadow: 0 3px 6px #000000;
border-radius: 0;
background-color: white;
text-align: center;
font-size: 0.8em;
line-height: 1.3;
visibility: hidden;
opacity: 0;
-webkit-transform: translate(-1em, 50%);
-ms-transform: translate(-1em, 50%);
transform: translate(-1em, 50%);
-webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
pointer-events: none;
right: 110%;
bottom: 50%;
margin-right: 1em;
border: 0.05em solid #878787;
}
.tooltip.tooltip--left.tooltip--with-border::after, .tooltip.tooltip--left.tooltip--with-border::before {
content: '';
position: absolute;
width: 0;
height: 0;
}
.tooltip.tooltip--left.tooltip--with-border::after, .tooltip.tooltip--left.tooltip--with-border::before {
top: 50%;
left: 100%;
}
.tooltip.tooltip--left.tooltip--with-border::after {
border-left: 0.95em solid white;
border-bottom: 0.7em solid transparent;
border-top: 0.7em solid transparent;
margin-top: -0.7em;
}
.tooltip.tooltip--left.tooltip--with-border::before {
border-left: 1em solid #878787;
border-bottom: 0.75em solid transparent;
border-top: 0.75em solid transparent;
margin-top: -0.75em;
}
.tooltip.tooltip--left.tooltip--without-border {
color: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
border-radius: 0;
background-color: #000000;
text-align: center;
font-size: 0.8em;
line-height: 1.3;
visibility: hidden;
opacity: 0;
-webkit-transform: translate(-0.65em, 50%);
-ms-transform: translate(-0.65em, 50%);
transform: translate(-0.65em, 50%);
-webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s, -webkit-transform 0.2s ease-in 0s;
pointer-events: none;
right: 110%;
bottom: 50%;
margin-right: 0.65em;
border: 0 solid transparent;
}
.tooltip.tooltip--left.tooltip--without-border::after, .tooltip.tooltip--left.tooltip--without-border::before {
content: '';
position: absolute;
width: 0;
height: 0;
}
.tooltip.tooltip--left.tooltip--without-border::after, .tooltip.tooltip--left.tooltip--without-border::before {
top: 50%;
left: 100%;
}
.tooltip.tooltip--left.tooltip--without-border::after {
border-left: 0.65em solid #000000;
border-bottom: 0.5em solid transparent;
border-top: 0.5em solid transparent;
margin-top: -0.5em;
}
.tooltip.tooltip--left.tooltip--without-border::before {
border-left: 0.65em solid transparent;
border-bottom: 0.5em solid transparent;
border-top: 0.5em solid transparent;
margin-top: -0.5em;
}
::-moz-selection {
background: #FFF498;
}
::selection {
background: #FFF498;
}
::-moz-selection {
background: #FFF498;
}
img::-moz-selection {
background: transparent;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
body {
-webkit-tap-highlight-color: #FFF498;
}
button, .button, .btn, [type='submit'], .button-menu__items li a, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn, .divider-headline__link, input[type='button'], input[type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
color: white;
cursor: pointer;
font-family: "Brix Sans", "Arial", sans-serif;
font-size: .9rem;
letter-spacing: .2px;
font-weight: 600 !important;
line-height: 1.2em;
padding: 1em 1.625em;
margin: 0 0 .5em 0;
text-align: center;
text-decoration: none;
text-transform: none;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: baseline;
white-space: nowrap;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: auto;
}
button.button--outline, button.btn--outline, .button.button--outline, .button.btn--outline, .btn.button--outline, .button--outline[type='submit'], .button-menu__items li a.button--outline, .nav-overlay .overlay-menu__items > li > a.button--outline.header-menu__cta-btn, .button--outline.divider-headline__link, .btn.btn--outline, .btn--outline[type='submit'], .button-menu__items li a.btn--outline, .nav-overlay .overlay-menu__items > li > a.btn--outline.header-menu__cta-btn, .btn--outline.divider-headline__link, input[type='button'].button--outline, input[type='button'].btn--outline, input[type='submit'].button--outline, input[type='submit'].btn--outline {
color: #ffffff;
border: 1px solid #ffffff;
}
button:hover, button:focus, .button:hover, .button:focus, .btn:hover, :hover[type='submit'], .button-menu__items li a:hover, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:hover, .divider-headline__link:hover, .btn:focus, :focus[type='submit'], .button-menu__items li a:focus, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:focus, .divider-headline__link:focus, input[type='button']:hover, input[type='button']:focus, input[type='submit']:hover, input[type='submit']:focus {
background-color: black;
color: #ffffff;
border-color: black;
outline: none;
}
button:hover.button--outline, button:hover.btn--outline, button:focus.button--outline, button:focus.btn--outline, .button:hover.button--outline, .button:hover.btn--outline, .button:focus.button--outline, .button:focus.btn--outline, .btn:hover.button--outline, :hover.button--outline[type='submit'], .button-menu__items li a:hover.button--outline, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:hover.button--outline, .divider-headline__link:hover.button--outline, .btn:hover.btn--outline, :hover.btn--outline[type='submit'], .button-menu__items li a:hover.btn--outline, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:hover.btn--outline, .divider-headline__link:hover.btn--outline, .btn:focus.button--outline, :focus.button--outline[type='submit'], .button-menu__items li a:focus.button--outline, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:focus.button--outline, .divider-headline__link:focus.button--outline, .btn:focus.btn--outline, :focus.btn--outline[type='submit'], .button-menu__items li a:focus.btn--outline, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:focus.btn--outline, .divider-headline__link:focus.btn--outline, input[type='button']:hover.button--outline, input[type='button']:hover.btn--outline, input[type='button']:focus.button--outline, input[type='button']:focus.btn--outline, input[type='submit']:hover.button--outline, input[type='submit']:hover.btn--outline, input[type='submit']:focus.button--outline, input[type='submit']:focus.btn--outline {
color: #ffffff;
border: 1px solid #ffffff;
}
button:active:not(:disabled), .button:active:not(:disabled), .btn:active:not(:disabled), :active:not(:disabled)[type='submit'], .button-menu__items li a:active:not(:disabled), .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:active:not(:disabled), .divider-headline__link:active:not(:disabled), input[type='button']:active:not(:disabled), input[type='submit']:active:not(:disabled) {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
background-color: #262626;
border-color: #262626;
}
button:disabled, .button:disabled, .btn:disabled, :disabled[type='submit'], .button-menu__items li a:disabled, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:disabled, .divider-headline__link:disabled, input[type='button']:disabled, input[type='submit']:disabled {
cursor: not-allowed;
opacity: 0.5;
}
button:disabled:hover, .button:disabled:hover, .btn:disabled:hover, :disabled:hover[type='submit'], .button-menu__items li a:disabled:hover, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:disabled:hover, .divider-headline__link:disabled:hover, input[type='button']:disabled:hover, input[type='submit']:disabled:hover {
background-color: #000000;
border-color: #000000;
}
@media screen and (min-width: 667px) {
button, .button, .btn, [type='submit'], .button-menu__items li a, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn, .divider-headline__link, input[type='button'], input[type='submit'] {
width: auto;
}
}
@media screen and (min-width: 1024px) {
button, .button, .btn, [type='submit'], .button-menu__items li a, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn, .divider-headline__link, input[type='button'], input[type='submit'] {
padding: .625em 1.625em;
font-size: 13.5px;
font-size: calc(0.9rem + 0.25vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
button, .button, .btn, [type='submit'], .button-menu__items li a, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn, .divider-headline__link, input[type='button'], input[type='submit'] {
font-size: calc(0.9rem + 0.20vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
button, .button, .btn, [type='submit'], .button-menu__items li a, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn, .divider-headline__link, input[type='button'], input[type='submit'] {
font-size: calc(0.9rem + 0.15vw);
}
}
button.button--large, button.btn--large, button.divider-headline__link, .button.button--large, .button.btn--large, .button.divider-headline__link, .btn.button--large, .button--large[type='submit'], .button-menu__items li a.button--large, .nav-overlay .overlay-menu__items > li > a.button--large.header-menu__cta-btn, .button--large.divider-headline__link, .btn.btn--large, .btn--large[type='submit'], .button-menu__items li a.btn--large, .button-menu__items li a.divider-headline__link, .nav-overlay .overlay-menu__items > li > a.btn--large.header-menu__cta-btn, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn.divider-headline__link, .divider-headline__link, input[type='button'].button--large, input[type='button'].btn--large, input.divider-headline__link[type='button'], input[type='submit'].button--large, input[type='submit'].btn--large, input.divider-headline__link[type='submit'] {
font-size: 1.25rem;
font-weight: semibold;
padding: .6em 2em;
}
@media screen and (min-width: 1024px) {
button.button--large, button.btn--large, button.divider-headline__link, .button.button--large, .button.btn--large, .button.divider-headline__link, .btn.button--large, .button--large[type='submit'], .button-menu__items li a.button--large, .nav-overlay .overlay-menu__items > li > a.button--large.header-menu__cta-btn, .button--large.divider-headline__link, .btn.btn--large, .btn--large[type='submit'], .button-menu__items li a.btn--large, .button-menu__items li a.divider-headline__link, .nav-overlay .overlay-menu__items > li > a.btn--large.header-menu__cta-btn, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn.divider-headline__link, .divider-headline__link, input[type='button'].button--large, input[type='button'].btn--large, input.divider-headline__link[type='button'], input[type='submit'].button--large, input[type='submit'].btn--large, input.divider-headline__link[type='submit'] {
border-radius: 0;
}
}
@media screen and (min-width: 1200px) {
button.button--large, button.btn--large, button.divider-headline__link, .button.button--large, .button.btn--large, .button.divider-headline__link, .btn.button--large, .button--large[type='submit'], .button-menu__items li a.button--large, .nav-overlay .overlay-menu__items > li > a.button--large.header-menu__cta-btn, .button--large.divider-headline__link, .btn.btn--large, .btn--large[type='submit'], .button-menu__items li a.btn--large, .button-menu__items li a.divider-headline__link, .nav-overlay .overlay-menu__items > li > a.btn--large.header-menu__cta-btn, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn.divider-headline__link, .divider-headline__link, input[type='button'].button--large, input[type='button'].btn--large, input.divider-headline__link[type='button'], input[type='submit'].button--large, input[type='submit'].btn--large, input.divider-headline__link[type='submit'] {
border-radius: 0;
font-size: 1.5rem;
}
}
button.button--small, button.btn--small, .button.button--small, .button.btn--small, .btn.button--small, .button--small[type='submit'], .button-menu__items li a.button--small, .nav-overlay .overlay-menu__items > li > a.button--small.header-menu__cta-btn, .button--small.divider-headline__link, .btn.btn--small, .btn--small[type='submit'], .button-menu__items li a.btn--small, .nav-overlay .overlay-menu__items > li > a.btn--small.header-menu__cta-btn, .btn--small.divider-headline__link, input[type='button'].button--small, input[type='button'].btn--small, input[type='submit'].button--small, input[type='submit'].btn--small {
font-size: 11.25px;
font-size: calc(0.75rem + 0.25vw);
border-radius: 0;
letter-spacing-rel: .05;
font-weight: 600;
}
@media only screen and (min-width: 768px) {
button.button--small, button.btn--small, .button.button--small, .button.btn--small, .btn.button--small, .button--small[type='submit'], .button-menu__items li a.button--small, .nav-overlay .overlay-menu__items > li > a.button--small.header-menu__cta-btn, .button--small.divider-headline__link, .btn.btn--small, .btn--small[type='submit'], .button-menu__items li a.btn--small, .nav-overlay .overlay-menu__items > li > a.btn--small.header-menu__cta-btn, .btn--small.divider-headline__link, input[type='button'].button--small, input[type='button'].btn--small, input[type='submit'].button--small, input[type='submit'].btn--small {
font-size: calc(0.75rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
button.button--small, button.btn--small, .button.button--small, .button.btn--small, .btn.button--small, .button--small[type='submit'], .button-menu__items li a.button--small, .nav-overlay .overlay-menu__items > li > a.button--small.header-menu__cta-btn, .button--small.divider-headline__link, .btn.btn--small, .btn--small[type='submit'], .button-menu__items li a.btn--small, .nav-overlay .overlay-menu__items > li > a.btn--small.header-menu__cta-btn, .btn--small.divider-headline__link, input[type='button'].button--small, input[type='button'].btn--small, input[type='submit'].button--small, input[type='submit'].btn--small {
font-size: calc(0.75rem + 0.15vw);
}
}
button.button--invert, button.btn--invert, .button.button--invert, .button.btn--invert, .btn.button--invert, .button--invert[type='submit'], .button-menu__items li a.button--invert, .nav-overlay .overlay-menu__items > li > a.button--invert.header-menu__cta-btn, .button--invert.divider-headline__link, .btn.btn--invert, .btn--invert[type='submit'], .button-menu__items li a.btn--invert, .nav-overlay .overlay-menu__items > li > a.btn--invert.header-menu__cta-btn, .btn--invert.divider-headline__link, input[type='button'].button--invert, input[type='button'].btn--invert, input[type='submit'].button--invert, input[type='submit'].btn--invert {
border: none;
border-color: #ffffff;
background: #ffffff;
color: #000000;
}
button.button--invert:hover, button.btn--invert:hover, .button.button--invert:hover, .button.btn--invert:hover, .btn.button--invert:hover, .button--invert:hover[type='submit'], .button-menu__items li a.button--invert:hover, .nav-overlay .overlay-menu__items > li > a.button--invert.header-menu__cta-btn:hover, .button--invert.divider-headline__link:hover, .btn.btn--invert:hover, .btn--invert:hover[type='submit'], .button-menu__items li a.btn--invert:hover, .nav-overlay .overlay-menu__items > li > a.btn--invert.header-menu__cta-btn:hover, .btn--invert.divider-headline__link:hover, input[type='button'].button--invert:hover, input[type='button'].btn--invert:hover, input[type='submit'].button--invert:hover, input[type='submit'].btn--invert:hover {
background-color: #fafafa;
color: #000000;
}
button.button--invert:active, button.btn--invert:active, .button.button--invert:active, .button.btn--invert:active, .btn.button--invert:active, .button--invert:active[type='submit'], .button-menu__items li a.button--invert:active, .nav-overlay .overlay-menu__items > li > a.button--invert.header-menu__cta-btn:active, .button--invert.divider-headline__link:active, .btn.btn--invert:active, .btn--invert:active[type='submit'], .button-menu__items li a.btn--invert:active, .nav-overlay .overlay-menu__items > li > a.btn--invert.header-menu__cta-btn:active, .btn--invert.divider-headline__link:active, input[type='button'].button--invert:active, input[type='button'].btn--invert:active, input[type='submit'].button--invert:active, input[type='submit'].btn--invert:active {
background-color: #fafafa;
}
button.button--light, button.btn--light, .button.button--light, .button.btn--light, .btn.button--light, .button--light[type='submit'], .button-menu__items li a.button--light, .nav-overlay .overlay-menu__items > li > a.button--light.header-menu__cta-btn, .button--light.divider-headline__link, .btn.btn--light, .btn--light[type='submit'], .button-menu__items li a.btn--light, .nav-overlay .overlay-menu__items > li > a.btn--light.header-menu__cta-btn, .btn--light.divider-headline__link, input[type='button'].button--light, input[type='button'].btn--light, input[type='submit'].button--light, input[type='submit'].btn--light {
border: none;
border-radius: 0;
background: transparent;
color: #ffffff;
}
button.button--light:hover, button.button--light:focus, button.btn--light:hover, button.btn--light:focus, .button.button--light:hover, .button.button--light:focus, .button.btn--light:hover, .button.btn--light:focus, .btn.button--light:hover, .button--light:hover[type='submit'], .button-menu__items li a.button--light:hover, .nav-overlay .overlay-menu__items > li > a.button--light.header-menu__cta-btn:hover, .button--light.divider-headline__link:hover, .btn.button--light:focus, .button--light:focus[type='submit'], .button-menu__items li a.button--light:focus, .nav-overlay .overlay-menu__items > li > a.button--light.header-menu__cta-btn:focus, .button--light.divider-headline__link:focus, .btn.btn--light:hover, .btn--light:hover[type='submit'], .button-menu__items li a.btn--light:hover, .nav-overlay .overlay-menu__items > li > a.btn--light.header-menu__cta-btn:hover, .btn--light.divider-headline__link:hover, .btn.btn--light:focus, .btn--light:focus[type='submit'], .button-menu__items li a.btn--light:focus, .nav-overlay .overlay-menu__items > li > a.btn--light.header-menu__cta-btn:focus, .btn--light.divider-headline__link:focus, input[type='button'].button--light:hover, input[type='button'].button--light:focus, input[type='button'].btn--light:hover, input[type='button'].btn--light:focus, input[type='submit'].button--light:hover, input[type='submit'].button--light:focus, input[type='submit'].btn--light:hover, input[type='submit'].btn--light:focus {
border: none;
background-color: rgba(255, 255, 255, 0.25);
color: #ffffff;
}
button.button--light:active, button.btn--light:active, .button.button--light:active, .button.btn--light:active, .btn.button--light:active, .button--light:active[type='submit'], .button-menu__items li a.button--light:active, .nav-overlay .overlay-menu__items > li > a.button--light.header-menu__cta-btn:active, .button--light.divider-headline__link:active, .btn.btn--light:active, .btn--light:active[type='submit'], .button-menu__items li a.btn--light:active, .nav-overlay .overlay-menu__items > li > a.btn--light.header-menu__cta-btn:active, .btn--light.divider-headline__link:active, input[type='button'].button--light:active, input[type='button'].btn--light:active, input[type='submit'].button--light:active, input[type='submit'].btn--light:active {
border: none;
background-color: #000000;
color: #ffffff;
}
button span.mdi, button span.icon, button span.icon, .button span.mdi, .button span.icon, .button span.icon, .btn span.mdi, [type='submit'] span.mdi, .button-menu__items li a span.mdi, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn span.mdi, .divider-headline__link span.mdi, .btn span.icon, [type='submit'] span.icon, .button-menu__items li a span.icon, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn span.icon, .divider-headline__link span.icon, .btn span.icon, [type='submit'] span.icon, .button-menu__items li a span.icon, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn span.icon, .divider-headline__link span.icon, input[type='button'] span.mdi, input[type='button'] span.icon, input[type='button'] span.icon, input[type='submit'] span.mdi, input[type='submit'] span.icon, input[type='submit'] span.icon {
font-size: 15px;
font-size: calc(1rem + 0.25vw);
vertical-align: middle;
position: relative;
margin-left: -0.5em;
margin-right: .5em;
}
@media only screen and (min-width: 768px) {
button span.mdi, button span.icon, button span.icon, .button span.mdi, .button span.icon, .button span.icon, .btn span.mdi, [type='submit'] span.mdi, .button-menu__items li a span.mdi, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn span.mdi, .divider-headline__link span.mdi, .btn span.icon, [type='submit'] span.icon, .button-menu__items li a span.icon, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn span.icon, .divider-headline__link span.icon, .btn span.icon, [type='submit'] span.icon, .button-menu__items li a span.icon, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn span.icon, .divider-headline__link span.icon, input[type='button'] span.mdi, input[type='button'] span.icon, input[type='button'] span.icon, input[type='submit'] span.mdi, input[type='submit'] span.icon, input[type='submit'] span.icon {
font-size: calc(1rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
button span.mdi, button span.icon, button span.icon, .button span.mdi, .button span.icon, .button span.icon, .btn span.mdi, [type='submit'] span.mdi, .button-menu__items li a span.mdi, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn span.mdi, .divider-headline__link span.mdi, .btn span.icon, [type='submit'] span.icon, .button-menu__items li a span.icon, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn span.icon, .divider-headline__link span.icon, .btn span.icon, [type='submit'] span.icon, .button-menu__items li a span.icon, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn span.icon, .divider-headline__link span.icon, input[type='button'] span.mdi, input[type='button'] span.icon, input[type='button'] span.icon, input[type='submit'] span.mdi, input[type='submit'] span.icon, input[type='submit'] span.icon {
font-size: calc(1rem + 0.15vw);
}
}
button span.mdi.right, button span.right.icon, button span.icon.right, .button span.mdi.right, .button span.right.icon, .button span.icon.right, .btn span.mdi.right, [type='submit'] span.mdi.right, .button-menu__items li a span.mdi.right, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn span.mdi.right, .divider-headline__link span.mdi.right, .btn span.right.icon, [type='submit'] span.right.icon, .button-menu__items li a span.right.icon, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn span.right.icon, .divider-headline__link span.right.icon, .btn span.icon.right, [type='submit'] span.icon.right, .button-menu__items li a span.icon.right, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn span.icon.right, .divider-headline__link span.icon.right, input[type='button'] span.mdi.right, input[type='button'] span.right.icon, input[type='button'] span.icon.right, input[type='submit'] span.mdi.right, input[type='submit'] span.right.icon, input[type='submit'] span.icon.right {
margin-left: .5em;
margin-right: -.5em;
}
button.button--small span.mdi, button.button--small span.icon, button.button--small span.icon, button.btn--small span.mdi, button.btn--small span.icon, button.btn--small span.icon, .button.button--small span.mdi, .button.button--small span.icon, .button.button--small span.icon, .button.btn--small span.mdi, .button.btn--small span.icon, .button.btn--small span.icon, .btn.button--small span.mdi, .button--small[type='submit'] span.mdi, .button-menu__items li a.button--small span.mdi, .nav-overlay .overlay-menu__items > li > a.button--small.header-menu__cta-btn span.mdi, .button--small.divider-headline__link span.mdi, .btn.button--small span.icon, .button--small[type='submit'] span.icon, .button-menu__items li a.button--small span.icon, .nav-overlay .overlay-menu__items > li > a.button--small.header-menu__cta-btn span.icon, .button--small.divider-headline__link span.icon, .btn.button--small span.icon, .button--small[type='submit'] span.icon, .button-menu__items li a.button--small span.icon, .nav-overlay .overlay-menu__items > li > a.button--small.header-menu__cta-btn span.icon, .button--small.divider-headline__link span.icon, .btn.btn--small span.mdi, .btn--small[type='submit'] span.mdi, .button-menu__items li a.btn--small span.mdi, .nav-overlay .overlay-menu__items > li > a.btn--small.header-menu__cta-btn span.mdi, .btn--small.divider-headline__link span.mdi, .btn.btn--small span.icon, .btn--small[type='submit'] span.icon, .button-menu__items li a.btn--small span.icon, .nav-overlay .overlay-menu__items > li > a.btn--small.header-menu__cta-btn span.icon, .btn--small.divider-headline__link span.icon, .btn.btn--small span.icon, .btn--small[type='submit'] span.icon, .button-menu__items li a.btn--small span.icon, .nav-overlay .overlay-menu__items > li > a.btn--small.header-menu__cta-btn span.icon, .btn--small.divider-headline__link span.icon, input[type='button'].button--small span.mdi, input[type='button'].button--small span.icon, input[type='button'].button--small span.icon, input[type='button'].btn--small span.mdi, input[type='button'].btn--small span.icon, input[type='button'].btn--small span.icon, input[type='submit'].button--small span.mdi, input[type='submit'].button--small span.icon, input[type='submit'].button--small span.icon, input[type='submit'].btn--small span.mdi, input[type='submit'].btn--small span.icon, input[type='submit'].btn--small span.icon {
top: 0;
}
.btn--primary {
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.btn--primary.btn--outline {
background-color: transparent;
color: #000000;
}
.btn--primary:hover, .btn--primary:focus {
background-color: #000000;
color: #ffffff;
border-color: #000000;
outline: none;
}
.btn--primary:hover.btn--outline, .btn--primary:focus.btn--outline {
color: #000000;
border-color: #000000;
}
.btn--primary:active:not(:disabled) {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.btn--primary:active:not(:disabled).btn--outline {
background-color: transparent;
color: #000000;
border-color: #000000;
}
.btn--secondary, [type='submit'], .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn, .divider-headline__link {
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.btn--secondary.btn--outline, .btn--outline[type='submit'], .nav-overlay .overlay-menu__items > li > a.btn--outline.header-menu__cta-btn, .btn--outline.divider-headline__link {
color: #000000;
}
.btn--secondary:hover, :hover[type='submit'], .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:hover, .divider-headline__link:hover, .btn--secondary:focus, :focus[type='submit'], .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:focus, .divider-headline__link:focus {
background-color: black;
color: #ffffff;
border-color: black;
outline: none;
}
.btn--secondary:hover.btn--outline, :hover.btn--outline[type='submit'], .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:hover.btn--outline, .divider-headline__link:hover.btn--outline, .btn--secondary:focus.btn--outline, :focus.btn--outline[type='submit'], .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:focus.btn--outline, .divider-headline__link:focus.btn--outline {
background-color: transparent;
color: black;
}
.btn--secondary:active:not(:disabled), :active:not(:disabled)[type='submit'], .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:active:not(:disabled), .divider-headline__link:active:not(:disabled) {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
color: #ffffff;
background-color: black;
border-color: black;
}
.btn--secondary:active:not(:disabled).btn--outline, :active:not(:disabled).btn--outline[type='submit'], .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn:active:not(:disabled).btn--outline, .divider-headline__link:active:not(:disabled).btn--outline {
background-color: transparent;
color: #000000;
}
.btn--tertiary {
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.btn--tertiary.btn--outline {
color: #000000;
}
.btn--tertiary:hover, .btn--tertiary:focus {
background-color: black;
color: #ffffff;
border-color: black;
outline: none;
}
.btn--tertiary:hover.btn--outline, .btn--tertiary:focus.btn--outline {
background-color: transparent;
color: #000000;
border-color: #000000;
}
.btn--tertiary:active:not(:disabled) {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
background-color: black;
color: #ffffff;
border-color: black;
}
.btn--tertiary:active:not(:disabled).btn--outline {
background-color: transparent;
border-color: black;
color: black;
}
.btn--quartinary {
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.btn--quartinary.btn--outline {
color: #000000;
}
.btn--quartinary:hover, .btn--quartinary:focus {
background-color: black;
color: #ffffff;
border-color: black;
outline: none;
}
.btn--quartinary:hover.btn--outline, .btn--quartinary:focus.btn--outline {
background-color: transparent;
color: #000000;
border-color: #000000;
}
.btn--quartinary:active:not(:disabled) {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
background-color: black;
color: #ffffff;
border-color: black;
}
.btn--quartinary:active:not(:disabled).btn--outline {
background-color: transparent;
border-color: black;
color: black;
}
.btn--white {
background-color: #ffffff;
border-color: #ffffff;
color: #ffffff !important;
}
.btn--white.btn--outline {
background-color: transparent;
color: rgba(255, 255, 255, 0.8) !important;
border-color: rgba(255, 255, 255, 0.8);
}
.btn--white:hover, .btn--white:focus {
background-color: #ffffff;
color: #ffffff !important;
border-color: #ffffff;
outline: none;
}
.btn--white:hover.btn--outline, .btn--white:focus.btn--outline {
background-color: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.btn--white:active:not(:disabled) {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
color: #ffffff !important;
background-color: #ffffff;
border-color: #ffffff;
}
.btn--white:active:not(:disabled).btn--outline {
background-color: transparent;
color: rgba(255, 255, 255, 0.5) !important;
border-color: rgba(255, 255, 255, 0.5);
}
.button--outline,
.btn--outline {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
.button--outline:hover, .button--outline:focus,
.btn--outline:hover,
.btn--outline:focus {
background-color: transparent;
outline: 0;
}
.button--outline-invert,
.btn--outline-invert,
.button-menu__items li a {
border: 2px solid #ffffff;
background-color: transparent;
color: #ffffff;
font-weight: 600;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
.button--outline-invert:hover, .button--outline-invert:focus,
.btn--outline-invert:hover,
.button-menu__items li a:hover,
.btn--outline-invert:focus,
.button-menu__items li a:focus {
color: black;
background-color: #ffffff;
border-color: #ffffff;
outline: 0;
}
.button--outline-invert:active,
.btn--outline-invert:active,
.button-menu__items li a:active {
background-color: rgba(255, 255, 255, 0.5);
color: #ffffff;
}
@media screen and (min-width: 667px) {
button,
.button, .btn, [type='submit'], .button-menu__items li a, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn, .divider-headline__link,
.btn--link,
input[type='button'],
input[type='submit'] {
margin-right: 10px;
}
}
.button--link,
.btn--link {
border: 2px solid transparent;
background: transparent;
color: #000000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "Brix Slab", serif;
font-size: 11.25px;
font-size: calc(0.75rem + 0.25vw);
font-weight: 700 !important;
line-height: 1.2em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: baseline;
white-space: nowrap;
}
@media only screen and (min-width: 768px) {
.button--link,
.btn--link {
font-size: calc(0.75rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.button--link,
.btn--link {
font-size: calc(0.75rem + 0.15vw);
}
}
.button--link:active, .button--link:focus, .button--link:hover,
.btn--link:active,
.btn--link:focus,
.btn--link:hover {
color: #1a1919;
}
.button--effect,
.btn--effect {
-webkit-transition: all .2s;
transition: all .2s;
position: relative;
}
.button--effect::after,
.btn--effect::after {
content: '';
display: inline-block;
height: 100%;
width: 100%;
border-radius: 5rem;
position: absolute;
border-radius: 0;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all .4s;
transition: all .4s;
background-color: #000000;
}
.button--effect:hover,
.btn--effect:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-box-shadow: 0 1em 2em rgba(0, 0, 0, 0.2);
box-shadow: 0 1em 2em rgba(0, 0, 0, 0.2);
}
.button--effect:hover::after,
.btn--effect:hover::after {
-webkit-transform: scaleX(1.4) scaleY(1.6);
-ms-transform: scaleX(1.4) scaleY(1.6);
transform: scaleX(1.4) scaleY(1.6);
opacity: 0;
}
.button--effect:active:not(:disabled),
.btn--effect:active:not(:disabled) {
outline: none;
-webkit-transform: scale(0.99) !important;
-ms-transform: scale(0.99) !important;
transform: scale(0.99) !important;
-webkit-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2) !important;
color: inherit;
}
.btn--primary .button--effect,
.btn--primary .btn--effect {
color: #ffffff;
}
.btn--primary .button--effect::after,
.btn--primary .btn--effect::after {
background-color: #000000;
border-color: #000000;
}
.btn--secondary .button--effect, [type='submit'] .button--effect, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn .button--effect, .divider-headline__link .button--effect,
.btn--secondary .btn--effect,
[type='submit'] .btn--effect,
.nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn .btn--effect,
.divider-headline__link .btn--effect {
color: #ffffff;
}
.btn--secondary .button--effect::after, [type='submit'] .button--effect::after, .nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn .button--effect::after, .divider-headline__link .button--effect::after,
.btn--secondary .btn--effect::after,
[type='submit'] .btn--effect::after,
.nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn .btn--effect::after,
.divider-headline__link .btn--effect::after {
background-color: #000000;
border-color: #000000;
}
.btn--tertiary .button--effect,
.btn--tertiary .btn--effect {
color: #ffffff;
}
.btn--tertiary .button--effect::after,
.btn--tertiary .btn--effect::after {
background-color: #000000;
border-color: #000000;
}
.btn--quartinary .button--effect,
.btn--quartinary .btn--effect {
color: #ffffff;
}
.btn--quartinary .button--effect::after,
.btn--quartinary .btn--effect::after {
background-color: #000000;
border-color: #000000;
}
form h3:not(:first-of-type),
form h4:not(:first-of-type),
form h5:not(:first-of-type),
form h6:not(:first-of-type) {
margin: 15px 0 15px;
}
form .col-xs h3, form .has--sidebar h3,
form .col-xs h4,
form .has--sidebar h4,
form .col-xs h5,
form .has--sidebar h5,
form .col-xs h6,
form .has--sidebar h6 {
margin: 15px 0 15px;
}
fieldset {
background-color: transparent;
border: 0;
margin: 0;
padding: 0;
}
legend {
font-weight: 600;
margin-bottom: 7.5px;
padding: 0;
}
label {
display: block;
position: relative;
}
input:not([type='submit']):not([type='button']),
select,
.selecty-select,
.selecty .selecty-selected,
textarea {
display: block;
font-family: "Brix Sans", "Arial", sans-serif;
color: #000000;
font-size: inherit;
} [type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea:not([type='submit']):not([type='button']):not(#rememberme) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ffffff;
border: none;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 3px rgba(89, 89, 89, 0.05);
box-shadow: inset 0 1px 3px rgba(89, 89, 89, 0.05);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
padding: 0.6875em;
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
width: 100%;
}
[type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:not([type='submit']):not([type='button']):not(#rememberme):hover {
border-color: #e6e6e6;
background-color: rgba(255, 255, 255, 0.9);
}
[type='color']:focus, [type='color']:focus:active, [type='date']:focus, [type='date']:focus:active, [type='datetime']:focus, [type='datetime']:focus:active, [type='datetime-local']:focus, [type='datetime-local']:focus:active, [type='email']:focus, [type='email']:focus:active, [type='month']:focus, [type='month']:focus:active, [type='number']:focus, [type='number']:focus:active, [type='password']:focus, [type='password']:focus:active, [type='search']:focus, [type='search']:focus:active, [type='tel']:focus, [type='tel']:focus:active, [type='text']:focus, [type='text']:focus:active, [type='time']:focus, [type='time']:focus:active, [type='url']:focus, [type='url']:focus:active, [type='week']:focus, [type='week']:focus:active, input:not([type]):focus, input:not([type]):focus:active, textarea:not([type='submit']):not([type='button']):not(#rememberme):focus, textarea:not([type='submit']):not([type='button']):not(#rememberme):focus:active {
border-color: #000000;
border-bottom: 2px solid #000000;
-webkit-box-shadow: inset 0 1px 3px rgba(89, 89, 89, 0.05), 0 0 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 1px 3px rgba(89, 89, 89, 0.05), 0 0 5px rgba(0, 0, 0, 0.125);
background-color: rgba(255, 255, 255, 0.9);
outline: none;
}
[type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:not([type='submit']):not([type='button']):not(#rememberme):disabled {
background-color: black;
cursor: not-allowed;
}
[type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:not([type='submit']):not([type='button']):not(#rememberme):disabled:hover {
border: 4px solid #ffffff;
}
[type='submit'] {
width: auto;
}
.fileinput-wrapper {
display: block;
}
.fileinput {
overflow: hidden;
position: relative;
cursor: pointer;
z-index: 1;
}
.fileinput input[type=file],
.fileinput input[type=file]:focus,
.fileinput input[type=file]:hover {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
font-size: 200px;
direction: ltr;
cursor: pointer;
outline: 0;
}
.fileinput-name {
margin-left: 8px;
}
.fileinput-name .close {
float: none;
margin-left: 8px;
vertical-align: middle;
}
[type='date'] {
min-height: 1.2em;
} textarea {
resize: vertical;
}
*::-webkit-input-placeholder {
color: black;
font-size: inherit;
}
*::-moz-placeholder {
color: black;
font-size: inherit;
}
*:-ms-input-placeholder {
color: black;
font-size: inherit;
}
*::-ms-input-placeholder {
color: black;
font-size: inherit;
}
*::placeholder {
color: black;
font-size: inherit;
} select,
.selecty-select,
.selecty .selecty-selected {
width: 100%;
position: relative;
display: inline-block;
white-space: normal;
font-size: inherit;
color: #000000;
padding: 0.6875em 1.03125em 0.6875em 0.6875em;
background-color: #ffffff; border: none;
border-color: #ffffff;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 3px rgba(89, 89, 89, 0.05);
box-shadow: inset 0 1px 3px rgba(89, 89, 89, 0.05);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
select:not(:checked), .selecty-select:not(:checked), .selecty .selecty-selected:not(:checked) {
color: #000000;
}
select:not([multiple]), .selecty-select:not([multiple]), .selecty .selecty-selected:not([multiple]) {
font-size: inherit;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Esharp-expand_more-24px%3C/title%3E%3Cpath d='M24,24H0V0H24Z' style='fill:none'/%3E%3Cpath d='M16.59,8.59,12,13.17,7.41,8.59,6,10l6,6,6-6Z' style='fill:%232f7f3c'/%3E%3C/svg%3E");
background-size: 24px;
background-position: right 6px top 50%;
background-repeat: no-repeat;
}
select::-ms-expand, .selecty-select::-ms-expand, .selecty .selecty-selected::-ms-expand {
display: none;
}
select:hover, .selecty-select:hover, .selecty .selecty-selected:hover {
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
background-color: rgba(255, 255, 255, 0.9);
}
select:focus, .selecty-select:focus, .selecty .selecty-selected:focus {
border-color: #000000;
border-bottom: 2px solid #000000;
-webkit-box-shadow: inset 0 1px 3px rgba(89, 89, 89, 0.05), 0 0 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 1px 3px rgba(89, 89, 89, 0.05), 0 0 5px rgba(0, 0, 0, 0.125);
background-color: rgba(255, 255, 255, 0.9);
outline: none;
}
select .lt-ie10 select, .selecty-select .lt-ie10 select, .selecty .selecty-selected .lt-ie10 select, select .lt-ie10 .selecty-select, .selecty-select .lt-ie10 .selecty-select, .selecty .selecty-selected .lt-ie10 .selecty-select, select .lt-ie10 .selecty .selecty-selected, .selecty select .lt-ie10 .selecty-selected, .selecty-select .lt-ie10 .selecty .selecty-selected, .selecty .selecty-select .lt-ie10 .selecty-selected, .selecty .selecty-selected .lt-ie10 .selecty-selected {
background-image: none;
}
select option, .selecty-select option, .selecty .selecty-selected option {
background: transparent;
padding: .3em 0 .3em 0;
}
select option:hover, .selecty-select option:hover, .selecty .selecty-selected option:hover {
background: #f2f2f2;
}
@supports (-moz-appearance: none) {
select option, .selecty-select option, .selecty .selecty-selected option {
padding: .3em 0 .3em 0;
}
} [type="checkbox"]:not(#rememberme),
[type="radio"] {
display: inline;
margin-right: 0.4166666667em;
width: auto;
float: left;
background: transparent;
border: none;
}
[type="file"] {
margin-bottom: 15px;
width: 100%;
}
[type='checkbox']:checked:not(#rememberme),
[type='checkbox']:not(:checked):not(#rememberme),
[type='radio']:checked,
[type='radio']:not(:checked) {
background: transparent;
position: relative;
visibility: hidden;
margin: 0;
padding: 0;
width: 0;
height: 0;
}
[type='checkbox'] + label,
[type='radio'] + label {
cursor: pointer;
}
[type='checkbox']:checked + label::before,
[type='checkbox']:not(:checked) + label::before,
[type='radio']:checked + label::before,
[type='radio']:not(:checked) + label::before {
content: '';
display: inline-block;
width: 1.25em;
height: 1.25em;
position: relative;
top: 4px;
border: 5px solid #f2f2f2;
background-color: #f2f2f2;
margin-right: 0.4166666667em;
-webkit-transition: background-color 0.2s ease, border 0.2s ease;
transition: background-color 0.2s ease, border 0.2s ease;
}
[type='checkbox']:not(:checked) + label:hover::before,
[type='radio']:not(:checked) + label:hover::before {
background-color: #bdbdbd;
border: 5px solid #bdbdbd;
}
[type='checkbox']:checked + label:hover::before,
[type='radio']:checked + label:hover::before {
background-color: #000000;
border: 5px solid #bdbdbd;
}
[type='radio']:checked + label::before,
[type='radio']:not(:checked) + label::before {
border-radius: 30px;
}
[type='checkbox']:checked + label::before,
[type='radio']:checked + label::before {
background-color: #000000;
border: 5px solid #f2f2f2;
}  .form--small,
form .form--small,
aside form {
font-size: 12.75px;
font-size: 0.85em;
}
.form--small [type='color'], .form--small [type='date'], .form--small [type='datetime'], .form--small [type='datetime-local'], .form--small [type='email'], .form--small [type='month'], .form--small [type='number'], .form--small [type='password'], .form--small [type='search'], .form--small [type='tel'], .form--small [type='text'], .form--small [type='time'], .form--small [type='url'], .form--small [type='week'], .form--small input:not([type]), .form--small textarea:not([type='submit']):not([type='button']):not(#rememberme), .form--small select, .form--small .selecty-select, .form--small .selecty .selecty-selected, .selecty .form--small .selecty-selected, .form--small textarea,
form .form--small [type='color'],
form .form--small [type='date'],
form .form--small [type='datetime'],
form .form--small [type='datetime-local'],
form .form--small [type='email'],
form .form--small [type='month'],
form .form--small [type='number'],
form .form--small [type='password'],
form .form--small [type='search'],
form .form--small [type='tel'],
form .form--small [type='text'],
form .form--small [type='time'],
form .form--small [type='url'],
form .form--small [type='week'],
form .form--small input:not([type]),
form .form--small textarea:not([type='submit']):not([type='button']):not(#rememberme),
form .form--small select,
form .form--small .selecty-select,
form .form--small .selecty .selecty-selected,
.selecty form .form--small .selecty-selected,
form .form--small textarea,
aside form [type='color'],
aside form [type='date'],
aside form [type='datetime'],
aside form [type='datetime-local'],
aside form [type='email'],
aside form [type='month'],
aside form [type='number'],
aside form [type='password'],
aside form [type='search'],
aside form [type='tel'],
aside form [type='text'],
aside form [type='time'],
aside form [type='url'],
aside form [type='week'],
aside form input:not([type]),
aside form textarea:not([type='submit']):not([type='button']):not(#rememberme),
aside form select,
aside form .selecty-select,
aside form .selecty .selecty-selected,
.selecty aside form .selecty-selected,
aside form textarea {
padding: 1rem;
width: 100%;
font-size: 13.5px;
font-size: 0.9em;
}
.form--small *::-webkit-input-placeholder, form .form--small *::-webkit-input-placeholder, aside form *::-webkit-input-placeholder {
color: black;
font-size: 15px;
font-size: 1em;
}
.form--small *::-moz-placeholder, form .form--small *::-moz-placeholder, aside form *::-moz-placeholder {
color: black;
font-size: 15px;
font-size: 1em;
}
.form--small *:-ms-input-placeholder, form .form--small *:-ms-input-placeholder, aside form *:-ms-input-placeholder {
color: black;
font-size: 15px;
font-size: 1em;
}
.form--small *::-ms-input-placeholder, form .form--small *::-ms-input-placeholder, aside form *::-ms-input-placeholder {
color: black;
font-size: 15px;
font-size: 1em;
}
.form--small *::placeholder,
form .form--small *::placeholder,
aside form *::placeholder {
color: black;
font-size: 15px;
font-size: 1em;
}
.form--small .form-text-field input:focus,
.form--small .form-text-field input:active,
.form--small .form-text-field textarea:focus,
.form--small .form-text-field textarea:active,
form .form--small .form-text-field input:focus,
form .form--small .form-text-field input:active,
form .form--small .form-text-field textarea:focus,
form .form--small .form-text-field textarea:active,
aside form .form-text-field input:focus,
aside form .form-text-field input:active,
aside form .form-text-field textarea:focus,
aside form .form-text-field textarea:active {
padding-top: 1em;
}
.form--small .form-text-field input:focus::-webkit-input-placeholder, .form--small .form-text-field input:active::-webkit-input-placeholder, .form--small .form-text-field textarea:focus::-webkit-input-placeholder, .form--small .form-text-field textarea:active::-webkit-input-placeholder, form .form--small .form-text-field input:focus::-webkit-input-placeholder, form .form--small .form-text-field input:active::-webkit-input-placeholder, form .form--small .form-text-field textarea:focus::-webkit-input-placeholder, form .form--small .form-text-field textarea:active::-webkit-input-placeholder, aside form .form-text-field input:focus::-webkit-input-placeholder, aside form .form-text-field input:active::-webkit-input-placeholder, aside form .form-text-field textarea:focus::-webkit-input-placeholder, aside form .form-text-field textarea:active::-webkit-input-placeholder {
color: transparent;
}
.form--small .form-text-field input:focus::-moz-placeholder, .form--small .form-text-field input:active::-moz-placeholder, .form--small .form-text-field textarea:focus::-moz-placeholder, .form--small .form-text-field textarea:active::-moz-placeholder, form .form--small .form-text-field input:focus::-moz-placeholder, form .form--small .form-text-field input:active::-moz-placeholder, form .form--small .form-text-field textarea:focus::-moz-placeholder, form .form--small .form-text-field textarea:active::-moz-placeholder, aside form .form-text-field input:focus::-moz-placeholder, aside form .form-text-field input:active::-moz-placeholder, aside form .form-text-field textarea:focus::-moz-placeholder, aside form .form-text-field textarea:active::-moz-placeholder {
color: transparent;
}
.form--small .form-text-field input:focus:-ms-input-placeholder, .form--small .form-text-field input:active:-ms-input-placeholder, .form--small .form-text-field textarea:focus:-ms-input-placeholder, .form--small .form-text-field textarea:active:-ms-input-placeholder, form .form--small .form-text-field input:focus:-ms-input-placeholder, form .form--small .form-text-field input:active:-ms-input-placeholder, form .form--small .form-text-field textarea:focus:-ms-input-placeholder, form .form--small .form-text-field textarea:active:-ms-input-placeholder, aside form .form-text-field input:focus:-ms-input-placeholder, aside form .form-text-field input:active:-ms-input-placeholder, aside form .form-text-field textarea:focus:-ms-input-placeholder, aside form .form-text-field textarea:active:-ms-input-placeholder {
color: transparent;
}
.form--small .form-text-field input:focus::-ms-input-placeholder, .form--small .form-text-field input:active::-ms-input-placeholder, .form--small .form-text-field textarea:focus::-ms-input-placeholder, .form--small .form-text-field textarea:active::-ms-input-placeholder, form .form--small .form-text-field input:focus::-ms-input-placeholder, form .form--small .form-text-field input:active::-ms-input-placeholder, form .form--small .form-text-field textarea:focus::-ms-input-placeholder, form .form--small .form-text-field textarea:active::-ms-input-placeholder, aside form .form-text-field input:focus::-ms-input-placeholder, aside form .form-text-field input:active::-ms-input-placeholder, aside form .form-text-field textarea:focus::-ms-input-placeholder, aside form .form-text-field textarea:active::-ms-input-placeholder {
color: transparent;
}
.form--small .form-text-field input:focus::placeholder,
.form--small .form-text-field input:active::placeholder,
.form--small .form-text-field textarea:focus::placeholder,
.form--small .form-text-field textarea:active::placeholder,
form .form--small .form-text-field input:focus::placeholder,
form .form--small .form-text-field input:active::placeholder,
form .form--small .form-text-field textarea:focus::placeholder,
form .form--small .form-text-field textarea:active::placeholder,
aside form .form-text-field input:focus::placeholder,
aside form .form-text-field input:active::placeholder,
aside form .form-text-field textarea:focus::placeholder,
aside form .form-text-field textarea:active::placeholder {
color: transparent;
} .formgroup {
position: relative;
width: 100%;
}
.form-privacy-field {
font-size: 80%;
line-height: 1.25;
} .form-text-field {
position: relative;
}
.form-text-field > label,
.form-text-field > .formgroup label {
font-size: 9px;
font-size: calc(0.6rem + 0.25vw);
color: black;
position: absolute;
top: 0.34375em;
left: 1.03125em;
visibility: hidden;
opacity: 0;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
@media only screen and (min-width: 768px) {
.form-text-field > label,
.form-text-field > .formgroup label {
font-size: calc(0.6rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.form-text-field > label,
.form-text-field > .formgroup label {
font-size: calc(0.6rem + 0.15vw);
}
}
.form-text-field input:not([type='date']):not(.wpcf7-quiz):focus,
.form-text-field input:not([type='date']):not(.wpcf7-quiz):active,
.form-text-field input:not([type='date']):not(.wpcf7-quiz):focus:active,
.form-text-field textarea:focus,
.form-text-field textarea:active {
padding-top: 1.4375em !important;
}
.form-text-field input:not([type='date']):not(.wpcf7-quiz):focus::-webkit-input-placeholder, .form-text-field input:not([type='date']):not(.wpcf7-quiz):active::-webkit-input-placeholder, .form-text-field input:not([type='date']):not(.wpcf7-quiz):focus:active::-webkit-input-placeholder, .form-text-field textarea:focus::-webkit-input-placeholder, .form-text-field textarea:active::-webkit-input-placeholder {
color: transparent;
}
.form-text-field input:not([type='date']):not(.wpcf7-quiz):focus::-moz-placeholder, .form-text-field input:not([type='date']):not(.wpcf7-quiz):active::-moz-placeholder, .form-text-field input:not([type='date']):not(.wpcf7-quiz):focus:active::-moz-placeholder, .form-text-field textarea:focus::-moz-placeholder, .form-text-field textarea:active::-moz-placeholder {
color: transparent;
}
.form-text-field input:not([type='date']):not(.wpcf7-quiz):focus:-ms-input-placeholder, .form-text-field input:not([type='date']):not(.wpcf7-quiz):active:-ms-input-placeholder, .form-text-field input:not([type='date']):not(.wpcf7-quiz):focus:active:-ms-input-placeholder, .form-text-field textarea:focus:-ms-input-placeholder, .form-text-field textarea:active:-ms-input-placeholder {
color: transparent;
}
.form-text-field input:not([type='date']):not(.wpcf7-quiz):focus::-ms-input-placeholder, .form-text-field input:not([type='date']):not(.wpcf7-quiz):active::-ms-input-placeholder, .form-text-field input:not([type='date']):not(.wpcf7-quiz):focus:active::-ms-input-placeholder, .form-text-field textarea:focus::-ms-input-placeholder, .form-text-field textarea:active::-ms-input-placeholder {
color: transparent;
}
.form-text-field input:not([type='date']):not(.wpcf7-quiz):focus::placeholder,
.form-text-field input:not([type='date']):not(.wpcf7-quiz):active::placeholder,
.form-text-field input:not([type='date']):not(.wpcf7-quiz):focus:active::placeholder,
.form-text-field textarea:focus::placeholder,
.form-text-field textarea:active::placeholder {
color: transparent;
}
.form-text-field input:not([type='date']):focus + label,
.form-text-field input:not([type='date']):active + label,
.form-text-field input:not([type='date']):focus:active + label,
.form-text-field textarea:active + label,
.form-text-field textarea:focus + label,
.form-text-field textarea:focus:active + label {
font-size: 11px;
color: black;
position: absolute;
top: 0.34375em;
left: 1.03125em;
visibility: visible;
opacity: 1;
}
span + label.has--focus,
.formgroup > span + label.has--focus {
font-size: 12px;
font-size: 0.8rem;
color: black;
position: absolute;
top: 0.34375em;
left: 1.03125em;
visibility: visible;
opacity: 1;
} .post-edit-link {
margin: 0 15px;
color: limegreen;
}
.post-edit-link:hover {
color: #2db92d;
}
.alignnone {
margin: 5px 30px 1.25rem 0;
display: block;
}
@media screen and (min-width: 1024px) {
.alignnone {
margin: 5px 30px 1.25rem 0;
}
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
@media screen and (min-width: 768px) {
.aligncenter, div.aligncenter {
width: auto;
}
}
.alignright {
float: right;
margin: 5px 0 5px 20px;
}
@media screen and (min-width: 768px) {
.alignright {
width: auto;
}
}
.alignleft {
float: left;
margin: 5px 20px 5px 0;
}
@media screen and (min-width: 768px) {
.alignleft {
width: auto;
}
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
@media screen and (min-width: 768px) {
.aligncenter {
width: auto;
}
}
a img.alignright {
float: right;
margin: 5px 0 1.25rem 30px;
}
a img.alignnone {
margin: 5px 30px 1.25rem 0;
}
a img.alignleft {
float: left;
margin: 5px 30px 1.25rem 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
a.lightbox img.alignright {
float: right;
margin: 5px 0 0 30px;
}
a.lightbox img.alignnone {
margin: 5px 30px 0 0;
}
a.lightbox img.alignleft {
float: left;
margin: 5px 30px 0 0;
}
a.lightbox img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 0;
text-align: left;
}
.wp-caption.alignnone {
margin: 5px 30px 1.25rem 0;
}
.wp-caption.alignleft {
margin: 5px 30px 1.25rem 0;
}
.wp-caption.alignright {
margin: 5px 0 30px 1.25rem;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 0.8rem;
font-weight: normal;
line-height: 1.25;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}  @font-face {
font-family: "Material Design Icons";
font-style: normal;
font-weight: normal;
font-display: fallback;
src: url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/fonts/materialdesignicons-webfont.eot); src: local("Material Design Icons"), local("MaterialIcons-Regular"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/åmaterialdesignicons-webfont.woff2) format("woff2"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/materialdesignicons-webfont.woff) format("woff"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/materialdesignicons-webfont.ttf) format("truetype"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/materialdesignicons-webfont.svg) format("svg");
}
@font-face {
font-family: "Brix Sans";
src: local("Brix Sans Regular"), local("brixsansregular"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixsansregular-webfont.woff2) format("woff2"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixsansregular-webfont.woff) format("woff"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixsansregular-webfont.ttf) format("truetype"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixsansregular-webfont.svg#brix_sansregular) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Brix Slab";
src: local("Brix Slab Bold"), local("brixslab_bold"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixslab_bold-webfont.woff2) format("woff2"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixslab_bold-webfont.woff) format("woff"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixslab_bold-webfont.ttf) format("truetype"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixslab_bold-webfont.svg#brix_slabbold) format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Brix Slab";
src: local("Brix Slab Light"), local("brixslab_light"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixslab_light-webfont.woff2) format("woff2"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixslab_light-webfont.woff) format("woff"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixslab_light-webfont.ttf) format("truetype"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixslab_light-webfont.svg#brix_slablight) format("svg");
font-weight: light;
font-style: normal;
}
@font-face {
font-family: "Brix Slab";
src: local("Brix Slab Regular"), local("brixslab_regular"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixslab_regular-webfont.woff2) format("woff2"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixslab_regular-webfont.woff) format("woff"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixslab_regular-webfont.ttf) format("truetype"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/brixslab_regular-webfont.svg#brix_slabregular) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "ahr regular";
src: url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/ahr-webfont.woff2) format("woff2"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/ahr-webfont.woff) format("woff"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/ahr-webfont.ttf) format("truetype"), url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/dist/fonts/ahr-webfont.svg#ahrregular) format("svg");
font-weight: normal;
font-style: normal;
} body {
background: #000000 url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/img/theme/ahr-asphalt-background-sw-1000.jpg);
background-position: 0 0;
background-size: contain;
color: #ffffff;
}
@media screen and (min-width: 1024px) {
body {
background: #000000 url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/img/theme/ahr-asphalt-background-sw-1200.jpg);
}
}
@media screen and (min-width: 1200px) {
body {
background: #000000 url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/img/theme/ahr-asphalt-background-sw-1600.jpg);
}
}
@media screen and (min-width: 1600px) {
body {
background: #000000 url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/img/theme/ahr-asphalt-background-sw-1920.jpg);
}
}
@media screen and (min-width: 1920px) {
body {
background: #000000 url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/img/theme/ahr-asphalt-background-sw-2560.jpg);
}
}
.wrapper,
div[class*='__wrapper'] {
position: relative;
width: 100%;
max-width: 1440px;
padding: 15px;
margin: 0 auto;
*zoom: 1;
background-repeat: no-repeat;
background-size: cover;
}
.wrapper:before, .wrapper:after,
div[class*='__wrapper']:before,
div[class*='__wrapper']:after {
display: table;
content: '';
line-height: 0;
}
.wrapper:after,
div[class*='__wrapper']:after {
clear: both;
}
@media screen and (min-width: 375px) {
.wrapper,
div[class*='__wrapper'] {
padding: 18.75px;
}
}
@media screen and (min-width: 768px) {
.wrapper,
div[class*='__wrapper'] {
padding: 30px;
}
}
.wrapper[class*='bgcolor--'],
div[class*='__wrapper'][class*='bgcolor--'] {
padding-top: 45px;
}
@media screen and (min-width: 1024px) {
.wrapper[class*='bgcolor--'],
div[class*='__wrapper'][class*='bgcolor--'] {
max-width: 1800px;
}
.wrapper[class*='bgcolor--'][class*='content-width--medium'],
div[class*='__wrapper'][class*='bgcolor--'][class*='content-width--medium'] {
max-width: 1800px;
}
.wrapper[class*='bgcolor--'][class*='content-width--small'],
div[class*='__wrapper'][class*='bgcolor--'][class*='content-width--small'] {
max-width: 1800px;
}
.wrapper[class*='bgcolor--'][class*='content-width--full'],
div[class*='__wrapper'][class*='bgcolor--'][class*='content-width--full'] {
max-width: 1800px;
}
}
@media screen and (min-width: 1024px) and (min-width: 1200px) {
.wrapper[class*='bgcolor--'],
div[class*='__wrapper'][class*='bgcolor--'] {
max-width: 1800px;
}
.wrapper[class*='bgcolor--'] > .container, .wrapper[class*='bgcolor--'] > .header__container,
div[class*='__wrapper'][class*='bgcolor--'] > .container,
div[class*='__wrapper'][class*='bgcolor--'] > .header__container {
max-width: 1380px;
}
.wrapper[class*='bgcolor--'][class*='content-width--medium'],
div[class*='__wrapper'][class*='bgcolor--'][class*='content-width--medium'] {
max-width: 1800px;
}
.wrapper[class*='bgcolor--'][class*='content-width--medium'] > .container, .wrapper[class*='bgcolor--'][class*='content-width--medium'] > .header__container,
div[class*='__wrapper'][class*='bgcolor--'][class*='content-width--medium'] > .container,
div[class*='__wrapper'][class*='bgcolor--'][class*='content-width--medium'] > .header__container {
max-width: 1140px;
}
.wrapper[class*='bgcolor--'][class*='content-width--small'],
div[class*='__wrapper'][class*='bgcolor--'][class*='content-width--small'] {
max-width: 1800px;
}
.wrapper[class*='bgcolor--'][class*='content-width--small'] > .container, .wrapper[class*='bgcolor--'][class*='content-width--small'] > .header__container,
div[class*='__wrapper'][class*='bgcolor--'][class*='content-width--small'] > .container,
div[class*='__wrapper'][class*='bgcolor--'][class*='content-width--small'] > .header__container {
max-width: 980px;
}
.wrapper[class*='bgcolor--'][class*='content-width--full'],
div[class*='__wrapper'][class*='bgcolor--'][class*='content-width--full'] {
max-width: 1800px;
}
.wrapper[class*='bgcolor--'][class*='content-width--full'] > .container, .wrapper[class*='bgcolor--'][class*='content-width--full'] > .header__container,
div[class*='__wrapper'][class*='bgcolor--'][class*='content-width--full'] > .container,
div[class*='__wrapper'][class*='bgcolor--'][class*='content-width--full'] > .header__container {
max-width: 1380px;
}
}
@media screen and (max-width: 1600px) {
.wrapper,
div[class*='__wrapper'] {
max-width: 1440px;
}
}
.wrapper--medium-width {
max-width: 1200px;
}
.wrapper section > .wrapper,
.wrapper section > div[class*='__wrapper'],
div[class*='__wrapper'] section > .wrapper,
div[class*='__wrapper'] section > div[class*='__wrapper'] {
padding-left: 0;
padding-right: 0;
}
.container-fluid, .col__container {
margin: 0 auto;
}
.container--full-width {
width: 100%;
max-width: none;
padding-left: 30px;
padding-right: 30px;
margin: 0 auto;
}
.container-fluid .container-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: none;
padding-left: 30px;
padding-right: 30px;
margin: 0 auto;
}
.page-wrap > .container-fluid,
.page-wrap > div[class*='__container'] {
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section {
padding-top: 30px;
padding-bottom: 30px;
background-repeat: no-repeat;
background-size: cover;
}
section.arrow-top::before {
position: absolute;
content: '';
width: 52px;
height: 52px;
top: -10px;
bottom: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-image: url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/img/icons/section-arrow-before.png);
background-repeat: no-repeat;
background-color: transparent !important;
background-size: cover;
z-index: 2;
}
@media screen and (min-width: 1200px) {
section.arrow-top::before {
top: 3px;
}
}
section.arrow-top > .wrapper,
section.arrow-top > .wrapper[class*=bgcolor--],
section.arrow-top > div[class*=__wrapper][class*=bgcolor--] {
padding-top: 52.5px;
}
section.arrow-bottom {
margin-bottom: 200px !important;
}
section.arrow-bottom::after {
position: absolute;
content: '';
width: 70px;
height: 205px;
bottom: -200px;
top: auto;
left: 50%;
-webkit-transform: translateX(-50%) rotate(180deg);
-ms-transform: translateX(-50%) rotate(180deg);
transform: translateX(-50%) rotate(180deg);
background-image: url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/img/icons/section-arrow-after.svg);
background-repeat: no-repeat;
background-color: transparent !important;
background-size: contain;
z-index: 2;
}
section.arrow-bottom > .wrapper,
section.arrow-bottom > .wrapper[class*=bgcolor--],
section.arrow-bottom > div[class*=__wrapper][class*=bgcolor--] {
padding-bottom: 52.5px;
}
section[class*='bgcolor--'] {
margin: 0 auto;
}
section[class*='bgcolor--'].arrow-top::before {
top: -26px;
}
section[class*='bgcolor--'].arrow-top > .wrapper,
section[class*='bgcolor--'].arrow-top > .wrapper[class*=bgcolor--],
section[class*='bgcolor--'].arrow-top > div[class*=__wrapper][class*=bgcolor--] {
padding-top: 15px;
}
section[class*='bgcolor--'] {
margin: 0 auto;
}
section[class*='bgcolor--'].arrow-bottom::after {
bottom: -200px;
}
section[class*='bgcolor--'].arrow-bottom > .wrapper,
section[class*='bgcolor--'].arrow-bottom > .wrapper[class*=bgcolor--],
section[class*='bgcolor--'].arrow-bottom > div[class*=__wrapper][class*=bgcolor--] {
padding-bottom: 15px;
}
section > .wrapper {
padding-top: 15px;
padding-bottom: 15px;
}
@media screen and (min-width: 1024px) {
section.spacer--top-zero > .wrapper, section.breadcrumb > .wrapper {
padding-top: 0;
}
}
@media screen and (min-width: 1024px) {
section.spacer--bottom-zero > .wrapper, section.breadcrumb > .wrapper {
padding-bottom: 0;
}
}
aside {
font-size: 15px;
}
aside .wrapper {
padding: 0;
}
aside section {
padding-top: 0;
padding-bottom: 0;
}
aside .col-xs, aside .has--sidebar,
aside [class^='col-xs-'] {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
width: 100%;
max-width: 100%;
}
@media screen and (min-width: 1200px) {
aside .wrapper {
padding-top: 0;
padding-left: 60px;
}
}
@media screen and (min-width: 667px) {
[class*="content__cols"]:not(.content__cols-1) > .wrapper > .container > .row > [class*="col-"], [class*="content__cols"]:not(.content__cols-1) > .wrapper > .header__container > .row > [class*="col-"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
[class*="content__cols"]:not(.content__cols-1) form .row [class*="col-"] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.content__cols-2 .row {
margin-left: -15px;
margin-right: -15px;
}
.content__cols-2 .row [class*="col-xs"] {
padding-right: 15px;
padding-left: 15px;
}
@media screen and (min-width: 1600px) {
.content__cols-2 .row {
margin-left: -22.5px;
margin-right: -22.5px;
}
.content__cols-2 .row [class*="col-xs"] {
padding-right: 22.5px;
padding-left: 22.5px;
}
}
@media screen and (min-width: 1024px) {
.content__cols-3 .row,
.content__cols-4 .row,
.content__cols-5 .row,
.content__cols-6 .row,
.content__cols-7 .row,
.content__cols-8 .row,
.content__cols-9 .row,
.content__cols-10 .row,
.content__cols-12 .row {
margin-left: -15px;
margin-right: -15px;
}
.content__cols-3 .row [class*="col-xs"],
.content__cols-4 .row [class*="col-xs"],
.content__cols-5 .row [class*="col-xs"],
.content__cols-6 .row [class*="col-xs"],
.content__cols-7 .row [class*="col-xs"],
.content__cols-8 .row [class*="col-xs"],
.content__cols-9 .row [class*="col-xs"],
.content__cols-10 .row [class*="col-xs"],
.content__cols-12 .row [class*="col-xs"] {
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (min-width: 1200px) {
.content__cols-3 .row,
.content__cols-4 .row,
.content__cols-5 .row,
.content__cols-6 .row,
.content__cols-7 .row,
.content__cols-8 .row,
.content__cols-9 .row,
.content__cols-10 .row,
.content__cols-12 .row {
margin-left: -18.75px;
margin-right: -18.75px;
}
.content__cols-3 .row [class*="col-xs"],
.content__cols-4 .row [class*="col-xs"],
.content__cols-5 .row [class*="col-xs"],
.content__cols-6 .row [class*="col-xs"],
.content__cols-7 .row [class*="col-xs"],
.content__cols-8 .row [class*="col-xs"],
.content__cols-9 .row [class*="col-xs"],
.content__cols-10 .row [class*="col-xs"],
.content__cols-12 .row [class*="col-xs"] {
padding-right: 18.75px;
padding-left: 18.75px;
}
}
@media screen and (min-width: 1200px) {
.col--large-gap-dtp .row {
margin-left: -30px !important;
margin-right: -30px !important;
}
.col--large-gap-dtp .row [class*="col-xs"] {
padding-right: 30px !important;
padding-left: 30px !important;
}
}
@media screen and (min-width: 1600px) {
.col--large-gap-dtp .row {
margin-left: -60px !important;
margin-right: -60px !important;
}
.col--large-gap-dtp .row [class*="col-xs"] {
padding-right: 60px !important;
padding-left: 60px !important;
}
}
.col--small-gap .row {
margin-left: -15px !important;
margin-right: -15px !important;
}
.col--small-gap .row [class*="col-xs"] {
padding-right: 15px !important;
padding-left: 15px !important;
}
@media screen and (min-width: 768px) {
.col--normal-gap .row {
margin-left: -15px;
margin-right: -15px;
}
.col--normal-gap .row [class*="col-xs"] {
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (min-width: 1024px) {
.col--normal-gap .row {
margin-left: -22.5px;
margin-right: -22.5px;
}
.col--normal-gap .row [class*="col-xs"] {
padding-right: 22.5px;
padding-left: 22.5px;
}
}
@media screen and (min-width: 1024px) {
.col--large-gap .row {
margin-left: -60px !important;
margin-right: -60px !important;
}
.col--large-gap .row [class*="col-xs"] {
padding-right: 60px !important;
padding-left: 60px !important;
}
}
form .row,
.col--large-gap form .row,
.row--small-spacing {
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
}
form .row [class*="col-xs"],
.col--large-gap form .row [class*="col-xs"],
.row--small-spacing [class*="col-xs"] {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
main {
font-size: 15px;
}
main > section {
padding-top: 30px;
padding-bottom: 30px;
z-index: 0;
}
.is-slider > .wrapper > .container > .row, .is-slider > .wrapper > .header__container > .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
header + main {
margin-top: 60px;
}
@media screen and (min-width: 1200px) {
header + main {
margin-top: 110px;
}
}
.embed-container {
position: relative;
padding-bottom: 66.667%;
overflow: hidden;
width: 100%;
max-width: 100%;
height: auto;
}
.textbox-cols .embed-container {
padding-bottom: 66.6667% !important;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.overlay__trigger {
cursor: pointer;
} .button--radomir {
-webkit-transition: color 0.7s;
transition: color 0.7s;
position: relative;
display: inline-block;
}
.button--radomir:active, .button--radomir:focus {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.button--radomir::after {
position: absolute !important;
top: -70%;
left: 10%;
margin: 0;
width: 80%;
height: 250%;
border-radius: 100%;
content: '';
opacity: 0;
pointer-events: none;
}
.button--effect-radomir::after {
-webkit-box-shadow: inset 0 0 0 40px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 0 40px rgba(0, 0, 0, 0);
}
.button--effect-radomir.button--click::after {
-webkit-animation: anim-effect-radomir .5s ease-out forwards;
animation: anim-effect-radomir .5s ease-out forwards;
-webkit-transition: 0s;
transition: 0s;
}
@-webkit-keyframes anim-effect-radomir {
0% {
opacity: 1;
-webkit-transform: scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
}
80% {
-webkit-box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.8);
opacity: 0.2;
}
100% {
-webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.8);
opacity: 0;
-webkit-transform: scale3d(1.4, 1.4, 1);
transform: scale3d(1.4, 1.4, 1);
}
}
@keyframes anim-effect-radomir {
0% {
opacity: 1;
-webkit-transform: scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
}
80% {
-webkit-box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.8);
opacity: 0.2;
}
100% {
-webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.8);
opacity: 0;
-webkit-transform: scale3d(1.4, 1.4, 1);
transform: scale3d(1.4, 1.4, 1);
}
} .btn--ripple-effect {
position: relative;
overflow: hidden;
}
.btn--ripple-effect:active, .btn--ripple-effect:focus {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.btn--ripple-effect .ripple {
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-animation: ripple 0.6s linear;
animation: ripple 0.6s linear;
}
.btn--ripple-effect.btn--ripple-dark .ripple {
background-color: rgba(0, 0, 0, 0.2);
}
.button--outline.btn--ripple-effect:active, .button--outline.btn--ripple-effect:focus {
background: transparent !important;
color: #000000 !important;
}
.button--outline.btn--ripple-effect .ripple {
background-color: black;
}
@-webkit-keyframes ripple {
to {
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0;
}
}
@keyframes ripple {
to {
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0;
}
} .effect--extend-underline {
position: relative;
}
.effect--extend-underline::before {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 0;
height: 1.5px;
background: #ffffff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.effect--extend-underline:hover::before {
width: 100%;
opacity: 1;
}
.effect--scale-up-bounce::before {
content: '';
position: absolute;
top: 0;
left: -4px;
padding: 0 4px;
z-index: -1;
width: 100%;
height: 100%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
background-color: rgba(0, 0, 0, 0.9);
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, -webkit-transform 0.2s;
transition: transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.325, 1.39);
transition-timing-function: cubic-bezier(0.25, 0.25, 0.325, 1.39);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.effect--scale-up-bounce:hover::before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.effect--scale-up-bounce:hover {
color: #ffffff;
}
.text-color--white,
.text-color--white *:not(.btn):not([type='submit']):not(.divider-headline__link):not(input):not(
select):not(
.selecty-select):not(textarea):not(option):not(.article__readmore) {
color: #ffffff;
}
.text-color--white .formgroup > label,
.text-color--white *:not(.btn):not([type='submit']):not(.divider-headline__link) :not(input):not(
select):not(
.selecty-select):not(textarea):not(option):not(.article__readmore) .formgroup > label {
color: #000000;
}
.text-color--white .post-cols__readmore,
.text-color--white *:not(.btn):not([type='submit']):not(.divider-headline__link) :not(input):not(
select):not(
.selecty-select):not(textarea):not(option):not(.article__readmore) .post-cols__readmore {
border-color: #ffffff;
}
.text-color--black,
.text-color--black * {
color: #000000 !important;
}
.text-color--darkgray,
.text-color--darkgray * {
color: #595959 !important;
}
.text-color--lightgray,
.text-color--lightgray * {
color: #bdbdbd !important;
}
.text-color--primary,
.text-color--primary * {
color: #000000 !important;
}
.text-color--secondary,
.text-color--secondary * {
color: #000000 !important;
}
.text-color--tertiary,
.text-color--tertiary * {
color: #000000 !important;
}
.text-color--quartinary,
.text-color--quartinary * {
color: #000000 !important;
}
.text-color--extra,
.text-color--extra * {
color: #A18C60 !important;
}
.text-color--darker-gray,
.text-color--darker-gray * {
color: #3b3c3d !important;
}
.text-color--dark-gray,
.text-color--dark-gray * {
color: #595959 !important;
}
.text-color--medium-gray,
.text-color--medium-gray * {
color: #878787 !important;
}
.text-color--lighter-gray,
.text-color--lighter-gray * {
color: #f2f2f2 !important;
}
.text-color--light-gray,
.text-color--light-gray * {
color: #bdbdbd !important;
}
.text-size--60 {
display: inline-block;
font-size: 60% !important;
}
@media screen and (min-width: 1024px) {
.text-size--60-tablet-l {
display: inline-block;
font-size: 60% !important;
}
}
.text-size--80 {
display: inline-block;
font-size: 80% !important;
}
@media screen and (min-width: 1024px) {
.text-size--80-tablet-l {
display: inline-block;
font-size: 80% !important;
}
}
.text-size--90 {
display: inline-block;
font-size: 90% !important;
}
@media screen and (min-width: 1024px) {
.text-size--90-tablet-l {
display: inline-block;
font-size: 90% !important;
}
}
.text-size--110 {
display: inline-block;
font-size: 110% !important;
}
@media screen and (min-width: 1024px) {
.text-size--110-tablet-l {
display: inline-block;
font-size: 110% !important;
}
}
.text-size--120 {
display: inline-block;
font-size: 120% !important;
}
@media screen and (min-width: 1024px) {
.text-size--120-tablet-l {
display: inline-block;
font-size: 120% !important;
}
}
.text-size--130 {
display: inline-block;
font-size: 130% !important;
}
@media screen and (min-width: 1024px) {
.text-size--130-tablet-l {
display: inline-block;
font-size: 130% !important;
}
}
.text-size--140 {
display: inline-block;
font-size: 140% !important;
}
@media screen and (min-width: 1024px) {
.text-size--140-tablet-l {
display: inline-block;
font-size: 140% !important;
}
}
.text-size--150 {
display: inline-block;
font-size: 150% !important;
}
@media screen and (min-width: 1024px) {
.text-size--150-tablet-l {
display: inline-block;
font-size: 150% !important;
}
}
.text-size--160 {
display: inline-block;
font-size: 160% !important;
}
@media screen and (min-width: 1024px) {
.text-size--160-tablet-l {
display: inline-block;
font-size: 160% !important;
}
}
.text-size--170 {
display: inline-block;
font-size: 170% !important;
}
@media screen and (min-width: 1024px) {
.text-size--170-tablet-l {
display: inline-block;
font-size: 170% !important;
}
}
.text-size--180 {
display: inline-block;
font-size: 180% !important;
}
@media screen and (min-width: 1024px) {
.text-size--180-tablet-l {
display: inline-block;
font-size: 180% !important;
}
}
.text-size--190 {
display: inline-block;
font-size: 190% !important;
}
@media screen and (min-width: 1024px) {
.text-size--190-tablet-l {
display: inline-block;
font-size: 190% !important;
}
}
.text-size--200 {
display: inline-block;
font-size: 200% !important;
}
@media screen and (min-width: 1024px) {
.text-size--200-tablet-l {
display: inline-block;
font-size: 200% !important;
}
}
.bgcolor--white {
background-color: #ffffff !important;
}
.bgcolor--lighter-gray {
background: #f2f2f2;
background: -webkit-gradient(linear, left top, right top, from(#e5e5e5), color-stop(19%, #f2f2f2), color-stop(81%, #f2f2f2), to(#e5e5e5));
background: linear-gradient(90deg, #e5e5e5 0%, #f2f2f2 19%, #f2f2f2 81%, #e5e5e5 100%);
}
.bgcolor--light-gray {
background-color: #bdbdbd !important;
}
.bgcolor--dark-gray {
background-color: #595959 !important;
}
.bgcolor--primary {
background-color: #000000 !important;
}
.bgcolor--primary a {
color: #ffffff;
}
.bgcolor--primary a:hover {
color: #000000;
}
.bgcolor--primary-op {
background-color: rgba(0, 0, 0, 0.65) !important;
background: rgba(0, 0, 0, 0.75);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.bgcolor--primary-op a {
color: #ffffff;
}
.bgcolor--primary-op a:hover {
color: #000000;
}
.bgcolor--secondary {
background-color: #000000 !important;
background: #000000;
background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(29%, black), color-stop(52%, black), to(#000000));
background: linear-gradient(90deg, #000000 0%, black 29%, black 52%, #000000 100%);
background-repeat: repeat;
}
.bgcolor--secondary a {
color: #ffffff;
}
.bgcolor--secondary a:hover {
color: #000000;
}
.bgcolor--tertiary {
background-color: #000000 !important;
}
.bgcolor--quartinary {
background-color: #000000 !important;
}
.bgcolor--primary-light {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.bgcolor--secondary-light {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.bgcolor--tertiary-light {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.bgcolor--quartinary-light {
background-color: rgba(0, 0, 0, 0.5) !important;
}
section.bgcolor--white {
background-color: #ffffff !important;
}
section.bgcolor--white::before, section.bgcolor--white::after {
background-color: #ffffff;
}
section.bgcolor--lighter-gray {
background-color: #f2f2f2;
}
section.bgcolor--lighter-gray::before, section.bgcolor--lighter-gray::after {
background-color: #f2f2f2;
}
section.bgcolor--light-gray {
background-color: #bdbdbd;
}
section.bgcolor--light-gray::before, section.bgcolor--light-gray::after {
background-color: #bdbdbd;
}
section.bgcolor--dark-gray {
background-color: #595959;
}
section.bgcolor--dark-gray::before, section.bgcolor--dark-gray::after {
background-color: #595959;
}
section.bgcolor--primary {
background-color: #000000 !important;
}
section.bgcolor--primary::before, section.bgcolor--primary::after {
background-color: #000000;
}
section.bgcolor--secondary {
background-color: #000000 !important;
}
section.bgcolor--secondary::before, section.bgcolor--secondary::after {
background-color: #000000;
}
section.bgcolor--tertiary {
background-color: #000000 !important;
}
section.bgcolor--tertiary::before, section.bgcolor--tertiary::after {
background-color: #000000;
}
section.bgcolor--quartinary {
background-color: #000000 !important;
}
section.bgcolor--quartinary::before, section.bgcolor--quartinary::after {
background-color: #000000;
}
.bgcolor--lighter-gray [type='color'], .bgcolor--lighter-gray [type='date'], .bgcolor--lighter-gray [type='datetime'], .bgcolor--lighter-gray [type='datetime-local'], .bgcolor--lighter-gray [type='email'], .bgcolor--lighter-gray [type='month'], .bgcolor--lighter-gray [type='number'], .bgcolor--lighter-gray [type='password'], .bgcolor--lighter-gray [type='search'], .bgcolor--lighter-gray [type='tel'], .bgcolor--lighter-gray [type='text'], .bgcolor--lighter-gray [type='time'], .bgcolor--lighter-gray [type='url'], .bgcolor--lighter-gray [type='week'], .bgcolor--lighter-gray input:not([type]), .bgcolor--lighter-gray textarea,
.bgcolor--light-gray [type='color'],
.bgcolor--light-gray [type='date'],
.bgcolor--light-gray [type='datetime'],
.bgcolor--light-gray [type='datetime-local'],
.bgcolor--light-gray [type='email'],
.bgcolor--light-gray [type='month'],
.bgcolor--light-gray [type='number'],
.bgcolor--light-gray [type='password'],
.bgcolor--light-gray [type='search'],
.bgcolor--light-gray [type='tel'],
.bgcolor--light-gray [type='text'],
.bgcolor--light-gray [type='time'],
.bgcolor--light-gray [type='url'],
.bgcolor--light-gray [type='week'],
.bgcolor--light-gray input:not([type]),
.bgcolor--light-gray textarea,
.bgcolor--dark-gray [type='color'],
.bgcolor--dark-gray [type='date'],
.bgcolor--dark-gray [type='datetime'],
.bgcolor--dark-gray [type='datetime-local'],
.bgcolor--dark-gray [type='email'],
.bgcolor--dark-gray [type='month'],
.bgcolor--dark-gray [type='number'],
.bgcolor--dark-gray [type='password'],
.bgcolor--dark-gray [type='search'],
.bgcolor--dark-gray [type='tel'],
.bgcolor--dark-gray [type='text'],
.bgcolor--dark-gray [type='time'],
.bgcolor--dark-gray [type='url'],
.bgcolor--dark-gray [type='week'],
.bgcolor--dark-gray input:not([type]),
.bgcolor--dark-gray textarea {
background-color: #ffffff;
}
.bgcolor--lighter-gray [type='color']:hover, .bgcolor--lighter-gray [type='color']:focus, .bgcolor--lighter-gray [type='date']:hover, .bgcolor--lighter-gray [type='date']:focus, .bgcolor--lighter-gray [type='datetime']:hover, .bgcolor--lighter-gray [type='datetime']:focus, .bgcolor--lighter-gray [type='datetime-local']:hover, .bgcolor--lighter-gray [type='datetime-local']:focus, .bgcolor--lighter-gray [type='email']:hover, .bgcolor--lighter-gray [type='email']:focus, .bgcolor--lighter-gray [type='month']:hover, .bgcolor--lighter-gray [type='month']:focus, .bgcolor--lighter-gray [type='number']:hover, .bgcolor--lighter-gray [type='number']:focus, .bgcolor--lighter-gray [type='password']:hover, .bgcolor--lighter-gray [type='password']:focus, .bgcolor--lighter-gray [type='search']:hover, .bgcolor--lighter-gray [type='search']:focus, .bgcolor--lighter-gray [type='tel']:hover, .bgcolor--lighter-gray [type='tel']:focus, .bgcolor--lighter-gray [type='text']:hover, .bgcolor--lighter-gray [type='text']:focus, .bgcolor--lighter-gray [type='time']:hover, .bgcolor--lighter-gray [type='time']:focus, .bgcolor--lighter-gray [type='url']:hover, .bgcolor--lighter-gray [type='url']:focus, .bgcolor--lighter-gray [type='week']:hover, .bgcolor--lighter-gray [type='week']:focus, .bgcolor--lighter-gray input:not([type]):hover, .bgcolor--lighter-gray input:not([type]):focus, .bgcolor--lighter-gray textarea:hover, .bgcolor--lighter-gray textarea:focus,
.bgcolor--light-gray [type='color']:hover,
.bgcolor--light-gray [type='color']:focus,
.bgcolor--light-gray [type='date']:hover,
.bgcolor--light-gray [type='date']:focus,
.bgcolor--light-gray [type='datetime']:hover,
.bgcolor--light-gray [type='datetime']:focus,
.bgcolor--light-gray [type='datetime-local']:hover,
.bgcolor--light-gray [type='datetime-local']:focus,
.bgcolor--light-gray [type='email']:hover,
.bgcolor--light-gray [type='email']:focus,
.bgcolor--light-gray [type='month']:hover,
.bgcolor--light-gray [type='month']:focus,
.bgcolor--light-gray [type='number']:hover,
.bgcolor--light-gray [type='number']:focus,
.bgcolor--light-gray [type='password']:hover,
.bgcolor--light-gray [type='password']:focus,
.bgcolor--light-gray [type='search']:hover,
.bgcolor--light-gray [type='search']:focus,
.bgcolor--light-gray [type='tel']:hover,
.bgcolor--light-gray [type='tel']:focus,
.bgcolor--light-gray [type='text']:hover,
.bgcolor--light-gray [type='text']:focus,
.bgcolor--light-gray [type='time']:hover,
.bgcolor--light-gray [type='time']:focus,
.bgcolor--light-gray [type='url']:hover,
.bgcolor--light-gray [type='url']:focus,
.bgcolor--light-gray [type='week']:hover,
.bgcolor--light-gray [type='week']:focus,
.bgcolor--light-gray input:not([type]):hover,
.bgcolor--light-gray input:not([type]):focus,
.bgcolor--light-gray textarea:hover,
.bgcolor--light-gray textarea:focus,
.bgcolor--dark-gray [type='color']:hover,
.bgcolor--dark-gray [type='color']:focus,
.bgcolor--dark-gray [type='date']:hover,
.bgcolor--dark-gray [type='date']:focus,
.bgcolor--dark-gray [type='datetime']:hover,
.bgcolor--dark-gray [type='datetime']:focus,
.bgcolor--dark-gray [type='datetime-local']:hover,
.bgcolor--dark-gray [type='datetime-local']:focus,
.bgcolor--dark-gray [type='email']:hover,
.bgcolor--dark-gray [type='email']:focus,
.bgcolor--dark-gray [type='month']:hover,
.bgcolor--dark-gray [type='month']:focus,
.bgcolor--dark-gray [type='number']:hover,
.bgcolor--dark-gray [type='number']:focus,
.bgcolor--dark-gray [type='password']:hover,
.bgcolor--dark-gray [type='password']:focus,
.bgcolor--dark-gray [type='search']:hover,
.bgcolor--dark-gray [type='search']:focus,
.bgcolor--dark-gray [type='tel']:hover,
.bgcolor--dark-gray [type='tel']:focus,
.bgcolor--dark-gray [type='text']:hover,
.bgcolor--dark-gray [type='text']:focus,
.bgcolor--dark-gray [type='time']:hover,
.bgcolor--dark-gray [type='time']:focus,
.bgcolor--dark-gray [type='url']:hover,
.bgcolor--dark-gray [type='url']:focus,
.bgcolor--dark-gray [type='week']:hover,
.bgcolor--dark-gray [type='week']:focus,
.bgcolor--dark-gray input:not([type]):hover,
.bgcolor--dark-gray input:not([type]):focus,
.bgcolor--dark-gray textarea:hover,
.bgcolor--dark-gray textarea:focus {
background-color: #ffffff;
}
.bgcolor--lighter-gray [type='checkbox']:not(:checked) + label::before,
.bgcolor--lighter-gray [type='radio']:not(:checked) + label::before,
.bgcolor--light-gray [type='checkbox']:not(:checked) + label::before,
.bgcolor--light-gray [type='radio']:not(:checked) + label::before,
.bgcolor--dark-gray [type='checkbox']:not(:checked) + label::before,
.bgcolor--dark-gray [type='radio']:not(:checked) + label::before {
border: 4px solid #ffffff;
background: #ffffff;
}
.bgcolor--lighter-gray [type='checkbox']:checked + label::before,
.bgcolor--lighter-gray [type='radio']:checked + label::before,
.bgcolor--light-gray [type='checkbox']:checked + label::before,
.bgcolor--light-gray [type='radio']:checked + label::before,
.bgcolor--dark-gray [type='checkbox']:checked + label::before,
.bgcolor--dark-gray [type='radio']:checked + label::before {
border: 4px solid #ffffff;
}
.bgcolor--lighter-gray [type='checkbox']:checked + label::before:hover,
.bgcolor--lighter-gray [type='radio']:checked + label::before:hover,
.bgcolor--light-gray [type='checkbox']:checked + label::before:hover,
.bgcolor--light-gray [type='radio']:checked + label::before:hover,
.bgcolor--dark-gray [type='checkbox']:checked + label::before:hover,
.bgcolor--dark-gray [type='radio']:checked + label::before:hover {
border: 4px solid #bdbdbd;
}
.bgcolor--lighter-gray [type='checkbox']:not(:checked) + label:hover::before,
.bgcolor--lighter-gray [type='radio']:not(:checked) + label:hover::before,
.bgcolor--light-gray [type='checkbox']:not(:checked) + label:hover::before,
.bgcolor--light-gray [type='radio']:not(:checked) + label:hover::before,
.bgcolor--dark-gray [type='checkbox']:not(:checked) + label:hover::before,
.bgcolor--dark-gray [type='radio']:not(:checked) + label:hover::before {
background-color: #ffffff;
border: 4px solid #ffffff;
}
.invert-colors-bg {
background-color: #000000;
}
.invert-colors-font {
color: #ffffff;
}
.invert-colors {
background-color: #000000;
}
.invert-colors > *, .invert-colors a {
color: #ffffff;
}
.invert-colors > .invert-colors {
background-color: #ffffff;
color: #000000;
}
.invert-colors > .invert-colors-bg {
background-color: #ffffff;
}
.invert-colors > .invert-colors-font {
color: #000000;
}
.m-t-0 {
display: inline-block;
margin-top: 0px !important;
}
.p-t-0 {
display: inline-block;
padding-top: 0px !important;
}
.m-b-0 {
display: inline-block;
margin-bottom: 0px !important;
}
.p-b-0 {
display: inline-block;
padding-bottom: 0px !important;
}
.m-l-0 {
display: inline-block;
margin-left: 0px !important;
}
.p-l-0 {
display: inline-block;
padding-left: 0px !important;
}
.m-r-0 {
display: inline-block;
margin-right: 0px !important;
}
.p-r-0 {
display: inline-block;
padding-right: 0px !important;
}
.m-t-5 {
display: inline-block;
margin-top: 5px !important;
}
.p-t-5 {
display: inline-block;
padding-top: 5px !important;
}
.m-b-5 {
display: inline-block;
margin-bottom: 5px !important;
}
.p-b-5 {
display: inline-block;
padding-bottom: 5px !important;
}
.m-l-5 {
display: inline-block;
margin-left: 5px !important;
}
.p-l-5 {
display: inline-block;
padding-left: 5px !important;
}
.m-r-5 {
display: inline-block;
margin-right: 5px !important;
}
.p-r-5 {
display: inline-block;
padding-right: 5px !important;
}
.m-t-10 {
display: inline-block;
margin-top: 10px !important;
}
.p-t-10 {
display: inline-block;
padding-top: 10px !important;
}
.m-b-10 {
display: inline-block;
margin-bottom: 10px !important;
}
.p-b-10 {
display: inline-block;
padding-bottom: 10px !important;
}
.m-l-10 {
display: inline-block;
margin-left: 10px !important;
}
.p-l-10 {
display: inline-block;
padding-left: 10px !important;
}
.m-r-10 {
display: inline-block;
margin-right: 10px !important;
}
.p-r-10 {
display: inline-block;
padding-right: 10px !important;
}
.m-t-15 {
display: inline-block;
margin-top: 15px !important;
}
.p-t-15 {
display: inline-block;
padding-top: 15px !important;
}
.m-b-15 {
display: inline-block;
margin-bottom: 15px !important;
}
.p-b-15 {
display: inline-block;
padding-bottom: 15px !important;
}
.m-l-15 {
display: inline-block;
margin-left: 15px !important;
}
.p-l-15 {
display: inline-block;
padding-left: 15px !important;
}
.m-r-15 {
display: inline-block;
margin-right: 15px !important;
}
.p-r-15 {
display: inline-block;
padding-right: 15px !important;
}
.m-t-20 {
display: inline-block;
margin-top: 20px !important;
}
.p-t-20 {
display: inline-block;
padding-top: 20px !important;
}
.m-b-20 {
display: inline-block;
margin-bottom: 20px !important;
}
.p-b-20 {
display: inline-block;
padding-bottom: 20px !important;
}
.m-l-20 {
display: inline-block;
margin-left: 20px !important;
}
.p-l-20 {
display: inline-block;
padding-left: 20px !important;
}
.m-r-20 {
display: inline-block;
margin-right: 20px !important;
}
.p-r-20 {
display: inline-block;
padding-right: 20px !important;
}
.m-t-25 {
display: inline-block;
margin-top: 25px !important;
}
.p-t-25 {
display: inline-block;
padding-top: 25px !important;
}
.m-b-25 {
display: inline-block;
margin-bottom: 25px !important;
}
.p-b-25 {
display: inline-block;
padding-bottom: 25px !important;
}
.m-l-25 {
display: inline-block;
margin-left: 25px !important;
}
.p-l-25 {
display: inline-block;
padding-left: 25px !important;
}
.m-r-25 {
display: inline-block;
margin-right: 25px !important;
}
.p-r-25 {
display: inline-block;
padding-right: 25px !important;
}
.m-t-30 {
display: inline-block;
margin-top: 30px !important;
}
.p-t-30 {
display: inline-block;
padding-top: 30px !important;
}
.m-b-30 {
display: inline-block;
margin-bottom: 30px !important;
}
.p-b-30 {
display: inline-block;
padding-bottom: 30px !important;
}
.m-l-30 {
display: inline-block;
margin-left: 30px !important;
}
.p-l-30 {
display: inline-block;
padding-left: 30px !important;
}
.m-r-30 {
display: inline-block;
margin-right: 30px !important;
}
.p-r-30 {
display: inline-block;
padding-right: 30px !important;
}
.m-t-35 {
display: inline-block;
margin-top: 35px !important;
}
.p-t-35 {
display: inline-block;
padding-top: 35px !important;
}
.m-b-35 {
display: inline-block;
margin-bottom: 35px !important;
}
.p-b-35 {
display: inline-block;
padding-bottom: 35px !important;
}
.m-l-35 {
display: inline-block;
margin-left: 35px !important;
}
.p-l-35 {
display: inline-block;
padding-left: 35px !important;
}
.m-r-35 {
display: inline-block;
margin-right: 35px !important;
}
.p-r-35 {
display: inline-block;
padding-right: 35px !important;
}
.m-t-40 {
display: inline-block;
margin-top: 40px !important;
}
.p-t-40 {
display: inline-block;
padding-top: 40px !important;
}
.m-b-40 {
display: inline-block;
margin-bottom: 40px !important;
}
.p-b-40 {
display: inline-block;
padding-bottom: 40px !important;
}
.m-l-40 {
display: inline-block;
margin-left: 40px !important;
}
.p-l-40 {
display: inline-block;
padding-left: 40px !important;
}
.m-r-40 {
display: inline-block;
margin-right: 40px !important;
}
.p-r-40 {
display: inline-block;
padding-right: 40px !important;
}
.m-t-45 {
display: inline-block;
margin-top: 45px !important;
}
.p-t-45 {
display: inline-block;
padding-top: 45px !important;
}
.m-b-45 {
display: inline-block;
margin-bottom: 45px !important;
}
.p-b-45 {
display: inline-block;
padding-bottom: 45px !important;
}
.m-l-45 {
display: inline-block;
margin-left: 45px !important;
}
.p-l-45 {
display: inline-block;
padding-left: 45px !important;
}
.m-r-45 {
display: inline-block;
margin-right: 45px !important;
}
.p-r-45 {
display: inline-block;
padding-right: 45px !important;
}
.m-t-50 {
display: inline-block;
margin-top: 50px !important;
}
.p-t-50 {
display: inline-block;
padding-top: 50px !important;
}
.m-b-50 {
display: inline-block;
margin-bottom: 50px !important;
}
.p-b-50 {
display: inline-block;
padding-bottom: 50px !important;
}
.m-l-50 {
display: inline-block;
margin-left: 50px !important;
}
.p-l-50 {
display: inline-block;
padding-left: 50px !important;
}
.m-r-50 {
display: inline-block;
margin-right: 50px !important;
}
.p-r-50 {
display: inline-block;
padding-right: 50px !important;
}
.m-t-75 {
display: inline-block;
margin-top: 75px !important;
}
.p-t-75 {
display: inline-block;
padding-top: 75px !important;
}
.m-b-75 {
display: inline-block;
margin-bottom: 75px !important;
}
.p-b-75 {
display: inline-block;
padding-bottom: 75px !important;
}
.m-l-75 {
display: inline-block;
margin-left: 75px !important;
}
.p-l-75 {
display: inline-block;
padding-left: 75px !important;
}
.m-r-75 {
display: inline-block;
margin-right: 75px !important;
}
.p-r-75 {
display: inline-block;
padding-right: 75px !important;
}
.m-t-100 {
display: inline-block;
margin-top: 100px !important;
}
.p-t-100 {
display: inline-block;
padding-top: 100px !important;
}
.m-b-100 {
display: inline-block;
margin-bottom: 100px !important;
}
.p-b-100 {
display: inline-block;
padding-bottom: 100px !important;
}
.m-l-100 {
display: inline-block;
margin-left: 100px !important;
}
.p-l-100 {
display: inline-block;
padding-left: 100px !important;
}
.m-r-100 {
display: inline-block;
margin-right: 100px !important;
}
.p-r-100 {
display: inline-block;
padding-right: 100px !important;
}
.m-0 {
display: inline-block;
margin: 0px !important;
}
.p-0 {
display: inline-block;
padding: 0px !important;
}
.m-5 {
display: inline-block;
margin: 5px !important;
}
.p-5 {
display: inline-block;
padding: 5px !important;
}
.m-10 {
display: inline-block;
margin: 10px !important;
}
.p-10 {
display: inline-block;
padding: 10px !important;
}
.m-15 {
display: inline-block;
margin: 15px !important;
}
.p-15 {
display: inline-block;
padding: 15px !important;
}
.m-20 {
display: inline-block;
margin: 20px !important;
}
.p-20 {
display: inline-block;
padding: 20px !important;
}
.m-25 {
display: inline-block;
margin: 25px !important;
}
.p-25 {
display: inline-block;
padding: 25px !important;
}
.m-30 {
display: inline-block;
margin: 30px !important;
}
.p-30 {
display: inline-block;
padding: 30px !important;
}
.m-35 {
display: inline-block;
margin: 35px !important;
}
.p-35 {
display: inline-block;
padding: 35px !important;
}
.m-40 {
display: inline-block;
margin: 40px !important;
}
.p-40 {
display: inline-block;
padding: 40px !important;
}
.m-45 {
display: inline-block;
margin: 45px !important;
}
.p-45 {
display: inline-block;
padding: 45px !important;
}
.m-50 {
display: inline-block;
margin: 50px !important;
}
.p-50 {
display: inline-block;
padding: 50px !important;
}
.m-75 {
display: inline-block;
margin: 75px !important;
}
.p-75 {
display: inline-block;
padding: 75px !important;
}
.m-100 {
display: inline-block;
margin: 100px !important;
}
.p-100 {
display: inline-block;
padding: 100px !important;
}
.spacer--h {
padding: 60px 0;
}
.spacer--zero {
padding: 0 !important;
}
.spacer--h-small {
padding: 30px 0;
}
.spacer--h-large {
padding: 120px 0;
}
.spacer--h-xlarge {
padding: 180px 0;
}
.spacer--h-big {
padding: 240px 0;
}
.spacer--h-huge {
padding: 360px 0;
}
.spacer--v {
padding: 0 30px;
}
.spacer--v-small {
padding: 0 15px;
}
.spacer--v-large {
padding: 0 60px;
}
.spacer--v-xlarge {
padding: 0 90px;
}
.spacer--v-big {
padding: 0 135px;
}
.spacer--v-huge {
padding: 0 210px;
}
.row .spacer--v {
padding: -30px;
}
.spacer--top {
padding-top: 30px;
}
@media screen and (min-width: 1200px) {
.spacer--top {
padding-top: 60px;
}
}
.spacer--top-zero, .breadcrumb {
padding-top: 0;
}
.spacer--top-small {
padding-top: 15px;
}
@media screen and (min-width: 1200px) {
.spacer--top-small {
padding-top: 30px;
}
}
.spacer--top-large {
padding-top: 60px;
}
@media screen and (min-width: 1200px) {
.spacer--top-large {
padding-top: 120px;
}
}
.spacer--top-big {
padding-top: 135px;
}
@media screen and (min-width: 1200px) {
.spacer--top-big {
padding-top: 270px;
}
}
.spacer--top-huge {
padding-top: 210px;
}
@media screen and (min-width: 1200px) {
.spacer--top-huge {
padding-top: 420px;
}
}
.spacer--bottom {
padding-bottom: 15px;
}
@media screen and (min-width: 1200px) {
.spacer--bottom {
padding-bottom: 60px;
}
}
.spacer--bottom-zero, .breadcrumb {
padding-bottom: 0 !important;
}
.spacer--bottom-small {
padding-bottom: 15px;
}
@media screen and (min-width: 1200px) {
.spacer--bottom-small {
padding-bottom: 30px;
}
}
.spacer--bottom-large {
padding-bottom: 60px;
}
@media screen and (min-width: 1200px) {
.spacer--bottom-large {
padding-bottom: 120px;
}
}
.spacer--bottom-big {
padding-bottom: 135px;
}
@media screen and (min-width: 1200px) {
.spacer--bottom-big {
padding-bottom: 270px;
}
}
.spacer--bottom-huge {
padding-bottom: 210px;
}
@media screen and (min-width: 1200px) {
.spacer--bottom-huge {
padding-bottom: 420px;
}
}
.margin--h {
margin: 30px 0;
}
.margin--zero {
margin: 0 !important;
}
.margin--h-large {
margin: 60px 0;
}
.margin--h-xlarge {
margin: 90px 0;
}
.margin--h-big {
margin: 135px 0;
}
.margin--h-huge {
margin: 210px 0;
}
.margin--top,
.margin--top-medium {
margin-top: 30px !important;
}
.margin--top-large {
margin-top: 60px !important;
}
.margin--top-big {
margin-top: 135px !important;
}
.margin--top-huge {
margin-top: 210px !important;
}
.margin--bottom,
.margin--bottom-medium {
margin-bottom: 60px !important;
}
.margin--bottom-zero {
margin-bottom: 0 !important;
}
.margin--bottom-small {
margin-bottom: 30px !important;
}
.margin--bottom-large {
margin-bottom: 60px !important;
}
.margin--bottom-big {
margin-bottom: 135px !important;
}
.margin--bottom-huge {
margin-bottom: 210px !important;
}
.bgcolor--white {
background-color: #ffffff !important;
}
.bgcolor--lighter-gray {
background-color: #f2f2f2 !important;
}
.bgcolor--light-gray {
background-color: #bdbdbd !important;
}
.bgcolor--dark-gray {
background-color: #595959 !important;
}
.bgcolor--primary {
background-color: #000000 !important;
}
.bgcolor--primary a {
color: #ffffff;
}
.bgcolor--primary a:hover {
color: #000000;
}
.bgcolor--secondary {
background-color: #000000 !important;
}
.bgcolor--secondary a {
color: #ffffff;
}
.bgcolor--secondary a:hover {
color: #000000;
}
.bgcolor--tertiary {
background-color: #000000 !important;
}
.bgcolor--quartinary {
background-color: #000000 !important;
}
.bgcolor--primary-light {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.bgcolor--secondary-light {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.bgcolor--tertiary-light {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.bgcolor--quartinary-light {
background-color: rgba(0, 0, 0, 0.5) !important;
}
section.bgcolor--white {
background-color: #ffffff !important;
}
section.bgcolor--white::before, section.bgcolor--white::after {
background-color: #ffffff;
}
section.bgcolor--lighter-gray {
background-color: #f2f2f2;
}
section.bgcolor--lighter-gray::before, section.bgcolor--lighter-gray::after {
background-color: #f2f2f2;
}
section.bgcolor--light-gray {
background-color: #bdbdbd;
}
section.bgcolor--light-gray::before, section.bgcolor--light-gray::after {
background-color: #bdbdbd;
}
section.bgcolor--dark-gray {
background-color: #595959;
}
section.bgcolor--dark-gray::before, section.bgcolor--dark-gray::after {
background-color: #595959;
}
section.bgcolor--primary {
background-color: #000000 !important;
}
section.bgcolor--primary::before, section.bgcolor--primary::after {
background-color: #000000;
}
section.bgcolor--secondary {
background-color: #000000 !important;
}
section.bgcolor--secondary::before, section.bgcolor--secondary::after {
background-color: #000000;
}
section.bgcolor--tertiary {
background-color: #000000 !important;
}
section.bgcolor--tertiary::before, section.bgcolor--tertiary::after {
background-color: #000000;
}
section.bgcolor--quartinary {
background-color: #000000 !important;
}
section.bgcolor--quartinary::before, section.bgcolor--quartinary::after {
background-color: #000000;
}
.bgcolor--lighter-gray [type='color'], .bgcolor--lighter-gray [type='date'], .bgcolor--lighter-gray [type='datetime'], .bgcolor--lighter-gray [type='datetime-local'], .bgcolor--lighter-gray [type='email'], .bgcolor--lighter-gray [type='month'], .bgcolor--lighter-gray [type='number'], .bgcolor--lighter-gray [type='password'], .bgcolor--lighter-gray [type='search'], .bgcolor--lighter-gray [type='tel'], .bgcolor--lighter-gray [type='text'], .bgcolor--lighter-gray [type='time'], .bgcolor--lighter-gray [type='url'], .bgcolor--lighter-gray [type='week'], .bgcolor--lighter-gray input:not([type]), .bgcolor--lighter-gray textarea,
.bgcolor--light-gray [type='color'],
.bgcolor--light-gray [type='date'],
.bgcolor--light-gray [type='datetime'],
.bgcolor--light-gray [type='datetime-local'],
.bgcolor--light-gray [type='email'],
.bgcolor--light-gray [type='month'],
.bgcolor--light-gray [type='number'],
.bgcolor--light-gray [type='password'],
.bgcolor--light-gray [type='search'],
.bgcolor--light-gray [type='tel'],
.bgcolor--light-gray [type='text'],
.bgcolor--light-gray [type='time'],
.bgcolor--light-gray [type='url'],
.bgcolor--light-gray [type='week'],
.bgcolor--light-gray input:not([type]),
.bgcolor--light-gray textarea,
.bgcolor--dark-gray [type='color'],
.bgcolor--dark-gray [type='date'],
.bgcolor--dark-gray [type='datetime'],
.bgcolor--dark-gray [type='datetime-local'],
.bgcolor--dark-gray [type='email'],
.bgcolor--dark-gray [type='month'],
.bgcolor--dark-gray [type='number'],
.bgcolor--dark-gray [type='password'],
.bgcolor--dark-gray [type='search'],
.bgcolor--dark-gray [type='tel'],
.bgcolor--dark-gray [type='text'],
.bgcolor--dark-gray [type='time'],
.bgcolor--dark-gray [type='url'],
.bgcolor--dark-gray [type='week'],
.bgcolor--dark-gray input:not([type]),
.bgcolor--dark-gray textarea {
background-color: #ffffff;
}
.bgcolor--lighter-gray [type='color']:hover, .bgcolor--lighter-gray [type='color']:focus, .bgcolor--lighter-gray [type='date']:hover, .bgcolor--lighter-gray [type='date']:focus, .bgcolor--lighter-gray [type='datetime']:hover, .bgcolor--lighter-gray [type='datetime']:focus, .bgcolor--lighter-gray [type='datetime-local']:hover, .bgcolor--lighter-gray [type='datetime-local']:focus, .bgcolor--lighter-gray [type='email']:hover, .bgcolor--lighter-gray [type='email']:focus, .bgcolor--lighter-gray [type='month']:hover, .bgcolor--lighter-gray [type='month']:focus, .bgcolor--lighter-gray [type='number']:hover, .bgcolor--lighter-gray [type='number']:focus, .bgcolor--lighter-gray [type='password']:hover, .bgcolor--lighter-gray [type='password']:focus, .bgcolor--lighter-gray [type='search']:hover, .bgcolor--lighter-gray [type='search']:focus, .bgcolor--lighter-gray [type='tel']:hover, .bgcolor--lighter-gray [type='tel']:focus, .bgcolor--lighter-gray [type='text']:hover, .bgcolor--lighter-gray [type='text']:focus, .bgcolor--lighter-gray [type='time']:hover, .bgcolor--lighter-gray [type='time']:focus, .bgcolor--lighter-gray [type='url']:hover, .bgcolor--lighter-gray [type='url']:focus, .bgcolor--lighter-gray [type='week']:hover, .bgcolor--lighter-gray [type='week']:focus, .bgcolor--lighter-gray input:not([type]):hover, .bgcolor--lighter-gray input:not([type]):focus, .bgcolor--lighter-gray textarea:hover, .bgcolor--lighter-gray textarea:focus,
.bgcolor--light-gray [type='color']:hover,
.bgcolor--light-gray [type='color']:focus,
.bgcolor--light-gray [type='date']:hover,
.bgcolor--light-gray [type='date']:focus,
.bgcolor--light-gray [type='datetime']:hover,
.bgcolor--light-gray [type='datetime']:focus,
.bgcolor--light-gray [type='datetime-local']:hover,
.bgcolor--light-gray [type='datetime-local']:focus,
.bgcolor--light-gray [type='email']:hover,
.bgcolor--light-gray [type='email']:focus,
.bgcolor--light-gray [type='month']:hover,
.bgcolor--light-gray [type='month']:focus,
.bgcolor--light-gray [type='number']:hover,
.bgcolor--light-gray [type='number']:focus,
.bgcolor--light-gray [type='password']:hover,
.bgcolor--light-gray [type='password']:focus,
.bgcolor--light-gray [type='search']:hover,
.bgcolor--light-gray [type='search']:focus,
.bgcolor--light-gray [type='tel']:hover,
.bgcolor--light-gray [type='tel']:focus,
.bgcolor--light-gray [type='text']:hover,
.bgcolor--light-gray [type='text']:focus,
.bgcolor--light-gray [type='time']:hover,
.bgcolor--light-gray [type='time']:focus,
.bgcolor--light-gray [type='url']:hover,
.bgcolor--light-gray [type='url']:focus,
.bgcolor--light-gray [type='week']:hover,
.bgcolor--light-gray [type='week']:focus,
.bgcolor--light-gray input:not([type]):hover,
.bgcolor--light-gray input:not([type]):focus,
.bgcolor--light-gray textarea:hover,
.bgcolor--light-gray textarea:focus,
.bgcolor--dark-gray [type='color']:hover,
.bgcolor--dark-gray [type='color']:focus,
.bgcolor--dark-gray [type='date']:hover,
.bgcolor--dark-gray [type='date']:focus,
.bgcolor--dark-gray [type='datetime']:hover,
.bgcolor--dark-gray [type='datetime']:focus,
.bgcolor--dark-gray [type='datetime-local']:hover,
.bgcolor--dark-gray [type='datetime-local']:focus,
.bgcolor--dark-gray [type='email']:hover,
.bgcolor--dark-gray [type='email']:focus,
.bgcolor--dark-gray [type='month']:hover,
.bgcolor--dark-gray [type='month']:focus,
.bgcolor--dark-gray [type='number']:hover,
.bgcolor--dark-gray [type='number']:focus,
.bgcolor--dark-gray [type='password']:hover,
.bgcolor--dark-gray [type='password']:focus,
.bgcolor--dark-gray [type='search']:hover,
.bgcolor--dark-gray [type='search']:focus,
.bgcolor--dark-gray [type='tel']:hover,
.bgcolor--dark-gray [type='tel']:focus,
.bgcolor--dark-gray [type='text']:hover,
.bgcolor--dark-gray [type='text']:focus,
.bgcolor--dark-gray [type='time']:hover,
.bgcolor--dark-gray [type='time']:focus,
.bgcolor--dark-gray [type='url']:hover,
.bgcolor--dark-gray [type='url']:focus,
.bgcolor--dark-gray [type='week']:hover,
.bgcolor--dark-gray [type='week']:focus,
.bgcolor--dark-gray input:not([type]):hover,
.bgcolor--dark-gray input:not([type]):focus,
.bgcolor--dark-gray textarea:hover,
.bgcolor--dark-gray textarea:focus {
background-color: #ffffff;
}
.bgcolor--lighter-gray [type='checkbox']:not(:checked) + label::before,
.bgcolor--lighter-gray [type='radio']:not(:checked) + label::before,
.bgcolor--light-gray [type='checkbox']:not(:checked) + label::before,
.bgcolor--light-gray [type='radio']:not(:checked) + label::before,
.bgcolor--dark-gray [type='checkbox']:not(:checked) + label::before,
.bgcolor--dark-gray [type='radio']:not(:checked) + label::before {
border: 4px solid #ffffff;
background: #ffffff;
}
.bgcolor--lighter-gray [type='checkbox']:checked + label::before,
.bgcolor--lighter-gray [type='radio']:checked + label::before,
.bgcolor--light-gray [type='checkbox']:checked + label::before,
.bgcolor--light-gray [type='radio']:checked + label::before,
.bgcolor--dark-gray [type='checkbox']:checked + label::before,
.bgcolor--dark-gray [type='radio']:checked + label::before {
border: 4px solid #ffffff;
}
.bgcolor--lighter-gray [type='checkbox']:checked + label::before:hover,
.bgcolor--lighter-gray [type='radio']:checked + label::before:hover,
.bgcolor--light-gray [type='checkbox']:checked + label::before:hover,
.bgcolor--light-gray [type='radio']:checked + label::before:hover,
.bgcolor--dark-gray [type='checkbox']:checked + label::before:hover,
.bgcolor--dark-gray [type='radio']:checked + label::before:hover {
border: 4px solid #bdbdbd;
}
.bgcolor--lighter-gray [type='checkbox']:not(:checked) + label:hover::before,
.bgcolor--lighter-gray [type='radio']:not(:checked) + label:hover::before,
.bgcolor--light-gray [type='checkbox']:not(:checked) + label:hover::before,
.bgcolor--light-gray [type='radio']:not(:checked) + label:hover::before,
.bgcolor--dark-gray [type='checkbox']:not(:checked) + label:hover::before,
.bgcolor--dark-gray [type='radio']:not(:checked) + label:hover::before {
background-color: #ffffff;
border: 4px solid #ffffff;
}
.invert-colors-bg {
background-color: #000000;
}
.invert-colors-font {
color: #ffffff;
}
.invert-colors {
background-color: #000000;
}
.invert-colors > *, .invert-colors a {
color: #ffffff;
}
.invert-colors > .invert-colors {
background-color: #ffffff;
color: #000000;
}
.invert-colors > .invert-colors-bg {
background-color: #ffffff;
}
.invert-colors > .invert-colors-font {
color: #000000;
}
.display--flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.display--flex-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.style--row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
section.style--row-reverse .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
section.style--column-reverse .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.list-inline {
display: inline;
}
@media screen and (min-width: 1024px) {
.style--align-center [class^='col-xs-'] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.style--align-center .article {
margin-top: auto;
margin-bottom: auto;
margin-right: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.style--align-center form > .row > [class^='col-xs-'] {
display: block;
}
.style--justify-center [class^='col-xs-'] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.style--justify-center .article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 auto;
flex: 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: auto;
margin-right: auto;
margin-left: auto;
width: auto; }
}
@media screen and (min-width: 1024px) and (-ms-high-contrast: active), screen and (min-width: 1024px) and (-ms-high-contrast: none) {
.style--justify-center .article {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media screen and (min-width: 1024px) {
.style--justify-center .article footer {
width: auto;
}
}
.style--boxed-layout {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
header.header.style--boxed-layout {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.full-width,
.width--full {
width: 100% !important;
max-width: none !important;
}
.content-width--large {
width: 100% !important;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.content-width--full {
width: 100% !important;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
.content-width--small {
width: 100% !important;
max-width: 1040px;
margin-left: auto;
margin-right: auto;
}
.content-width--medium {
width: 100% !important;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.unsmall {
font-size: 12.75px;
font-size: calc(0.85rem + 0.25vw);
line-height: 1.25;
}
@media only screen and (min-width: 768px) {
.unsmall {
font-size: calc(0.85rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.unsmall {
font-size: calc(0.85rem + 0.15vw);
}
}
.text--root-size, .text--root-size > *,
.text--small, .text--small > * {
font-size: 15px;
}
.text--right {
text-align: right;
}
.text--left {
text-align: left;
}
.text--center {
text-align: center;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
.text--center-mobile {
text-align: center;
}
}
.text--nowrap {
white-space: nowrap;
}
.hide--text {
font: 0/0 a;
color: transparent;
text-shadow: none;
}
.text-size--hero {
font-family: "Brix Slab",serif;
font-size: 1.25rem;
}
@media screen and (min-width: 1024px) {
.text-size--hero {
font-size: 22.5px;
font-size: calc(1.5rem + 0.25vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
.text-size--hero {
font-size: calc(1.5rem + 0.20vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
.text-size--hero {
font-size: calc(1.5rem + 0.15vw);
}
}
.text-size--lead {
font-size: 1.075rem;
}
@media screen and (min-width: 1024px) {
.text-size--lead {
font-size: 16.5px;
font-size: calc(1.1rem + 0.25vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
.text-size--lead {
font-size: calc(1.1rem + 0.20vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
.text-size--lead {
font-size: calc(1.1rem + 0.15vw);
}
}
.text-size--small {
font-size: .85rem;
display: inline-block;
}
.align--right {
margin-right: 0 !important;
margin-left: auto !important;
}
.circle {
border-radius: 50% !important;
}
.rounded {
border-radius: 3% !important;
}
.round-corner, .img--round-corner,
.img--round-corner > a,
.img--round-corner > a::before,
.img--round-corner > a::after {
border-radius: 30px !important;
}
@media screen and (min-width: 1024px) {
.round-corner, .img--round-corner,
.img--round-corner > a,
.img--round-corner > a::before,
.img--round-corner > a::after {
border-radius: 60px !important;
}
}
.round-corner::before, .img--round-corner::before,
.img--round-corner > a::before, .round-corner::after, .img--round-corner::after,
.img--round-corner > a::after {
border-radius: 30px !important;
}
@media screen and (min-width: 1024px) {
.round-corner::before, .img--round-corner::before,
.img--round-corner > a::before, .round-corner::after, .img--round-corner::after,
.img--round-corner > a::after {
border-radius: 60px !important;
}
}
.round-small-corner {
border-radius: 20px !important;
}
@media screen and (min-width: 1024px) {
.round-small-corner {
border-radius: 40px !important;
}
}
.round-small-corner::before, .round-small-corner::after {
border-radius: 20px !important;
}
@media screen and (min-width: 1024px) {
.round-small-corner::before, .round-small-corner::after {
border-radius: 40px !important;
}
}
hr.border--dotted {
height: 0;
border-top: none;
border-bottom: 4px dotted #ffffff;
}
hr.border--solid-dotted {
height: 8px;
border-top: 5px solid #ffffff;
border-bottom: 4px dotted #ffffff;
}
hr.border--dotted-svg {
background-image: url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/img/hr-divider.svg);
background-repeat: repeat-x;
height: 15px;
background-size: 178%;
background-position: left center;
border: none;
width: 100%;
}
.border-top--dotted {
border-top: 2px dotted #ffffff;
}
.invert-colors hr.border--dotted,
.invert-colors hr.border--solid-dotted,
.invert-colors .border-top--dotted,
.invert-colors [class*='border--dotted'] {
border-color: #ffffff !important;
}
.is--sidebar {
padding-left: 60px;
}
.content-width--medium .is--sidebar {
padding-left: 60px;
}
@media screen and (max-width: 375px) {
.hide--on-phone {
display: none !important;
}
}
@media screen and (min-width: 375.0625px) and (max-width: 667px) {
.hide--on-phone-l {
display: none !important;
}
}
@media screen and (min-width: 667.0625px) and (max-width: 1023.9375px) {
.hide--on-tablet {
display: none !important;
}
}
@media screen and (min-width: 768.0625px) and (max-width: 1199.9375px) {
.hide--on-tablet-l {
display: none !important;
}
}
@media screen and (min-width: 1200px) {
.hide--on-desktop {
display: none !important;
}
}
@media screen and (min-width: 1280px) {
.hide--on-menu-bp {
display: none !important;
}
}
@media screen and (max-width: 1199.9375px) {
.hide--on-mobile {
display: none !important;
}
}
.hide--until-tablet-p {
display: none !important;
}
@media screen and (min-width: 768px) {
.hide--until-tablet-p {
display: block !important;
}
}
@media screen and (max-width: 1024px) {
.hide--header-on-mobile > header {
display: none;
}
}
@media screen and (max-width: 1200px) {
.bgimg--tablet-l {
background-image: none !important;
}
}
@media screen and (max-width: 1200px) {
.bgimg--tablet-l .wrapper {
background-image: none !important;
}
}
.height--full {
max-height: none;
}
.header--height-full .article__header {
max-height: none !important;
}
.no-scroll {
overflow: hidden !important;
height: 100vh !important;
}
.no-responsive {
width: auto !important;
height: auto !important;
max-width: 100%;
}
@media screen and (max-width: 1024px) {
.max-width-70-xs {
max-width: 70%;
}
}
.flex--align-left {
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: 0;
}
.no-margin {
margin: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.no-margin-top {
margin-top: 0 !important;
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
.col-3-tablet-l > .wrapper > .container > .row, .col-3-tablet-l > .wrapper > .header__container > .row {
margin-left: -.5rem;
margin-right: -.5rem;
}
.col-3-tablet-l > .wrapper > .container > .row > .col-sm-6, .col-3-tablet-l > .wrapper > .header__container > .row > .col-sm-6, .col-3-tablet-l > .wrapper > .container > .row > .search__item, .col-3-tablet-l > .wrapper > .header__container > .row > .search__item {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
padding-left: .5rem;
padding-right: .5rem;
}
}
.shortcode__cols > .row,
.sc__cols > .row {
margin-left: -1rem !important;
margin-right: -1rem !important;
}
.shortcode__cols > .row > .col:not(:last-child),
.sc__cols > .row > .col:not(:last-child) {
margin-bottom: 15px;
}
.shortcode__cols > .row > [class*='col-'],
.sc__cols > .row > [class*='col-'] {
padding-left: 1rem !important;
padding-right: 1rem !important;
display: block !important;
}
.sc__list-count.circle-count {
background-color: #000000;
width: 1.3em;
height: 1.3em;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: inherit;
line-height: 1.2;
font-weight: 500;
font-family: inherit;
color: white;
text-align: center;
margin-right: 10px;
position: relative;
top: -2px;
left: 0;
vertical-align: middle;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sc__list-count.circle-count {
background-color: #000000;
width: 1.3em;
height: 1.3em;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: inherit;
line-height: 1.2;
font-weight: 500;
font-family: inherit;
color: white;
text-align: center;
margin-right: 10px;
position: relative;
top: -2px;
left: 0;
vertical-align: middle;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
ul.sc__anchor-nav {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
ul.sc__anchor-nav > li {
border: none !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1 50%;
flex: 1 50%;
max-width: 50%;
}
ul.sc__anchor-nav > li::before {
display: none !important;
}
ul.sc__anchor-nav > li:not(:last-child) {
border: none !important;
}
ul.sc__anchor-nav > li a {
color: #000000;
padding: 0.625em 0.625em;
border-bottom: 2px solid transparent;
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
text-align: center;
}
ul.sc__anchor-nav > li a:hover, ul.sc__anchor-nav > li a:active,
ul.sc__anchor-nav > li a .active {
outline: none;
color: #000000;
border-bottom: 2px solid #000000;
}
@media screen and (min-width: 1024px) {
ul.sc__anchor-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: auto;
}
ul.sc__anchor-nav > li {
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
max-width: none;
}
ul.sc__anchor-nav > li a {
color: #000000;
padding: 0.625em 0.625em;
border-bottom: 2px solid transparent;
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
text-align: center;
}
}
@media screen and (min-width: 1200px) {
ul.sc__anchor-nav > li {
margin: 0 15px;
}
}
.module__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.module__header a {
text-decoration: none;
}
section .module__preheadline,
section .module__headline,
section .module__subheadline {
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
section .module__preheadline span,
section .module__headline span,
section .module__subheadline span {
color: #000000;
}
section .module__preheadline {
font-size: 20.1px;
font-size: calc(1.34rem + 0.25vw);
letter-spacing: 0;
text-transform: normal;
font-weight: 600;
color: #ffffff;
margin-top: 0;
margin-bottom: 0.4166666667em;
line-height: 1.35;
font-family: "Brix Sans", "Arial", sans-serif;
}
@media only screen and (min-width: 768px) {
section .module__preheadline {
font-size: calc(1.34rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
section .module__preheadline {
font-size: calc(1.34rem + 0.15vw);
}
}
section .module__headline {
margin-bottom: 0.4166666667em;
}
section .module__headline {
color: #ffffff;
z-index: 2;
margin-bottom: 0.625em;
} header + section.hero-image {
margin-top: 0;
}
.hero-image + .content-header {
margin-top: 0;
}
.hero-image {
overflow: hidden;
height: 260px;
}
.hero-image figure {
height: 100%;
}
@media screen and (min-width: 1024px) {
.hero-image {
height: auto;
max-height: 450px;
}
}
@media screen and (min-width: 1200px) {
.hero-image {
max-height: 600px;
}
} .article {
margin: 0 0 30px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 15px;
font-size: calc(1rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.article {
font-size: calc(1rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.article {
font-size: calc(1rem + 0.15vw);
}
}
@media screen and (min-width: 1024px) {
.article {
margin: 0;
}
}
.article > header {
margin-bottom: 15px;
width: 100%;
overflow: hidden;
}
.article footer {
padding: 10px 0 0 0;
width: 100%;
height: auto;
}
.article__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
margin: 0 auto;
}
.article__body {
height: auto;
max-width: 100%;
}
.article > header:empty, .article > footer:empty, .article__body:empty {
display: none;
}
.article__img {
width: 100%;
}
.article__pre-headline {
font-family: "ahr regular";
color: #bdbdbd;
font-style: normal;
letter-spacing: .5px;
text-transform: uppercase;
display: block;
margin-bottom: 0;
font-size: 15px;
font-size: calc(1rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.article__pre-headline {
font-size: calc(1rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.article__pre-headline {
font-size: calc(1rem + 0.15vw);
}
}
.article__headline {
font-family: "Brix Slab", serif;
line-height: 1.2;
color: #000000;
}
.article__headline span {
color: #000000;
}
.article__subheadline {
font-family: "Brix Slab", serif;
}
.article p {
font-size: 15px;
font-size: calc(1rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.article p {
font-size: calc(1rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.article p {
font-size: calc(1rem + 0.15vw);
}
} img.border--inline {
outline: 4px solid white;
outline-offset: -12px;
}
img.img--theme {
border-bottom: 6px solid #000000;
-webkit-box-shadow: 6px 6px 12px -3px rgba(0, 0, 0, 0.15);
box-shadow: 6px 6px 12px -3px rgba(0, 0, 0, 0.15);
width: 100%;
}
@media screen and (min-width: 1024px) {
img.img--theme {
width: 98%;
height: auto;
}
}
.img__box.img--theme {
padding: 1rem 1rem 1rem 0;
}
@media screen and (min-width: 1200px) {
.img__box.img--theme figure {
height: 100%;
}
}
@media screen and (min-width: 1024px) {
img.img--full-height {
margin: 0;
min-height: 100% !important;
max-width: none !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
}
@media screen and (min-width: 1024px) {
.img__box.img--full-height {
overflow: hidden;
}
}
.img--border-thin {
border: 1px solid #bdbdbd;
}
.img__box {
padding: 0;
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.img__box .img__box-inner {
display: block;
border: 4px solid #ffffff;
width: 100%;
height: 350px;
}
.img__box {
z-index: 2;
}
.img__box img {
z-index: 2;
}
.img__box.img--circle {
padding: 10px;
margin-left: auto;
margin-right: auto;
min-width: 200px;
min-height: 200px;
max-width: 250px;
max-height: 250px;
width: 25vw;
height: 25vw;
border-radius: 50%;
}
.img__box.img--circle .img__box-inner {
width: auto;
height: 100%;
border-radius: 50%;
display: none;
}
.img__box.img--circle-medium {
min-width: 200px;
min-height: 200px;
max-width: 250px;
max-height: 250px;
width: 20vw;
height: 20vw;
}
.img__box.img--circle-small {
min-width: 130px;
min-height: 130px;
max-width: 160px;
max-height: 160px;
width: 8vw;
height: 8vw;
padding: 8px;
}
.img__box.img__box--border {
position: relative;
display: inline-block;
margin-bottom: 30px;
}
.img__box.img__box--border::after {
content: '';
display: block;
border: 4px solid #000000;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
-webkit-transform: translate(13px, 7px);
-ms-transform: translate(13px, 7px);
transform: translate(13px, 7px);
z-index: -1;
}
@media screen and (min-width: 1024px) {
.img__box.img__box--border {
margin-bottom: 0;
}
.img__box.img__box--border::after {
border: 5px solid #000000;
-webkit-transform: translate(15px, 16px);
-ms-transform: translate(15px, 16px);
transform: translate(15px, 16px);
}
}
.img__box.img__box--rectangle {
position: relative;
display: inline-block;
}
.img__box.img__box--rectangle::after {
content: '';
display: block;
background-color: #000000;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
-webkit-transform: translate(12px, 6px);
-ms-transform: translate(12px, 6px);
transform: translate(12px, 6px);
z-index: -1;
}
.scrolldown-button {
display: none;
position: absolute;
z-index: 5;
-webkit-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
top: 65%;
left: 50%;
}
.scrolldown-button svg {
width: 20px;
height: 70px;
}
.scrolldown-button svg .sdi-arrow {
-webkit-animation: scroll-down 1s infinite;
animation: scroll-down 1s infinite;
z-index: 5;
}
@media screen and (min-width: 1600px) {
.scrolldown-button {
-webkit-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
.scrolldown-button svg {
width: 24px;
height: 80px;
}
}
@-webkit-keyframes scroll-down {
0% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
opacity: 0;
}
20% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: .25;
}
40% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
opacity: .5;
}
60% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
opacity: .75;
}
80% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
opacity: .5;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
}
@keyframes scroll-down {
0% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
opacity: 0;
}
20% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: .25;
}
40% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
opacity: .5;
}
60% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
opacity: .75;
}
80% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
opacity: .5;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
}
.website-share-button {
position: absolute;
bottom: -15px;
right: -2px;
z-index: 5;
display: inline-block;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #ffffff;
font-weight: 300;
text-decoration: none;
text-transform: uppercase;
background-color: #000000;
border-radius: 0;
padding: 0.2083333333em 0.625em;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.website-share-button p {
display: none;
margin: 0;
padding: 0;
font-size: .8rem;
line-height: 1;
white-space: nowrap;
}
.website-share-button .icon {
font-size: 12px;
font-size: calc(0.8rem + 0.25vw);
margin-right: 4px;
}
@media only screen and (min-width: 768px) {
.website-share-button .icon {
font-size: calc(0.8rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.website-share-button .icon {
font-size: calc(0.8rem + 0.15vw);
}
}
.website-share-button:hover {
color: #ffffff;
background-color: black;
}
@media screen and (min-width: 1024px) {
.website-share-button p {
display: inline-block;
font-size: .8rem;
}
}
@media screen and (min-width: 1200px) {
.website-share-button {
bottom: -17px;
right: 3rem;
}
.website-share-button .icon {
font-size: 1rem;
}
}
ul.contact-social__items {
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
ul.contact-social__items li:before {
display: none;
}
ul.contact-social__items li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border: none !important;
}
ul.contact-social__items .contact-social__item {
padding: 0;
margin: 0;
}
ul.contact-social__items .contact-social__item:not(:last-child) {
margin-right: 15px;
}
ul.contact-social__items .contact-social__icon {
color: #000000 !important;
font-size: 1.5rem;
}
ul.contact-social__items .contact-social__link {
border-radius: 50%;
background-color: #ffffff;
width: 2em;
height: 2em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
ul.contact-social__items .contact-social__link:hover {
background-color: #000000;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
ul.contact-social__items .contact-social__link:hover .contact-social__icon {
color: #ffffff !important;
}
.article__body ul.contact-social__items {
margin: 30px auto;
padding: 0;
}
.article__body ul.contact-social__items .contact-social__item {
padding: 0 !important;
margin: 0;
margin: 0 10px;
}
.article__body ul.contact-social__items .contact-social__item:first-child {
margin-left: 0;
}
.article__body ul.contact-social__items .contact-social__icon {
color: #000000 !important;
font-size: 48px;
vertical-align: bottom;
}
.article__body ul.contact-social__items .contact-social__link {
background-color: #ffffff;
width: 64px;
height: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 15px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.article__body ul.contact-social__items .contact-social__link:hover {
background-color: #000000;
}
.article__body ul.contact-social__items .contact-social__link:hover .contact-social__icon {
color: #ffffff !important;
}
@media screen and (min-width: 1024px) {
.article__body .contact-social__items .contact-social__link {
margin-bottom: 0;
}
}
.selecty-select {
width: 100%;
}
.selecty-arrow {
position: absolute;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px dashed #bdbdbd;
}
.selecty {
width: 100%;
position: relative;
}
.selecty.disabled .selecty-selected {
border-bottom: 1px dashed #f2f2f2;
cursor: not-allowed;
color: #bdbdbd;
}
.selecty .selecty-options {
position: absolute;
top: 0;
left: 0;
background-color: #ffffff;
margin: 0;
max-height: 650px;
width: 100%;
overflow-y: auto;
z-index: 999;
border-radius: 2px;
padding: 8px 0;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
visibility: hidden;
}
.selecty .selecty-options.active {
visibility: visible;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
.selecty .selecty-options li {
cursor: pointer;
text-align: left;
padding: 0 24px;
height: 48px;
line-height: 48px;
}
.selecty .selecty-options li:hover, .selecty .selecty-options li.active {
background-color: rgba(0, 0, 0, 0.1);
}
.selecty .selecty-options li > span > label {
top: 1px;
left: 3px;
height: 18px;
}
.selecty .selecty-options li.selected {
color: #000000;
}
.selecty .selecty-options li.disabled {
color: #bdbdbd;
cursor: default;
}
.selecty .selecty-options li.disabled:hover {
background: none;
}
.selecty .selecty-options li.optgroup {
cursor: default;
color: #bdbdbd;
height: 32px;
line-height: 32px;
}
.selecty .selecty-options li.optgroup:hover {
background: none;
}
.selecty .selecty-options li.optgroup-option {
padding-left: 40px;
}  .header-menu {
display: none;
}
@media screen and (min-width: 1280px) {
.header-menu li a {
font-size: 15px;
font-size: calc(1rem + 0.25vw);
font-family: "Brix Sans", "Arial", sans-serif;
font-style: normal;
text-transform: normal;
text-decoration: none;
outline: none;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.header-menu li a {
font-size: calc(1rem + 0.20vw);
}
}
@media only screen and (min-width: 1280px) and (min-width: 1600px) {
.header-menu li a {
font-size: calc(1rem + 0.15vw);
}
}
@media screen and (min-width: 1280px) {
.header-menu li li a {
font-size: 15px;
font-size: calc(1rem + 0.25vw);
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.header-menu li li a {
font-size: calc(1rem + 0.20vw);
}
}
@media only screen and (min-width: 1280px) and (min-width: 1600px) {
.header-menu li li a {
font-size: calc(1rem + 0.15vw);
}
}
@media screen and (min-width: 1280px) {
.header.tiny .header-menu li a {
font-size: 13.5px;
font-size: calc(0.9rem + 0.25vw);
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.header.tiny .header-menu li a {
font-size: calc(0.9rem + 0.20vw);
}
}
@media only screen and (min-width: 1280px) and (min-width: 1600px) {
.header.tiny .header-menu li a {
font-size: calc(0.9rem + 0.15vw);
}
}
@media screen and (min-width: 1280px) {
.header-menu {
text-align: center;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.header-menu__items {
list-style: none;
padding: 0;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
position: relative;
}
.header-menu__items > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin: 0;
padding: 0;
-webkit-transition: color 0.2s;
transition: color 0.2s;
cursor: pointer;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header-menu__items > li > a {
font-style: normal;
text-decoration: none;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
padding: 0.4166666667em 0.4166666667em;
margin: 0 0.625em;
}
.header-menu li {
position: relative;
}
.header-menu li.menu-item-has-children {
z-index: 1;
}
.header-menu li.menu-item-has-children > a {
padding-right: 2em;
}
.header-menu li.menu-item-has-children > a:after {
content: '\f634';
font-family: "Material Design Icons";
line-height: 1;
color: inherit;
font-size: 95%;
top: 50%;
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
position: absolute;
right: 25px;
height: 12px;
}
.header-menu li.menu-item-has-children.is-open > a:after {
top: 53%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-menu li.menu-item-has-children li.menu-item-has-children > a:after {
content: '\f634';
top: 50%;
-webkit-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}
.header-menu > ul > li > a {
line-height: normal;
font-weight: 600;
color: #ffffff;
border-bottom: 3px solid transparent;
}
.header-menu > ul > li:hover > a,
.header-menu > ul > li > a:hover,
.header-menu > ul > li.is-open > a {
color: #ffffff;
opacity: .7;
background-color: transparent;
border-bottom: 3px solid #000000;
}
.header-menu > ul > li.current-menu-item > a,
.header-menu > ul > li.current-menu-parent > a,
.header-menu > ul > li.current-page-ancestor > a {
color: #ffffff;
background-color: transparent;
cursor: pointer;
border-bottom: 3px solid #000000;
}
.header-menu .sub-menu,
.header-menu .children {
position: absolute;
left: 0;
top: 100%;
z-index: 0;
background: rgba(0, 0, 0, 0.95);
width: 250px;
height: auto;
display: none;
margin: 0;
padding: 15px;
-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
will-change: auto;
}
.header-menu .sub-menu > li,
.header-menu .children > li {
display: block;
color: rgba(255, 255, 255, 0.95);
padding: 0;
}
.header-menu .sub-menu a,
.header-menu .children a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: rgba(255, 255, 255, 0.95);
text-align: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
padding: 7.5px 15px;
line-height: 1.25;
background: transparent;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.header-menu .sub-menu > li:hover > a,
.header-menu .children > li:hover > a {
color: #ffffff;
background: rgba(242, 242, 242, 0.15);
}
.header-menu .sub-menu > li.current-menu-item > a,
.header-menu .sub-menu > li.current-menu-parent > a {
color: #ffffff;
background: rgba(242, 242, 242, 0.15);
} .header-menu .sub-menu .sub-menu,
.header-menu .children .children {
display: none;
position: absolute;
left: calc( 100% + 1rem);
top: -1rem;
background: rgba(0, 0, 0, 0.95);
}
.header-menu .sub-menu .sub-menu:before,
.header-menu .children .children:before {
content: '';
height: 100%;
position: absolute;
left: -1rem;
top: 0;
bottom: 0;
width: 1rem;
border-left: 1rem solid transparent;
}
}
.header .header-menu.nav--center {
margin-right: auto;
margin-left: auto;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
.header .header-menu.nav--right {
margin-right: 0;
margin-left: auto;
}
.button-menu {
text-align: center;
position: relative;
}
.button-menu__items {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
height: 100%;
position: relative;
}
.button-menu__items li {
display: block;
margin: 0;
padding: 0;
}
.button-menu__items li a {
width: 100%;
margin: 0.4166666667em 0 !important;
}
.header-menu .menu-cat-item > a:hover {
color: rgba(255, 255, 255, 0.95) !important;
cursor: default !important;
background: transparent !important;
}
.header-menu .menu-cat-item.current-menu-parent > a {
color: #ffffff !important;
}
.header .header-menu__items > li > a.header-menu__cta-btn,
.header.tiny .header-menu__items > li > a.header-menu__cta-btn {
border-radius: 50%;
background-color: #000000;
color: white;
width: 95px;
height: 95px;
text-transform: uppercase;
font-size: .8em;
font-weight: 400;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: 1;
line-height: 1.25;
}
.header .header-menu__items > li > a.header-menu__cta-btn:hover,
.header.tiny .header-menu__items > li > a.header-menu__cta-btn:hover {
-webkit-transform: scale(1.05) rotate(2deg);
-ms-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg);
background-color: #000000;
color: white;
}
nav.sidebar__menu {
display: block;
width: auto;
position: relative;
white-space: nowrap;
}
nav.sidebar__menu ul {
margin: 0 0 15px 0;
padding: 0;
}
@media screen and (min-width: 1024px) {
nav.sidebar__menu ul {
padding: 0 0 0 1.5rem;
}
}
nav.sidebar__menu ul > li {
margin-bottom: 5px;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
nav.sidebar__menu ul li.current-menu-item a,
nav.sidebar__menu ul li.current_page_item a {
font-weight: bold;
background-color: #000000;
}
nav.sidebar__menu a {
color: #ffffff;
background-color: #000000;
color: #ffffff;
padding: 10px 15px;
border-radius: 0;
width: 100%;
font-size: 1.15rem;
}
nav.sidebar__menu a:hover {
background-color: #000000;
}
.nav-overlay .overlay-menu li {
font-size: 18.75px;
font-size: calc(1.25rem + 0.25vw);
color: #ffffff;
}
@media only screen and (min-width: 768px) {
.nav-overlay .overlay-menu li {
font-size: calc(1.25rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.nav-overlay .overlay-menu li {
font-size: calc(1.25rem + 0.15vw);
}
}
.nav-overlay .overlay-menu li a {
font-size: 22.5px;
font-size: calc(1.5rem + 0.25vw);
font-family: "Brix Sans", "Arial", sans-serif;
color: #ffffff;
line-height: normal;
font-weight: 400;
text-decoration: none;
font-style: normal;
text-decoration: none;
position: relative;
}
@media only screen and (min-width: 768px) {
.nav-overlay .overlay-menu li a {
font-size: calc(1.5rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.nav-overlay .overlay-menu li a {
font-size: calc(1.5rem + 0.15vw);
}
}
.nav-overlay .overlay-menu li a:hover, .nav-overlay .overlay-menu li a:focus {
color: rgba(255, 255, 255, 0.65);
outline: 0;
}
.nav-overlay .overlay-menu li a img {
width: auto;
height: auto;
}
.nav-overlay {
top: 0;
right: 0;
width: 100%;
height: 100%;
position: fixed;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 1024px) {
.nav-overlay {
height: 100%;
}
}
.nav-overlay .overlay-menu {
text-align: center;
position: relative;
width: 100%;
}
.nav-overlay .overlay-menu__items {
list-style: none;
padding: 0;
margin: 0 auto;
display: block;
height: 100%;
position: relative;
}
.nav-overlay .overlay-menu__items > li {
display: block;
padding: 0;
margin-bottom: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.nav-overlay .overlay-menu__items > li > a {
padding: 5px;
display: block;
-webkit-transition: color 0.2s;
transition: color 0.2s;
line-height: 1.4;
font-family: "Brix Slab", serif;
font-weight: regular;
font-size: 30px;
}
@media screen and (min-width: 1024px) {
.nav-overlay .overlay-menu__items > li > a {
font-size: 42px;
}
}
@media screen and (min-width: 1200px) {
.nav-overlay .overlay-menu__items > li > a {
font-size: 48px;
}
}
@media screen and (min-width: 1600px) {
.nav-overlay .overlay-menu__items > li > a {
font-size: 60px;
}
}
.nav-overlay .overlay-menu__items > li > a.header-menu__cta-btn {
margin-top: 10px;
text-transform: uppercase;
}
.nav-overlay .overlay-menu {
display: inline-block;
}
.nav-overlay .overlay-menu li {
position: relative;
}
.nav-overlay .overlay-menu li.menu-item-has-children > a {
margin-right: 0;
}
.nav-overlay .overlay-menu li.menu-item-has-children::after {
content: '\F634';
font-family: "Material Design Icons";
color: inherit;
font-size: 90%;
font-style: normal;
-webkit-transform: rotate(180deg) translateY(50%);
-ms-transform: rotate(180deg) translateY(50%);
transform: rotate(180deg) translateY(50%);
position: absolute;
top: 1.5em;
right: -1em;
padding: 0.25em .5em;
}
.nav-overlay .overlay-menu li.menu-item-has-children.is-open::after {
content: '\F634';
-webkit-transform: rotate(0deg) translateY(-50%);
-ms-transform: rotate(0deg) translateY(-50%);
transform: rotate(0deg) translateY(-50%);
}
.nav-overlay li > .sub-menu > li.menu-item-has-children::after {
top: 1.25em;
}
.nav-overlay .overlay-menu > ul > li.current-menu-item > a,
.nav-overlay .overlay-menu > ul > li.current-menu-parent > a,
.nav-overlay .overlay-menu > ul > li.current-page-ancestor > a {
color: rgba(255, 255, 255, 0.65);
}
.nav-overlay { }
.nav-overlay__header {
height: 60px;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.nav-overlay__header .header__widgets {
position: relative;
right: auto;
left: auto;
}
.nav-overlay .overlay-menu .sub-menu,
.nav-overlay .overlay-menu .children {
position: relative;
background: transparent;
margin: 0 0 10px 0;
display: none;
}
.nav-overlay .overlay-menu .sub-menu li,
.nav-overlay .overlay-menu .children li {
color: rgba(255, 255, 255, 0.75);
padding: 0;
}
.nav-overlay .overlay-menu .sub-menu a,
.nav-overlay .overlay-menu .children a {
font-size: 1.25rem;
padding: 0.5em 1em;
display: block;
color: rgba(255, 255, 255, 0.75);
text-align: center;
padding: 0.5rem 1rem;
height: 100%;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.nav-overlay .overlay-menu .sub-menu > li:hover > a,
.nav-overlay .overlay-menu .children > li:hover > a {
color: #ffffff;
background: transparent;
}
.nav-overlay .overlay-menu .sub-menu .sub-menu,
.nav-overlay .overlay-menu .children .children {
display: none;
padding-left: 15px;
}
.nav-overlay .overlay-menu .sub-menu > li.current-menu-item > a,
.nav-overlay .overlay-menu .sub-menu > li.current-menu-parent > a,
.nav-overlay .overlay-menu .sub-menu > li.current-page-parent > a {
color: rgba(255, 255, 255, 0.65);
}
.nav-overlay .overlay-menu .menu-cat-item > a {
color: rgba(255, 255, 255, 0.75) !important;
}
.nav-overlay .overlay-menu .menu-cat-item.current-menu-parent > a {
color: rgba(255, 255, 255, 0.65) !important;
}
.nav-overlay .header__widgets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: white;
right: 4rem;
width: auto;
left: auto;
top: 0;
height: auto;
position: absolute;
margin: 0;
}
.nav-overlay .header__widgets > li:not(:last-child) {
margin-right: 0.625em;
}
.nav-overlay .header__widgets > li + li:not(:last-child) {
border-left: 1px solid white;
}
.nav-overlay .header__widgets > li > a,
.nav-overlay .header__widgets > li {
color: #ffffff;
font-size: 12.75px;
font-size: calc(0.85rem + 0.25vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) {
.nav-overlay .header__widgets > li > a,
.nav-overlay .header__widgets > li {
font-size: calc(0.85rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.nav-overlay .header__widgets > li > a,
.nav-overlay .header__widgets > li {
font-size: calc(0.85rem + 0.15vw);
}
}
.nav-overlay .header__widgets > li > a .icon,
.nav-overlay .header__widgets > li .icon {
font-size: 16.5px;
font-size: calc(1.1rem + 0.25vw);
margin-right: 8px;
}
@media only screen and (min-width: 768px) {
.nav-overlay .header__widgets > li > a .icon,
.nav-overlay .header__widgets > li .icon {
font-size: calc(1.1rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.nav-overlay .header__widgets > li > a .icon,
.nav-overlay .header__widgets > li .icon {
font-size: calc(1.1rem + 0.15vw);
}
}
.nav-overlay .header__widgets li.header__widgets-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.nav-overlay .header__widgets .header__search-btn {
display: none;
}
.nav-overlay .header__widgets-cta {
border-left: 0 !important;
}
.nav-overlay .header__widgets-cta a {
background-color: #000000;
color: #ffffff;
border-radius: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.nav-overlay__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
text-align: center;
position: relative;
}
.nav-overlay h1, .nav-overlay h2, .nav-overlay h3, .nav-overlay h4, .nav-overlay h5, .nav-overlay h6 {
color: #ffffff;
}
.nav-overlay__headline {
display: block;
position: relative;
margin-bottom: 60px;
font-family: "ahr regular";
font-size: 3rem;
text-transform: none;
font-weight: normal;
}
.nav-overlay__headline::after {
content: '';
width: 30px;
height: 4px;
background-color: transparent;
border-top: 4px solid #ffffff;
position: absolute;
left: 50%;
right: 50%;
bottom: -30px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.nav-overlay__pagenav {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-top: 0;
padding-top: 3rem;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 1200px) {
.nav-overlay__pagenav {
padding-top: 5rem;
}
}
.nav-overlay__pagenav .wrapper {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nav-overlay__button-menu {
text-align: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.nav-overlay__search {
margin-top: 60px;
-webkit-box-flex: 0;
-ms-flex: 0 auto;
flex: 0 auto;
display: none;
}
@media screen and (min-width: 768px) {
.nav-overlay__headline {
font-size: 3rem;
}
.nav-overlay__header {
height: 110px;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-overlay .header__widgets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
color: white;
right: auto;
width: auto;
height: auto;
position: relative;
}
.nav-overlay .header__widgets > li > a {
color: #ffffff;
}
}
.nav-overlay--contentpush {
background: rgba(0, 0, 0, 0.9);
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: visibility 0s 0.5s, -webkit-transform 0.5s;
transition: visibility 0s 0.5s, -webkit-transform 0.5s;
transition: transform 0.5s, visibility 0s 0.5s;
transition: transform 0.5s, visibility 0s 0.5s, -webkit-transform 0.5s;
top: 0;
border-top: 3px solid #000000;
will-change: auto;
}
@media screen and (min-width: 1200px) {
.nav-overlay--contentpush {
top: 0;
}
}
.nav-overlay--contentpush.open {
background: rgba(0, 0, 0, 0.9);
visibility: visible;
width: 100%;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
z-index: 115;
}
@media screen and (max-height: 30.5em) {
.nav-overlay nav {
font-size: 34px;
}
.nav-overlay ul li {
min-height: 34px;
}
}
html,
body {
overflow-x: hidden;
}
.page-wrap {
overflow-x: hidden;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
min-height: 100%;
}
.page-wrap.nav-overlay--open {
-webkit-transform: translateX(-1%);
-ms-transform: translateX(-1%);
transform: translateX(-1%);
min-height: 100vh;
}
.page-wrap.nav-overlay--open::after {
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
@media screen and (min-width: 1024px) {
.page-wrap {
overflow-x: visible;
}
} body {
position: relative;
}
.page-title {
text-align: center;
font-size: 3rem;
margin-bottom: .5em;
letter-spacing: .1px;
margin-top: -56px;
font-weight: bold;
}
@media screen and (min-width: 1024px) {
.page-title {
font-size: 4.5rem;
margin-top: -20px;
}
}
@media screen and (min-width: 1200px) {
.page-title {
font-size: 5rem;
margin-top: 0;
}
}
@media screen and (min-width: 1600px) {
.page-title {
font-size: 5.25rem;
}
}
.page-title .ahr-font {
font-family: "ahr regular";
margin-right: .0625em;
margin-left: -0.05em;
}
@media screen and (min-width: 1024px) {
.page-title-header-container {
display: none !important;
}
}
@media screen and (min-width: 1025px) {
.page-title-container {
display: block;
}
}
.nav-overlay--open .page-title-header-container {
display: none;
}
.page-title-start-container {
width: 100%;
position: absolute;
top: 4px;
left: 0;
right: 0;
}
.page-title-start-container .page-title {
margin-top: 0;
}
@media screen and (min-width: 1024px) {
.page-title-start-container {
margin-top: 40px;
}
}
@media screen and (min-width: 1200px) {
.page-title-start-container {
margin-top: 90px;
}
}
.header {
top: 0;
padding: 0;
width: 100%;
background-color: transparent;
position: relative;
z-index: 110;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 120;
}
@media screen and (min-width: 1200px) {
.header {
height: 110px;
}
}
.header .container.header__container, .header .header__container {
height: 100%;
}
.header .container.header__container > .row > div[class*="col-xs"], .header .header__container > .row > div[class*="col-xs"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
@media screen and (min-width: 1024px) {
.header .container.header__container > .row > div[class*="col-xs"], .header .header__container > .row > div[class*="col-xs"] {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media screen and (min-width: 1200px) {
.header .container.header__container > .row > div[class*="col-xs"], .header .header__container > .row > div[class*="col-xs"] {
padding-top: 30px;
padding-bottom: 30px;
}
}
.header.page-start {
position: absolute;
top: 0;
height: auto;
}
.header.page-start > .header__container,
.header.page-start > .container {
height: 60px;
}
@media screen and (min-width: 1200px) {
.header.page-start > .header__container,
.header.page-start > .container {
height: 110px;
}
}
.header__container-top {
display: none;
}
.header__container,
.header > .header__container,
.header > .container {
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
}
.header__logo-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 75px;
position: relative;
background-color: transparent;
-webkit-transition: width .3s ease-out;
transition: width .3s ease-out;
margin-top: 3px;
}
@media screen and (min-width: 1024px) {
.header__logo-wrap {
width: 120px;
height: 60px;
margin-top: 0;
}
}
@media screen and (min-width: 1200px) {
.header__logo-wrap {
width: 310px;
}
}
.header__logo-wrap__logo-image {
width: 75px;
}
.header__logo-link {
font: 0/0 a;
color: transparent;
text-shadow: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
text-align: left;
width: 100%;
height: 100%;
margin-left: 0;
-webkit-transition: width .4s ease-out;
transition: width .4s ease-out;
}
.header__menu {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out;
position: relative;
padding: 0;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.header__logo-image, .header__logo-image-tiny {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.header__logo-image {
display: none;
}
@media screen and (min-width: 1200px) {
.header__logo-image {
display: block;
width: 310px;
}
}
.header__logo-image-tiny {
display: block;
width: 100%;
}
@media screen and (min-width: 1200px) {
.header__logo-image-tiny {
display: none;
}
}
.blog .header,
.search .header,
.archive .header,
.category .header,
.page:not(.home) .header {
background-color: transparent;
}
@media screen and (min-width: 1200px) {
.header__logo-wrap {
width: 360px;
}
.header.tiny {
height: 60px;
-webkit-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.125);
box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.125);
background-color: transparent;
}
.header.tiny .header__logo-wrap {
text-align: left;
width: 220px;
padding: 10px 10px 10px 0;
}
.header.tiny .header__logo-image {
display: none;
}
.header.tiny .header__logo-image-tiny {
display: block;
}
}
@media screen and (min-width: 1600px) {
.header__logo-wrap {
width: 360px;
}
.header__logo-link {
width: 310px;
}
}
body.theme--dark {
background-color: #000000;
color: #ffffff;
}
body.theme--dark .header {
background-color: #000000 !important;
}
.page-header__image {
display: none;
}
@media screen and (min-width: 1200px) {
.page-header__image {
height: 100%;
width: auto;
margin-left: 30px;
margin-right: auto;
display: block;
}
.header.tiny .page-header__image {
display: none;
}
}
.navbar-toggle {
display: inline-block;
width: 40px;
height: 40px;
}
@media screen and (min-width: 1024px) {
.navbar-toggle {
width: 56px;
height: 56px;
}
}
.navbar-toggle svg {
width: auto;
max-width: 100%;
height: auto;
}
.navbar-toggle.is-inactive {
-webkit-animation: rotate-menu-icon-rev .8s ease;
animation: rotate-menu-icon-rev .8s ease;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.navbar-toggle.is-inactive.is-active {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-animation: rotate-menu-icon .5s ease;
animation: rotate-menu-icon .5s ease;
} .content-header {
padding: 0;
margin: 0;
background-color: transparent;
}
.content-header .wrapper {
max-width: none;
}
.content-header__figure {
width: 100%;
height: auto;
}
.content-header__figure img {
height: 100%;
}
.content-header__image + .content-header__headline-container {
top: auto;
bottom: 30px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
padding: 0 30px;
max-width: none;
}
.content-header__headline {
font-weight: 700;
font-size: 9.75px;
font-size: calc(0.65rem + 0.25vw);
margin: 0;
}
@media only screen and (min-width: 768px) {
.content-header__headline {
font-size: calc(0.65rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.content-header__headline {
font-size: calc(0.65rem + 0.15vw);
}
}
.content-header__search-btn {
margin-left: auto;
margin-right: 15px;
padding: 10px 0;
cursor: pointer;
}
@media screen and (min-width: 1024px) {
.content-header__search-btn {
margin-right: 30px;
}
}
.content-header__search-btn > .icon {
font-size: 22.5px;
font-size: calc(1.5rem + 0.25vw);
line-height: 1;
}
@media only screen and (min-width: 768px) {
.content-header__search-btn > .icon {
font-size: calc(1.5rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.content-header__search-btn > .icon {
font-size: calc(1.5rem + 0.15vw);
}
}
.content-header {
margin-top: 60px;
}
.content-header + main {
margin-top: 0;
}
@media screen and (min-width: 768px) {
.content-header__figure {
height: 220px;
}
}
@media screen and (min-width: 1024px) {
.content-header {
margin-top: 110px;
}
.content-header__figure {
height: auto;
}
.content-header img {
height: auto;
}
.content-header__image {
position: relative;
width: 100%;
}
.content-header__headline {
font-size: 16.875px;
font-size: calc(1.125rem + 0.25vw);
margin: 0;
left: 15px;
right: auto;
bottom: 90px;
}
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
.content-header__headline {
font-size: calc(1.125rem + 0.20vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
.content-header__headline {
font-size: calc(1.125rem + 0.15vw);
}
}
.headl--inverted, .content-header__headline {
font-weight: 500;
color: #ffffff;
background-color: #000000;
display: inline-block;
line-height: 1;
letter-spacing: .5px;
padding: 0.5416666667em 0.625em 0.4166666667em;
white-space: nowrap;
border-radius: 0;
}
.headl-with-dash {
padding-left: 1em;
position: relative;
}
.headl-with-dash::before {
content: '#';
margin-right: .25em;
left: 0;
position: absolute;
}
.pseudo-arrow--after-after {
content: '→';
margin-left: 6px;
}
@media screen and (min-width: 1024px) {
.headl--inverted, .content-header__headline {
border-radius: 0;
}
}
.icon {
vertical-align: middle;
}
.back-to-start {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.back-to-start img {
width: 2em;
height: 2em;
margin-right: .25em;
}
.back-to-top {
width: 42px;
height: 42px;
background-color: rgba(0, 0, 0, 0.95);
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgOGwtNiA2IDEuNDEgMS40MUwxMiAxMC44M2w0LjU5IDQuNThMMTggMTR6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==");
background-size: 80%;
background-position: center;
background-repeat: no-repeat;
position: fixed;
bottom: 30px;
right: 0;
border-radius: 0;
z-index: 10;
}
@media screen and (min-width: 1200px) {
.back-to-top {
bottom: 45px;
right: 30px;
}
}
footer.footer {
color: #ffffff;
font-weight: 400;
background-color: transparent;
margin-top: 15px;
margin-bottom: 15px;
padding: 0;
height: 32px;
}
footer.footer a {
color: #ffffff;
font-weight: 400;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
footer.footer a img {
width: 100%;
}
footer.footer .footer-logo {
width: auto;
height: 24px;
}
@media screen and (min-width: 1024px) {
footer.footer .footer-logo {
height: 32px;
}
}
footer.footer .footer-logo-container {
top: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
footer.footer .text-right {
text-align: right;
}
footer.footer .text-left {
text-align: left;
}
@media screen and (min-width: 768px) {
footer.footer .text-left {
text-align: left;
}
}
footer.footer .footer-legal {
position: relative;
text-align: center;
background-color: transparent;
font-size: 1rem;
}
@media screen and (min-width: 1024px) {
footer.footer .footer-legal {
font-size: 1.125rem;
}
}
footer.footer .footer-legal nav {
display: inline-block;
}
footer.footer .footer-legal nav ul {
margin: 0;
display: inline-block;
}
footer.footer .footer-legal nav ul > li {
display: inline;
color: #ffffff;
position: relative;
padding: 0 6px 0 0;
font-size: 1rem;
}
@media screen and (min-width: 1024px) {
footer.footer .footer-legal nav ul > li {
font-size: 1.125rem;
}
}
footer.footer .footer-legal nav ul > li:not(:last-child):after {
margin: 0 0 0 9px;
content: '•';
}
footer.footer .footer-legal nav a {
color: #ffffff;
font-family: "Brix Slab", serif;
}
footer.footer ul.social-icons {
display: none;
}
footer.footer ul.social-icons li {
display: inline-block;
width: 36px;
height: 32px;
text-align: center;
}
footer.footer ul.social-icons li:not(:last-child) {
margin-right: 15px;
}
footer.footer ul.social-icons li svg {
width: auto;
height: 100%;
max-width: 100%;
}
@media screen and (min-width: 1024px) {
.footer.footer {
margin-top: 30px;
padding-bottom: 0;
height: 40px;
}
}
@media screen and (min-width: 1200px) {
.footer.footer {
margin-top: 30px;
padding-bottom: 0;
height: 50px;
}
} .search__form,
.search__form-sidebar {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.search__form .search__input,
.search__form-sidebar .search__input {
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0 0 0 0;
line-height: normal;
background-color: #f2f2f2;
}
.search__form .search__submit,
.search__form-sidebar .search__submit {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1em;
font-size: 1em;
border-radius: 0 0 0 0;
width: 60px;
}
.search__form .search__submit .search__submit-icon,
.search__form-sidebar .search__submit .search__submit-icon {
font-size: 23.75px;
font-size: calc(1.25em + 0.2vw);
font-weight: 300;
margin: 0;
}
.search__form {
width: auto;
}
.search__form-sidebar {
width: 100%;
margin: 30px 0;
}
.theme--dark .search__form,
.theme--dark .search__form-sidebar,
.invert-colors .search__form,
.invert-colors .search__form-sidebar {
border-bottom: 2px dotted #ffffff;
}
.theme--dark .search__form .search__input,
.theme--dark .search__form .search__submit,
.theme--dark .search__form-sidebar .search__input,
.theme--dark .search__form-sidebar .search__submit,
.invert-colors .search__form .search__input,
.invert-colors .search__form .search__submit,
.invert-colors .search__form-sidebar .search__input,
.invert-colors .search__form-sidebar .search__submit {
background-color: transparent;
}
.theme--dark .search__form .search__input,
.theme--dark .search__form-sidebar .search__input,
.invert-colors .search__form .search__input,
.invert-colors .search__form-sidebar .search__input {
color: #ffffff;
font-size: 16.875px;
font-size: calc(1.125rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.theme--dark .search__form .search__input,
.theme--dark .search__form-sidebar .search__input,
.invert-colors .search__form .search__input,
.invert-colors .search__form-sidebar .search__input {
font-size: calc(1.125rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.theme--dark .search__form .search__input,
.theme--dark .search__form-sidebar .search__input,
.invert-colors .search__form .search__input,
.invert-colors .search__form-sidebar .search__input {
font-size: calc(1.125rem + 0.15vw);
}
}
.theme--dark .search__form .search__input::-webkit-input-placeholder, .theme--dark .search__form-sidebar .search__input::-webkit-input-placeholder, .invert-colors .search__form .search__input::-webkit-input-placeholder, .invert-colors .search__form-sidebar .search__input::-webkit-input-placeholder {
color: #ffffff;
}
.theme--dark .search__form .search__input::-moz-placeholder, .theme--dark .search__form-sidebar .search__input::-moz-placeholder, .invert-colors .search__form .search__input::-moz-placeholder, .invert-colors .search__form-sidebar .search__input::-moz-placeholder {
color: #ffffff;
}
.theme--dark .search__form .search__input:-ms-input-placeholder, .theme--dark .search__form-sidebar .search__input:-ms-input-placeholder, .invert-colors .search__form .search__input:-ms-input-placeholder, .invert-colors .search__form-sidebar .search__input:-ms-input-placeholder {
color: #ffffff;
}
.theme--dark .search__form .search__input::-ms-input-placeholder, .theme--dark .search__form-sidebar .search__input::-ms-input-placeholder, .invert-colors .search__form .search__input::-ms-input-placeholder, .invert-colors .search__form-sidebar .search__input::-ms-input-placeholder {
color: #ffffff;
}
.theme--dark .search__form .search__input::placeholder,
.theme--dark .search__form-sidebar .search__input::placeholder,
.invert-colors .search__form .search__input::placeholder,
.invert-colors .search__form-sidebar .search__input::placeholder {
color: #ffffff;
}
.search {
padding-top: 0;
}
.search__item {
padding-top: 30px;
padding-bottom: 30px;
margin: 0;
}
article.search__article-noresult {
margin-bottom: 0 !important;
color: #ffffff;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.hilite {
background: #A18C60;
}
form.login input[type='submit'], form.login button {
margin-top: 1em;
} .options-overlay {
color: white;
text-align: center;
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 0;
z-index: 999;
cursor: pointer;
background: rgba(0, 0, 0, 0.8);
overflow: hidden;
}
.options-overlay__closebtn {
color: white;
position: absolute;
top: -15px;
right: 15px;
font-size: 2rem;
z-index: 100000;
cursor: pointer;
}
@media screen and (min-width: 1024px) {
.options-overlay__closebtn {
top: 15px;
}
}
.options-overlay__content {
text-align: left;
padding-top: 60px;
vertical-align: middle;
background-color: transparent;
position: relative;
margin: 0 auto;
width: 100%;
height: 100%;
color: white;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.options-overlay__content::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
height: 8px;
}
.options-overlay__content::-webkit-scrollbar-thumb {
border-radius: 8px;
border: none;
background-color: rgba(0, 0, 0, 0.3);
}
.options-overlay__content .wrapper {
max-width: 60rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.options-overlay__article {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: auto !important;
}
.options-overlay__headline {
position: relative;
margin-bottom: 1.875em;
color: white;
text-align: center;
}
.options-overlay__headline::after {
content: '';
width: 30px;
height: 4px;
background-color: #ffffff;
position: absolute;
left: 50%;
right: 50%;
bottom: -30px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.options-overlay h1, .options-overlay h2, .options-overlay h3, .options-overlay h4, .options-overlay h5, .options-overlay h6 {
color: white;
}
.options-overlay a {
color: white;
text-decoration: underline;
}
.options-overlay a:hover {
color: #ffffff;
}
.overlay__searchform .wrapper {
height: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 1200px) {
.overlay__searchform .wrapper {
height: 90vh;
}
}
.overlay-searchform__form {
width: 100%;
border-bottom: 2px dotted white;
font-size: 30px;
font-size: calc(2rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.overlay-searchform__form {
font-size: calc(2rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.overlay-searchform__form {
font-size: calc(2rem + 0.15vw);
}
}
@media screen and (min-width: 1024px) {
.overlay-searchform__form {
font-size: 30px;
font-size: calc(2rem + 0.25vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
.overlay-searchform__form {
font-size: calc(2rem + 0.20vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
.overlay-searchform__form {
font-size: calc(2rem + 0.15vw);
}
}
.overlay-searchform__form input[type='search'] {
color: white;
text-align: center;
font-weight: 300;
font-size: 22.5px;
font-size: calc(1.5rem + 0.25vw);
padding: 15px;
}
@media only screen and (min-width: 768px) {
.overlay-searchform__form input[type='search'] {
font-size: calc(1.5rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.overlay-searchform__form input[type='search'] {
font-size: calc(1.5rem + 0.15vw);
}
}
@media screen and (min-width: 1024px) {
.overlay-searchform__form input[type='search'] {
font-size: 30px;
font-size: calc(2rem + 0.25vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
.overlay-searchform__form input[type='search'] {
font-size: calc(2rem + 0.20vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
.overlay-searchform__form input[type='search'] {
font-size: calc(2rem + 0.15vw);
}
}
.overlay-searchform__form input[type='search']::-webkit-input-placeholder {
color: #ffffff !important;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
font-size: 22.5px;
font-size: calc(1.5rem + 0.25vw);
}
.overlay-searchform__form input[type='search']::-moz-placeholder {
color: #ffffff !important;
-moz-transition: opacity .3s ease;
transition: opacity .3s ease;
font-size: 22.5px;
font-size: calc(1.5rem + 0.25vw);
}
.overlay-searchform__form input[type='search']:-ms-input-placeholder {
color: #ffffff !important;
-ms-transition: opacity .3s ease;
transition: opacity .3s ease;
font-size: 22.5px;
font-size: calc(1.5rem + 0.25vw);
}
.overlay-searchform__form input[type='search']::-ms-input-placeholder {
color: #ffffff !important;
-ms-transition: opacity .3s ease;
transition: opacity .3s ease;
font-size: 22.5px;
font-size: calc(1.5rem + 0.25vw);
}
.overlay-searchform__form input[type='search']::placeholder {
color: #ffffff !important;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
font-size: 22.5px;
font-size: calc(1.5rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.overlay-searchform__form input[type='search']::-webkit-input-placeholder {
font-size: calc(1.5rem + 0.20vw);
}
.overlay-searchform__form input[type='search']::-moz-placeholder {
font-size: calc(1.5rem + 0.20vw);
}
.overlay-searchform__form input[type='search']:-ms-input-placeholder {
font-size: calc(1.5rem + 0.20vw);
}
.overlay-searchform__form input[type='search']::-ms-input-placeholder {
font-size: calc(1.5rem + 0.20vw);
}
.overlay-searchform__form input[type='search']::placeholder {
font-size: calc(1.5rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.overlay-searchform__form input[type='search']::-webkit-input-placeholder {
font-size: calc(1.5rem + 0.15vw);
}
.overlay-searchform__form input[type='search']::-moz-placeholder {
font-size: calc(1.5rem + 0.15vw);
}
.overlay-searchform__form input[type='search']:-ms-input-placeholder {
font-size: calc(1.5rem + 0.15vw);
}
.overlay-searchform__form input[type='search']::-ms-input-placeholder {
font-size: calc(1.5rem + 0.15vw);
}
.overlay-searchform__form input[type='search']::placeholder {
font-size: calc(1.5rem + 0.15vw);
}
}
@media screen and (min-width: 1024px) {
.overlay-searchform__form input[type='search']::-webkit-input-placeholder {
font-size: 30px;
font-size: calc(2rem + 0.25vw);
}
.overlay-searchform__form input[type='search']::-moz-placeholder {
font-size: 30px;
font-size: calc(2rem + 0.25vw);
}
.overlay-searchform__form input[type='search']:-ms-input-placeholder {
font-size: 30px;
font-size: calc(2rem + 0.25vw);
}
.overlay-searchform__form input[type='search']::-ms-input-placeholder {
font-size: 30px;
font-size: calc(2rem + 0.25vw);
}
.overlay-searchform__form input[type='search']::placeholder {
font-size: 30px;
font-size: calc(2rem + 0.25vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
.overlay-searchform__form input[type='search']::-webkit-input-placeholder {
font-size: calc(2rem + 0.20vw);
}
.overlay-searchform__form input[type='search']::-moz-placeholder {
font-size: calc(2rem + 0.20vw);
}
.overlay-searchform__form input[type='search']:-ms-input-placeholder {
font-size: calc(2rem + 0.20vw);
}
.overlay-searchform__form input[type='search']::-ms-input-placeholder {
font-size: calc(2rem + 0.20vw);
}
.overlay-searchform__form input[type='search']::placeholder {
font-size: calc(2rem + 0.20vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
.overlay-searchform__form input[type='search']::-webkit-input-placeholder {
font-size: calc(2rem + 0.15vw);
}
.overlay-searchform__form input[type='search']::-moz-placeholder {
font-size: calc(2rem + 0.15vw);
}
.overlay-searchform__form input[type='search']:-ms-input-placeholder {
font-size: calc(2rem + 0.15vw);
}
.overlay-searchform__form input[type='search']::-ms-input-placeholder {
font-size: calc(2rem + 0.15vw);
}
.overlay-searchform__form input[type='search']::placeholder {
font-size: calc(2rem + 0.15vw);
}
}
.overlay-searchform__form input[type='search']:focus {
border: none;
}
.overlay-searchform__form input[type='search']:focus::-webkit-input-placeholder {
opacity: .35;
}
.overlay-searchform__form input[type='search']:focus::-moz-placeholder {
opacity: .35;
}
.overlay-searchform__form input[type='search']:focus:-ms-input-placeholder {
opacity: .35;
}
.overlay-searchform__form input[type='search']:focus::-ms-input-placeholder {
opacity: .35;
}
.overlay-searchform__form input[type='search']:focus::placeholder {
opacity: .35;
}
.overlay-searchform__form input[type='search'],
.overlay-searchform__form input[type='submit'],
.overlay-searchform__form button {
background-color: transparent !important;
cursor: pointer;
padding: 15px;
}
.overlay-searchform__form input[type='submit'],
.overlay-searchform__form .search__submit {
padding: 0 0.5rem !important;
border: none;
}
.overlay-searchform__form input[type='submit'] .search__submit-icon,
.overlay-searchform__form .search__submit .search__submit-icon {
font-size: 30px;
font-size: calc(2rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.overlay-searchform__form input[type='submit'] .search__submit-icon,
.overlay-searchform__form .search__submit .search__submit-icon {
font-size: calc(2rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.overlay-searchform__form input[type='submit'] .search__submit-icon,
.overlay-searchform__form .search__submit .search__submit-icon {
font-size: calc(2rem + 0.15vw);
}
}
@media screen and (min-width: 1024px) {
.overlay-searchform__form input[type='submit'] .search__submit-icon,
.overlay-searchform__form .search__submit .search__submit-icon {
font-size: 33.75px;
font-size: calc(2.25rem + 0.25vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
.overlay-searchform__form input[type='submit'] .search__submit-icon,
.overlay-searchform__form .search__submit .search__submit-icon {
font-size: calc(2.25rem + 0.20vw);
}
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
.overlay-searchform__form input[type='submit'] .search__submit-icon,
.overlay-searchform__form .search__submit .search__submit-icon {
font-size: calc(2.25rem + 0.15vw);
}
}
@media screen and (min-width: 1024px) {
.overlay-searchform__form__form {
max-width: 40rem;
}
}
main.page-start {
overflow: hidden;
height: 390px;
}
@media screen and (min-width: 1024px) {
main.page-start {
height: 640px;
}
}
@media screen and (min-width: 1200px) {
main.page-start {
height: 805px;
}
}
@media screen and (min-width: 1600px) {
main.page-start {
height: 1040px;
}
}
main.page-start .mod-headline {
margin-top: 114px;
}
@media only screen and (orientation: portrait) {
.page-wrap,
header.header,
.page-title-header-container {
display: none;
}
.orientation-hint {
display: block;
}
}
@media only screen and (orientation: landscape) {
.page-wrap,
header.header,
.page-title-header-container {
display: block;
}
.orientation-hint {
display: none;
}
}
.orientation-hint {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, 0.9);
z-index: 999;
overflow: hidden;
}
.orientation-hint .container, .orientation-hint .header__container {
min-width: 100%;
max-width: 768px;
}
.orientation-hint .page-title {
margin-top: 0;
}
.orientation-hint__note {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
padding: 30px;
text-align: center;
}
.orientation-hint__note h2 {
font-size: 6vh;
font-weight: bold;
display: block;
width: 100%;
margin: 1em 0 0;
}
.orientation-hint__note p {
font-family: "Brix Slab", serif;
font-size: 3.5vh;
font-weight: normal;
}
.orientation-hint__icon {
display: block;
width: 100%;
}
.orientation-hint__icon svg {
width: 100%;
max-width: 200px;
}
@-webkit-keyframes rotateRight {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
25% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 0);
transform: rotate3d(0, 0, 1, 0);
opacity: 1;
}
75% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 0);
transform: rotate3d(0, 0, 1, 0);
opacity: 1;
}
}
@keyframes rotateRight {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
25% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 0);
transform: rotate3d(0, 0, 1, 0);
opacity: 1;
}
75% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 0);
transform: rotate3d(0, 0, 1, 0);
opacity: 1;
}
}
.rotateRight {
-webkit-animation-name: rotateRight;
animation-name: rotateRight;
}  .textfield__article {
margin-bottom: 0;
font-size: 16.5px;
font-size: calc(1.1rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.textfield__article {
font-size: calc(1.1rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.textfield__article {
font-size: calc(1.1rem + 0.15vw);
}
}
.textfield h1, .textfield h2, .textfield h3, .textfield h4, .textfield h5, .textfield h6 {
padding: 0 0 !important;
}
.textfield p {
padding: 0 0;
}
.textfield .article__text,
.textfield .article__body {
width: 100%;
}
.textfield .article__readmore:first-of-type {
margin-top: 30px;
}
.textfield .article__footer {
padding: 0 0;
}
@media screen and (min-width: 667px) {
.textfield h1::before {
left: 0 !important;
}
.textfield h1, .textfield h2, .textfield h3, .textfield h4, .textfield h5, .textfield h6 {
padding: 0 0 !important;
}
.textfield p {
padding: 0 0;
}
.textfield .article__footer {
padding: 0 0;
}
}
.article-cols .article__preheadline {
font-size: 15px;
font-size: calc(1rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.article-cols .article__preheadline {
font-size: calc(1rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.article-cols .article__preheadline {
font-size: calc(1rem + 0.15vw);
}
}
.article-cols .article__headline {
font-family: "Brix Slab", serif;
line-height: 1.2;
font-size: 30px;
font-size: calc(2rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.article-cols .article__headline {
font-size: calc(2rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.article-cols .article__headline {
font-size: calc(2rem + 0.15vw);
}
}
.article-cols .article .article__body > ul {
margin-bottom: 1.25em;
}
.article-cols [class*="col-xs"] {
margin: 0 0 0 auto;
}
.article-cols [class*="col-xs"]:last-child {
margin: 0 auto 0 0;
}
@media screen and (min-width: 1024px) {
.article-cols[class*="content__cols"]:not(.content__cols-1) [class*="col-xs"] .article:not(.col-last):not(.col-first) {
margin-bottom: 30px;
}
}
@media screen and (min-width: 768px) {
.article-cols.content__cols-2 .article__header {
overflow: hidden;
max-height: 620px;
}
}
@media screen and (min-width: 1200px) {
.article-cols.content__cols-2 .article__header {
overflow: hidden;
max-height: 420px;
}
}
.article-cols.content__cols-2 .article header {
margin-bottom: 22.5px;
}
@media screen and (min-width: 1024px) {
.article-cols.content__cols-3 .article__header, .article-cols.content__cols-4 .article__header {
overflow: hidden;
max-height: 306px;
}
}
.article-cols.content__cols-3 .article header, .article-cols.content__cols-4 .article header {
margin-bottom: 22.5px;
}
.article-cols.content__cols-3 .article .article__headline, .article-cols.content__cols-4 .article .article__headline {
line-height: 1.2;
}
.article-cols.content__cols-5 .article header, .article-cols.content__cols-6 .article header {
margin-bottom: 30px;
}
.article-cols.content__cols-5 .article .article__headline, .article-cols.content__cols-6 .article .article__headline {
line-height: 1.2;
}
.article-cols.content__cols-5 .article p, .article-cols.content__cols-6 .article p {
font-size: 12.75px;
font-size: calc(0.85rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.article-cols.content__cols-5 .article p, .article-cols.content__cols-6 .article p {
font-size: calc(0.85rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.article-cols.content__cols-5 .article p, .article-cols.content__cols-6 .article p {
font-size: calc(0.85rem + 0.15vw);
}
}
.partner-cols .article__img {
width: auto;
margin-top: 7.5px;
margin-bottom: 7.5px;
} .textbox-cols .article {
background-color: transparent;
}
.textbox-cols .article__body {
width: 100%;
}
.textbox-cols .article__body, .textbox-cols .article footer {
padding: 0;
}
.textbox-cols .article p ~ p:last-of-type {
margin-bottom: 0;
}
.textbox-cols .article .article__body > ul:not(.contact-infos) {
margin-bottom: 1.25em;
}
.textbox-cols .article[class*='bgcolor--'] {
padding: 1.75em;
margin-left: -0.5rem;
margin-right: -0.5rem;
width: auto;
}
@media screen and (min-width: 1200px) {
.textbox-cols .article[class*='bgcolor--'] {
padding: 2.75em;
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
.textbox-cols[class*="content__cols"]:not(.content__cols-1) .article__body, .textbox-cols[class*="content__cols"]:not(.content__cols-1) .article footer {
padding: 0;
}
.textbox-cols.content__cols-3 .article, .textbox-cols.content__cols-4 .article, .textbox-cols.content__cols-5 .article, .textbox-cols.content__cols-6 .article {
margin-bottom: 45px;
}
.textbox-cols.content__cols-3 .article header, .textbox-cols.content__cols-4 .article header, .textbox-cols.content__cols-5 .article header, .textbox-cols.content__cols-6 .article header {
margin-bottom: 30px;
}
.textbox-cols.content__cols-3 .article .article__pre-headline, .textbox-cols.content__cols-4 .article .article__pre-headline, .textbox-cols.content__cols-5 .article .article__pre-headline, .textbox-cols.content__cols-6 .article .article__pre-headline {
font-size: 12px;
font-size: calc(0.8rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.textbox-cols.content__cols-3 .article .article__pre-headline, .textbox-cols.content__cols-4 .article .article__pre-headline, .textbox-cols.content__cols-5 .article .article__pre-headline, .textbox-cols.content__cols-6 .article .article__pre-headline {
font-size: calc(0.8rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.textbox-cols.content__cols-3 .article .article__pre-headline, .textbox-cols.content__cols-4 .article .article__pre-headline, .textbox-cols.content__cols-5 .article .article__pre-headline, .textbox-cols.content__cols-6 .article .article__pre-headline {
font-size: calc(0.8rem + 0.15vw);
}
}
.textbox-cols.content__cols-3 .article .article__headline, .textbox-cols.content__cols-4 .article .article__headline, .textbox-cols.content__cols-5 .article .article__headline, .textbox-cols.content__cols-6 .article .article__headline {
font-size: 18.75px;
font-size: calc(1.25rem + 0.25vw);
line-height: 1.2;
}
@media only screen and (min-width: 768px) {
.textbox-cols.content__cols-3 .article .article__headline, .textbox-cols.content__cols-4 .article .article__headline, .textbox-cols.content__cols-5 .article .article__headline, .textbox-cols.content__cols-6 .article .article__headline {
font-size: calc(1.25rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.textbox-cols.content__cols-3 .article .article__headline, .textbox-cols.content__cols-4 .article .article__headline, .textbox-cols.content__cols-5 .article .article__headline, .textbox-cols.content__cols-6 .article .article__headline {
font-size: calc(1.25rem + 0.15vw);
}
}
@media screen and (min-width: 1024px) {
.textbox-cols.content__cols-3 .article, .textbox-cols.content__cols-4 .article, .textbox-cols.content__cols-5 .article, .textbox-cols.content__cols-6 .article {
margin-bottom: 0;
}
} .divider-headline hr {
border-bottom: 5px dotted #000000;
width: 5%;
margin: 30px auto 0 auto;
}
.divider-headline .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.divider-headline .col-xs, .divider-headline .has--sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 auto;
flex: 0 auto;
}
.divider-headline__title,
.divider-headline__subtitle {
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.divider-headline__title span,
.divider-headline__subtitle span {
color: #000000;
}
.divider-headline__link {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
.divider-headline__title {
font-size: 22.32px;
font-size: calc(1.488rem + 0.25vw);
line-height: 1.2;
color: #000000;
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 0.4166666667em;
-ms-hyphens: auto;
hyphens: auto;
}
@media only screen and (min-width: 768px) {
.divider-headline__title {
font-size: calc(1.488rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.divider-headline__title {
font-size: calc(1.488rem + 0.15vw);
}
}
.divider-headline__subtitle {
font-size: 20.1px;
font-size: calc(1.34rem + 0.25vw);
line-height: 1.2;
letter-spacing: 0;
text-transform: normal;
font-weight: 400;
color: #000000;
margin-top: 0;
margin-bottom: 0;
font-family: "Brix Sans", "Arial", sans-serif;
}
@media only screen and (min-width: 768px) {
.divider-headline__subtitle {
font-size: calc(1.34rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.divider-headline__subtitle {
font-size: calc(1.34rem + 0.15vw);
}
}
.divider-headline__image {
width: auto;
margin: 0 auto 30px auto;
display: block;
}
@media screen and (min-width: 768px) {
.divider-headline__title,
.divider-headline__subtitle {
text-align: center;
}
.divider-headline__title {
font-size: 2.75rem;
}
.divider-headline__subtitle {
font-size: 1.728rem;
line-height: 1.36;
}
}
@media screen and (min-width: 1024px) {
.divider-headline__title,
.divider-headline__subtitle {
text-align: center;
}
.divider-headline__title {
font-size: 2.75rem;
-ms-hyphens: none;
hyphens: none;
}
.divider-headline__subtitle {
font-size: 1.728rem;
line-height: 1.36;
}
}
@media screen and (min-width: 1600px) {
.divider-headline__title {
font-size: 3rem;
}
}
.headline-variant--extra .divider-headline__title {
font-family: "ahr regular" !important;
font-size: 2.5rem;
line-height: 1.2;
font-weight: 600;
color: #ffffff;
z-index: 2;
margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
.headline-variant--extra .divider-headline__title {
font-size: 3rem;
}
.headline-variant--extra .divider-headline__title::before {
width: 100px;
height: 56px;
}
.headline-variant--extra .divider-headline__subtitle {
font-size: 1.528rem;
}
}
@media screen and (min-width: 1024px) {
.headline-variant--extra .divider-headline__title {
font-size: 3.5rem;
}
.headline-variant--extra .divider-headline__title::before {
width: 100px;
height: 56px;
}
.headline-variant--extra .divider-headline__subtitle {
font-size: 1.628rem;
}
}
@media screen and (min-width: 1600px) {
.headline-variant--extra .divider-headline__title {
font-size: 4rem;
}
.headline-variant--extra .divider-headline__subtitle {
font-size: 1.728rem;
}
} .breadcrumb {
text-align: left;
}
.breadcrumb nav.breadcrumb__nav {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 30px;
margin-right: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.breadcrumb nav.breadcrumb__nav, .breadcrumb nav.breadcrumb__nav a {
font-size: 9.75px;
font-size: calc(0.65rem + 0.25vw);
}
@media only screen and (min-width: 768px) {
.breadcrumb nav.breadcrumb__nav, .breadcrumb nav.breadcrumb__nav a {
font-size: calc(0.65rem + 0.20vw);
}
}
@media only screen and (min-width: 1600px) {
.breadcrumb nav.breadcrumb__nav, .breadcrumb nav.breadcrumb__nav a {
font-size: calc(0.65rem + 0.15vw);
}
}
.breadcrumb nav.breadcrumb__nav a {
color: #000000;
}
.breadcrumb .breadcrumb__separator {
display: inline-block;
margin: 0 5px;
}
@media screen and (min-width: 1200px) {
.breadcrumb nav.breadcrumb__nav, .breadcrumb nav.breadcrumb__nav a {
font-size: 12px;
font-size: calc(0.8rem + 0.25vw);
}
}
@media only screen and (min-width: 1200px) and (min-width: 768px) {
.breadcrumb nav.breadcrumb__nav, .breadcrumb nav.breadcrumb__nav a {
font-size: calc(0.8rem + 0.20vw);
}
}
@media only screen and (min-width: 1200px) and (min-width: 1600px) {
.breadcrumb nav.breadcrumb__nav, .breadcrumb nav.breadcrumb__nav a {
font-size: calc(0.8rem + 0.15vw);
}
} .google-maps .wrapper.width--full {
padding-left: 0;
padding-right: 0;
}
.google-map {
width: 100%;
height: 333px;
margin: 0;
}
.google-map *,
.google-map h4 {
color: #000000 !important;
} .google-map img {
max-width: inherit !important;
}
footer .google-map {
border-radius: 0;
}
.scroll-highway {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 0;
mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(85%, black), color-stop(86%, black), to(rgba(0, 0, 0, 0)));
mask-image: linear-gradient(0deg, black 85%, black 86%, rgba(0, 0, 0, 0) 100%);
-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(75%, black), color-stop(76%, black), to(rgba(0, 0, 0, 0)));
-webkit-mask-image: linear-gradient(0deg, black 75%, black 76%, rgba(0, 0, 0, 0) 100%);
}
.scroll-highway__lanes {
position: relative;
width: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0;
padding: 0;
}
.scroll-highway__lanes .swiper-container-l,
.scroll-highway__lanes .swiper-container-r {
height: 320px;
}
@media screen and (min-width: 768px) {
.scroll-highway__lanes .swiper-container-l,
.scroll-highway__lanes .swiper-container-r {
height: 320px;
}
}
@media screen and (min-width: 1024px) {
.scroll-highway__lanes .swiper-container-l,
.scroll-highway__lanes .swiper-container-r {
height: 496px;
}
}
@media screen and (min-width: 1200px) {
.scroll-highway__lanes .swiper-container-l,
.scroll-highway__lanes .swiper-container-r {
height: 585px;
}
}
@media screen and (min-width: 1600px) {
.scroll-highway__lanes .swiper-container-l,
.scroll-highway__lanes .swiper-container-r {
height: 810px;
}
}
.scroll-highway__lanes .swiper-slide {
overflow: visible;
}
.scroll-highway__lane {
z-index: 5;
-webkit-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.scroll-highway__lane.expanded {
z-index: 10;
}
.scroll-highway__lane.expanded .swiper-slide {
overflow: visible;
}
.scroll-highway__leftlane, .scroll-highway__rightlane {
position: absolute;
top: 0;
bottom: 0;
width: calc(100% - 5px);
overflow: hidden;
z-index: 15;
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
}
@media screen and (min-width: 1024px) {
.scroll-highway__leftlane, .scroll-highway__rightlane {
width: calc(100% - 8px);
}
}
.scroll-highway__leftlane img, .scroll-highway__rightlane img {
height: 100%;
width: auto;
position: relative;
max-width: 637px;
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
height: auto;
width: 637px;
}
@media screen and (min-width: 768px) {
.scroll-highway__leftlane img, .scroll-highway__rightlane img {
max-width: 738px;
height: auto;
width: 738px;
}
}
@media screen and (min-width: 1024px) {
.scroll-highway__leftlane img, .scroll-highway__rightlane img {
max-width: 992px;
height: auto;
width: 992px;
}
}
@media screen and (min-width: 1200px) {
.scroll-highway__leftlane img, .scroll-highway__rightlane img {
max-width: 1170px;
height: auto;
width: 1170px;
}
}
@media screen and (min-width: 1600px) {
.scroll-highway__leftlane img, .scroll-highway__rightlane img {
max-width: 1440px;
height: auto;
width: 1440px;
}
}
.scroll-highway__leftlane.expanded, .scroll-highway__rightlane.expanded {
width: 637px;
z-index: 25;
}
@media screen and (min-width: 768px) {
.scroll-highway__leftlane.expanded, .scroll-highway__rightlane.expanded {
width: 738px;
}
}
@media screen and (min-width: 1024px) {
.scroll-highway__leftlane.expanded, .scroll-highway__rightlane.expanded {
width: 992px;
}
}
@media screen and (min-width: 1200px) {
.scroll-highway__leftlane.expanded, .scroll-highway__rightlane.expanded {
width: 1170px;
}
}
@media screen and (min-width: 1600px) {
.scroll-highway__leftlane.expanded, .scroll-highway__rightlane.expanded {
width: 1440px;
}
}
.scroll-highway__leftlane.expanded img, .scroll-highway__rightlane.expanded img {
height: auto;
}
.scroll-highway__leftlane.expanded .scroll-highway__expand-icon, .scroll-highway__rightlane.expanded .scroll-highway__expand-icon {
-webkit-animation: spin-btn .2s ease;
animation: spin-btn .2s ease;
}
.scroll-highway__leftlane.expanded .scroll-highway__expand-icon > .plus, .scroll-highway__rightlane.expanded .scroll-highway__expand-icon > .plus {
opacity: 0;
}
.scroll-highway__rightlane.expanded img {
left: 0;
}
.scroll-highway__leftlane {
left: 0;
right: auto;
}
.scroll-highway__rightlane {
right: 0;
left: auto;
}
.scroll-highway__leftlane img {
left: 0;
float: left;
}
.scroll-highway__rightlane img {
right: 0;
float: right;
}
.scroll-highway__stripes {
position: absolute;
overflow: hidden;
top: 0;
bottom: 0;
width: 10px;
height: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
background: transparent url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/img/theme/ahr-stripes-weiss.png);
background-repeat: repeat-x;
background-position: 0 -30px;
background-size: 168%;
}
@media screen and (min-width: 1024px) {
.scroll-highway__stripes {
background-position: 0px -52px;
background-size: 164%;
width: 16px;
}
}
@media screen and (min-width: 1200px) {
.scroll-highway__stripes {
background-position: 0 -61px;
background-size: 192%;
width: 16px;
}
}
.scroll-highway__expand-icon {
-webkit-transition: .3s ease;
transition: .3s ease;
-webkit-animation: spin-btn-reverse .2s ease;
animation: spin-btn-reverse .2s ease;
}
.scroll-highway__btn-expand, .scroll-highway__btn-scroll {
cursor: pointer;
z-index: 10;
width: 32px;
height: 32px;
}
.scroll-highway__btn-expand {
position: absolute;
top: 47.5%;
left: 1rem;
display: none;
-webkit-transition: opacity 1s 1.2s ease;
transition: opacity 1s 1.2s ease;
}
@media screen and (min-width: 1200px) {
.scroll-highway__btn-expand {
left: 2.125rem;
}
}
.scroll-highway__btn-scroll {
position: absolute;
left: 1rem;
}
@media screen and (min-width: 1200px) {
.scroll-highway__btn-scroll {
left: 2.125rem;
}
}
.scroll-highway__btn-scroll.swiper-button-prev {
top: 32%;
}
.scroll-highway__btn-scroll.swiper-button-prev svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
.scroll-highway__btn-scroll.swiper-button-prev {
top: 33%;
}
}
@media screen and (min-width: 1024px) {
.scroll-highway__btn-scroll.swiper-button-prev {
top: 37%;
}
}
@media screen and (min-width: 1200px) {
.scroll-highway__btn-scroll.swiper-button-prev {
top: 37%;
}
}
@media screen and (min-width: 1600px) {
.scroll-highway__btn-scroll.swiper-button-prev {
top: 40%;
}
}
.scroll-highway__btn-scroll.swiper-button-next {
top: 63%;
}
@media screen and (min-width: 768px) {
.scroll-highway__btn-scroll.swiper-button-next {
top: 63.2%;
}
}
@media screen and (min-width: 1024px) {
.scroll-highway__btn-scroll.swiper-button-next {
top: 58.2%;
}
}
@media screen and (min-width: 1200px) {
.scroll-highway__btn-scroll.swiper-button-next {
top: 58.2%;
}
}
@media screen and (min-width: 1600px) {
.scroll-highway__btn-scroll.swiper-button-next {
top: 55%;
}
}
.scroll-highway__btn-scroll.right, .scroll-highway__btn-expand.right {
left: auto;
right: 1rem;
}
@media screen and (min-width: 1200px) {
.scroll-highway__btn-scroll.right, .scroll-highway__btn-expand.right {
left: auto;
right: 2.125rem;
}
}
.scroll-highway__btn-expand.right {
-webkit-transition: opacity 1s .75s ease;
transition: opacity 1s .75s ease;
}
.scroll-highway .overlay-box {
display: none;
position: absolute;
width: 50%;
top: 0;
bottom: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 15px 20px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 1024px) {
.scroll-highway .overlay-box {
padding: 40px 60px 60px 40px;
}
}
@media screen and (min-width: 1200px) {
.scroll-highway .overlay-box {
padding: 60px 80px 80px 60px;
}
}
.scroll-highway .overlay-box__headline, .scroll-highway .overlay-box__copy {
width: 100%;
}
.scroll-highway .overlay-box__headline {
font-size: 2rem;
line-height: 1.2;
margin-top: 1.5rem;
text-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
}
@media screen and (min-width: 1024px) {
.scroll-highway .overlay-box__headline {
font-size: 3rem;
}
}
@media screen and (min-width: 1600px) {
.scroll-highway .overlay-box__headline {
margin-top: 3rem;
font-size: 4rem;
}
}
.scroll-highway .overlay-box__copy {
font-family: "Brix Slab", serif;
font-weight: normal;
font-size: 1.25rem;
line-height: 1.2;
text-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 1024px) {
.scroll-highway .overlay-box__copy {
font-size: 1.5rem;
}
}
@media screen and (min-width: 1600px) {
.scroll-highway .overlay-box__copy {
font-size: 2.25rem;
}
}
.scroll-highway .overlay-box.dark {
background-color: rgba(0, 0, 0, 0.55);
}
@media screen and (min-width: 768px) {
.scroll-highway .overlay-box.dark {
background-color: rgba(0, 0, 0, 0.45);
}
}
.scroll-highway .overlay-box.light {
background-color: transparent;
}
.scroll-highway .overlay-box.text-top__headline {
margin-top: 5rem;
}
.scroll-highway .overlay-box.text-bottom .overlay-box__headline {
margin-top: auto;
}
.scroll-highway__leftlane.expanded .overlay-box, .scroll-highway__rightlane.expanded .overlay-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-animation-delay: .5s;
animation-delay: .5s;
-webkit-animation-name: fade-in;
animation-name: fade-in;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .8s;
animation-duration: .8s;
}
.scroll-highway__leftlane.collapsed .overlay-box, .scroll-highway__rightlane.collapsed .overlay-box {
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-name: fade-in;
animation-name: fade-in;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .3s;
animation-duration: .3s;
animation-direction: reverse;
}
.scroll-highway__leftlane .overlay-box {
left: auto;
right: 0;
}
.swiper-container-l,
.swiper-container-r {
width: 50%;
float: left;
position: relative;
overflow: visible;
}
.swiper-slide {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.swiper-button-prev,
.swiper-button-next {
cursor: pointer;
}
.swiper-button-disabled {
display: none;
}
.team {
padding-top: 0;
}
.team .team-member {
margin: 0 0 30px 0;
background-color: #000000;
position: relative;
width: 100%;
overflow: hidden;
}
.team .team__lanes [class*='col-xs-6']:nth-child(odd) {
padding-right: 5px;
}
@media screen and (min-width: 1024px) {
.team .team__lanes [class*='col-xs-6']:nth-child(odd) {
padding-right: 8px;
}
}
.team .team__lanes [class*='col-xs-6']:nth-child(even) {
padding-left: 5px;
}
@media screen and (min-width: 1024px) {
.team .team__lanes [class*='col-xs-6']:nth-child(even) {
padding-left: 8px;
}
}
.team [class*='col-'] {
margin-bottom: 51px;
}
.team [class*='col-']:last-child, .team [class*='col-']:nth-last-child(2) {
margin-bottom: 0;
}
.team .team__stripes {
position: absolute;
overflow: hidden;
top: 0;
bottom: 0;
width: 10px;
height: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
background: transparent url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/img/theme/ahr-stripes-weiss.png) repeat-y;
background-repeat: repeat;
background-position: 0 -30px;
background-size: 160%;
}
@media screen and (min-width: 1024px) {
.team .team__stripes {
background-position: 0px -52px;
background-size: 160%;
width: 16px;
}
}
@media screen and (min-width: 1200px) {
.team .team__stripes {
background-position: 0 -61px;
background-size: 190%;
width: 16px;
}
}
.team .team-member {
font-weight: 600;
margin: 0 auto 0 auto;
text-align: center;
height: 240px;
}
@media screen and (min-width: 768px) {
.team .team-member {
height: 240px;
}
}
@media screen and (min-width: 1024px) {
.team .team-member {
height: 248px;
}
}
@media screen and (min-width: 1200px) {
.team .team-member {
height: 292.5px;
}
}
@media screen and (min-width: 1600px) {
.team .team-member {
height: 405px;
}
}
.team .team-member__imagebox {
height: 100%;
}
.team .team-member__imagebox img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.team-member__btn-expand {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 1rem;
cursor: pointer;
z-index: 10;
width: 32px;
height: 32px;
-webkit-transition: opacity 1s .5s ease;
transition: opacity 1s .5s ease;
}
@media screen and (min-width: 1200px) {
.team-member__btn-expand {
left: 2rem;
}
}
.team-member__btn-expand.right {
left: auto;
right: 1rem;
}
@media screen and (min-width: 1200px) {
.team-member__btn-expand.right {
right: 2rem;
}
}
.team-member__btn-expand.is-active .team-member__expand-icon {
-webkit-animation: spin-btn .2s ease;
animation: spin-btn .2s ease;
}
.team-member__btn-expand.is-active .team-member__expand-icon > .plus {
opacity: 0;
}
.team-member__btn-expand.is-inactive .team-member__expand-icon {
-webkit-animation: spin-btn-reverse .2s ease;
animation: spin-btn-reverse .2s ease;
}
.team-member__overlay,
.team-member__caption {
padding: 20px 20px 20px 50px;
position: absolute;
bottom: 0;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.team-member__overlay.right,
.team-member__caption.right {
padding: 20px 50px 20px 20px;
}
@media screen and (min-width: 1024px) {
.team-member__overlay,
.team-member__caption {
padding: 30px 30px;
}
.team-member__overlay.right,
.team-member__caption.right {
padding: 30px 30px;
}
}
@media screen and (min-width: 1200px) {
.team-member__overlay,
.team-member__caption {
padding: 30px 50px;
}
.team-member__overlay.right,
.team-member__caption.right {
padding: 30px 50px;
}
}
.team-member__overlay.is-active,
.team-member__caption.is-active {
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-name: fade-in;
animation-name: fade-in;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .8s;
animation-duration: .8s;
}
.team-member__overlay.is-inactive,
.team-member__caption.is-inactive {
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-name: fade-out;
animation-name: fade-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .3s;
animation-duration: .3s;
}
.team-member__overlay p,
.team-member__caption p {
text-align: left;
font-size: 18px;
font-family: inherit;
font-weight: normal;
line-height: inherit;
color: inherit;
margin-top: auto;
margin-bottom: 0;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 auto;
flex: 0 auto;
}
@media screen and (min-width: 1024px) {
.team-member__overlay p,
.team-member__caption p {
font-size: 22px;
}
}
@media screen and (min-width: 1200px) {
.team-member__overlay p,
.team-member__caption p {
font-size: 24px;
}
}
@media screen and (min-width: 1600px) {
.team-member__overlay p,
.team-member__caption p {
font-size: 30px;
}
}
.team-member__overlay p span,
.team-member__caption p span {
display: inline;
margin-right: 3px;
}
.team-member__overlay p a,
.team-member__caption p a {
font-family: inherit;
}
.team-member__caption {
background-color: transparent;
}
.team-member__overlay.right p {
text-align: left;
}
.two-cols {
padding-top: 0;
}
.two-cols .two-cols__article {
margin: 0 0 30px 0;
position: relative;
width: 100%;
overflow: hidden;
}
.two-cols .two-cols__lanes {
position: relative;
}
.two-cols .two-cols__lanes [class*='col-xs-6']:nth-child(1) {
padding-right: 5px;
}
@media screen and (min-width: 1024px) {
.two-cols .two-cols__lanes [class*='col-xs-6']:nth-child(1) {
padding-right: 8px;
}
}
.two-cols .two-cols__lanes [class*='col-xs-6']:nth-child(3) {
padding-left: 5px;
}
@media screen and (min-width: 1024px) {
.two-cols .two-cols__lanes [class*='col-xs-6']:nth-child(3) {
padding-left: 8px;
}
}
.two-cols [class*='col-'] {
margin-bottom: 51px;
}
.two-cols [class*='col-']:last-child, .two-cols [class*='col-']:nth-last-child(2) {
margin-bottom: 0;
}
.two-cols .two-cols__stripes {
position: absolute;
overflow: hidden;
top: 0;
bottom: 0;
width: 10px;
height: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
background: transparent url(//www.autohausrodewald.de/wp-content/themes/autohausrodewald/img/theme/ahr-stripes-weiss.png);
background-repeat: repeat;
background-position: 0 -30px;
background-size: 160%;
}
@media screen and (min-width: 1024px) {
.two-cols .two-cols__stripes {
background-position: 0px -52px;
background-size: 160%;
width: 16px;
}
}
@media screen and (min-width: 1200px) {
.two-cols .two-cols__stripes {
background-position: 0 -61px;
background-size: 190%;
width: 16px;
}
}
.two-cols .two-cols__article {
font-weight: 600;
margin: 0 auto 0 auto;
text-align: center;
}
.two-cols .two-cols__imagebox {
position: relative;
height: auto;
width: 100%;
}
.two-cols .two-cols__imagebox img {
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.two-cols .two-cols__content {
display: block;
width: 100%;
text-align: left;
font-size: 18px;
font-weight: normal;
padding: 0 20px;
}
@media screen and (min-width: 1024px) {
.two-cols .two-cols__content {
font-size: 20px;
padding: 0 20px;
}
}
@media screen and (min-width: 1600px) {
.two-cols .two-cols__content {
font-size: 24px;
padding: 0 60px;
}
}
.two-cols .two-cols__content h1 {
font-size: 2rem;
}
@media screen and (min-width: 1024px) {
.two-cols .two-cols__content h1 {
font-size: 3rem;
}
}
@media screen and (min-width: 1600px) {
.two-cols .two-cols__content h1 {
font-size: 4rem;
}
}
.two-cols .two-cols__content h4 {
font-size: 1.125rem;
font-weight: normal;
font-family: "Brix Slab", serif;
}
@media screen and (min-width: 1024px) {
.two-cols .two-cols__content h4 {
font-size: 1.5rem;
}
}
@media screen and (min-width: 1600px) {
.two-cols .two-cols__content h4 {
font-size: 2rem;
}
}
.two-cols .two-cols__content p {
color: inherit;
font-size: inherit;
line-height: inherit;
font-weight: normal;
}
.two-cols .two-cols__content .google-map {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
height: 330px !important;
}
@media screen and (min-width: 1600px) {
.two-cols .two-cols__content .google-map {
margin-left: -60px;
margin-right: -60px;
width: calc(100% + 120px);
height: 405px !important;
}
}
.two-cols .two-cols__content.col1 {
padding: 0 20px 0 0;
}
@media screen and (min-width: 1024px) {
.two-cols .two-cols__content.col1 {
font-size: 20px;
padding: 0 20px 0 0;
}
}
@media screen and (min-width: 1600px) {
.two-cols .two-cols__content.col1 {
font-size: 24px;
padding: 0 60px 0 0;
}
}
.two-cols .two-cols__btn-expand {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 2.25rem;
cursor: pointer;
z-index: 10;
width: 32px;
height: 32px;
-webkit-transition: opacity 1s .5s ease;
transition: opacity 1s .5s ease;
}
.two-cols .two-cols__btn-expand.right {
left: auto;
right: 2.25rem;
}
.two-cols .two-cols__btn-expand.is-active .team-member__expand-icon {
-webkit-animation: spin-btn .2s ease;
animation: spin-btn .2s ease;
}
.two-cols .two-cols__btn-expand.is-active .team-member__expand-icon > .plus {
opacity: 0;
}
.two-cols .two-cols__btn-expand.is-inactive .team-member__expand-icon {
-webkit-animation: spin-btn-reverse .2s ease;
animation: spin-btn-reverse .2s ease;
}
.two-cols .two-cols__overlay {
padding: 40px 50px;
position: absolute;
bottom: 0;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.75);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.two-cols .two-cols__overlay.is-active {
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-name: fade-in;
animation-name: fade-in;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .8s;
animation-duration: .8s;
}
.two-cols .two-cols__overlay.is-inactive {
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-name: fade-in;
animation-name: fade-in;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .3s;
animation-duration: .3s;
animation-direction: reverse;
}
.two-cols .two-cols__overlay p {
text-align: left;
font-size: 24px;
font-family: inherit;
font-weight: normal;
line-height: inherit;
color: inherit;
margin-top: auto;
margin-bottom: 0;
width: 100%;
}
.two-cols .two-cols__overlay p a {
font-family: inherit;
color: inherit;
}
.two-cols .two-cols__overlay.right p {
text-align: right;
} .border--inline-h::before {
position: absolute;
content: '';
top: 14px;
bottom: 14px;
right: 0;
left: 0;
border-top: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
}
.border--inline::before {
position: absolute;
content: '';
top: 14px;
bottom: 14px;
right: 14px;
left: 14px;
border: 5px solid #ffffff;
}
.background--skew {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.background--skew:before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: skewY(-2deg);
-ms-transform: skewY(-2deg);
transform: skewY(-2deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
@media screen and (min-width: 1024px) {
.background--skew {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
}
.background--skew.skew--top {
overflow: hidden;
padding-top: 5rem !important;
margin-top: -3rem;
padding-bottom: 60px !important;
}
.background--skew.skew--top:before {
top: -95%;
background-color: #000000;
}
@media screen and (min-width: 1200px) {
.background--skew.skew--top {
margin-top: inherit;
padding-top: 10rem !important;
}
.background--skew.skew--top:before {
top: -90%;
}
}
.background--skew.skew--bottom {
overflow: hidden;
}
.background--skew.skew--bottom::before {
top: 99%;
background-color: #000000;
}
.article-panel--full-width {
padding: 0 !important;
}
.article-panel--full-width .wrapper,
.article-panel--full-width .container,
.article-panel--full-width .header__container {
max-width: none !important;
padding: 0;
}
.row--light-neg-mt > .wrapper > .row {
background-color: rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 667px) {
.row--light-neg-mt > .wrapper > .row {
margin-top: 210px;
padding: 0 30px;
background-color: rgba(255, 255, 255, 0.05);
}
.row--light-neg-mt > .wrapper > .row > div[class^='col-']:not(:nth-child(1n+3)) {
margin-top: -6rem;
}
}
@media screen and (min-width: 1024px) {
.row--light-neg-mt > .wrapper > .row {
margin-top: 210px;
padding: 0 90px;
background-color: rgba(255, 255, 255, 0.05);
}
.row--light-neg-mt > .wrapper > .row > div[class^='col-'] {
margin-top: -6rem;
}
}
.theme--dark .row--light-neg-mt > .wrapper > .row {
background-color: rgba(255, 255, 255, 0.05);
}
#funktion .wrapper {
padding-top: 0;
padding-bottom: 0;
}
#funktion .wrapper h1 {
margin-top: 20px;
margin-bottom: 35px;
}
#abteilungen .wrapper {
padding-top: 0;
}
#abteilungen .wrapper > .row {
max-width: 1200px;
margin-right: auto;
}
#abteilungen .wrapper > .row [class*=col-xs] {
padding-left: 15px;
padding-right: 15px;
}
#testversion .wrapper {
padding-top: 30px;
padding-bottom: 30px;
}
#videos,
#videohead {
max-width: none;
}
.cookie-notice-container {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.cn-button {
padding: 1em 1.6em !important;
}