html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
text-rendering: optimizeLegibility
}
*, *::before, *::after {
box-sizing: inherit
}
body {
margin: 0
}
iframe {
border: 0
}
h1, h2, h3, h4, h5, p, ul, ol, blockquote, figure, button {
margin: 0;
padding: 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
}
h1, h2, h3, h4, h5, p {
font-size: inherit
}
strong {
font-weight: bold
}
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
}
a, button {
color: inherit
}
a {
text-decoration: none;
background-color: transparent;
}
li {
list-style: none
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible;
border: 0;
letter-spacing: inherit;
background: none;
cursor: pointer;
-webkit-font-smoothing: antialiased
}
button, select {
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"] {
box-sizing: border-box;
padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto;
-webkit-appearance: none
}
optgroup {
font-weight: bold
}
::-moz-focus-inner {
padding: 0;
border: 0
}
input,button {
line-height: normal
}
a:focus, a:active, a:hover {
outline: 0
}
img {
max-width: 100%;
height: auto;
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0;
color: #ccc;
}
pre {
overflow: auto
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
a, button {
-webkit-transition: 0.2s;
transition: 0.2s
}
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 15px 15px;
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: .15s;
transition-duration: .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: .7
}
.hamburger-box {
width: 30px;
height: 19px;
display: inline-block;
position: relative
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1.5px
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 3px;
background-color: #A8AFB7;
border-radius: 1px;
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: -8px
}
.hamburger-inner::after {
bottom: -8px
}
.hamburger--3dx .hamburger-box {
-webkit-perspective: 60px;
perspective: 60px
}
.hamburger--3dx .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.hamburger--3dx.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg)
}
.hamburger--3dx.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg)
}
.hamburger--3dx-r .hamburger-box {
-webkit-perspective: 60px;
perspective: 60px
}
.hamburger--3dx-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg)
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg)
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg)
}
.hamburger--3dy .hamburger-box {
-webkit-perspective: 60px;
perspective: 60px
}
.hamburger--3dy .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg)
}
.hamburger--3dy.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg)
}
.hamburger--3dy.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg)
}
.hamburger--3dy-r .hamburger-box {
-webkit-perspective: 60px;
perspective: 60px
}
.hamburger--3dy-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg)
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg)
}
.hamburger--arrow.is-active .hamburger-inner::before {
-webkit-transform: translate3d(-6px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-6px, 0, 0) rotate(-45deg) scale(0.7, 1)
}
.hamburger--arrow.is-active .hamburger-inner::after {
-webkit-transform: translate3d(-6px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-6px, 0, 0) rotate(45deg) scale(0.7, 1)
}
.hamburger--arrow-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(6px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(6px, 0, 0) rotate(45deg) scale(0.7, 1)
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(6px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(6px, 0, 0) rotate(-45deg) scale(0.7, 1)
}
.hamburger--arrowalt .hamburger-inner::before {
-webkit-transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.hamburger--arrowalt .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1);
-webkit-transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}
.hamburger--arrowalt-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.hamburger--arrowalt-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1);
-webkit-transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
-webkit-transition-property: none;
transition-property: none
}
.hamburger--boring.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-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--collapse .hamburger-inner::after {
top: -16px;
-webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear
}
.hamburger--collapse .hamburger-inner::before {
-webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--collapse.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
-webkit-transition-delay: 0.32s;
transition-delay: 0.32s;
-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--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-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--collapse-r .hamburger-inner::after {
top: -16px;
-webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear
}
.hamburger--collapse-r .hamburger-inner::before {
-webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--collapse-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -8px, 0) rotate(45deg);
transform: translate3d(0, -8px, 0) rotate(45deg);
-webkit-transition-delay: 0.32s;
transition-delay: 0.32s;
-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--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--elastic .hamburger-inner {
top: 1.5px;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.hamburger--elastic .hamburger-inner::before {
top: 8px;
-webkit-transition: opacity 0.15s 0.4s ease;
transition: opacity 0.15s 0.4s ease
}
.hamburger--elastic .hamburger-inner::after {
top: 16px;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.hamburger--elastic.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(135deg);
transform: translate3d(0, 8px, 0) rotate(135deg);
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s
}
.hamburger--elastic.is-active .hamburger-inner::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0
}
.hamburger--elastic.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(-270deg);
transform: translate3d(0, -16px, 0) rotate(-270deg);
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s
}
.hamburger--elastic-r .hamburger-inner {
top: 1.5px;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.hamburger--elastic-r .hamburger-inner::before {
top: 8px;
-webkit-transition: opacity 0.15s 0.4s ease;
transition: opacity 0.15s 0.4s ease
}
.hamburger--elastic-r .hamburger-inner::after {
top: 16px;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.hamburger--elastic-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(-135deg);
transform: translate3d(0, 8px, 0) rotate(-135deg);
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(270deg);
transform: translate3d(0, -16px, 0) rotate(270deg);
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s
}
.hamburger--emphatic {
overflow: hidden
}
.hamburger--emphatic .hamburger-inner {
-webkit-transition: background-color 0.2s 0.25s ease-in;
transition: background-color 0.2s 0.25s ease-in
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
-webkit-transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335)
}
.hamburger--emphatic .hamburger-inner::after {
top: 8px;
right: 0;
-webkit-transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335)
}
.hamburger--emphatic.is-active .hamburger-inner {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: transparent
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -60px;
top: -60px;
-webkit-transform: translate3d(60px, 60px, 0) rotate(45deg);
transform: translate3d(60px, 60px, 0) rotate(45deg);
-webkit-transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -60px;
top: -60px;
-webkit-transform: translate3d(-60px, 60px, 0) rotate(-45deg);
transform: translate3d(-60px, 60px, 0) rotate(-45deg);
-webkit-transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.hamburger--emphatic-r {
overflow: hidden
}
.hamburger--emphatic-r .hamburger-inner {
-webkit-transition: background-color 0.2s 0.25s ease-in;
transition: background-color 0.2s 0.25s ease-in
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
-webkit-transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335)
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 8px;
right: 0;
-webkit-transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335)
}
.hamburger--emphatic-r.is-active .hamburger-inner {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: transparent
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -60px;
top: 60px;
-webkit-transform: translate3d(60px, -60px, 0) rotate(-45deg);
transform: translate3d(60px, -60px, 0) rotate(-45deg);
-webkit-transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -60px;
top: 60px;
-webkit-transform: translate3d(-60px, -60px, 0) rotate(45deg);
transform: translate3d(-60px, -60px, 0) rotate(45deg);
-webkit-transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.hamburger--slider .hamburger-inner {
top: 1.5px
}
.hamburger--slider .hamburger-inner::before {
top: 8px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s
}
.hamburger--slider .hamburger-inner::after {
top: 16px
}
.hamburger--slider.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg)
}
.hamburger--slider.is-active .hamburger-inner::before {
-webkit-transform: rotate(-45deg) translate3d(-4.28571px, -5px, 0);
transform: rotate(-45deg) translate3d(-4.28571px, -5px, 0);
opacity: 0
}
.hamburger--slider.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
transform: translate3d(0, -16px, 0) rotate(-90deg)
}
.hamburger--slider-r .hamburger-inner {
top: 1.5px
}
.hamburger--slider-r .hamburger-inner::before {
top: 8px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s
}
.hamburger--slider-r .hamburger-inner::after {
top: 16px
}
.hamburger--slider-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
transform: translate3d(0, 8px, 0) rotate(-45deg)
}
.hamburger--slider-r.is-active .hamburger-inner::before {
-webkit-transform: rotate(45deg) translate3d(4.28571px, -5px, 0);
transform: rotate(45deg) translate3d(4.28571px, -5px, 0);
opacity: 0
}
.hamburger--slider-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(90deg);
transform: translate3d(0, -16px, 0) rotate(90deg)
}
.hamburger--spring .hamburger-inner {
top: 1.5px;
-webkit-transition: background-color 0s 0.15s linear;
transition: background-color 0s 0.15s linear
}
.hamburger--spring .hamburger-inner::before {
top: 8px;
-webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spring .hamburger-inner::after {
top: 16px;
-webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spring.is-active .hamburger-inner {
-webkit-transition-delay: 0.32s;
transition-delay: 0.32s;
background-color: transparent
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
-webkit-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg)
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
-webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
transform: translate3d(0, 8px, 0) rotate(-45deg)
}
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-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--spring-r .hamburger-inner::after {
top: -16px;
-webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear
}
.hamburger--spring-r .hamburger-inner::before {
-webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spring-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
-webkit-transition-delay: 0.32s;
transition-delay: 0.32s;
-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--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--stand .hamburger-inner {
-webkit-transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--stand .hamburger-inner::before {
-webkit-transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--stand .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--stand.is-active .hamburger-inner {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-color: transparent;
-webkit-transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--stand-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--stand-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--stand-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--stand-r.is-active .hamburger-inner {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
background-color: transparent;
-webkit-transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--spin .hamburger-inner {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-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--spin .hamburger-inner::before {
-webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in
}
.hamburger--spin .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spin.is-active .hamburger-inner {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
-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--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--spin-r .hamburger-inner {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-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--spin-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in
}
.hamburger--spin-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spin-r.is-active .hamburger-inner {
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
-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--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--squeeze .hamburger-inner {
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-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.1s 0.14s ease, opacity 0.1s ease;
transition: top 0.1s 0.14s ease, opacity 0.1s ease
}
.hamburger--squeeze .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--squeeze.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
-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.1s ease, opacity 0.1s 0.14s ease;
transition: top 0.1s ease, opacity 0.1s 0.14s ease
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--vortex .hamburger-inner {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear
}
.hamburger--vortex .hamburger-inner::before {
-webkit-transition-property: top, opacity;
transition-property: top, opacity
}
.hamburger--vortex .hamburger-inner::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform
}
.hamburger--vortex.is-active .hamburger-inner {
-webkit-transform: rotate(765deg);
transform: rotate(765deg);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.hamburger--vortex-r .hamburger-inner {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear
}
.hamburger--vortex-r .hamburger-inner::before {
-webkit-transition-property: top, opacity;
transition-property: top, opacity
}
.hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform
}
.hamburger--vortex-r.is-active .hamburger-inner {
-webkit-transform: rotate(-765deg);
transform: rotate(-765deg);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
@-webkit-keyframes fadein {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadein {
from {
opacity: 0
}
to {
opacity: 1
}
}
@media (min-width: 670px) {
.force-break {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word
}
}
.upper {
text-transform: uppercase
}
.hide-mobile {
display: none
}
@media (min-width: 670px) {
.hide-mobile {
display: block
}
}
.show-mobile {
display: block
}
@media (min-width: 670px) {
.show-mobile {
display: none
}
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
.updated:not(.published) {
display: none
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden
}
.hidden {
opacity: 0
}
.visible {
opacity: 1
}
.clearfix:before, .clearfix:after {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.clearfix {
*zoom: 1
}
@media print {
@page {
margin: 1.5cm
}
}
.footer {
border-top: solid 2px #ccc;
background-color: #EDEFF0;
padding: 1rem 0
}
.sitemap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column
}
@media (min-width: 760px) {
.sitemap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row
}
}
@media (min-width: 760px) {
.sitemap__column {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-right: 1rem
}
.sitemap__column:last-child {
margin-right: 0
}
}
.sitemap__column p {
margin-top: 0 !important
}
.sitemap__column li {
font-weight: 400;
padding: .2rem 0
}
.sitemap__column > ul {
padding-bottom: .7rem
}
.sitemap__column > ul > li {
font-weight: 700
}
.sitemap__column > ul > li > ul {
padding-top: .2rem
}
.csc-frame-rulerAfter {
border-bottom: solid 2px #ccc;
padding-bottom: 1rem;
margin-bottom: 1rem
}
ul.csc-bulletlist, ul.content-list {
line-height: 1.4;
list-style: square outside none;
padding-left: 1rem
}
ul.csc-bulletlist li, ul.content-list li {
list-style: square outside none;
padding: .2rem 0
}
.contenttable.kontakt {
width: 100%;
border-spacing: 0
}
.contenttable.kontakt tr, .contenttable.kontakt td {
padding: .3rem 0
}
@media screen and (min-width: 600px) {
.contenttable.kontakt .td-0 {
width: 50%
}
}
ul.csc-uploads span {
line-height: 1.2;
display: inline
}
ul.csc-uploads span.csc-uploads-fileName {
text-decoration: none
}
ul.csc-uploads span a {
color: #06489A;
text-decoration: none
}
.no-touch ul.csc-uploads span a:hover {
text-decoration: underline
}
.csc-uploads-fileSize {
color: #06489A
}
.csc-uploads-description {
display: none !important
}
.csc-uploads-fileExtension {
padding-left: 5px;
color: #06489A;
display: none !important
}
html {
font-size: 16px
}
h1, h2, h3, h4 {
font-family: "Source Sans Pro", sans-serif;
font-weight: 400
}
h1 {
font-size: 1.7em;
padding: 0 0 .7rem;
font-weight: 700;
text-transform: uppercase
}
h2 {
font-size: 1.5em;
margin: 1.5rem 0 1rem
}
h2.underline {
color: #888;
text-transform: uppercase;
font-size: 1.3em;
padding-bottom: .3rem;
border-bottom: solid 2px #A8AFB7
}
h3 {
font-size: 1.4em;
margin: 0 0 1rem;
line-height: 1.2
}
h4, time {
font-size: 1.1em;
margin: 0 0 0.7rem;
line-height: 1.2
}
p {
margin: 0.5rem 0;
line-height: 1.5
}
time.news-single__date {
display: block;
}
.small {
font-size: .725em
}
figcaption {
font-size: .725em;
padding: .4rem
}
.link {
color: #ff0
}
.btn {
background: -webkit-linear-gradient(top, #fff 5%, #f6f6f6 100%);
background: linear-gradient(to bottom, #fff 5%, #f6f6f6 100%);
background-color: #ffffff;
border: 2px solid #dcdcdc;
display: inline-block;
cursor: pointer;
color: #666666;
text-decoration: none;
font-size: .9em
}
.no-touch .btn:hover {
background: -webkit-linear-gradient(top, #f6f6f6 5%, #fff 100%);
background: linear-gradient(to bottom, #f6f6f6 5%, #fff 100%)
}
.form-group {
margin-bottom: 15px
}
.form-control {
display: block;
width: 100%;
border: 2px solid #dcdcdc;
padding: 3px 6px;
line-height: 1
}
.mailform-wrap input[type="checkbox"], .mailform-wrap input[type="radio"], .disclaimer-form-wrap input[type="checkbox"], .disclaimer-form-wrap input[type="radio"] {
display: none
}
.mailform-wrap input[type="checkbox"] + label, .mailform-wrap input[type="radio"] + label, .disclaimer-form-wrap input[type="checkbox"] + label, .disclaimer-form-wrap input[type="radio"] + label {
position: relative;
cursor: default;
display: inline-block
}
.mailform-wrap input[type="checkbox"] + label span, .mailform-wrap input[type="radio"] + label span, .disclaimer-form-wrap input[type="checkbox"] + label span, .disclaimer-form-wrap input[type="radio"] + label span {
display: block;
margin-left: 30px;
line-height: 1.4
}
.mailform-wrap input[type="checkbox"] + label:before, .mailform-wrap input[type="radio"] + label:before, .disclaimer-form-wrap input[type="checkbox"] + label:before, .disclaimer-form-wrap input[type="radio"] + label:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1rem;
margin-right: .2rem;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-left: .2rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
float: left;
pointer-events: none;
font-size: 1.4rem;
color: #A8AFB7
}
.mailform-wrap input[type="radio"] + label:before, .disclaimer-form-wrap input[type="radio"] + label:before {
content: ""
}
.mailform-wrap input[type="checkbox"]:checked + label:before, .mailform-wrap input[type="radio"]:checked + label:before, .disclaimer-form-wrap input[type="checkbox"]:checked + label:before, .disclaimer-form-wrap input[type="radio"]:checked + label:before {
content: ""
}
.mailform-wrap input[type="radio"]:checked + label:before, .disclaimer-form-wrap input[type="radio"]:checked + label:before {
content: ""
}
.mailform-wrap label, .disclaimer-form-wrap label {
font-size: 0.875rem;
display: block;
margin-bottom: 0.3rem;
cursor: default;
line-height: 1.2em
}
.mailform-wrap label.label-large, .disclaimer-form-wrap label.label-large {
font-size: 1em
}
.mailform-wrap textarea, .disclaimer-form-wrap textarea {
resize: vertical;
overflow: auto
}
.mailform-wrap textarea, .mailform-wrap input[type="text"], .mailform-wrap input[type="email"], .disclaimer-form-wrap textarea, .disclaimer-form-wrap input[type="text"], .disclaimer-form-wrap input[type="email"] {
color: #888;
border: solid 2px #dcdcdc;
padding: 4px 6px;
width: 100%;
border-radius: 0;
-webkit-appearance: none;
font-size: 1em
}
.mailform-wrap textarea, .disclaimer-form-wrap textarea {
height: 100px;
overflow: auto;
line-height: 1.1em
}
.mailform-wrap .select-wrap, .disclaimer-form-wrap .select-wrap {
position: relative
}
.mailform-wrap .select-wrap:before, .disclaimer-form-wrap .select-wrap:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
speak: none;
display: block;
position: absolute;
font-family: 'fontello';
top: 8px;
line-height: normal;
right: 6px;
content: "";
z-index: 999;
pointer-events: none;
color: #888
}
.mailform-wrap select::-ms-expand, .disclaimer-form-wrap select::-ms-expand {
display: none
}
.mailform-wrap select, .disclaimer-form-wrap select {
color: #888;
position: relative;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
border: solid 2px #dcdcdc;
background-color: #fff;
padding: 4px 30px 6px 6px;
border-radius: 0;
font-size: 1rem;
line-height: normal
}
.mailform-wrap select option, .disclaimer-form-wrap select option {
font-size: 1rem
}
.mailform-wrap .form-group.checkbox, .disclaimer-form-wrap .form-group.checkbox {
margin: 1rem 0
}
.mailform-wrap .radio {
font-size: 1rem !important
}
.mailform-wrap fieldset {
border: none;
padding: .5rem 0 0 0
}
.mailform-wrap .element-error {
color: red;
font-size: .825em;
display: inline-block;
padding: .2rem
}
.mailform-wrap .radio .control-label{
font-size: 16px;
}
.mailform-wrap .btn-primary{
padding: 0px 5px;
}
.mailform-wrap .form-group {
margin: .5rem 0
}
.csc-form-element {
margin: .5rem 0
}
.csc-form-element-radio {
display: inline-block;
padding-right: .5rem;
margin: 0 !important
}
.confirmation-label {
font-weight: 700
}
.radiogroup-label .confirmation-label {
font-weight: normal
}
.csc-form-confirmation fieldset {
border: none;
padding: 1rem 0
}
.csc-form-confirmation fieldset li {
display: inline
}
html, body {
height: 100%
}
img {
max-width: 100%;
height: auto
}
strong, .strong {
font-weight: 700
}
i, em, .italic {
font-style: italic
}
body {
line-height: 1;
font-family: "Source Sans Pro", sans-serif;
font-weight: 400;
font-style: normal;
color: #888;
-webkit-overflow-scrolling: touch;
-webkit-font-smoothing: antialiased;
word-wrap: break-word;
-webkit-animation: fadein 1s;
animation: fadein 1s;
background-color: #EDEFF0
}
.wrapper {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
padding: 0 .8rem
}
.wrapper:after {
content: " ";
display: block;
clear: both
}
@media (min-width: 570px) {
.wrapper {
padding: 0 1rem
}
}
.menu-bar, .content, .header {
background-color: #fff
}
.layout-1_left {
*zoom: 1;
display: none;
width: 231px;
padding-bottom: 1rem;
float: left
}
.layout-1_left:after, .layout-1_left:before {
content: " ";
display: table
}
.layout-1_left:after {
clear: both
}
@media (min-width: 1024px) {
.layout-1_left {
display: block
}
}
.content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column
}
@media (min-width: 760px) {
.content-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row
}
}
@media (min-width: 1024px) {
.content-wrap {
margin-left: 231px;
padding-left: 1rem
}
}
.layout-1_right {
padding-bottom: 1rem
}
@media (min-width: 760px) {
.layout-1_right {
-ms-flex-preferred-size: 210px;
flex-basis: 210px
}
}
.layout-1_normal {
padding-bottom: 1rem
}
@media (min-width: 760px) {
.layout-1_normal {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 1rem
}
}
.layout-2_normal {
display: block;
width: 100%
}
.bodytext a, .content-list a, p a {
color: #06489A
}
.no-touch .bodytext a:hover, p a:hover {
text-decoration: underline
}
.meta-bar {
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
border-bottom: solid 1px #ccc;
padding: .5rem 0
}
.meta-nav-wrap {
float: right
}
.meta-nav-wrap ul {
*zoom: 1;
padding: .25rem 1rem
}
.meta-nav-wrap ul:after, .meta-nav-wrap ul:before {
content: " ";
display: table
}
.meta-nav-wrap ul:after {
clear: both
}
.meta-nav-wrap ul li {
float: right
}
.meta-nav-wrap ul li a {
padding: 0 .25rem
}
.logo__ic {
display: block;
position: relative;
z-index: 600;
text-indent: -20000px;
height: 55px;
width: 55px;
background: #06489A url("../../Images/Frontend/icon_ic.png") center center no-repeat;
background-size: 40px auto
}
.logo__ic {
background: #06489a url("../../Images/Frontend/logo_ic.png") no-repeat scroll center center / auto 48px;
height: 60px;
width: 147px;
}
@media (min-width: 670px) {
.logo__ic {
background: #06489A url("../../Images/Frontend/logo_ic.png") center center no-repeat;
background-size: 210px auto;
height: 120px;
width: 240px
}
}
.menu-bar {
padding: 1rem 0;
position: relative
}
.header {
position: relative;
padding-bottom: 1rem
}
.teaser {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column
}
@media (min-width: 760px) {
.teaser {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row
}
}
.teaser__item {
background: #A8AFB7 url("../../Images/Frontend/bg_dots.png") repeat;
color: #fff;
position: relative;
padding: 1rem;
margin-bottom: 1rem
}
.no-touch .teaser__item:hover {
background-color: #06489A;
-webkit-transition: background-color 500ms linear;
transition: background-color 500ms linear
}
.no-touch .teaser__item:hover p.teaser__link {
opacity: 1
}
.teaser__item h1,
.teaser__item h2,
.teaser__item h3{
font-size: 1.1em;
font-weight: 700;
padding: 0;
margin: 0;
text-transform: none;
}
.teaser__item p {
padding: 1rem 0 0 0;
line-height: 1.4;
margin: 0
}
.teaser__item p.teaser__link {
opacity: 0;
text-align: right
}
.teaser__item a {
display: block
}
@media (min-width: 760px) {
.teaser__item {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
min-height: 200px;
margin-right: 1rem
}
.teaser__item p {
padding-bottom: 2rem
}
.teaser__item p.teaser__link {
position: absolute;
bottom: 1rem;
right: 1rem;
padding: 0
}
.teaser__item:last-child {
margin-right: 0
}
}
.banner {
padding-bottom: 1rem
}
.banner_normal {
background: #7B8488 url("../../Images/Frontend/bg_dots.png");
padding: 1rem;
color: #fff;
line-height: .9;
font-weight: 700
}
.banner_normal_first {
font-size: 7rem;
letter-spacing: -.4rem;
padding-right: .4rem
}
.banner_normal_second {
font-size: 2rem;
display: inline-block
}
.body_normal {
padding: 1rem 0
}
.finanzkalender td {
padding: 5px 10px 5px 0;
vertical-align: top
}
.finanzkalender th {
text-align: left
}
.fonds td {
padding: 5px 10px 5px 0;
vertical-align: top
}
.fonds .td-0 {
font-weight: 700
}
.aktie td {
padding: 5px 10px 5px 0;
vertical-align: top
}
.aktie .td-0 {
font-weight: 700
}
@media screen and (max-width: 600px) {
thead {
display: none
}
tr:nth-of-type(2n) {
background-color: inherit
}
tr td:first-child {
font-weight: bold
}
tbody td {
display: block
}
tbody td:before {
content: attr(data-th);
display: block
}
table.immoList td.col-4 {
padding: 0 0 2rem 0
}
table.immoList td {
padding-left: 0
}
table.finanzkalender td {
padding-left: 0
}
table.finanzkalender td.td-last {
padding-bottom: 1rem
}
}
@font-face {
font-family: 'fontello';
src: url("../../Fonts/Frontend/fontello.eot?12");
src: url("../../Fonts/Frontend/fontello.eot?12#iefix") format("embedded-opentype"), url("../../Fonts/Frontend/fontello.woff2?12") format("woff2"), url("../../Fonts/Frontend/fontello.woff?12") format("woff"), url("../../Fonts/Frontend/fontello.ttf?12") format("truetype"), url("../../Fonts/Frontend/fontello.svg?12#fontello") format("svg");
font-weight: normal;
font-style: normal
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: url(../../Fonts/Frontend/source_sans_pro_italic_400-ext.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: url(../../Fonts/Frontend/source_sans_pro_italic_400.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 700;
src: url(../../Fonts/Frontend/source_sans_pro_italic_700-ext.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 700;
src: url(../../Fonts/Frontend/source_sans_pro_italic_700.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url(../../Fonts/Frontend/source_sans_pro_normal_400-ext.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url(../../Fonts/Frontend/source_sans_pro_normal_400.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url(../../Fonts/Frontend/source_sans_pro_normal_700-ext.woff2)) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url(../../Fonts/Frontend/source_sans_pro_normal_700.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-left-open:before {
content: '\e800'
}
.icon-up-open:before {
content: '\e801'
}
.icon-home:before {
content: '\e802'
}
.icon-search:before {
content: '\e803'
}
.icon-menu:before {
content: '\e804'
}
.icon-check:before {
content: '\e807'
}
.icon-cancel:before {
content: '\e808'
}
.icon-down-open:before {
content: '\e80c'
}
.icon-circle-empty:before {
content: '\e80e'
}
.icon-dot-circled:before {
content: '\e80f'
}
.icon-right-open:before {
content: '\e810'
}
.icon-check-empty:before {
content: '\e811'
}
#toggle-nav {
z-index: 800;
display: block;
cursor: pointer;
position: absolute;
right: .8rem;
bottom: .2rem
}
@media (min-width: 570px) {
#toggle-nav {
right: 1rem
}
}
@media (min-width: 1024px) {
#toggle-nav {
display: none
}
}
.menu {
position: absolute;
right: .8rem;
top: 100%;
width: 100%;
z-index: 500;
background-color: #fff;
display: none;
padding: .5rem 0
}
@media (min-width: 570px) {
.menu {
right: 1rem
}
}
.menu ul {
*zoom: 1;
float: right
}
.menu ul:after, .menu ul:before {
content: " ";
display: table
}
.menu ul:after {
clear: both
}
.menu a {
display: block;
text-decoration: none;
color: inherit;
position: relative;
z-index: 1
}
.menu a.current, .menu a:hover {
color: #06489A
}
.menu li {
position: relative;
text-align: right;
list-style: none;
color: #888;
font-size: 1em;
padding: .4em 0
}
@media (min-width: 1024px) {
.menu {
display: block !important;
width: auto;
top: 75%;
padding: 0
}
.menu li {
text-align: center;
float: left;
margin-left: 1rem
}
.menu li:last-child {
margin-right: 0
}
.menu a {
display: block;
line-height: 1;
padding-bottom: .5rem
}
.menu a.current, .menu a:hover {
color: #06489A
}
.menu a:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background: #06489A;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: .25s linear;
transition: .25s linear
}
.menu a.current:before, .menu a:hover:before, .menu a:focus:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.slide-menu {
position: absolute;
left: 0;
top: 0;
padding: 0 1rem 1rem 1rem;
width: 100%;
z-index: 700;
background-color: #fff;
display: none;
box-shadow: 0 4px 4px -2px #666
}
.slide-menu li {
position: relative;
text-align: center;
list-style: none;
color: #888;
font-size: 1em;
font-weight: 400;
padding: .3rem 0
}
.slide-menu > ul > li > ul {
padding-top: .3rem;
display: none
}
.slide-menu > ul > li.current-parent > ul {
padding-top: .3rem;
display: block
}
.slide-menu > ul > li {
font-weight: 700;
padding-top: 1rem
}
.slide-menu a.act {
color: #06489A
}
.menu-sub {
background: -webkit-linear-gradient(left, #ddd 40%, rgba(255, 255, 255, 0) 20%) bottom repeat-x;
background: linear-gradient(to right, #ddd 40%, rgba(255, 255, 255, 0) 20%) bottom repeat-x;
background-size: 4px 2px;
margin-bottom: 30px;
}
.no-touch .menu-sub a.current, .no-touch .menu-sub a:hover {
color: #06489A
}
.menu-sub li {
text-transform: none;
padding: .2rem 0;
font-weight: 400
}
.menu-sub > ul > li {
background: -webkit-linear-gradient(left, #ddd 40%, rgba(255, 255, 255, 0) 20%) top repeat-x;
background: linear-gradient(to right, #ddd 40%, rgba(255, 255, 255, 0) 20%) top repeat-x;
background-size: 4px 2px;
padding: .7rem .5rem .6rem .5rem;
font-size: 1.1em;
text-transform: uppercase;
font-weight: 700
}
.menu-sub > ul > li > ul {
padding-top: .5rem
}
.menu-sub > ul > li > ul > li {
padding-left: 1rem
}
.disclaimer-form-wrap {
padding: 15px 0
}
.disclaimer-form-wrap .checkbox label span {
font-weight: 700
}
.tx-indexedsearch-browsebox .browsebox ul {
*zoom: 1
}
.tx-indexedsearch-browsebox .browsebox ul:after, .tx-indexedsearch-browsebox .browsebox ul:before {
content: " ";
display: table
}
.tx-indexedsearch-browsebox .browsebox ul:after {
clear: both
}
.tx-indexedsearch-browsebox .browsebox li {
display: inline-block;
padding: .5rem .5rem .5rem 0
}
.tx-indexedsearch-browsebox .browsebox a {
color: #06489A
}
.tx-indexedsearch .browsebox {
margin: 1rem 0
}
.tx-indexedsearch .browsebox:nth-child(even) {
border: solid 1px red;
display: none
}
.res-tmpl-css {
margin: 2rem 0
}
.searchbox-tmpl-css {
display: none
}
.tx-indexedsearch-whatis {
margin-bottom: 1rem;
font-size: 1.2rem
}
.tx-indexedsearch-whatis .tx-indexedsearch-sw {
font-weight: bold
}
.tx-indexedsearch-title a {
color: #06489A
}
.quick-search-wrap {
float: right;
border: solid 2px #A8AFB7
}
#searchbox {
background-color: #fff
}
#searchbox input[type=search] {
font-size: 1em;
padding: 0;
line-height: 1.2;
border: solid #fff
}
#searchbox input[type=search]:focus {
outline: none
}
#searchbox button {
border: none
}
#searchbox button:focus {
outline: none
}
.tx-felogin-pi1 fieldset {
border: solid #ccc;
padding: 10px
}
.tx-felogin-pi1 legend {
font-size: 1em;
padding: 0 .3rem
}
.felogin__welcome-header, .felogin__welcome-message, .felogin__logout-header, .felogin__logout-message, .felogin__success-header, .felogin__error-header {
display: none
}
.felogin__success-message, .felogin__error-message {
padding-bottom: .5rem;
font-size: .9em;
line-height: 1.2
}
.felogin-logout__username {
padding-bottom: .5rem;
font-size: .9em;
line-height: 1.2
}
.logos {
padding: .5rem 1rem
}
.logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.logo__item {
padding: 1rem
}
@media (min-width: 670px) {
.logo__item {
padding: 1rem 2rem
}
}
.logos_grey {
background-color: #DCDEE2
}
.news-latest a {
color: #06489A
}
.news-single, .news-list {
padding: 1.5rem 0
}
.news-single a, .news-list a {
color: #06489A
}
.news-single-img {
float: left;
margin-right: 20px;
}
.news-single-img p.news-single-imgcaption {
margin: 0 0 1rem;
}
h2.news-single__headline {
margin-bottom: 2rem;
}
.news-list__item {
padding-bottom: 1.5rem
}
.news-list__date {
font-size: .9em;
margin-bottom: .5rem
}
.news-list__headline {
margin-top: .5rem
}
.news-list-browse {
padding: 1rem 0
}
.tx-bwis24v2-pi1 {
padding-bottom: 1rem
}
.label-immotype {
display: none
}
.immoSelect {
padding-bottom: 1rem;
max-width: 200px
}
.immoSelect .select-wrap {
position: relative
}
.immoSelect .select-wrap:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
speak: none;
display: block;
position: absolute;
font-family: 'fontello';
line-height: 35px;
right: 6px;
content: "";
z-index: 99;
pointer-events: none
}
.immoSelect select::-ms-expand {
display: none
}
.immoSelect select {
position: relative;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
border: solid 2px #888;
background-color: #fff;
padding: 0 30px 0 6px;
border-radius: 0;
font-size: 1.1rem;
line-height: 35px;
height: 35px;
color: #444
}
.immoSelect select option {
font-size: 1rem
}
table.immoList {
width: 100%;
border-spacing: 0
}
table.immoList th, table.immoList td {
text-align: left;
line-height: 1.4;
padding: .2rem .5rem .5rem;
vertical-align: top
}
table.immoList th.col-0, table.immoList td.col-0 {
padding-left: 0
}
table.immoList td.col-4 {
padding-left: 1rem;
padding-right: 0;
width: 118px
}
table.immoList td.col-4 img {
display: block;
border: solid 1px #ccc;
width: 118px;
height: auto
}
.re-single-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column
}
@media (min-width: 670px) {
.re-single-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row
}
}
.re-single-body {
padding-right: 2rem
}
.re-single-body h2 {
margin-top: 0
}
.re-single-images {
-ms-flex-negative: 0;
flex-shrink: 0
}
.re-img-wrap {
width: 224px;
text-align: center;
border: solid 1px #A8AFB7;
margin-bottom: 1rem;
padding: .5rem .5rem .4rem
}
.btn.anmeldelink, .btn.anmeldelink:hover {
background: #fff;
color: #888;
font-size: 19px;
margin-bottom: 30px;
padding: 10px 2px;
width: 100%;
}
.btn.anmeldelink:hover {
background: #dcdee2;
color: #888;
}
@media (min-width: 1024px) {
#slide-menu {
display: none !important;
}
}
#footer-sitemap .sitemap__column:nth-child(4) > p {
font-weight: 700;
margin-bottom: 0;
}
#footer-sitemap .sitemap__column:nth-child(4) > ul {
padding-bottom: 0;
}
/**
old csc-styled content css
*/
/* default styles for extension "tx_felogin_pi1" */
.tx-felogin-pi1 label {
display: block;
}
/* default styles for extension "tx_cssstyledcontent" */
/* Headers */
.csc-header-alignment-center {
text-align: center;
}
.csc-header-alignment-right {
text-align: right;
}
.csc-header-alignment-left {
text-align: left;
}
div.csc-textpic-responsive, div.csc-textpic-responsive * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Clear floats after csc-textpic and after csc-textpic-imagerow */
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
overflow: hidden;
}
/* Set padding for tables */
div.csc-textpic .csc-textpic-imagewrap table {
border-collapse: collapse;
border-spacing: 0;
}
div.csc-textpic .csc-textpic-imagewrap table tr td {
padding: 0;
vertical-align: top;
}
/* Settings for figure and figcaption (HTML5) */
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
margin: 0;
}
#content-normal div.csc-textpic .csc-textpic-imagewrap figure, #content-normal div.csc-textpic figure.csc-textpic-imagewrap {
display: table;
}
/* Captions */
figcaption.csc-textpic-caption {
display: table-caption;
}
.csc-textpic-caption {
text-align: left;
caption-side: bottom;
}
div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c {
text-align: center;
}
div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r {
text-align: right;
}
div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l {
text-align: left;
}
/* Float the columns */
div.csc-textpic div.csc-textpic-imagecolumn {
float: left;
}
/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap img {
border: 1px solid black;
padding: 0px 0px;
}
div.csc-textpic .csc-textpic-imagewrap img {
border: none;
display: block;
}
/* Space below each image (also in-between rows) */
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
margin-bottom: 10px;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
margin-bottom: 0;
}
/* colSpace around image columns, except for last column */
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
margin-right: 10px;
}
div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
margin-right: 0;
}
/* Add margin from image-block to text (in case of "Text & Images") */
div.csc-textpic-intext-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
margin-right: 10px;
}
div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
margin-left: 10px;
}
/* Positioning of images: */
/* Center (above or below) */
div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {
overflow: hidden;
}
div.csc-textpic-center .csc-textpic-center-outer {
position: relative;
float: right;
right: 50%;
}
div.csc-textpic-center .csc-textpic-center-inner {
position: relative;
float: right;
right: -50%;
}
/* Right (above or below) */
div.csc-textpic-right .csc-textpic-imagewrap {
float: right;
}
div.csc-textpic-right div.csc-textpic-text {
clear: right;
}
/* Left (above or below) */
div.csc-textpic-left .csc-textpic-imagewrap {
float: left;
}
div.csc-textpic-left div.csc-textpic-text {
clear: left;
}
/* Left (in text) */
div.csc-textpic-intext-left .csc-textpic-imagewrap {
float: left;
}
/* Right (in text) */
div.csc-textpic-intext-right .csc-textpic-imagewrap {
float: right;
}
/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
float: right;
}
/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
float: left;
}
div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {
margin-bottom: 0;
}
/* Browser fixes: */
/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
padding-left: 40px;
overflow: auto;
}
/* File Links */
ul.csc-uploads {
padding: 0;
}
ul.csc-uploads li {
list-style: none outside none;
margin: 1em 0;
}
ul.csc-uploads img {
float: left;
margin-right: 1em;
vertical-align: top;
}
/* Table background colors: */
table.contenttable-color-1 {
background-color: #EDEBF1;
}
table.contenttable-color-2 {
background-color: #F5FFAA;
}
table.contenttable-color-240 {
background-color: black;
}
table.contenttable-color-241 {
background-color: white;
}
table.contenttable-color-242 {
background-color: #333333;
}
table.contenttable-color-243 {
background-color: gray;
}
table.contenttable-color-244 {
background-color: silver;
}
/* specific page styles for extension "tx_cssstyledcontent" */
.csc-textpic-intext-right-nowrap .csc-textpic-text {
margin-right: 810px;
}
.csc-textpic-intext-left-nowrap .csc-textpic-text {
margin-left: 810px;
}
.csc-textpic-intext-left-nowrap-110 .csc-textpic-text {
margin-left: 110px;
}
.csc-textpic-intext-right-nowrap-110 .csc-textpic-text {
margin-right: 110px;
}
/*forms*/
.radiogroup-label-mail {
display: none !important;
}
.mail-label {
font-weight: bold;
display: block !important;
}
.csc-form-element {
display: block !important;
}
/*
#footer-sitemap .sitemap__column:nth-child(4) > ul > li {
font-weight: 400;
}
*/
/*
* cookieconsent
*/
.cc_banner-wrapper .cc_banner.cc_container.cc_container--open {
background-color: #fff;
color: #888;
}
.cc_banner-wrapper .cc_container a, .cc_banner-wrapper .cc_container a:hover, .cc_banner-wrapper .cc_container a:visited {
text-decoration: underline;
color: #06489A;
}
.cc_btn.cc_btn_accept_all {
border: 1px solid #06489A;
}
.cc_banner-wrapper .cc_container .cc_btn, .cc_banner-wrapper .cc_container .cc_btn:visited {
background-color: #06489A;
color: #fff;
}
.cc_banner-wrapper .cc_container .cc_btn:hover {
border: 1px solid #888;
background-color: #fff;
color: #888;
}
/* Bildanpassungen für IE */
#content-normal div.csc-textpic .csc-textpic-imagewrap img {
width: 100%;
}
/* Übersicht Stellenausschreibungen als Sitemap */
ul.csc-menu li {
margin: 0.5rem 0;
line-height: 1.5;
}
ul.csc-menu li a {
color: #06489A;
}
/*Abstand before*/
.frame-space-before-extra-small {
margin-top: 5px !important;
}
.frame-space-before-small {
margin-top: 10px !important;
}
.frame-space-before-medium {
margin-top: 15px !important;
}
.frame-space-before-large {
margin-top: 20px !important;
}
.frame-space-before-extra-large {
margin-top: 30px !important;
}
/*Abstand after*/
.frame-space-after-extra-small {
margin-bottom: 5px !important;
}
.frame-space-after-small {
margin-bottom: 10px !important;
}
.frame-space-after-medium {
margin-bottom: 15px !important;
}
.frame-space-after-large {
margin-bottom: 20px !important;
}
.frame-space-after-extra-large {
margin-bottom: 30px !important;
}
.content #searchform #ke_search_sword {width:85%;margin-bottom: 15px;}
/* Bildgröße in linker und rechter Spalte */
#content-left div.csc-textpic-center-outer, #content-right div.csc-textpic-center-outer {
max-width:100%;
}
#content-left div.csc-textpic-center-inner, #content-right div.csc-textpic-center-inner{
max-width:100%;
}
/* Left Column for mobile */
.layout-1_left {
display: block;
width: 100%;
float: none;
}
.layout-1_left .menu-sub {
display: none;
}
.layout-1_left .btn {
margin-bottom: 0;
width: auto;
}
#content-left div.csc-textpic-center-outer {
right: auto;
float: left;
}
#content-left div.csc-textpic-center-inner {
right: auto;
float: none;
}
@media (min-width: 1024px) {
.layout-1_left {
display: block;
width: 231px;
padding-bottom: 1rem;
float: left;
}
.layout-1_left .menu-sub {
display: block;
}
.layout-1_left .btn {
margin-bottom: 30px;
width: 100%;
}
#content-left div.csc-textpic-center-outer {
right: 50%;
float: right;
}
#content-left div.csc-textpic-center-inner {
right: -50%;
float: right;
}
}
#CookieDeclarationUserStatusLabelOff {
font-weight: bold;
}
#CookieDeclarationChangeConsent a {
color: #06489A;
}
#CookieDeclarationChangeConsent a:hover {
text-decoration: underline;
}
h1.color-blue, h2.color-blue, h3.color-blue, h4.color-blue, h5.color-blue, h6.color-blue, h2.color-blue.underline {
color: #06489a;
}
.bodytext a, .content-list a, p a {
text-decoration: underline;
}
.bodytext a:hover, .content-list a:hover, p a:hover {
color: #3877c5;
}
blockquote {
margin: 2rem 0;
position: relative;
padding: 5px 3rem;
}
blockquote p {
position: relative;
}
blockquote:before, blockquote:after {
display: block;
position: absolute;
color: #888888;
font-size: 6rem;
}
blockquote:before {
content: '„';
bottom: 0;
left: 0;
line-height: 6rem;
}
blockquote:after {
content: '“';
top: 0;
right: 0;
line-height: 4rem;
}
/* Slider */
.quote-slider {
border-bottom: 1px solid #B3B3B3;
}
.quote-slider-container {
width: 635px;
margin-bottom: 20px;
}
.tns-outer [data-action] {
display: none;
}
.image-description {
line-height: 26px;
}
.image-with-text-container {
display: flex;
}
.image-text {
width: 520px;
padding-left:20px;
color :#707070;
}
.quote-bottom {
float: right;
}
.caption .caption-name {
margin-top:15px;
}
.caption .caption-name , .caption .caption-position {
font-size:16px;
color: #707070;
font-weight: bold;
margin-bottom: 5px;
}
.controls-container {
position: relative;
top:120px;
}
.tns-item {
padding: 20px;
}
.tns-item img {
object-fit: contain;
}
.counter-container {
display: flex;
font-weight: bold;
justify-content: center;
margin-top: 15px;
}
.controls-container [data-controls="prev"] {
float: left;
border-right: 1px solid #ACACAC;
height: 79px;
padding-right: 10px;
}
.controls-container [data-controls="next"] {
float: right;
border-left: 1px solid #ACACAC;
height: 79px;
padding-left: 10px;
}
@media only screen and (max-width: 1102px) {
.image-with-text-container {
display: block;
}
.image-with-text-container .left-image {
margin-left: auto;
margin-right: auto;
display: block;
}
}
@media only screen and (max-width: 992px) {
.quote-slider-container {
margin-bottom: 85px;
}
.controls-container [data-controls="next"], .controls-container [data-controls="prev"] {
height: 0;
border:none;
}
.controls-container {
top:0;
margin-top: -20px;
}
.counter-container {
left:auto;
justify-content: center;
align-items: center;
width: 635px;
bottom: 10px;
}
.image-text {
padding-left: 0;
}
.caption {
padding-top: 15px;
}
.tns-item {
padding: 30px;
}
}
@media only screen and (max-width: 740px) {
.quote-slider-container, .controls-container, .counter-container {
width: 100%;
}
.controls-container {
position: inherit;
margin-top: -20px;
padding-bottom: 50px;
}
.tns-outer {
margin-bottom: 15px;
}
.tns-item {
padding:0px;
}
.image-text {
width: 100%;
}
.caption {
padding-bottom: 20px;
}
}