body { margin:0 }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display:block }
audio, canvas, progress, video { display:inline-block; vertical-align:baseline }
audio:not([controls]) {
display:none;
height:0
}
[hidden], template {
display:none
}
a { background-color:transparent }
a:active, a:hover { outline:0 }
abbr[title] { border-bottom:none; text-decoration:underline; text-decoration:underline dotted }
b, strong { font-weight:inherit }
b, strong { font-weight:bolder }
dfn { font-style:italic }
h1 { font-size:2em; margin:0.67em 0 }
mark { background-color:#ff0; color:#000 }
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:1em 40px }
hr { box-sizing:content-box; height:0; overflow:visible }
pre { overflow:auto }
code, kbd, pre, samp {font-size:1em }
fieldset { border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em }
legend { border:0; padding:0 }
textarea { overflow:auto }
optgroup { font-weight:bold }
@font-face {
font-family:'AvantGardeGothicITCW01Bk';
src:url("../fonts/304e94_0_0.eot");
src:url("../fonts/304e94_0_0.eot") format("embedded-opentype"), url("../fonts/304e94_0_0.woff2") format("woff2"), url("../fonts/304e94_0_0.woff") format("woff"), url("../fonts/304e94_0_0.ttf") format("truetype");
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'AvantGardeGothicITCW02XLt';
src:url("../fonts/304e94_1_0.eot");
src:url("../fonts/304e94_1_0.eot") format("embedded-opentype"), url("../fonts/304e94_1_0.woff2") format("woff2"), url("../fonts/304e94_1_0.woff") format("woff"), url("../fonts/304e94_1_0.ttf") format("truetype");
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'AvantGardeGothicITCW02Md';
src:url("../fonts/304e94_2_0.eot");
src:url("../fonts/304e94_2_0.eot") format("embedded-opentype"), url("../fonts/304e94_2_0.woff2") format("woff2"), url("../fonts/304e94_2_0.woff") format("woff"), url("../fonts/304e94_2_0.ttf") format("truetype");
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'isku';
src:url("../fonts/isku-headline-webfont.eot");
src:url("../fonts/isku-headline-webfont.eot") format("embedded-opentype"), url("../fonts/isku-headline-webfont.woff2") format("woff2"), url("../fonts/isku-headline-webfont.woff") format("woff"), url("../fonts/isku-headline-webfont.ttf") format("truetype"), url("../fonts/isku-headline-webfont.svg#isku_fdsuyt") format("svg");
font-weight:normal;
font-style:normal
}
html { box-sizing:border-box; font-size:100%; color:#231F20; font-smoothing:antialiased }
*, *:before, *:after {}
body { background:white }
figure img { display:block }
img { max-width:100% }
.cf { *zoom:1
}
.cf:before, .cf:after { content:""; display:table }
.cf:after { clear:both }
.js-load-image { display:none }
figure { margin:0 }
.images-container .image { position:relative; padding-bottom:84.375%; overflow:hidden }
.images-container .image img { position:absolute; top:0 }
.images-container .image img:nth-of-type(2), .images-container .image img:nth-of-type(3), .images-container .image img:nth-of-type(4), .images-container .image img:nth-of-type(5), .images-container .image img:nth-of-type(6) {
opacity:0
}
.images-container .image-teaser { position:relative }
@media (min-width: 48em) {
.images-container .image-teaser {
float:left;
width:50%
}
}
.images-container .teaser-content { padding:5% 20%; text-align:center; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:auto; color:#fff; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.images-container .teaser-content:before { content:""; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.1); position:absolute; z-index:2 }
.images-container .teaser-content a { color:inherit; text-decoration:none }
.images-container .teaser-content .title { line-height:1; margin:0;font-weight:normal; font-size:3.75em; line-height:0.7; padding-bottom:0.75rem }
@media (min-width: 30.625em) {
.images-container .teaser-content .title {
font-size:5.625em
}
}
@media (min-width: 40em) {
.images-container .teaser-content .title {
font-size:6.875em
}
}
@media (min-width: 48em) {
.images-container .teaser-content .title {
font-size:3.75em
}
}
@media (min-width: 58.125em) {
.images-container .teaser-content .title {
font-size:6.875em
}
}
.images-container .teaser-content .title, .images-container .teaser-content .button-wrapper { position:relative; z-index:3 }
.images-container .teaser-content .content-wrapper { position:relative }
.images-container .teaser-content .button-wrapper { position:absolute; left:0; right:0; margin-top:10% }
@media (min-width: 28.125em) {
.images-container .teaser-content .button-wrapper {
margin-top:16%
}
}
.images-container .teaser-content .title, .images-container .teaser-content .button { text-shadow:0px 1px 1px rgba(0, 0, 0, 0.19) }
.images-container .teaser-content .lead { font-size:1em; line-height:1.3 }
@media (min-width: 30.625em) and (max-width: 47.9375em) {
.images-container .teaser-content .lead {
font-size:1.125em
}
}
@media (min-width: 58.125em) {
.images-container .teaser-content .lead {
font-size:1.1875em
}
}
.images-container .teaser-link { text-decoration:none }
.images-container .teaser-link:focus { outline:none }
.images-container .teaser-link:focus .button { background:rgba(0, 0, 0, 0.2) }
@-webkit-keyframes fade { 0% {
opacity:1
}
4.15% {
opacity:1
}
12.45% {
opacity:1
}
16% {
opacity:1
}
20.8% {
opacity:0;
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
100% {
opacity:0
}
}
@keyframes fade { 0% {
opacity:1
}
4.15% {
opacity:1
}
12.45% {
opacity:1
}
16% {
opacity:1
}
20.8% {
opacity:0;
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
100% {
opacity:0
}
}
@-webkit-keyframes fade-other { 0% {
opacity:0
}
4.15% {
opacity:1
}
12.45% {
opacity:1
}
16% {
opacity:1
}
20.8% {
opacity:0;
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
100% {
opacity:0
}
}
@keyframes fade-other { 0% {
opacity:0
}
4.15% {
opacity:1
}
12.45% {
opacity:1
}
16% {
opacity:1
}
20.8% {
opacity:0;
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
100% {
opacity:0
}
}
body { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
.animated img { -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-play-state:paused; animation-play-state:paused; -webkit-animation-duration:12s; animation-duration:12s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.animated img:nth-of-type(1) {
opacity:1;
-webkit-animation-name:fade;
animation-name:fade;
-webkit-animation-delay:-12s;
animation-delay:-12s;
z-index:1
}
.animated img:nth-of-type(2), .animated img:nth-of-type(3), .animated img:nth-of-type(4), .animated img:nth-of-type(5), .animated img:nth-of-type(6) {
-webkit-animation-name:fade-other;
animation-name:fade-other
}
.animated img:nth-of-type(2) {
-webkit-animation-delay:-10s;
animation-delay:-10s
}
.animated img:nth-of-type(3) {
-webkit-animation-delay:-8s;
animation-delay:-8s
}
.animated img:nth-of-type(4) {
-webkit-animation-delay:-6s;
animation-delay:-6s
}
.animated img:nth-of-type(5) {
-webkit-animation-delay:-4s;
animation-delay:-4s
}
.animated img:nth-of-type(6) {
-webkit-animation-delay:-2s;
animation-delay:-2s
}
.image-teaser:hover .animated img { -webkit-animation-play-state:running; animation-play-state:running }
.teaser-link:focus .animated img { -webkit-animation-play-state:running; animation-play-state:running }
.teaser-link:focus .animated .button { background:rgba(0, 0, 0, 0.2) }
.button { display:inline-block; width:auto; color:inherit; text-decoration:none; font-size:1.0625em; padding:0.82353em 1.76471em; border:1px solid #fff; background:transparent; transition:background 1s; border-radius:30px; line-height:1 }
@media (min-width: 28.125em) {
.button {
font-size:1.1875em;
padding:0.78947em 3.5em
}
}
.image-teaser:hover .button { background:rgba(0, 0, 0, 0.2) }
.link-list { max-width:595px; margin:0 auto; padding-top:1.875rem; padding-bottom:1.875rem }
.link-list ul { list-style:none; margin:0; padding:0 }
@media (min-width: 35em) {
.link-list ul {
display:table;
width:100%
}
}
.link-list li { margin-bottom:0.625rem; text-align:center; padding-left:0.625rem; padding-right:0.625rem }
@media (min-width: 35em) {
.link-list li {
display:table-cell;
margin-bottom:0
}
}
.link-list li:last-child { margin-bottom:0 }
.link-list a { display:inline-block; font-size:1.5625em; color:#231F20;text-decoration:none; border-bottom:1px solid transparent }
.link-list a:hover { border-bottom-color:#231F20 }
.link-list a:focus { outline:none; border-bottom-color:#231F20 }