html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, 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: 1px dotted;
}
b, strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
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;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
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;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
.clearfix:after, .row--1200:after, .row--1440:after, .row--768:after, .row--992:after, .row:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix, * html .row, * html .row--1200, * html .row--1440, * html .row--768, * html .row--992 {
zoom: 1;
}
@media (min-width:1px) {
.column--s-12 {
display: block;
float: left;
box-sizing: border-box;
width: 100%}
.column--s-11 {
display: block;
float: left;
box-sizing: border-box;
width: 91.66667%}
.column--s-10 {
display: block;
float: left;
box-sizing: border-box;
width: 83.33333%}
.column--s-9 {
display: block;
float: left;
box-sizing: border-box;
width: 75%}
.column--s-8 {
display: block;
float: left;
box-sizing: border-box;
width: 66.66667%}
.column--s-7 {
display: block;
float: left;
box-sizing: border-box;
width: 58.33333%}
.column--s-6 {
display: block;
float: left;
box-sizing: border-box;
width: 50%}
.column--s-5 {
display: block;
float: left;
box-sizing: border-box;
width: 41.66667%}
.column--s-4 {
display: block;
float: left;
box-sizing: border-box;
width: 33.33333%}
.column--s-3 {
display: block;
float: left;
box-sizing: border-box;
width: 25%}
.column--s-2 {
display: block;
float: left;
box-sizing: border-box;
width: 16.66667%}
.column--s-1 {
display: block;
float: left;
box-sizing: border-box;
width: 8.33333%}
.column-push--s-12 {
position: relative;
left: 100%}
.column-push--s-11 {
position: relative;
left: 91.66667%}
.column-push--s-10 {
position: relative;
left: 83.33333%}
.column-push--s-9 {
position: relative;
left: 75%}
.column-push--s-8 {
position: relative;
left: 66.66667%}
.column-push--s-7 {
position: relative;
left: 58.33333%}
.column-push--s-6 {
position: relative;
left: 50%}
.column-push--s-5 {
position: relative;
left: 41.66667%}
.column-push--s-4 {
position: relative;
left: 33.33333%}
.column-push--s-3 {
position: relative;
left: 25%}
.column-push--s-2 {
position: relative;
left: 16.66667%}
.column-push--s-1 {
position: relative;
left: 8.33333%}
.column-push--s-0 {
position: relative;
left: 0;
}
.column-pull--s-12 {
position: relative;
right: 100%}
.column-pull--s-11 {
position: relative;
right: 91.66667%}
.column-pull--s-10 {
position: relative;
right: 83.33333%}
.column-pull--s-9 {
position: relative;
right: 75%}
.column-pull--s-8 {
position: relative;
right: 66.66667%}
.column-pull--s-7 {
position: relative;
right: 58.33333%}
.column-pull--s-6 {
position: relative;
right: 50%}
.column-pull--s-5 {
position: relative;
right: 41.66667%}
.column-pull--s-4 {
position: relative;
right: 33.33333%}
.column-pull--s-3 {
position: relative;
right: 25%}
.column-pull--s-2 {
position: relative;
right: 16.66667%}
.column-pull--s-1 {
position: relative;
right: 8.33333%}
.column-pull--s-0 {
position: relative;
right: 0;
}
.column-offset--s-12 {
margin-left: 100%}
.column-offset--s-11 {
margin-left: 91.66667%}
.column-offset--s-10 {
margin-left: 83.33333%}
.column-offset--s-9 {
margin-left: 75%}
.column-offset--s-8 {
margin-left: 66.66667%}
.column-offset--s-7 {
margin-left: 58.33333%}
.column-offset--s-6 {
margin-left: 50%}
.column-offset--s-5 {
margin-left: 41.66667%}
.column-offset--s-4 {
margin-left: 33.33333%}
.column-offset--s-3 {
margin-left: 25%}
.column-offset--s-2 {
margin-left: 16.66667%}
.column-offset--s-1 {
margin-left: 8.33333%}
.column-offset--s-0 {
margin-left: 0;
}
.padding--horizontal--s-30, .padding--left--s-30, .padding--s-30 {
padding-left: 360px;
}
.padding--horizontal--s-30, .padding--right--s-30, .padding--s-30 {
padding-right: 360px;
}
.padding--s-30, .padding--top--s-30, .padding--vertical--s-30 {
padding-top: 360px;
}
.padding--bottom--s-30, .padding--s-30, .padding--vertical--s-30 {
padding-bottom: 360px;
}
.padding--horizontal--s-29, .padding--left--s-29, .padding--s-29 {
padding-left: 348px;
}
.padding--horizontal--s-29, .padding--right--s-29, .padding--s-29 {
padding-right: 348px;
}
.padding--s-29, .padding--top--s-29, .padding--vertical--s-29 {
padding-top: 348px;
}
.padding--bottom--s-29, .padding--s-29, .padding--vertical--s-29 {
padding-bottom: 348px;
}
.padding--horizontal--s-28, .padding--left--s-28, .padding--s-28 {
padding-left: 336px;
}
.padding--horizontal--s-28, .padding--right--s-28, .padding--s-28 {
padding-right: 336px;
}
.padding--s-28, .padding--top--s-28, .padding--vertical--s-28 {
padding-top: 336px;
}
.padding--bottom--s-28, .padding--s-28, .padding--vertical--s-28 {
padding-bottom: 336px;
}
.padding--horizontal--s-27, .padding--left--s-27, .padding--s-27 {
padding-left: 324px;
}
.padding--horizontal--s-27, .padding--right--s-27, .padding--s-27 {
padding-right: 324px;
}
.padding--s-27, .padding--top--s-27, .padding--vertical--s-27 {
padding-top: 324px;
}
.padding--bottom--s-27, .padding--s-27, .padding--vertical--s-27 {
padding-bottom: 324px;
}
.padding--horizontal--s-26, .padding--left--s-26, .padding--s-26 {
padding-left: 312px;
}
.padding--horizontal--s-26, .padding--right--s-26, .padding--s-26 {
padding-right: 312px;
}
.padding--s-26, .padding--top--s-26, .padding--vertical--s-26 {
padding-top: 312px;
}
.padding--bottom--s-26, .padding--s-26, .padding--vertical--s-26 {
padding-bottom: 312px;
}
.padding--horizontal--s-25, .padding--left--s-25, .padding--s-25 {
padding-left: 300px;
}
.padding--horizontal--s-25, .padding--right--s-25, .padding--s-25 {
padding-right: 300px;
}
.padding--s-25, .padding--top--s-25, .padding--vertical--s-25 {
padding-top: 300px;
}
.padding--bottom--s-25, .padding--s-25, .padding--vertical--s-25 {
padding-bottom: 300px;
}
.padding--horizontal--s-24, .padding--left--s-24, .padding--s-24 {
padding-left: 288px;
}
.padding--horizontal--s-24, .padding--right--s-24, .padding--s-24 {
padding-right: 288px;
}
.padding--s-24, .padding--top--s-24, .padding--vertical--s-24 {
padding-top: 288px;
}
.padding--bottom--s-24, .padding--s-24, .padding--vertical--s-24 {
padding-bottom: 288px;
}
.padding--horizontal--s-23, .padding--left--s-23, .padding--s-23 {
padding-left: 276px;
}
.padding--horizontal--s-23, .padding--right--s-23, .padding--s-23 {
padding-right: 276px;
}
.padding--s-23, .padding--top--s-23, .padding--vertical--s-23 {
padding-top: 276px;
}
.padding--bottom--s-23, .padding--s-23, .padding--vertical--s-23 {
padding-bottom: 276px;
}
.padding--horizontal--s-22, .padding--left--s-22, .padding--s-22 {
padding-left: 264px;
}
.padding--horizontal--s-22, .padding--right--s-22, .padding--s-22 {
padding-right: 264px;
}
.padding--s-22, .padding--top--s-22, .padding--vertical--s-22 {
padding-top: 264px;
}
.padding--bottom--s-22, .padding--s-22, .padding--vertical--s-22 {
padding-bottom: 264px;
}
.padding--horizontal--s-21, .padding--left--s-21, .padding--s-21 {
padding-left: 252px;
}
.padding--horizontal--s-21, .padding--right--s-21, .padding--s-21 {
padding-right: 252px;
}
.padding--s-21, .padding--top--s-21, .padding--vertical--s-21 {
padding-top: 252px;
}
.padding--bottom--s-21, .padding--s-21, .padding--vertical--s-21 {
padding-bottom: 252px;
}
.padding--horizontal--s-20, .padding--left--s-20, .padding--s-20 {
padding-left: 240px;
}
.padding--horizontal--s-20, .padding--right--s-20, .padding--s-20 {
padding-right: 240px;
}
.padding--s-20, .padding--top--s-20, .padding--vertical--s-20 {
padding-top: 240px;
}
.padding--bottom--s-20, .padding--s-20, .padding--vertical--s-20 {
padding-bottom: 240px;
}
.padding--horizontal--s-19, .padding--left--s-19, .padding--s-19 {
padding-left: 228px;
}
.padding--horizontal--s-19, .padding--right--s-19, .padding--s-19 {
padding-right: 228px;
}
.padding--s-19, .padding--top--s-19, .padding--vertical--s-19 {
padding-top: 228px;
}
.padding--bottom--s-19, .padding--s-19, .padding--vertical--s-19 {
padding-bottom: 228px;
}
.padding--horizontal--s-18, .padding--left--s-18, .padding--s-18 {
padding-left: 216px;
}
.padding--horizontal--s-18, .padding--right--s-18, .padding--s-18 {
padding-right: 216px;
}
.padding--s-18, .padding--top--s-18, .padding--vertical--s-18 {
padding-top: 216px;
}
.padding--bottom--s-18, .padding--s-18, .padding--vertical--s-18 {
padding-bottom: 216px;
}
.padding--horizontal--s-17, .padding--left--s-17, .padding--s-17 {
padding-left: 204px;
}
.padding--horizontal--s-17, .padding--right--s-17, .padding--s-17 {
padding-right: 204px;
}
.padding--s-17, .padding--top--s-17, .padding--vertical--s-17 {
padding-top: 204px;
}
.padding--bottom--s-17, .padding--s-17, .padding--vertical--s-17 {
padding-bottom: 204px;
}
.padding--horizontal--s-16, .padding--left--s-16, .padding--s-16 {
padding-left: 192px;
}
.padding--horizontal--s-16, .padding--right--s-16, .padding--s-16 {
padding-right: 192px;
}
.padding--s-16, .padding--top--s-16, .padding--vertical--s-16 {
padding-top: 192px;
}
.padding--bottom--s-16, .padding--s-16, .padding--vertical--s-16 {
padding-bottom: 192px;
}
.padding--horizontal--s-15, .padding--left--s-15, .padding--s-15 {
padding-left: 180px;
}
.padding--horizontal--s-15, .padding--right--s-15, .padding--s-15 {
padding-right: 180px;
}
.padding--s-15, .padding--top--s-15, .padding--vertical--s-15 {
padding-top: 180px;
}
.padding--bottom--s-15, .padding--s-15, .padding--vertical--s-15 {
padding-bottom: 180px;
}
.padding--horizontal--s-14, .padding--left--s-14, .padding--s-14 {
padding-left: 168px;
}
.padding--horizontal--s-14, .padding--right--s-14, .padding--s-14 {
padding-right: 168px;
}
.padding--s-14, .padding--top--s-14, .padding--vertical--s-14 {
padding-top: 168px;
}
.padding--bottom--s-14, .padding--s-14, .padding--vertical--s-14 {
padding-bottom: 168px;
}
.padding--horizontal--s-13, .padding--left--s-13, .padding--s-13 {
padding-left: 156px;
}
.padding--horizontal--s-13, .padding--right--s-13, .padding--s-13 {
padding-right: 156px;
}
.padding--s-13, .padding--top--s-13, .padding--vertical--s-13 {
padding-top: 156px;
}
.padding--bottom--s-13, .padding--s-13, .padding--vertical--s-13 {
padding-bottom: 156px;
}
.padding--horizontal--s-12, .padding--left--s-12, .padding--s-12 {
padding-left: 144px;
}
.padding--horizontal--s-12, .padding--right--s-12, .padding--s-12 {
padding-right: 144px;
}
.padding--s-12, .padding--top--s-12, .padding--vertical--s-12 {
padding-top: 144px;
}
.padding--bottom--s-12, .padding--s-12, .padding--vertical--s-12 {
padding-bottom: 144px;
}
.padding--horizontal--s-11, .padding--left--s-11, .padding--s-11 {
padding-left: 132px;
}
.padding--horizontal--s-11, .padding--right--s-11, .padding--s-11 {
padding-right: 132px;
}
.padding--s-11, .padding--top--s-11, .padding--vertical--s-11 {
padding-top: 132px;
}
.padding--bottom--s-11, .padding--s-11, .padding--vertical--s-11 {
padding-bottom: 132px;
}
.padding--horizontal--s-10, .padding--left--s-10, .padding--s-10 {
padding-left: 120px;
}
.padding--horizontal--s-10, .padding--right--s-10, .padding--s-10 {
padding-right: 120px;
}
.padding--s-10, .padding--top--s-10, .padding--vertical--s-10 {
padding-top: 120px;
}
.padding--bottom--s-10, .padding--s-10, .padding--vertical--s-10 {
padding-bottom: 120px;
}
.padding--horizontal--s-9, .padding--left--s-9, .padding--s-9 {
padding-left: 108px;
}
.padding--horizontal--s-9, .padding--right--s-9, .padding--s-9 {
padding-right: 108px;
}
.padding--s-9, .padding--top--s-9, .padding--vertical--s-9 {
padding-top: 108px;
}
.padding--bottom--s-9, .padding--s-9, .padding--vertical--s-9 {
padding-bottom: 108px;
}
.padding--horizontal--s-8, .padding--left--s-8, .padding--s-8 {
padding-left: 96px;
}
.padding--horizontal--s-8, .padding--right--s-8, .padding--s-8 {
padding-right: 96px;
}
.padding--s-8, .padding--top--s-8, .padding--vertical--s-8 {
padding-top: 96px;
}
.padding--bottom--s-8, .padding--s-8, .padding--vertical--s-8 {
padding-bottom: 96px;
}
.padding--horizontal--s-7, .padding--left--s-7, .padding--s-7 {
padding-left: 84px;
}
.padding--horizontal--s-7, .padding--right--s-7, .padding--s-7 {
padding-right: 84px;
}
.padding--s-7, .padding--top--s-7, .padding--vertical--s-7 {
padding-top: 84px;
}
.padding--bottom--s-7, .padding--s-7, .padding--vertical--s-7 {
padding-bottom: 84px;
}
.padding--horizontal--s-6, .padding--left--s-6, .padding--s-6 {
padding-left: 72px;
}
.padding--horizontal--s-6, .padding--right--s-6, .padding--s-6 {
padding-right: 72px;
}
.padding--s-6, .padding--top--s-6, .padding--vertical--s-6 {
padding-top: 72px;
}
.padding--bottom--s-6, .padding--s-6, .padding--vertical--s-6 {
padding-bottom: 72px;
}
.padding--horizontal--s-5, .padding--left--s-5, .padding--s-5 {
padding-left: 60px;
}
.padding--horizontal--s-5, .padding--right--s-5, .padding--s-5 {
padding-right: 60px;
}
.padding--s-5, .padding--top--s-5, .padding--vertical--s-5 {
padding-top: 60px;
}
.padding--bottom--s-5, .padding--s-5, .padding--vertical--s-5 {
padding-bottom: 60px;
}
.padding--horizontal--s-4, .padding--left--s-4, .padding--s-4 {
padding-left: 48px;
}
.padding--horizontal--s-4, .padding--right--s-4, .padding--s-4 {
padding-right: 48px;
}
.padding--s-4, .padding--top--s-4, .padding--vertical--s-4 {
padding-top: 48px;
}
.padding--bottom--s-4, .padding--s-4, .padding--vertical--s-4 {
padding-bottom: 48px;
}
.padding--horizontal--s-3, .padding--left--s-3, .padding--s-3 {
padding-left: 36px;
}
.padding--horizontal--s-3, .padding--right--s-3, .padding--s-3 {
padding-right: 36px;
}
.padding--s-3, .padding--top--s-3, .padding--vertical--s-3 {
padding-top: 36px;
}
.padding--bottom--s-3, .padding--s-3, .padding--vertical--s-3 {
padding-bottom: 36px;
}
.padding--horizontal--s-2, .padding--left--s-2, .padding--s-2 {
padding-left: 24px;
}
.padding--horizontal--s-2, .padding--right--s-2, .padding--s-2 {
padding-right: 24px;
}
.padding--s-2, .padding--top--s-2, .padding--vertical--s-2 {
padding-top: 24px;
}
.padding--bottom--s-2, .padding--s-2, .padding--vertical--s-2 {
padding-bottom: 24px;
}
.padding--horizontal--s-1, .padding--left--s-1, .padding--s-1 {
padding-left: 12px;
}
.padding--horizontal--s-1, .padding--right--s-1, .padding--s-1 {
padding-right: 12px;
}
.padding--s-1, .padding--top--s-1, .padding--vertical--s-1 {
padding-top: 12px;
}
.padding--bottom--s-1, .padding--s-1, .padding--vertical--s-1 {
padding-bottom: 12px;
}
.padding--horizontal--s-0, .padding--left--s-0, .padding--s-0 {
padding-left: 0;
}
.padding--horizontal--s-0, .padding--right--s-0, .padding--s-0 {
padding-right: 0;
}
.padding--s-0, .padding--top--s-0, .padding--vertical--s-0 {
padding-top: 0;
}
.padding--bottom--s-0, .padding--s-0, .padding--vertical--s-0 {
padding-bottom: 0;
}
}@media (min-width:768px) {
.column--m-12 {
display: block;
float: left;
box-sizing: border-box;
width: 100%}
.column--m-11 {
display: block;
float: left;
box-sizing: border-box;
width: 91.66667%}
.column--m-10 {
display: block;
float: left;
box-sizing: border-box;
width: 83.33333%}
.column--m-9 {
display: block;
float: left;
box-sizing: border-box;
width: 75%}
.column--m-8 {
display: block;
float: left;
box-sizing: border-box;
width: 66.66667%}
.column--m-7 {
display: block;
float: left;
box-sizing: border-box;
width: 58.33333%}
.column--m-6 {
display: block;
float: left;
box-sizing: border-box;
width: 50%}
.column--m-5 {
display: block;
float: left;
box-sizing: border-box;
width: 41.66667%}
.column--m-4 {
display: block;
float: left;
box-sizing: border-box;
width: 33.33333%}
.column--m-3 {
display: block;
float: left;
box-sizing: border-box;
width: 25%}
.column--m-2 {
display: block;
float: left;
box-sizing: border-box;
width: 16.66667%}
.column--m-1 {
display: block;
float: left;
box-sizing: border-box;
width: 8.33333%}
.column-push--m-12 {
position: relative;
left: 100%}
.column-push--m-11 {
position: relative;
left: 91.66667%}
.column-push--m-10 {
position: relative;
left: 83.33333%}
.column-push--m-9 {
position: relative;
left: 75%}
.column-push--m-8 {
position: relative;
left: 66.66667%}
.column-push--m-7 {
position: relative;
left: 58.33333%}
.column-push--m-6 {
position: relative;
left: 50%}
.column-push--m-5 {
position: relative;
left: 41.66667%}
.column-push--m-4 {
position: relative;
left: 33.33333%}
.column-push--m-3 {
position: relative;
left: 25%}
.column-push--m-2 {
position: relative;
left: 16.66667%}
.column-push--m-1 {
position: relative;
left: 8.33333%}
.column-push--m-0 {
position: relative;
left: 0;
}
.column-pull--m-12 {
position: relative;
right: 100%}
.column-pull--m-11 {
position: relative;
right: 91.66667%}
.column-pull--m-10 {
position: relative;
right: 83.33333%}
.column-pull--m-9 {
position: relative;
right: 75%}
.column-pull--m-8 {
position: relative;
right: 66.66667%}
.column-pull--m-7 {
position: relative;
right: 58.33333%}
.column-pull--m-6 {
position: relative;
right: 50%}
.column-pull--m-5 {
position: relative;
right: 41.66667%}
.column-pull--m-4 {
position: relative;
right: 33.33333%}
.column-pull--m-3 {
position: relative;
right: 25%}
.column-pull--m-2 {
position: relative;
right: 16.66667%}
.column-pull--m-1 {
position: relative;
right: 8.33333%}
.column-pull--m-0 {
position: relative;
right: 0;
}
.column-offset--m-12 {
margin-left: 100%}
.column-offset--m-11 {
margin-left: 91.66667%}
.column-offset--m-10 {
margin-left: 83.33333%}
.column-offset--m-9 {
margin-left: 75%}
.column-offset--m-8 {
margin-left: 66.66667%}
.column-offset--m-7 {
margin-left: 58.33333%}
.column-offset--m-6 {
margin-left: 50%}
.column-offset--m-5 {
margin-left: 41.66667%}
.column-offset--m-4 {
margin-left: 33.33333%}
.column-offset--m-3 {
margin-left: 25%}
.column-offset--m-2 {
margin-left: 16.66667%}
.column-offset--m-1 {
margin-left: 8.33333%}
.column-offset--m-0 {
margin-left: 0;
}
.padding--horizontal--m-30, .padding--left--m-30, .padding--m-30 {
padding-left: 360px;
}
.padding--horizontal--m-30, .padding--m-30, .padding--right--m-30 {
padding-right: 360px;
}
.padding--m-30, .padding--top--m-30, .padding--vertical--m-30 {
padding-top: 360px;
}
.padding--bottom--m-30, .padding--m-30, .padding--vertical--m-30 {
padding-bottom: 360px;
}
.padding--horizontal--m-29, .padding--left--m-29, .padding--m-29 {
padding-left: 348px;
}
.padding--horizontal--m-29, .padding--m-29, .padding--right--m-29 {
padding-right: 348px;
}
.padding--m-29, .padding--top--m-29, .padding--vertical--m-29 {
padding-top: 348px;
}
.padding--bottom--m-29, .padding--m-29, .padding--vertical--m-29 {
padding-bottom: 348px;
}
.padding--horizontal--m-28, .padding--left--m-28, .padding--m-28 {
padding-left: 336px;
}
.padding--horizontal--m-28, .padding--m-28, .padding--right--m-28 {
padding-right: 336px;
}
.padding--m-28, .padding--top--m-28, .padding--vertical--m-28 {
padding-top: 336px;
}
.padding--bottom--m-28, .padding--m-28, .padding--vertical--m-28 {
padding-bottom: 336px;
}
.padding--horizontal--m-27, .padding--left--m-27, .padding--m-27 {
padding-left: 324px;
}
.padding--horizontal--m-27, .padding--m-27, .padding--right--m-27 {
padding-right: 324px;
}
.padding--m-27, .padding--top--m-27, .padding--vertical--m-27 {
padding-top: 324px;
}
.padding--bottom--m-27, .padding--m-27, .padding--vertical--m-27 {
padding-bottom: 324px;
}
.padding--horizontal--m-26, .padding--left--m-26, .padding--m-26 {
padding-left: 312px;
}
.padding--horizontal--m-26, .padding--m-26, .padding--right--m-26 {
padding-right: 312px;
}
.padding--m-26, .padding--top--m-26, .padding--vertical--m-26 {
padding-top: 312px;
}
.padding--bottom--m-26, .padding--m-26, .padding--vertical--m-26 {
padding-bottom: 312px;
}
.padding--horizontal--m-25, .padding--left--m-25, .padding--m-25 {
padding-left: 300px;
}
.padding--horizontal--m-25, .padding--m-25, .padding--right--m-25 {
padding-right: 300px;
}
.padding--m-25, .padding--top--m-25, .padding--vertical--m-25 {
padding-top: 300px;
}
.padding--bottom--m-25, .padding--m-25, .padding--vertical--m-25 {
padding-bottom: 300px;
}
.padding--horizontal--m-24, .padding--left--m-24, .padding--m-24 {
padding-left: 288px;
}
.padding--horizontal--m-24, .padding--m-24, .padding--right--m-24 {
padding-right: 288px;
}
.padding--m-24, .padding--top--m-24, .padding--vertical--m-24 {
padding-top: 288px;
}
.padding--bottom--m-24, .padding--m-24, .padding--vertical--m-24 {
padding-bottom: 288px;
}
.padding--horizontal--m-23, .padding--left--m-23, .padding--m-23 {
padding-left: 276px;
}
.padding--horizontal--m-23, .padding--m-23, .padding--right--m-23 {
padding-right: 276px;
}
.padding--m-23, .padding--top--m-23, .padding--vertical--m-23 {
padding-top: 276px;
}
.padding--bottom--m-23, .padding--m-23, .padding--vertical--m-23 {
padding-bottom: 276px;
}
.padding--horizontal--m-22, .padding--left--m-22, .padding--m-22 {
padding-left: 264px;
}
.padding--horizontal--m-22, .padding--m-22, .padding--right--m-22 {
padding-right: 264px;
}
.padding--m-22, .padding--top--m-22, .padding--vertical--m-22 {
padding-top: 264px;
}
.padding--bottom--m-22, .padding--m-22, .padding--vertical--m-22 {
padding-bottom: 264px;
}
.padding--horizontal--m-21, .padding--left--m-21, .padding--m-21 {
padding-left: 252px;
}
.padding--horizontal--m-21, .padding--m-21, .padding--right--m-21 {
padding-right: 252px;
}
.padding--m-21, .padding--top--m-21, .padding--vertical--m-21 {
padding-top: 252px;
}
.padding--bottom--m-21, .padding--m-21, .padding--vertical--m-21 {
padding-bottom: 252px;
}
.padding--horizontal--m-20, .padding--left--m-20, .padding--m-20 {
padding-left: 240px;
}
.padding--horizontal--m-20, .padding--m-20, .padding--right--m-20 {
padding-right: 240px;
}
.padding--m-20, .padding--top--m-20, .padding--vertical--m-20 {
padding-top: 240px;
}
.padding--bottom--m-20, .padding--m-20, .padding--vertical--m-20 {
padding-bottom: 240px;
}
.padding--horizontal--m-19, .padding--left--m-19, .padding--m-19 {
padding-left: 228px;
}
.padding--horizontal--m-19, .padding--m-19, .padding--right--m-19 {
padding-right: 228px;
}
.padding--m-19, .padding--top--m-19, .padding--vertical--m-19 {
padding-top: 228px;
}
.padding--bottom--m-19, .padding--m-19, .padding--vertical--m-19 {
padding-bottom: 228px;
}
.padding--horizontal--m-18, .padding--left--m-18, .padding--m-18 {
padding-left: 216px;
}
.padding--horizontal--m-18, .padding--m-18, .padding--right--m-18 {
padding-right: 216px;
}
.padding--m-18, .padding--top--m-18, .padding--vertical--m-18 {
padding-top: 216px;
}
.padding--bottom--m-18, .padding--m-18, .padding--vertical--m-18 {
padding-bottom: 216px;
}
.padding--horizontal--m-17, .padding--left--m-17, .padding--m-17 {
padding-left: 204px;
}
.padding--horizontal--m-17, .padding--m-17, .padding--right--m-17 {
padding-right: 204px;
}
.padding--m-17, .padding--top--m-17, .padding--vertical--m-17 {
padding-top: 204px;
}
.padding--bottom--m-17, .padding--m-17, .padding--vertical--m-17 {
padding-bottom: 204px;
}
.padding--horizontal--m-16, .padding--left--m-16, .padding--m-16 {
padding-left: 192px;
}
.padding--horizontal--m-16, .padding--m-16, .padding--right--m-16 {
padding-right: 192px;
}
.padding--m-16, .padding--top--m-16, .padding--vertical--m-16 {
padding-top: 192px;
}
.padding--bottom--m-16, .padding--m-16, .padding--vertical--m-16 {
padding-bottom: 192px;
}
.padding--horizontal--m-15, .padding--left--m-15, .padding--m-15 {
padding-left: 180px;
}
.padding--horizontal--m-15, .padding--m-15, .padding--right--m-15 {
padding-right: 180px;
}
.padding--m-15, .padding--top--m-15, .padding--vertical--m-15 {
padding-top: 180px;
}
.padding--bottom--m-15, .padding--m-15, .padding--vertical--m-15 {
padding-bottom: 180px;
}
.padding--horizontal--m-14, .padding--left--m-14, .padding--m-14 {
padding-left: 168px;
}
.padding--horizontal--m-14, .padding--m-14, .padding--right--m-14 {
padding-right: 168px;
}
.padding--m-14, .padding--top--m-14, .padding--vertical--m-14 {
padding-top: 168px;
}
.padding--bottom--m-14, .padding--m-14, .padding--vertical--m-14 {
padding-bottom: 168px;
}
.padding--horizontal--m-13, .padding--left--m-13, .padding--m-13 {
padding-left: 156px;
}
.padding--horizontal--m-13, .padding--m-13, .padding--right--m-13 {
padding-right: 156px;
}
.padding--m-13, .padding--top--m-13, .padding--vertical--m-13 {
padding-top: 156px;
}
.padding--bottom--m-13, .padding--m-13, .padding--vertical--m-13 {
padding-bottom: 156px;
}
.padding--horizontal--m-12, .padding--left--m-12, .padding--m-12 {
padding-left: 144px;
}
.padding--horizontal--m-12, .padding--m-12, .padding--right--m-12 {
padding-right: 144px;
}
.padding--m-12, .padding--top--m-12, .padding--vertical--m-12 {
padding-top: 144px;
}
.padding--bottom--m-12, .padding--m-12, .padding--vertical--m-12 {
padding-bottom: 144px;
}
.padding--horizontal--m-11, .padding--left--m-11, .padding--m-11 {
padding-left: 132px;
}
.padding--horizontal--m-11, .padding--m-11, .padding--right--m-11 {
padding-right: 132px;
}
.padding--m-11, .padding--top--m-11, .padding--vertical--m-11 {
padding-top: 132px;
}
.padding--bottom--m-11, .padding--m-11, .padding--vertical--m-11 {
padding-bottom: 132px;
}
.padding--horizontal--m-10, .padding--left--m-10, .padding--m-10 {
padding-left: 120px;
}
.padding--horizontal--m-10, .padding--m-10, .padding--right--m-10 {
padding-right: 120px;
}
.padding--m-10, .padding--top--m-10, .padding--vertical--m-10 {
padding-top: 120px;
}
.padding--bottom--m-10, .padding--m-10, .padding--vertical--m-10 {
padding-bottom: 120px;
}
.padding--horizontal--m-9, .padding--left--m-9, .padding--m-9 {
padding-left: 108px;
}
.padding--horizontal--m-9, .padding--m-9, .padding--right--m-9 {
padding-right: 108px;
}
.padding--m-9, .padding--top--m-9, .padding--vertical--m-9 {
padding-top: 108px;
}
.padding--bottom--m-9, .padding--m-9, .padding--vertical--m-9 {
padding-bottom: 108px;
}
.padding--horizontal--m-8, .padding--left--m-8, .padding--m-8 {
padding-left: 96px;
}
.padding--horizontal--m-8, .padding--m-8, .padding--right--m-8 {
padding-right: 96px;
}
.padding--m-8, .padding--top--m-8, .padding--vertical--m-8 {
padding-top: 96px;
}
.padding--bottom--m-8, .padding--m-8, .padding--vertical--m-8 {
padding-bottom: 96px;
}
.padding--horizontal--m-7, .padding--left--m-7, .padding--m-7 {
padding-left: 84px;
}
.padding--horizontal--m-7, .padding--m-7, .padding--right--m-7 {
padding-right: 84px;
}
.padding--m-7, .padding--top--m-7, .padding--vertical--m-7 {
padding-top: 84px;
}
.padding--bottom--m-7, .padding--m-7, .padding--vertical--m-7 {
padding-bottom: 84px;
}
.padding--horizontal--m-6, .padding--left--m-6, .padding--m-6 {
padding-left: 72px;
}
.padding--horizontal--m-6, .padding--m-6, .padding--right--m-6 {
padding-right: 72px;
}
.padding--m-6, .padding--top--m-6, .padding--vertical--m-6 {
padding-top: 72px;
}
.padding--bottom--m-6, .padding--m-6, .padding--vertical--m-6 {
padding-bottom: 72px;
}
.padding--horizontal--m-5, .padding--left--m-5, .padding--m-5 {
padding-left: 60px;
}
.padding--horizontal--m-5, .padding--m-5, .padding--right--m-5 {
padding-right: 60px;
}
.padding--m-5, .padding--top--m-5, .padding--vertical--m-5 {
padding-top: 60px;
}
.padding--bottom--m-5, .padding--m-5, .padding--vertical--m-5 {
padding-bottom: 60px;
}
.padding--horizontal--m-4, .padding--left--m-4, .padding--m-4 {
padding-left: 48px;
}
.padding--horizontal--m-4, .padding--m-4, .padding--right--m-4 {
padding-right: 48px;
}
.padding--m-4, .padding--top--m-4, .padding--vertical--m-4 {
padding-top: 48px;
}
.padding--bottom--m-4, .padding--m-4, .padding--vertical--m-4 {
padding-bottom: 48px;
}
.padding--horizontal--m-3, .padding--left--m-3, .padding--m-3 {
padding-left: 36px;
}
.padding--horizontal--m-3, .padding--m-3, .padding--right--m-3 {
padding-right: 36px;
}
.padding--m-3, .padding--top--m-3, .padding--vertical--m-3 {
padding-top: 36px;
}
.padding--bottom--m-3, .padding--m-3, .padding--vertical--m-3 {
padding-bottom: 36px;
}
.padding--horizontal--m-2, .padding--left--m-2, .padding--m-2 {
padding-left: 24px;
}
.padding--horizontal--m-2, .padding--m-2, .padding--right--m-2 {
padding-right: 24px;
}
.padding--m-2, .padding--top--m-2, .padding--vertical--m-2 {
padding-top: 24px;
}
.padding--bottom--m-2, .padding--m-2, .padding--vertical--m-2 {
padding-bottom: 24px;
}
.padding--horizontal--m-1, .padding--left--m-1, .padding--m-1 {
padding-left: 12px;
}
.padding--horizontal--m-1, .padding--m-1, .padding--right--m-1 {
padding-right: 12px;
}
.padding--m-1, .padding--top--m-1, .padding--vertical--m-1 {
padding-top: 12px;
}
.padding--bottom--m-1, .padding--m-1, .padding--vertical--m-1 {
padding-bottom: 12px;
}
.padding--horizontal--m-0, .padding--left--m-0, .padding--m-0 {
padding-left: 0;
}
.padding--horizontal--m-0, .padding--m-0, .padding--right--m-0 {
padding-right: 0;
}
.padding--m-0, .padding--top--m-0, .padding--vertical--m-0 {
padding-top: 0;
}
.padding--bottom--m-0, .padding--m-0, .padding--vertical--m-0 {
padding-bottom: 0;
}
}@media (min-width:992px) {
.column--l-12 {
display: block;
float: left;
box-sizing: border-box;
width: 100%}
.column--l-11 {
display: block;
float: left;
box-sizing: border-box;
width: 91.66667%}
.column--l-10 {
display: block;
float: left;
box-sizing: border-box;
width: 83.33333%}
.column--l-9 {
display: block;
float: left;
box-sizing: border-box;
width: 75%}
.column--l-8 {
display: block;
float: left;
box-sizing: border-box;
width: 66.66667%}
.column--l-7 {
display: block;
float: left;
box-sizing: border-box;
width: 58.33333%}
.column--l-6 {
display: block;
float: left;
box-sizing: border-box;
width: 50%}
.column--l-5 {
display: block;
float: left;
box-sizing: border-box;
width: 41.66667%}
.column--l-4 {
display: block;
float: left;
box-sizing: border-box;
width: 33.33333%}
.column--l-3 {
display: block;
float: left;
box-sizing: border-box;
width: 25%}
.column--l-2 {
display: block;
float: left;
box-sizing: border-box;
width: 16.66667%}
.column--l-1 {
display: block;
float: left;
box-sizing: border-box;
width: 8.33333%}
.column-push--l-12 {
position: relative;
left: 100%}
.column-push--l-11 {
position: relative;
left: 91.66667%}
.column-push--l-10 {
position: relative;
left: 83.33333%}
.column-push--l-9 {
position: relative;
left: 75%}
.column-push--l-8 {
position: relative;
left: 66.66667%}
.column-push--l-7 {
position: relative;
left: 58.33333%}
.column-push--l-6 {
position: relative;
left: 50%}
.column-push--l-5 {
position: relative;
left: 41.66667%}
.column-push--l-4 {
position: relative;
left: 33.33333%}
.column-push--l-3 {
position: relative;
left: 25%}
.column-push--l-2 {
position: relative;
left: 16.66667%}
.column-push--l-1 {
position: relative;
left: 8.33333%}
.column-push--l-0 {
position: relative;
left: 0;
}
.column-pull--l-12 {
position: relative;
right: 100%}
.column-pull--l-11 {
position: relative;
right: 91.66667%}
.column-pull--l-10 {
position: relative;
right: 83.33333%}
.column-pull--l-9 {
position: relative;
right: 75%}
.column-pull--l-8 {
position: relative;
right: 66.66667%}
.column-pull--l-7 {
position: relative;
right: 58.33333%}
.column-pull--l-6 {
position: relative;
right: 50%}
.column-pull--l-5 {
position: relative;
right: 41.66667%}
.column-pull--l-4 {
position: relative;
right: 33.33333%}
.column-pull--l-3 {
position: relative;
right: 25%}
.column-pull--l-2 {
position: relative;
right: 16.66667%}
.column-pull--l-1 {
position: relative;
right: 8.33333%}
.column-pull--l-0 {
position: relative;
right: 0;
}
.column-offset--l-12 {
margin-left: 100%}
.column-offset--l-11 {
margin-left: 91.66667%}
.column-offset--l-10 {
margin-left: 83.33333%}
.column-offset--l-9 {
margin-left: 75%}
.column-offset--l-8 {
margin-left: 66.66667%}
.column-offset--l-7 {
margin-left: 58.33333%}
.column-offset--l-6 {
margin-left: 50%}
.column-offset--l-5 {
margin-left: 41.66667%}
.column-offset--l-4 {
margin-left: 33.33333%}
.column-offset--l-3 {
margin-left: 25%}
.column-offset--l-2 {
margin-left: 16.66667%}
.column-offset--l-1 {
margin-left: 8.33333%}
.column-offset--l-0 {
margin-left: 0;
}
.padding--horizontal--l-30, .padding--l-30, .padding--left--l-30 {
padding-left: 360px;
}
.padding--horizontal--l-30, .padding--l-30, .padding--right--l-30 {
padding-right: 360px;
}
.padding--l-30, .padding--top--l-30, .padding--vertical--l-30 {
padding-top: 360px;
}
.padding--bottom--l-30, .padding--l-30, .padding--vertical--l-30 {
padding-bottom: 360px;
}
.padding--horizontal--l-29, .padding--l-29, .padding--left--l-29 {
padding-left: 348px;
}
.padding--horizontal--l-29, .padding--l-29, .padding--right--l-29 {
padding-right: 348px;
}
.padding--l-29, .padding--top--l-29, .padding--vertical--l-29 {
padding-top: 348px;
}
.padding--bottom--l-29, .padding--l-29, .padding--vertical--l-29 {
padding-bottom: 348px;
}
.padding--horizontal--l-28, .padding--l-28, .padding--left--l-28 {
padding-left: 336px;
}
.padding--horizontal--l-28, .padding--l-28, .padding--right--l-28 {
padding-right: 336px;
}
.padding--l-28, .padding--top--l-28, .padding--vertical--l-28 {
padding-top: 336px;
}
.padding--bottom--l-28, .padding--l-28, .padding--vertical--l-28 {
padding-bottom: 336px;
}
.padding--horizontal--l-27, .padding--l-27, .padding--left--l-27 {
padding-left: 324px;
}
.padding--horizontal--l-27, .padding--l-27, .padding--right--l-27 {
padding-right: 324px;
}
.padding--l-27, .padding--top--l-27, .padding--vertical--l-27 {
padding-top: 324px;
}
.padding--bottom--l-27, .padding--l-27, .padding--vertical--l-27 {
padding-bottom: 324px;
}
.padding--horizontal--l-26, .padding--l-26, .padding--left--l-26 {
padding-left: 312px;
}
.padding--horizontal--l-26, .padding--l-26, .padding--right--l-26 {
padding-right: 312px;
}
.padding--l-26, .padding--top--l-26, .padding--vertical--l-26 {
padding-top: 312px;
}
.padding--bottom--l-26, .padding--l-26, .padding--vertical--l-26 {
padding-bottom: 312px;
}
.padding--horizontal--l-25, .padding--l-25, .padding--left--l-25 {
padding-left: 300px;
}
.padding--horizontal--l-25, .padding--l-25, .padding--right--l-25 {
padding-right: 300px;
}
.padding--l-25, .padding--top--l-25, .padding--vertical--l-25 {
padding-top: 300px;
}
.padding--bottom--l-25, .padding--l-25, .padding--vertical--l-25 {
padding-bottom: 300px;
}
.padding--horizontal--l-24, .padding--l-24, .padding--left--l-24 {
padding-left: 288px;
}
.padding--horizontal--l-24, .padding--l-24, .padding--right--l-24 {
padding-right: 288px;
}
.padding--l-24, .padding--top--l-24, .padding--vertical--l-24 {
padding-top: 288px;
}
.padding--bottom--l-24, .padding--l-24, .padding--vertical--l-24 {
padding-bottom: 288px;
}
.padding--horizontal--l-23, .padding--l-23, .padding--left--l-23 {
padding-left: 276px;
}
.padding--horizontal--l-23, .padding--l-23, .padding--right--l-23 {
padding-right: 276px;
}
.padding--l-23, .padding--top--l-23, .padding--vertical--l-23 {
padding-top: 276px;
}
.padding--bottom--l-23, .padding--l-23, .padding--vertical--l-23 {
padding-bottom: 276px;
}
.padding--horizontal--l-22, .padding--l-22, .padding--left--l-22 {
padding-left: 264px;
}
.padding--horizontal--l-22, .padding--l-22, .padding--right--l-22 {
padding-right: 264px;
}
.padding--l-22, .padding--top--l-22, .padding--vertical--l-22 {
padding-top: 264px;
}
.padding--bottom--l-22, .padding--l-22, .padding--vertical--l-22 {
padding-bottom: 264px;
}
.padding--horizontal--l-21, .padding--l-21, .padding--left--l-21 {
padding-left: 252px;
}
.padding--horizontal--l-21, .padding--l-21, .padding--right--l-21 {
padding-right: 252px;
}
.padding--l-21, .padding--top--l-21, .padding--vertical--l-21 {
padding-top: 252px;
}
.padding--bottom--l-21, .padding--l-21, .padding--vertical--l-21 {
padding-bottom: 252px;
}
.padding--horizontal--l-20, .padding--l-20, .padding--left--l-20 {
padding-left: 240px;
}
.padding--horizontal--l-20, .padding--l-20, .padding--right--l-20 {
padding-right: 240px;
}
.padding--l-20, .padding--top--l-20, .padding--vertical--l-20 {
padding-top: 240px;
}
.padding--bottom--l-20, .padding--l-20, .padding--vertical--l-20 {
padding-bottom: 240px;
}
.padding--horizontal--l-19, .padding--l-19, .padding--left--l-19 {
padding-left: 228px;
}
.padding--horizontal--l-19, .padding--l-19, .padding--right--l-19 {
padding-right: 228px;
}
.padding--l-19, .padding--top--l-19, .padding--vertical--l-19 {
padding-top: 228px;
}
.padding--bottom--l-19, .padding--l-19, .padding--vertical--l-19 {
padding-bottom: 228px;
}
.padding--horizontal--l-18, .padding--l-18, .padding--left--l-18 {
padding-left: 216px;
}
.padding--horizontal--l-18, .padding--l-18, .padding--right--l-18 {
padding-right: 216px;
}
.padding--l-18, .padding--top--l-18, .padding--vertical--l-18 {
padding-top: 216px;
}
.padding--bottom--l-18, .padding--l-18, .padding--vertical--l-18 {
padding-bottom: 216px;
}
.padding--horizontal--l-17, .padding--l-17, .padding--left--l-17 {
padding-left: 204px;
}
.padding--horizontal--l-17, .padding--l-17, .padding--right--l-17 {
padding-right: 204px;
}
.padding--l-17, .padding--top--l-17, .padding--vertical--l-17 {
padding-top: 204px;
}
.padding--bottom--l-17, .padding--l-17, .padding--vertical--l-17 {
padding-bottom: 204px;
}
.padding--horizontal--l-16, .padding--l-16, .padding--left--l-16 {
padding-left: 192px;
}
.padding--horizontal--l-16, .padding--l-16, .padding--right--l-16 {
padding-right: 192px;
}
.padding--l-16, .padding--top--l-16, .padding--vertical--l-16 {
padding-top: 192px;
}
.padding--bottom--l-16, .padding--l-16, .padding--vertical--l-16 {
padding-bottom: 192px;
}
.padding--horizontal--l-15, .padding--l-15, .padding--left--l-15 {
padding-left: 180px;
}
.padding--horizontal--l-15, .padding--l-15, .padding--right--l-15 {
padding-right: 180px;
}
.padding--l-15, .padding--top--l-15, .padding--vertical--l-15 {
padding-top: 180px;
}
.padding--bottom--l-15, .padding--l-15, .padding--vertical--l-15 {
padding-bottom: 180px;
}
.padding--horizontal--l-14, .padding--l-14, .padding--left--l-14 {
padding-left: 168px;
}
.padding--horizontal--l-14, .padding--l-14, .padding--right--l-14 {
padding-right: 168px;
}
.padding--l-14, .padding--top--l-14, .padding--vertical--l-14 {
padding-top: 168px;
}
.padding--bottom--l-14, .padding--l-14, .padding--vertical--l-14 {
padding-bottom: 168px;
}
.padding--horizontal--l-13, .padding--l-13, .padding--left--l-13 {
padding-left: 156px;
}
.padding--horizontal--l-13, .padding--l-13, .padding--right--l-13 {
padding-right: 156px;
}
.padding--l-13, .padding--top--l-13, .padding--vertical--l-13 {
padding-top: 156px;
}
.padding--bottom--l-13, .padding--l-13, .padding--vertical--l-13 {
padding-bottom: 156px;
}
.padding--horizontal--l-12, .padding--l-12, .padding--left--l-12 {
padding-left: 144px;
}
.padding--horizontal--l-12, .padding--l-12, .padding--right--l-12 {
padding-right: 144px;
}
.padding--l-12, .padding--top--l-12, .padding--vertical--l-12 {
padding-top: 144px;
}
.padding--bottom--l-12, .padding--l-12, .padding--vertical--l-12 {
padding-bottom: 144px;
}
.padding--horizontal--l-11, .padding--l-11, .padding--left--l-11 {
padding-left: 132px;
}
.padding--horizontal--l-11, .padding--l-11, .padding--right--l-11 {
padding-right: 132px;
}
.padding--l-11, .padding--top--l-11, .padding--vertical--l-11 {
padding-top: 132px;
}
.padding--bottom--l-11, .padding--l-11, .padding--vertical--l-11 {
padding-bottom: 132px;
}
.padding--horizontal--l-10, .padding--l-10, .padding--left--l-10 {
padding-left: 120px;
}
.padding--horizontal--l-10, .padding--l-10, .padding--right--l-10 {
padding-right: 120px;
}
.padding--l-10, .padding--top--l-10, .padding--vertical--l-10 {
padding-top: 120px;
}
.padding--bottom--l-10, .padding--l-10, .padding--vertical--l-10 {
padding-bottom: 120px;
}
.padding--horizontal--l-9, .padding--l-9, .padding--left--l-9 {
padding-left: 108px;
}
.padding--horizontal--l-9, .padding--l-9, .padding--right--l-9 {
padding-right: 108px;
}
.padding--l-9, .padding--top--l-9, .padding--vertical--l-9 {
padding-top: 108px;
}
.padding--bottom--l-9, .padding--l-9, .padding--vertical--l-9 {
padding-bottom: 108px;
}
.padding--horizontal--l-8, .padding--l-8, .padding--left--l-8 {
padding-left: 96px;
}
.padding--horizontal--l-8, .padding--l-8, .padding--right--l-8 {
padding-right: 96px;
}
.padding--l-8, .padding--top--l-8, .padding--vertical--l-8 {
padding-top: 96px;
}
.padding--bottom--l-8, .padding--l-8, .padding--vertical--l-8 {
padding-bottom: 96px;
}
.padding--horizontal--l-7, .padding--l-7, .padding--left--l-7 {
padding-left: 84px;
}
.padding--horizontal--l-7, .padding--l-7, .padding--right--l-7 {
padding-right: 84px;
}
.padding--l-7, .padding--top--l-7, .padding--vertical--l-7 {
padding-top: 84px;
}
.padding--bottom--l-7, .padding--l-7, .padding--vertical--l-7 {
padding-bottom: 84px;
}
.padding--horizontal--l-6, .padding--l-6, .padding--left--l-6 {
padding-left: 72px;
}
.padding--horizontal--l-6, .padding--l-6, .padding--right--l-6 {
padding-right: 72px;
}
.padding--l-6, .padding--top--l-6, .padding--vertical--l-6 {
padding-top: 72px;
}
.padding--bottom--l-6, .padding--l-6, .padding--vertical--l-6 {
padding-bottom: 72px;
}
.padding--horizontal--l-5, .padding--l-5, .padding--left--l-5 {
padding-left: 60px;
}
.padding--horizontal--l-5, .padding--l-5, .padding--right--l-5 {
padding-right: 60px;
}
.padding--l-5, .padding--top--l-5, .padding--vertical--l-5 {
padding-top: 60px;
}
.padding--bottom--l-5, .padding--l-5, .padding--vertical--l-5 {
padding-bottom: 60px;
}
.padding--horizontal--l-4, .padding--l-4, .padding--left--l-4 {
padding-left: 48px;
}
.padding--horizontal--l-4, .padding--l-4, .padding--right--l-4 {
padding-right: 48px;
}
.padding--l-4, .padding--top--l-4, .padding--vertical--l-4 {
padding-top: 48px;
}
.padding--bottom--l-4, .padding--l-4, .padding--vertical--l-4 {
padding-bottom: 48px;
}
.padding--horizontal--l-3, .padding--l-3, .padding--left--l-3 {
padding-left: 36px;
}
.padding--horizontal--l-3, .padding--l-3, .padding--right--l-3 {
padding-right: 36px;
}
.padding--l-3, .padding--top--l-3, .padding--vertical--l-3 {
padding-top: 36px;
}
.padding--bottom--l-3, .padding--l-3, .padding--vertical--l-3 {
padding-bottom: 36px;
}
.padding--horizontal--l-2, .padding--l-2, .padding--left--l-2 {
padding-left: 24px;
}
.padding--horizontal--l-2, .padding--l-2, .padding--right--l-2 {
padding-right: 24px;
}
.padding--l-2, .padding--top--l-2, .padding--vertical--l-2 {
padding-top: 24px;
}
.padding--bottom--l-2, .padding--l-2, .padding--vertical--l-2 {
padding-bottom: 24px;
}
.padding--horizontal--l-1, .padding--l-1, .padding--left--l-1 {
padding-left: 12px;
}
.padding--horizontal--l-1, .padding--l-1, .padding--right--l-1 {
padding-right: 12px;
}
.padding--l-1, .padding--top--l-1, .padding--vertical--l-1 {
padding-top: 12px;
}
.padding--bottom--l-1, .padding--l-1, .padding--vertical--l-1 {
padding-bottom: 12px;
}
.padding--horizontal--l-0, .padding--l-0, .padding--left--l-0 {
padding-left: 0;
}
.padding--horizontal--l-0, .padding--l-0, .padding--right--l-0 {
padding-right: 0;
}
.padding--l-0, .padding--top--l-0, .padding--vertical--l-0 {
padding-top: 0;
}
.padding--bottom--l-0, .padding--l-0, .padding--vertical--l-0 {
padding-bottom: 0;
}
}@media (min-width:1200px) {
.column--xl-12 {
display: block;
float: left;
box-sizing: border-box;
width: 100%}
.column--xl-11 {
display: block;
float: left;
box-sizing: border-box;
width: 91.66667%}
.column--xl-10 {
display: block;
float: left;
box-sizing: border-box;
width: 83.33333%}
.column--xl-9 {
display: block;
float: left;
box-sizing: border-box;
width: 75%}
.column--xl-8 {
display: block;
float: left;
box-sizing: border-box;
width: 66.66667%}
.column--xl-7 {
display: block;
float: left;
box-sizing: border-box;
width: 58.33333%}
.column--xl-6 {
display: block;
float: left;
box-sizing: border-box;
width: 50%}
.column--xl-5 {
display: block;
float: left;
box-sizing: border-box;
width: 41.66667%}
.column--xl-4 {
display: block;
float: left;
box-sizing: border-box;
width: 33.33333%}
.column--xl-3 {
display: block;
float: left;
box-sizing: border-box;
width: 25%}
.column--xl-2 {
display: block;
float: left;
box-sizing: border-box;
width: 16.66667%}
.column--xl-1 {
display: block;
float: left;
box-sizing: border-box;
width: 8.33333%}
.column-push--xl-12 {
position: relative;
left: 100%}
.column-push--xl-11 {
position: relative;
left: 91.66667%}
.column-push--xl-10 {
position: relative;
left: 83.33333%}
.column-push--xl-9 {
position: relative;
left: 75%}
.column-push--xl-8 {
position: relative;
left: 66.66667%}
.column-push--xl-7 {
position: relative;
left: 58.33333%}
.column-push--xl-6 {
position: relative;
left: 50%}
.column-push--xl-5 {
position: relative;
left: 41.66667%}
.column-push--xl-4 {
position: relative;
left: 33.33333%}
.column-push--xl-3 {
position: relative;
left: 25%}
.column-push--xl-2 {
position: relative;
left: 16.66667%}
.column-push--xl-1 {
position: relative;
left: 8.33333%}
.column-push--xl-0 {
position: relative;
left: 0;
}
.column-pull--xl-12 {
position: relative;
right: 100%}
.column-pull--xl-11 {
position: relative;
right: 91.66667%}
.column-pull--xl-10 {
position: relative;
right: 83.33333%}
.column-pull--xl-9 {
position: relative;
right: 75%}
.column-pull--xl-8 {
position: relative;
right: 66.66667%}
.column-pull--xl-7 {
position: relative;
right: 58.33333%}
.column-pull--xl-6 {
position: relative;
right: 50%}
.column-pull--xl-5 {
position: relative;
right: 41.66667%}
.column-pull--xl-4 {
position: relative;
right: 33.33333%}
.column-pull--xl-3 {
position: relative;
right: 25%}
.column-pull--xl-2 {
position: relative;
right: 16.66667%}
.column-pull--xl-1 {
position: relative;
right: 8.33333%}
.column-pull--xl-0 {
position: relative;
right: 0;
}
.column-offset--xl-12 {
margin-left: 100%}
.column-offset--xl-11 {
margin-left: 91.66667%}
.column-offset--xl-10 {
margin-left: 83.33333%}
.column-offset--xl-9 {
margin-left: 75%}
.column-offset--xl-8 {
margin-left: 66.66667%}
.column-offset--xl-7 {
margin-left: 58.33333%}
.column-offset--xl-6 {
margin-left: 50%}
.column-offset--xl-5 {
margin-left: 41.66667%}
.column-offset--xl-4 {
margin-left: 33.33333%}
.column-offset--xl-3 {
margin-left: 25%}
.column-offset--xl-2 {
margin-left: 16.66667%}
.column-offset--xl-1 {
margin-left: 8.33333%}
.column-offset--xl-0 {
margin-left: 0;
}
.padding--horizontal--xl-30, .padding--left--xl-30, .padding--xl-30 {
padding-left: 360px;
}
.padding--horizontal--xl-30, .padding--right--xl-30, .padding--xl-30 {
padding-right: 360px;
}
.padding--top--xl-30, .padding--vertical--xl-30, .padding--xl-30 {
padding-top: 360px;
}
.padding--bottom--xl-30, .padding--vertical--xl-30, .padding--xl-30 {
padding-bottom: 360px;
}
.padding--horizontal--xl-29, .padding--left--xl-29, .padding--xl-29 {
padding-left: 348px;
}
.padding--horizontal--xl-29, .padding--right--xl-29, .padding--xl-29 {
padding-right: 348px;
}
.padding--top--xl-29, .padding--vertical--xl-29, .padding--xl-29 {
padding-top: 348px;
}
.padding--bottom--xl-29, .padding--vertical--xl-29, .padding--xl-29 {
padding-bottom: 348px;
}
.padding--horizontal--xl-28, .padding--left--xl-28, .padding--xl-28 {
padding-left: 336px;
}
.padding--horizontal--xl-28, .padding--right--xl-28, .padding--xl-28 {
padding-right: 336px;
}
.padding--top--xl-28, .padding--vertical--xl-28, .padding--xl-28 {
padding-top: 336px;
}
.padding--bottom--xl-28, .padding--vertical--xl-28, .padding--xl-28 {
padding-bottom: 336px;
}
.padding--horizontal--xl-27, .padding--left--xl-27, .padding--xl-27 {
padding-left: 324px;
}
.padding--horizontal--xl-27, .padding--right--xl-27, .padding--xl-27 {
padding-right: 324px;
}
.padding--top--xl-27, .padding--vertical--xl-27, .padding--xl-27 {
padding-top: 324px;
}
.padding--bottom--xl-27, .padding--vertical--xl-27, .padding--xl-27 {
padding-bottom: 324px;
}
.padding--horizontal--xl-26, .padding--left--xl-26, .padding--xl-26 {
padding-left: 312px;
}
.padding--horizontal--xl-26, .padding--right--xl-26, .padding--xl-26 {
padding-right: 312px;
}
.padding--top--xl-26, .padding--vertical--xl-26, .padding--xl-26 {
padding-top: 312px;
}
.padding--bottom--xl-26, .padding--vertical--xl-26, .padding--xl-26 {
padding-bottom: 312px;
}
.padding--horizontal--xl-25, .padding--left--xl-25, .padding--xl-25 {
padding-left: 300px;
}
.padding--horizontal--xl-25, .padding--right--xl-25, .padding--xl-25 {
padding-right: 300px;
}
.padding--top--xl-25, .padding--vertical--xl-25, .padding--xl-25 {
padding-top: 300px;
}
.padding--bottom--xl-25, .padding--vertical--xl-25, .padding--xl-25 {
padding-bottom: 300px;
}
.padding--horizontal--xl-24, .padding--left--xl-24, .padding--xl-24 {
padding-left: 288px;
}
.padding--horizontal--xl-24, .padding--right--xl-24, .padding--xl-24 {
padding-right: 288px;
}
.padding--top--xl-24, .padding--vertical--xl-24, .padding--xl-24 {
padding-top: 288px;
}
.padding--bottom--xl-24, .padding--vertical--xl-24, .padding--xl-24 {
padding-bottom: 288px;
}
.padding--horizontal--xl-23, .padding--left--xl-23, .padding--xl-23 {
padding-left: 276px;
}
.padding--horizontal--xl-23, .padding--right--xl-23, .padding--xl-23 {
padding-right: 276px;
}
.padding--top--xl-23, .padding--vertical--xl-23, .padding--xl-23 {
padding-top: 276px;
}
.padding--bottom--xl-23, .padding--vertical--xl-23, .padding--xl-23 {
padding-bottom: 276px;
}
.padding--horizontal--xl-22, .padding--left--xl-22, .padding--xl-22 {
padding-left: 264px;
}
.padding--horizontal--xl-22, .padding--right--xl-22, .padding--xl-22 {
padding-right: 264px;
}
.padding--top--xl-22, .padding--vertical--xl-22, .padding--xl-22 {
padding-top: 264px;
}
.padding--bottom--xl-22, .padding--vertical--xl-22, .padding--xl-22 {
padding-bottom: 264px;
}
.padding--horizontal--xl-21, .padding--left--xl-21, .padding--xl-21 {
padding-left: 252px;
}
.padding--horizontal--xl-21, .padding--right--xl-21, .padding--xl-21 {
padding-right: 252px;
}
.padding--top--xl-21, .padding--vertical--xl-21, .padding--xl-21 {
padding-top: 252px;
}
.padding--bottom--xl-21, .padding--vertical--xl-21, .padding--xl-21 {
padding-bottom: 252px;
}
.padding--horizontal--xl-20, .padding--left--xl-20, .padding--xl-20 {
padding-left: 240px;
}
.padding--horizontal--xl-20, .padding--right--xl-20, .padding--xl-20 {
padding-right: 240px;
}
.padding--top--xl-20, .padding--vertical--xl-20, .padding--xl-20 {
padding-top: 240px;
}
.padding--bottom--xl-20, .padding--vertical--xl-20, .padding--xl-20 {
padding-bottom: 240px;
}
.padding--horizontal--xl-19, .padding--left--xl-19, .padding--xl-19 {
padding-left: 228px;
}
.padding--horizontal--xl-19, .padding--right--xl-19, .padding--xl-19 {
padding-right: 228px;
}
.padding--top--xl-19, .padding--vertical--xl-19, .padding--xl-19 {
padding-top: 228px;
}
.padding--bottom--xl-19, .padding--vertical--xl-19, .padding--xl-19 {
padding-bottom: 228px;
}
.padding--horizontal--xl-18, .padding--left--xl-18, .padding--xl-18 {
padding-left: 216px;
}
.padding--horizontal--xl-18, .padding--right--xl-18, .padding--xl-18 {
padding-right: 216px;
}
.padding--top--xl-18, .padding--vertical--xl-18, .padding--xl-18 {
padding-top: 216px;
}
.padding--bottom--xl-18, .padding--vertical--xl-18, .padding--xl-18 {
padding-bottom: 216px;
}
.padding--horizontal--xl-17, .padding--left--xl-17, .padding--xl-17 {
padding-left: 204px;
}
.padding--horizontal--xl-17, .padding--right--xl-17, .padding--xl-17 {
padding-right: 204px;
}
.padding--top--xl-17, .padding--vertical--xl-17, .padding--xl-17 {
padding-top: 204px;
}
.padding--bottom--xl-17, .padding--vertical--xl-17, .padding--xl-17 {
padding-bottom: 204px;
}
.padding--horizontal--xl-16, .padding--left--xl-16, .padding--xl-16 {
padding-left: 192px;
}
.padding--horizontal--xl-16, .padding--right--xl-16, .padding--xl-16 {
padding-right: 192px;
}
.padding--top--xl-16, .padding--vertical--xl-16, .padding--xl-16 {
padding-top: 192px;
}
.padding--bottom--xl-16, .padding--vertical--xl-16, .padding--xl-16 {
padding-bottom: 192px;
}
.padding--horizontal--xl-15, .padding--left--xl-15, .padding--xl-15 {
padding-left: 180px;
}
.padding--horizontal--xl-15, .padding--right--xl-15, .padding--xl-15 {
padding-right: 180px;
}
.padding--top--xl-15, .padding--vertical--xl-15, .padding--xl-15 {
padding-top: 180px;
}
.padding--bottom--xl-15, .padding--vertical--xl-15, .padding--xl-15 {
padding-bottom: 180px;
}
.padding--horizontal--xl-14, .padding--left--xl-14, .padding--xl-14 {
padding-left: 168px;
}
.padding--horizontal--xl-14, .padding--right--xl-14, .padding--xl-14 {
padding-right: 168px;
}
.padding--top--xl-14, .padding--vertical--xl-14, .padding--xl-14 {
padding-top: 168px;
}
.padding--bottom--xl-14, .padding--vertical--xl-14, .padding--xl-14 {
padding-bottom: 168px;
}
.padding--horizontal--xl-13, .padding--left--xl-13, .padding--xl-13 {
padding-left: 156px;
}
.padding--horizontal--xl-13, .padding--right--xl-13, .padding--xl-13 {
padding-right: 156px;
}
.padding--top--xl-13, .padding--vertical--xl-13, .padding--xl-13 {
padding-top: 156px;
}
.padding--bottom--xl-13, .padding--vertical--xl-13, .padding--xl-13 {
padding-bottom: 156px;
}
.padding--horizontal--xl-12, .padding--left--xl-12, .padding--xl-12 {
padding-left: 144px;
}
.padding--horizontal--xl-12, .padding--right--xl-12, .padding--xl-12 {
padding-right: 144px;
}
.padding--top--xl-12, .padding--vertical--xl-12, .padding--xl-12 {
padding-top: 144px;
}
.padding--bottom--xl-12, .padding--vertical--xl-12, .padding--xl-12 {
padding-bottom: 144px;
}
.padding--horizontal--xl-11, .padding--left--xl-11, .padding--xl-11 {
padding-left: 132px;
}
.padding--horizontal--xl-11, .padding--right--xl-11, .padding--xl-11 {
padding-right: 132px;
}
.padding--top--xl-11, .padding--vertical--xl-11, .padding--xl-11 {
padding-top: 132px;
}
.padding--bottom--xl-11, .padding--vertical--xl-11, .padding--xl-11 {
padding-bottom: 132px;
}
.padding--horizontal--xl-10, .padding--left--xl-10, .padding--xl-10 {
padding-left: 120px;
}
.padding--horizontal--xl-10, .padding--right--xl-10, .padding--xl-10 {
padding-right: 120px;
}
.padding--top--xl-10, .padding--vertical--xl-10, .padding--xl-10 {
padding-top: 120px;
}
.padding--bottom--xl-10, .padding--vertical--xl-10, .padding--xl-10 {
padding-bottom: 120px;
}
.padding--horizontal--xl-9, .padding--left--xl-9, .padding--xl-9 {
padding-left: 108px;
}
.padding--horizontal--xl-9, .padding--right--xl-9, .padding--xl-9 {
padding-right: 108px;
}
.padding--top--xl-9, .padding--vertical--xl-9, .padding--xl-9 {
padding-top: 108px;
}
.padding--bottom--xl-9, .padding--vertical--xl-9, .padding--xl-9 {
padding-bottom: 108px;
}
.padding--horizontal--xl-8, .padding--left--xl-8, .padding--xl-8 {
padding-left: 96px;
}
.padding--horizontal--xl-8, .padding--right--xl-8, .padding--xl-8 {
padding-right: 96px;
}
.padding--top--xl-8, .padding--vertical--xl-8, .padding--xl-8 {
padding-top: 96px;
}
.padding--bottom--xl-8, .padding--vertical--xl-8, .padding--xl-8 {
padding-bottom: 96px;
}
.padding--horizontal--xl-7, .padding--left--xl-7, .padding--xl-7 {
padding-left: 84px;
}
.padding--horizontal--xl-7, .padding--right--xl-7, .padding--xl-7 {
padding-right: 84px;
}
.padding--top--xl-7, .padding--vertical--xl-7, .padding--xl-7 {
padding-top: 84px;
}
.padding--bottom--xl-7, .padding--vertical--xl-7, .padding--xl-7 {
padding-bottom: 84px;
}
.padding--horizontal--xl-6, .padding--left--xl-6, .padding--xl-6 {
padding-left: 72px;
}
.padding--horizontal--xl-6, .padding--right--xl-6, .padding--xl-6 {
padding-right: 72px;
}
.padding--top--xl-6, .padding--vertical--xl-6, .padding--xl-6 {
padding-top: 72px;
}
.padding--bottom--xl-6, .padding--vertical--xl-6, .padding--xl-6 {
padding-bottom: 72px;
}
.padding--horizontal--xl-5, .padding--left--xl-5, .padding--xl-5 {
padding-left: 60px;
}
.padding--horizontal--xl-5, .padding--right--xl-5, .padding--xl-5 {
padding-right: 60px;
}
.padding--top--xl-5, .padding--vertical--xl-5, .padding--xl-5 {
padding-top: 60px;
}
.padding--bottom--xl-5, .padding--vertical--xl-5, .padding--xl-5 {
padding-bottom: 60px;
}
.padding--horizontal--xl-4, .padding--left--xl-4, .padding--xl-4 {
padding-left: 48px;
}
.padding--horizontal--xl-4, .padding--right--xl-4, .padding--xl-4 {
padding-right: 48px;
}
.padding--top--xl-4, .padding--vertical--xl-4, .padding--xl-4 {
padding-top: 48px;
}
.padding--bottom--xl-4, .padding--vertical--xl-4, .padding--xl-4 {
padding-bottom: 48px;
}
.padding--horizontal--xl-3, .padding--left--xl-3, .padding--xl-3 {
padding-left: 36px;
}
.padding--horizontal--xl-3, .padding--right--xl-3, .padding--xl-3 {
padding-right: 36px;
}
.padding--top--xl-3, .padding--vertical--xl-3, .padding--xl-3 {
padding-top: 36px;
}
.padding--bottom--xl-3, .padding--vertical--xl-3, .padding--xl-3 {
padding-bottom: 36px;
}
.padding--horizontal--xl-2, .padding--left--xl-2, .padding--xl-2 {
padding-left: 24px;
}
.padding--horizontal--xl-2, .padding--right--xl-2, .padding--xl-2 {
padding-right: 24px;
}
.padding--top--xl-2, .padding--vertical--xl-2, .padding--xl-2 {
padding-top: 24px;
}
.padding--bottom--xl-2, .padding--vertical--xl-2, .padding--xl-2 {
padding-bottom: 24px;
}
.padding--horizontal--xl-1, .padding--left--xl-1, .padding--xl-1 {
padding-left: 12px;
}
.padding--horizontal--xl-1, .padding--right--xl-1, .padding--xl-1 {
padding-right: 12px;
}
.padding--top--xl-1, .padding--vertical--xl-1, .padding--xl-1 {
padding-top: 12px;
}
.padding--bottom--xl-1, .padding--vertical--xl-1, .padding--xl-1 {
padding-bottom: 12px;
}
.padding--horizontal--xl-0, .padding--left--xl-0, .padding--xl-0 {
padding-left: 0;
}
.padding--horizontal--xl-0, .padding--right--xl-0, .padding--xl-0 {
padding-right: 0;
}
.padding--top--xl-0, .padding--vertical--xl-0, .padding--xl-0 {
padding-top: 0;
}
.padding--bottom--xl-0, .padding--vertical--xl-0, .padding--xl-0 {
padding-bottom: 0;
}
}.visible--l, .visible--l-block, .visible--l-inline, .visible--l-inline-block, .visible--m, .visible--m-block, .visible--m-inline, .visible--m-inline-block, .visible--s, .visible--s-block, .visible--s-inline, .visible--s-inline-block, .visible--xl, .visible--xl-block, .visible--xl-inline, .visible--xl-inline-block {
display: none!important;
}
@media (min-width:1px) and (max-width:767px) {
.visible--s {
display: block!important;
}
table.visible--s {
display: table;
}
tr.visible--s {
display: table-row!important;
}
td.visible--s, th.visible--s {
display: table-cell!important;
}
.visible--s-block {
display: block!important;
}
.visible--s-inline {
display: inline!important;
}
.visible--s-inline-block {
display: inline-block!important;
}
.hidden--s {
display: none!important;
}
}@media (min-width:768px) and (max-width:991px) {
.visible--m {
display: block!important;
}
table.visible--m {
display: table;
}
tr.visible--m {
display: table-row!important;
}
td.visible--m, th.visible--m {
display: table-cell!important;
}
.visible--m-block {
display: block!important;
}
.visible--m-inline {
display: inline!important;
}
.visible--m-inline-block {
display: inline-block!important;
}
.hidden--m {
display: none!important;
}
}@media (min-width:992px) and (max-width:1199px) {
.visible--l {
display: block!important;
}
table.visible--l {
display: table;
}
tr.visible--l {
display: table-row!important;
}
td.visible--l, th.visible--l {
display: table-cell!important;
}
.visible--l-block {
display: block!important;
}
.visible--l-inline {
display: inline!important;
}
.visible--l-inline-block {
display: inline-block!important;
}
.hidden--l {
display: none!important;
}
}
@media (min-width:1200px) and (max-width:999999px) {
.visible--xl {
display: block!important;
}
table.visible--xl {
display: table;
}
tr.visible--xl {
display: table-row!important;
}
td.visible--xl, th.visible--xl {
display: table-cell!important;
}
.visible--xl-block {
display: block!important;
}
.visible--xl-inline {
display: inline!important;
}
.visible--xl-inline-block {
display: inline-block!important;
}
.hidden--xl {
display: none!important;
}
}@media print {
.visible--print {
display: block!important;
}
table.visible--print {
display: table;
}
tr.visible--print {
display: table-row!important;
}
td.visible--print, th.visible--print {
display: table-cell!important;
}
.visible--print-block {
display: block!important;
}
.visible--print-inline {
display: inline!important;
}
.visible--print-inline-block {
display: inline-block!important;
}
.hidden--print {
display: none!important;
}
}@media (min-width:1px) {
.text-align--s-left {
text-align: left;
}
.text-align--s-center {
text-align: center;
}
.text-align--s-right {
text-align: right;
}
.text-align--s-justify {
text-align: justify;
}
}@media (min-width:768px) {
.text-align--m-left {
text-align: left;
}
.text-align--m-center {
text-align: center;
}
.text-align--m-right {
text-align: right;
}
.text-align--m-justify {
text-align: justify;
}
}@media (min-width:992px) {
.text-align--l-left {
text-align: left;
}
.text-align--l-center {
text-align: center;
}
.text-align--l-right {
text-align: right;
}
.text-align--l-justify {
text-align: justify;
}
}@media (min-width:1200px) {
.text-align--xl-left {
text-align: left;
}
.text-align--xl-center {
text-align: center;
}
.text-align--xl-right {
text-align: right;
}
.text-align--xl-justify {
text-align: justify;
}
}.vertical-align-helper:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-left: -5px;
}
.vertical-align-helper>[class*=vertical-align--] {
display: inline-block;
width: 100%}
@media (min-width:1px) {
.vertical-align--s-top {
vertical-align: top;
}
.vertical-align--s-middle {
vertical-align: middle;
}
.vertical-align--s-bottom {
vertical-align: bottom;
}
}@media (min-width:768px) {
.vertical-align--m-top {
vertical-align: top;
}
.vertical-align--m-middle {
vertical-align: middle;
}
.vertical-align--m-bottom {
vertical-align: bottom;
}
}@media (min-width:992px) {
.vertical-align--l-top {
vertical-align: top;
}
.vertical-align--l-middle {
vertical-align: middle;
}
.vertical-align--l-bottom {
vertical-align: bottom;
}
}@media (min-width:1200px) {
.vertical-align--xl-top {
vertical-align: top;
}
.vertical-align--xl-middle {
vertical-align: middle;
}
.vertical-align--xl-bottom {
vertical-align: bottom;
}
}@media (min-width:1px) {
.horizontal-align--s-center {
margin-left: auto;
margin-right: auto;
}
.horizontal-align--s-right {
margin-left: auto;
margin-right: 0;
}
.horizontal-align--s-left {
margin-left: 0;
}
}@media (min-width:768px) {
.horizontal-align--m-center {
margin-left: auto;
margin-right: auto;
}
.horizontal-align--m-right {
margin-left: auto;
margin-right: 0;
}
.horizontal-align--m-left {
margin-left: 0;
}
}@media (min-width:992px) {
.horizontal-align--l-center {
margin-left: auto;
margin-right: auto;
}
.horizontal-align--l-right {
margin-left: auto;
margin-right: 0;
}
.horizontal-align--l-left {
margin-left: 0;
}
}@media (min-width:1200px) {
.horizontal-align--xl-center {
margin-left: auto;
margin-right: auto;
}
.horizontal-align--xl-right {
margin-left: auto;
margin-right: 0;
}
.horizontal-align--xl-left {
margin-left: 0;
}
}.ratio-block, .ratio-block--l-16by9, .ratio-block--l-1by1, .ratio-block--l-1by2, .ratio-block--l-21by9, .ratio-block--l-4by3, .ratio-block--m-16by9, .ratio-block--m-1by1, .ratio-block--m-1by2, .ratio-block--m-21by9, .ratio-block--m-4by3, .ratio-block--s-16by9, .ratio-block--s-1by1, .ratio-block--s-1by2, .ratio-block--s-21by9, .ratio-block--s-4by3, .ratio-block--xl-16by9, .ratio-block--xl-1by1, .ratio-block--xl-1by2, .ratio-block--xl-21by9, .ratio-block--xl-4by3 {
position: relative;
}
.ratio-block--l-16by9:before, .ratio-block--l-1by1:before, .ratio-block--l-1by2:before, .ratio-block--l-21by9:before, .ratio-block--l-4by3:before, .ratio-block--m-16by9:before, .ratio-block--m-1by1:before, .ratio-block--m-1by2:before, .ratio-block--m-21by9:before, .ratio-block--m-4by3:before, .ratio-block--s-16by9:before, .ratio-block--s-1by1:before, .ratio-block--s-1by2:before, .ratio-block--s-21by9:before, .ratio-block--s-4by3:before, .ratio-block--xl-16by9:before, .ratio-block--xl-1by1:before, .ratio-block--xl-1by2:before, .ratio-block--xl-21by9:before, .ratio-block--xl-4by3:before, .ratio-block:before {
content: '';
display: block;
}
.ratio-block--l-16by9>*, .ratio-block--l-1by1>*, .ratio-block--l-1by2>*, .ratio-block--l-21by9>*, .ratio-block--l-4by3>*, .ratio-block--m-16by9>*, .ratio-block--m-1by1>*, .ratio-block--m-1by2>*, .ratio-block--m-21by9>*, .ratio-block--m-4by3>*, .ratio-block--s-16by9>*, .ratio-block--s-1by1>*, .ratio-block--s-1by2>*, .ratio-block--s-21by9>*, .ratio-block--s-4by3>*, .ratio-block--xl-16by9>*, .ratio-block--xl-1by1>*, .ratio-block--xl-1by2>*, .ratio-block--xl-21by9>*, .ratio-block--xl-4by3>*, .ratio-block>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (min-width:1px) {
.ratio-block--s-1by1: before {
padding-top: 100%}
.ratio-block--s-1by2:before {
padding-top: 200%}
.ratio-block--s-4by3:before {
padding-top: 75%}
.ratio-block--s-16by9:before {
padding-top: 56.25%}
.ratio-block--s-21by9:before {
padding-top: 42.86%}
}@media (min-width:768px) {
.ratio-block--m-1by1: before {
padding-top: 100%}
.ratio-block--m-1by2:before {
padding-top: 200%}
.ratio-block--m-4by3:before {
padding-top: 75%}
.ratio-block--m-16by9:before {
padding-top: 56.25%}
.ratio-block--m-21by9:before {
padding-top: 42.86%}
}@media (min-width:992px) {
.ratio-block--l-1by1: before {
padding-top: 100%}
.ratio-block--l-1by2:before {
padding-top: 200%}
.ratio-block--l-4by3:before {
padding-top: 75%}
.ratio-block--l-16by9:before {
padding-top: 56.25%}
.ratio-block--l-21by9:before {
padding-top: 42.86%}
}@media (min-width:1200px) {
.ratio-block--xl-1by1: before {
padding-top: 100%}
.ratio-block--xl-1by2:before {
padding-top: 200%}
.ratio-block--xl-4by3:before {
padding-top: 75%}
.ratio-block--xl-16by9:before {
padding-top: 56.25%}
.ratio-block--xl-21by9:before {
padding-top: 42.86%}
}img.responsive {
width: 100%;
max-width: 100%;
height: auto;
}
.layer-group {
position: relative;
}
.layer-group .layer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.text-color--red {
color: #25B9B2;
}
.border-color--red {
border-color: #25B9B2;
}
.background-color--red {
background-color: #25B9B2;
}
.text-color--dark-grey {
color: #292929;
}
.border-color--dark-grey {
border-color: #292929;
}
.background-color--dark-grey {
background-color: #292929;
}
.text-color--grey {
color: #b3b3b3;
}
.border-color--grey {
border-color: #b3b3b3;
}
.background-color--grey {
background-color: #b3b3b3;
}
.text-color--light-grey {
color: #efefef;
}
.border-color--light-grey {
border-color: #efefef;
}
.background-color--light-grey {
background-color: #efefef;
}
.text-color--white {
color: #fff;
}
.border-color--white {
border-color: #fff;
}
.background-color--white {
background-color: #fff;
}
.text-color--black {
color: #000;
}
.border-color--black {
border-color: #000;
}
.background-color--black {
background-color: #000;
}
.uppercase {
text-transform: uppercase!important;
}
.lowercase {
text-transform: lowercase!important;
}
.nocase {
text-transform: none!important;
}
.subtitled {
margin-bottom: 0!important;
}
.line-collapse {
line-height: 1em!important;
}
.underlined {
text-decoration: underline;
}
.button, .button--default, .button--ghost, .button--solid, .button--underlined {
display: inline-block;
text-decoration: none;
padding: 12px 36px;
margin-bottom: 1.2em;
line-height: 1em;
background: 0 0;
border: none;
}
.button .button__icon, .button--default .button__icon, .button--ghost .button__icon, .button--solid .button__icon, .button--underlined .button__icon {
display: inline-block;
vertical-align: middle;
min-width: 1em;
text-align: center;
line-height: 1em;
margin-right: 5px;
}
.button .button__label, .button--default .button__label, .button--ghost .button__label, .button--solid .button__label, .button--underlined .button__label {
display: inline-block;
vertical-align: middle;
line-height: 1em;
}
.button .button__label+.button__icon, .button--default .button__label+.button__icon, .button--ghost .button__label+.button__icon, .button--solid .button__label+.button__icon, .button--underlined .button__label+.button__icon {
margin-left: 5px;
margin-right: 0;
}
.button--icon-only.button--default .button__icon, .button--icon-only.button--ghost .button__icon, .button--icon-only.button--solid .button__icon, .button--icon-only.button--underlined .button__icon, .button.button--icon-only .button__icon {
margin: 0;
}
.button--default.button--icon-only {
padding: 12px;
}
.button--default.button--white-to-black {
color: #fff;
}
.button--default.button--black-to-red, .button--default.button--white-to-black:hover {
color: #000;
}
.button--default.button--black-to-red:hover {
color: #25B9B2;
}
.button--default.button--white-to-red {
color: #fff;
}
.button--default.button--white-to-red:hover {
color: #25B9B2;
}
.button--solid.button--white-to-black {
background-color: #fff;
color: #000;
}
.button--solid.button--black-to-red, .button--solid.button--white-to-black:hover {
background-color: #000;
color: #fff;
}
.button--solid.button--black-to-red:hover {
background-color: #25B9B2;
color: #fff;
}
.button--solid.button--white-to-red {
background-color: #fff;
color: #fff;
}
.button--solid.button--white-to-red:hover {
background-color: #25B9B2;
color: #fff;
}
.button--solid.button--icon-only {
padding: 12px;
}
.button--underlined {
border-bottom: 2px solid;
padding: 11px 9px;
}
.button--underlined.button--white-to-black {
border-color: #fff;
color: #fff;
}
.button--underlined.button--black-to-red, .button--underlined.button--white-to-black:hover {
border-color: #000;
color: #000;
}
.button--underlined.button--black-to-red:hover {
border-color: #25B9B2;
color: #25B9B2;
}
.button--underlined.button--white-to-red {
border-color: #fff;
color: #fff;
}
.button--underlined.button--white-to-red:hover {
border-color: #25B9B2;
color: #25B9B2;
}
.button--underlined.button--icon-only {
padding: 11px 12px;
}
.button--ghost {
border: 2px solid;
padding: 10px 34px;
}
.button--ghost.button--white-to-black {
border-color: #fff;
color: #fff;
}
.button--ghost.button--black-to-red, .button--ghost.button--white-to-black:hover {
border-color: #000;
color: #000;
}
.button--ghost.button--black-to-red:hover {
border-color: #25B9B2;
color: #25B9B2;
}
.button--ghost.button--white-to-red {
border-color: #fff;
color: #fff;
}
.button--ghost.button--white-to-red:hover {
border-color: #25B9B2;
color: #25B9B2;
}
.button--ghost.button--icon-only {
padding: 10px;
}
figure {
margin: 0;
}
img.responsive {
display: block;
}
div[class*=padding]>:last-child {
margin-bottom: 0;
}
nav>ol, nav>ul {
list-style: none;
padding: 0;
margin: 0;
}
nav>ol li, nav>ul li {
margin: 0;
padding: 0;
}
@media (min-width:1px) {
body {
font-size: 1em;
}
ul {
margin-top: 0;
margin-bottom: 1.6em;
}
ul li {
line-height: 1.75em;
}
.as-h1, .as-h2, .as-h3, .as-h4, .as-h5, .as-h6, h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
}
p {
margin-bottom: 1.6em;
line-height: 1.75em;
}
.as-h1, .as-h2, .as-h3, .as-h4, .as-h5, .as-h6, h1, h2, h3, h4, h5, h6 {
line-height: 1.2em;
margin-bottom: 1.2em;
position: relative;
}
.as-h1, h1 {
font-size: 2.25em;
}
.as-h2, h2 {
font-size: 2em;
}
.as-h3, h3 {
font-size: 1.625em;
}
.as-h4, h4 {
font-size: 1.375em;
}
.as-h5, h5 {
font-size: 1.125em;
}
.as-h6, h6 {
font-size: .875em;
}
}@media (min-width:768px) {
.as-h1, h1 {
font-size: 2.5em;
}
.as-h2, h2 {
font-size: 2em;
}
.as-h3, h3 {
font-size: 1.625em;
}
.as-h4, h4 {
font-size: 1.375em;
}
.as-h5, h5 {
font-size: 1.125em;
}
.as-h6, h6 {
font-size: .875em;
}
}@media (min-width:992px) {
.as-h1, h1 {
font-size: 3em;
}
.as-h2, h2 {
font-size: 2.5em;
}
.as-h3, h3 {
font-size: 2em;
}
.as-h4, h4 {
font-size: 1.5em;
}
.as-h5, h5 {
font-size: 1.25em;
}
.as-h6, h6 {
font-size: .875em;
}
}@media (min-width:1200px) {
.as-h1, h1 {
font-size: 3.75em;
}
.as-h2, h2 {
font-size: 3em;
}
.as-h3, h3 {
font-size: 2.25em;
}
.as-h4, h4 {
font-size: 1.75em;
}
.as-h5, h5 {
font-size: 1.375em;
}
.as-h6, h6 {
font-size: .875em;
}
}.row--768 {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
.row--992 {
max-width: 992px;
margin-left: auto;
margin-right: auto;
}
.row--1200 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.row--1440 {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
@font-face {
font-family: Clearface Regular;
src: url(../fonts/clearface-regular.eot);
src: url(../fonts/clearface-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/clearface-regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
.clearface-regular {
font-family: Clearface Regular, serif;
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Proxima Nova Regular;
src: url(../fonts/prixima-nova-regular.eot);
src: url(../fonts/prixima-nova-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/prixima-nova-regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
.project-nav ul li a, .proxima-nova-regular, body {
font-family: Proxima Nova Regular, serif;
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Proxima Nova Bold;
src: url(../fonts/prixima-nova-bold.eot);
src: url(../fonts/prixima-nova-bold.eot?#iefix) format('embedded-opentype'), url(../fonts/prixima-nova-bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
.as-h1, .as-h2, .as-h3, .as-h4, .as-h5, .as-h6, .button, .button--default, .button--ghost, .button--hexagon .button__label, .button--solid, .button--underlined, .main-nav ul li a, .main-nav ul li:before, .proxima-nova-bold, h1, h2, h3, h4, h5, h6 {
font-family: Proxima Nova Bold, serif;
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: Daveid Icon;
src: url(../fonts/daveid-icons.eot);
src: url(../fonts/daveid-icons.eot?#iefix) format('embedded-opentype'), url(../fonts/daveid-icons.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
.daveid-icon, i.icon {
font-family: Daveid Icon, serif;
font-weight: 400;
font-style: normal;
}
i.icon {
text-transform: none;
font-style: normal;
}
.button, .button--default, .button--ghost, .button--solid, .button--underlined {
font-size: .8em;
letter-spacing: .05em;
}
.button--narrow {
padding-left: 0;
padding-right: 0;
}
.no-csstransforms3d .button--hexagon .slice {
display: none;
}
.no-csstransforms3d .button--hexagon .button__label {
color: #292929;
}
.button--hexagon {
font-size: 16px;
display: block;
width: 3.75em;
height: 4.25em;
margin: 0 auto;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
color: #fff;
position: relative;
text-decoration: none;
}
.button--hexagon .slice {
border-top: 1.125em solid transparent;
border-right: none;
border-bottom: 1em solid transparent;
border-left: 1.875em solid #292929;
position: absolute;
top: 0;
left: 50%;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
border-radius: 3px 3px 0 0;
z-index: 100;
}
.button--hexagon .slice:nth-child(0) {
-webkit-transform: rotateZ(0deg) rotateY(0deg) rotateX(0);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0);
}
.button--hexagon .slice:nth-child(1) {
-webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
}
.button--hexagon .slice:nth-child(2) {
-webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
}
.button--hexagon .slice:nth-child(3) {
-webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
}
.button--hexagon .slice:nth-child(4) {
-webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
}
.button--hexagon .slice:nth-child(5) {
-webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
}
.button--hexagon .slice:nth-child(6) {
-webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
}
.button--hexagon .button__label {
z-index: 200;
position: relative;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .05em;
top: 50%;
left: 0;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1em;
}
body {
overflow: hidden;
}
body.loaded {
overflow: auto;
}
a, a:visited {
color: #25B9B2;
text-decoration: underline;
}
a:active, a:hover {
text-decoration: none;
}
.preloading .site-wrapper {
top: 50vh;
}
.site-wrapper {
position: relative;
top: 0;
width: 100%;
overflow: hidden;
}
@media (min-width:1px) {
.site-footer {
overflow: hidden;
}
.site-footer:after {
content: '';
display: block;
padding-top: 150%}
.site-footer .hand {
overflow: visible;
width: 60%;
position: fixed;
z-index: 0;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.site-footer .hand #highfive #highfive-h, .site-footer .hand #highfive #highfive-shadow-h, .site-footer .hand #highfive-shadow #highfive-h, .site-footer .hand #highfive-shadow #highfive-shadow-h {
stroke-dasharray: 534;
stroke-dashoffset: 534;
}
.site-footer .hand #highfive #highfive-H-1, .site-footer .hand #highfive #highfive-H-2, .site-footer .hand #highfive #highfive-shadow-H-1, .site-footer .hand #highfive #highfive-shadow-H-2, .site-footer .hand #highfive-shadow #highfive-H-1, .site-footer .hand #highfive-shadow #highfive-H-2, .site-footer .hand #highfive-shadow #highfive-shadow-H-1, .site-footer .hand #highfive-shadow #highfive-shadow-H-2 {
stroke-dasharray: 135;
stroke-dashoffset: 135;
}
.site-footer .hand #highfive #highfive-ig, .site-footer .hand #highfive #highfive-shadow-ig, .site-footer .hand #highfive-shadow #highfive-ig, .site-footer .hand #highfive-shadow #highfive-shadow-ig {
stroke-dasharray: 521;
stroke-dashoffset: 521;
}
.site-footer .hand #highfive #highfive-F, .site-footer .hand #highfive #highfive-shadow-F, .site-footer .hand #highfive-shadow #highfive-F, .site-footer .hand #highfive-shadow #highfive-shadow-F {
stroke-dasharray: 354;
stroke-dashoffset: 354;
}
.site-footer .hand #highfive #highfive-ive, .site-footer .hand #highfive #highfive-shadow-ive, .site-footer .hand #highfive-shadow #highfive-ive, .site-footer .hand #highfive-shadow #highfive-shadow-ive {
stroke-dasharray: 390;
stroke-dashoffset: 390;
}
}@media (min-width:768px) {
.site-footer: after {
padding-top: 200%}
.site-footer .hand {
width: auto;
}
}@media (min-width:1px) {
.main-nav {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.main-nav ul {
padding: 36px 0;
text-align: center;
}
.main-nav ul li {
display: inline-block;
}
.main-nav ul li:before {
content: '/';
padding: 0 12px 0 9px;
}
.main-nav ul li:first-child:before {
display: none;
}
.main-nav ul li a {
color: inherit;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
}
.main-nav ul li a:after {
bottom: -.4em;
border-width: 2px;
display: none;
}
.main-nav ul li a:hover:after {
display: block;
}
}@media (min-width:1px) {
.main-menu-trigger {
position: fixed;
top: 24px;
left: 24px;
display: block;
width: 3.75em;
height: 4.25em;
margin: 0 auto;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
z-index: 20001;
font-size: 11px;
}
.main-menu-trigger .slice {
border-top: 1.125em solid transparent;
border-right: none;
border-bottom: 1em solid transparent;
border-left: 1.875em solid #25B9B2;
position: absolute;
top: 0;
left: 50%;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
border-radius: 3px 3px 0 0;
}
.main-menu-trigger .slice:nth-child(0) {
-webkit-transform: rotateZ(0deg) rotateY(0deg) rotateX(0);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0);
}
.main-menu-trigger .slice:nth-child(1) {
-webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
}
.main-menu-trigger .slice:nth-child(2) {
-webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
}
.main-menu-trigger .slice:nth-child(3) {
-webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
}
.main-menu-trigger .slice:nth-child(4) {
-webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
}
.main-menu-trigger .slice:nth-child(5) {
-webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
}
.main-menu-trigger .slice:nth-child(6) {
-webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
}
.main-menu-trigger .icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 1.5em;
line-height: 1em;
height: 2px;
left: 0;
top: 1.5em;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
margin: 0 1.1em;
background: #fff;
-webkit-transition: -webkit-transform .4s cubic-bezier(.77, 0, .175, 1), height .4s cubic-bezier(.77, 0, .175, 1), margin .4s cubic-bezier(.77, 0, .175, 1);
transition: transform .4s cubic-bezier(.77, 0, .175, 1), height .4s cubic-bezier(.77, 0, .175, 1), margin .4s cubic-bezier(.77, 0, .175, 1);
}
.main-menu-trigger .icon:after, .main-menu-trigger .icon:before {
content: '';
display: block;
width: 1.5em;
height: 2px;
left: 0;
position: absolute;
background: #fff;
-webkit-transition: -webkit-transform .4s cubic-bezier(.77, 0, .175, 1), left .4s cubic-bezier(.77, 0, .175, 1), top .4s cubic-bezier(.77, 0, .175, 1), bottom .4s cubic-bezier(.77, 0, .175, 1);
transition: transform .4s cubic-bezier(.77, 0, .175, 1), left .4s cubic-bezier(.77, 0, .175, 1), top .4s cubic-bezier(.77, 0, .175, 1), bottom .4s cubic-bezier(.77, 0, .175, 1);
}
.main-menu-trigger .icon:before {
top: -6px;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.main-menu-trigger .icon:after {
bottom: -6px;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.main-menu-trigger:hover i.icon:before {
left: 3px;
}
.main-menu-trigger:hover i.icon:after {
left: -3px;
}
.main-menu-trigger.overlay--triggered i.icon {
height: 0;
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.main-menu-trigger.overlay--triggered i.icon:before {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
top: -1px;
left: 0;
}
.main-menu-trigger.overlay--triggered i.icon:after {
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
bottom: -1px;
left: 0;
}
}.overlay {
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: 2000;
left: -100%;
opacity: 0;
-webkit-transition: 0 left cubic-bezier(.165, .84, .44, 1) .5s, .2s opacity linear;
transition: 0 left cubic-bezier(.165, .84, .44, 1) .5s, .2s opacity linear;
overflow-y: auto;
overflow-x: hidden;
}
.overlay .overlay__content {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
-webkit-transition: .3s -webkit-transform cubic-bezier(.165, .84, .44, 1), .2s opacity linear;
transition: .3s transform cubic-bezier(.165, .84, .44, 1), .2s opacity linear;
}
.overlay .overlay__close {
position: absolute;
top: 18px;
right: 18px;
font-size: 2em;
margin: 0;
}
.overlay .overlay__background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.overlay.overlay--visible {
left: 0;
opacity: 1;
-webkit-transition: 0 left cubic-bezier(.165, .84, .44, 1), .3s opacity linear;
transition: 0 left cubic-bezier(.165, .84, .44, 1), .3s opacity linear;
}
.overlay.overlay--visible .overlay__content {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s -webkit-transform cubic-bezier(.165, .84, .44, 1), .2s opacity linear;
transition: .3s transform cubic-bezier(.165, .84, .44, 1), .2s opacity linear;
}
.overlay--preloader {
position: fixed;
top: -100%;
width: 100%;
height: 0;
overflow: hidden;
z-index: 2000;
left: 0;
opacity: 1;
}
.overlay--preloader .overlay__content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.overlay--preloader .overlay__content .preloader {
top: 100vh;
}
.overlay--preloader.overlay--visible {
top: 0;
height: 100%;
display: block;
}
.overlay--preloader.overlay--visible .preloader {
top: 0;
}
.overlay--main-menu .main-nav {
position: static;
}
.overlay--main-menu .main-nav ul li {
display: block;
}
.overlay--main-menu .main-nav ul li:before {
content: '';
padding: 0;
}
.overlay--main-menu .main-nav ul li a {
padding: 12px;
display: block;
}
.block {
position: relative;
}
@media (min-width:1px) {
.block--hero {
background-position: center center;
background-repeat: no-repeat;
position: fixed;
height: 100%;
width: 100%;
z-index: 300;
overflow: hidden;
}
.block--hero .block__title {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.block--hero .block__content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.block--hero .preloader {
position: absolute;
left: 50%;
margin-left: -2.5em;
bottom: 48px;
-webkit-transition: .5s cubic-bezier(.6, -.28, .735, .045);
transition: .5s cubic-bezier(.6, -.28, .735, .045);
}
.block--hero .main-nav {
bottom: -84px;
-webkit-transition: .4s cubic-bezier(.165, .84, .44, 1) .5s;
transition: .4s cubic-bezier(.165, .84, .44, 1) .5s;
}
.block--hero .lettering {
width: 100%}
.block--hero .lettering #md #md-mv, .block--hero .lettering #md #md-mv-shadow, .block--hero .lettering #md-shadow #md-mv, .block--hero .lettering #md-shadow #md-mv-shadow {
stroke-dasharray: 1115;
stroke-dashoffset: 1115;
}
.block--hero .lettering #md #md-e, .block--hero .lettering #md #md-e-shadow, .block--hero .lettering #md-shadow #md-e, .block--hero .lettering #md-shadow #md-e-shadow {
stroke-dasharray: 120;
stroke-dashoffset: 120;
}
.block--hero .lettering #md #md-lanie, .block--hero .lettering #md #md-lanie-shadow, .block--hero .lettering #md-shadow #md-lanie, .block--hero .lettering #md-shadow #md-lanie-shadow {
stroke-dasharray: 856;
stroke-dashoffset: 856;
}
.block--hero .lettering #md #md-i-1, .block--hero .lettering #md #md-i-1-shadow, .block--hero .lettering #md-shadow #md-i-1, .block--hero .lettering #md-shadow #md-i-1-shadow {
stroke-dasharray: 5;
stroke-dashoffset: 5;
}
.block--hero .lettering #md #md-d, .block--hero .lettering #md #md-d-shadow, .block--hero .lettering #md-shadow #md-d, .block--hero .lettering #md-shadow #md-d-shadow {
stroke-dasharray: 540;
stroke-dashoffset: 540;
}
.block--hero .lettering #md #md-a, .block--hero .lettering #md #md-a-shadow, .block--hero .lettering #md-shadow #md-a, .block--hero .lettering #md-shadow #md-a-shadow {
stroke-dasharray: 181;
stroke-dashoffset: 181;
}
.block--hero .lettering #md #md-eid, .block--hero .lettering #md #md-eid-shadow, .block--hero .lettering #md-shadow #md-eid, .block--hero .lettering #md-shadow #md-eid-shadow {
stroke-dasharray: 527;
stroke-dashoffset: 527;
}
.block--hero .lettering #md #md-i-2, .block--hero .lettering #md #md-i-2-shadow, .block--hero .lettering #md-shadow #md-i-2, .block--hero .lettering #md-shadow #md-i-2-shadow {
stroke-dasharray: 5;
stroke-dashoffset: 5;
}
.block--hero .lettering #md #md-underline, .block--hero .lettering #md #md-underline-shadow, .block--hero .lettering #md-shadow #md-underline, .block--hero .lettering #md-shadow #md-underline-shadow {
stroke-dasharray: 140;
stroke-dashoffset: 140;
}
.block--hero .lettering #welcome #welcome-underline, .block--hero .lettering #welcome #welcome-underline-shadow, .block--hero .lettering #welcome-shadow #welcome-underline, .block--hero .lettering #welcome-shadow #welcome-underline-shadow {
stroke-dasharray: 275;
stroke-dashoffset: 0;
}
.block--hero .lettering #welcome #welcome-w, .block--hero .lettering #welcome #welcome-w-shadow, .block--hero .lettering #welcome-shadow #welcome-w, .block--hero .lettering #welcome-shadow #welcome-w-shadow {
stroke-dasharray: 805;
stroke-dashoffset: 0;
}
.block--hero .lettering #welcome #welcome-e, .block--hero .lettering #welcome #welcome-e-shadow, .block--hero .lettering #welcome-shadow #welcome-e, .block--hero .lettering #welcome-shadow #welcome-e-shadow {
stroke-dasharray: 120;
stroke-dashoffset: 0;
}
.block--hero .lettering #welcome #welcome-lcome, .block--hero .lettering #welcome #welcome-lcome-shadow, .block--hero .lettering #welcome-shadow #welcome-lcome, .block--hero .lettering #welcome-shadow #welcome-lcome-shadow {
stroke-dasharray: 850;
stroke-dashoffset: 0;
}
.block--hero .lettering #connection-1, .block--hero .lettering #connection-1-shadow {
stroke-dasharray: 272;
stroke-dashoffset: 272;
}
.block--hero .lettering #connection-2, .block--hero .lettering #connection-2-shadow {
stroke-dasharray: 235;
stroke-dashoffset: 235;
}
.loaded .block--hero {
position: relative;
}
.loaded .block--hero .preloader {
bottom: -72px;
}
.loaded .block--hero .main-nav {
bottom: 0;
}
}@media (min-width:768px) {
.block--hero .lettering {
width: auto;
}
}@media (min-width:1px) {
.block--contact .chapter__content>div {
padding-bottom: 65px;
}
.block--contact .chapter__content .imprint {
position: absolute;
left: 0;
bottom: 0;
}
.block--contact .social-nav ul {
text-align: left;
margin: 0;
}
.block--contact .social-nav ul li {
display: inline-block;
margin: 0 12px;
}
.block--contact .social-nav ul li a {
color: inherit;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
}
.block--contact .social-nav ul li a img {
max-width: 35px;
max-height: 35px;
}
}@media (min-width:1px) {
.block--about .portrait {
max-width: 135px;
position: absolute;
right: -67px;
top: 96px;
}
}@media (min-width:768px) {
.block--about .portrait {
max-width: 100px;
right: -50px;
}
}@media (min-width:1200px) {
.block--about .portrait {
max-width: 135px;
right: -67px;
}
}@-webkit-keyframes preload-show-0 {
from {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-show-0 {
from {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-hide-0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-hide-0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-cycle-0 {
0% {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
5%, 80% {
-webkit-transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 85% {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-cycle-0 {
0% {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
5%, 80% {
-webkit-transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 85% {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-show-1 {
from {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-show-1 {
from {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-hide-1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-hide-1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-cycle-1 {
5% {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
10%, 75% {
-webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 80% {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-cycle-1 {
5% {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
10%, 75% {
-webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 80% {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-show-2 {
from {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-show-2 {
from {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-hide-2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-hide-2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-cycle-2 {
10% {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
15%, 70% {
-webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 75% {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-cycle-2 {
10% {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
15%, 70% {
-webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 75% {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-show-3 {
from {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-show-3 {
from {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-hide-3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-hide-3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-cycle-3 {
15% {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
20%, 65% {
-webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 70% {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-cycle-3 {
15% {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
20%, 65% {
-webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 70% {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-show-4 {
from {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-show-4 {
from {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-hide-4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-hide-4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-cycle-4 {
20% {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
25%, 60% {
-webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 65% {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-cycle-4 {
20% {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
25%, 60% {
-webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 65% {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-show-5 {
from {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-show-5 {
from {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-hide-5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-hide-5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-cycle-5 {
25% {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
30%, 55% {
-webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 60% {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-cycle-5 {
25% {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
30%, 55% {
-webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 60% {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-show-6 {
from {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-show-6 {
from {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-hide-6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-hide-6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-cycle-6 {
30% {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
35%, 50% {
-webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 55% {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@keyframes preload-cycle-6 {
30% {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
35%, 50% {
-webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
border-left-color: #25B9B2;
}
100%, 55% {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
border-left-color: #333;
}
}@-webkit-keyframes preload-flip {
0%, 45% {
-webkit-transform: rotateY(0deg) rotateZ(-60deg);
transform: rotateY(0deg) rotateZ(-60deg);
}
100%, 45.001% {
-webkit-transform: rotateY(180deg) rotateZ(-60deg);
transform: rotateY(180deg) rotateZ(-60deg);
}
}@keyframes preload-flip {
0%, 45% {
-webkit-transform: rotateY(0deg) rotateZ(-60deg);
transform: rotateY(0deg) rotateZ(-60deg);
}
100%, 45.001% {
-webkit-transform: rotateY(180deg) rotateZ(-60deg);
transform: rotateY(180deg) rotateZ(-60deg);
}
}.preloader {
font-size: 8px;
display: block;
width: 3.75em;
height: 4.25em;
margin: 0 auto;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotateY(180deg) rotateZ(-60deg);
transform: rotateY(180deg) rotateZ(-60deg);
}
.preloader .slice {
border-top: 1.125em solid transparent;
border-right: none;
border-bottom: 1em solid transparent;
border-left: 1.875em solid #25B9B2;
position: absolute;
top: 0;
left: 50%;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
border-radius: 3px 3px 0 0;
}
.preloader .slice:nth-child(0) {
-webkit-transform: rotateZ(0deg) rotateY(0deg) rotateX(0);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0);
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) .9s preload-hide0 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) .9s preload-hide0 both 1;
}
.preloader .slice:nth-child(1) {
-webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) .82s preload-hide-1 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) .82s preload-hide-1 both 1;
}
.preloader .slice:nth-child(2) {
-webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) .74s preload-hide-2 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) .74s preload-hide-2 both 1;
}
.preloader .slice:nth-child(3) {
-webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) .66s preload-hide-3 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) .66s preload-hide-3 both 1;
}
.preloader .slice:nth-child(4) {
-webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) .58s preload-hide-4 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) .58s preload-hide-4 both 1;
}
.preloader .slice:nth-child(5) {
-webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) .5s preload-hide-5 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) .5s preload-hide-5 both 1;
}
.preloader .slice:nth-child(6) {
-webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) .42s preload-hide-6 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) .42s preload-hide-6 both 1;
}
.preloader.loading {
-webkit-animation: 2s preload-flip steps(2) infinite both;
animation: 2s preload-flip steps(2) infinite both;
}
.preloader.loading .slice:nth-child(0) {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle0 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 2s preload-cycle0 cubic-bezier(.455, .03, .515, .955) infinite both;
}
.preloader.loading .slice:nth-child(1) {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle-1 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 2s preload-cycle-1 cubic-bezier(.455, .03, .515, .955) infinite both;
}
.preloader.loading .slice:nth-child(2) {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle-2 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 2s preload-cycle-2 cubic-bezier(.455, .03, .515, .955) infinite both;
}
.preloader.loading .slice:nth-child(3) {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle-3 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 2s preload-cycle-3 cubic-bezier(.455, .03, .515, .955) infinite both;
}
.preloader.loading .slice:nth-child(4) {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle-4 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 2s preload-cycle-4 cubic-bezier(.455, .03, .515, .955) infinite both;
}
.preloader.loading .slice:nth-child(5) {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle-5 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 2s preload-cycle-5 cubic-bezier(.455, .03, .515, .955) infinite both;
}
.preloader.loading .slice:nth-child(6) {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle-6 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 2s preload-cycle-6 cubic-bezier(.455, .03, .515, .955) infinite both;
}
@media (min-width:1px) {
.no-csstransforms3d .chapter__close-button {
display: none;
background: #25B9B2;
}
.no-csstransforms3d .chapter__close-button .slice {
display: none;
}
.no-csstransforms3d .chapter--closeable .chapter__close-button {
display: block;
}
.chapter {
position: relative;
z-index: 200;
background: #fff;
}
.chapter .chapter__close-button {
font-size: 11px;
position: fixed;
top: 24px;
right: 24px;
color: #fff;
text-decoration: none;
z-index: 200;
}
.chapter .chapter__close-button .icon {
display: block;
line-height: 2.125em;
font-size: 2em;
-webkit-transform: scale(0) rotateZ(0);
transform: scale(0) rotateZ(0);
-webkit-transition: .4s cubic-bezier(.6, -.28, .735, .045) 0;
transition: .4s cubic-bezier(.6, -.28, .735, .045) 0;
position: relative;
}
.chapter--expanded {
z-index: 100;
}
.chapter--closeable .chapter__close-button {
-webkit-transform: rotateY(0deg) rotateZ(-60deg);
transform: rotateY(0deg) rotateZ(-60deg);
}
.chapter--closeable .chapter__close-button .icon {
-webkit-transform: scale(1) rotateZ(60deg);
transform: scale(1) rotateZ(60deg);
-webkit-transition: .4s cubic-bezier(.175, .885, .32, 1.275) 1.4s;
transition: .4s cubic-bezier(.175, .885, .32, 1.275) 1.4s;
}
.chapter--closeable .chapter__close-button .slice:nth-child(0) {
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) .6s preload-show0 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) .6s preload-show0 both 1;
}
.chapter--closeable .chapter__close-button .slice:nth-child(1) {
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) .68s preload-show-1 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) .68s preload-show-1 both 1;
}
.chapter--closeable .chapter__close-button .slice:nth-child(2) {
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) .76s preload-show-2 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) .76s preload-show-2 both 1;
}
.chapter--closeable .chapter__close-button .slice:nth-child(3) {
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) .84s preload-show-3 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) .84s preload-show-3 both 1;
}
.chapter--closeable .chapter__close-button .slice:nth-child(4) {
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) .92s preload-show-4 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) .92s preload-show-4 both 1;
}
.chapter--closeable .chapter__close-button .slice:nth-child(5) {
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) 1s preload-show-5 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) 1s preload-show-5 both 1;
}
.chapter--closeable .chapter__close-button .slice:nth-child(6) {
-webkit-animation: .15s cubic-bezier(.25, .46, .45, .94) 1.08s preload-show-6 both 1;
animation: .15s cubic-bezier(.25, .46, .45, .94) 1.08s preload-show-6 both 1;
}
.chapter--loading .icon {
-webkit-transform: scale(0) rotateZ(0)!important;
transform: scale(0) rotateZ(0)!important;
-webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275) 0s!important;
transition: .3s cubic-bezier(.175, .885, .32, 1.275) 0s!important;
}
.chapter--loading .chapter__close-button {
-webkit-animation: 3s preload-flip steps(2) infinite both;
animation: 3s preload-flip steps(2) infinite both;
}
.chapter--loading .chapter__close-button .slice:nth-child(0) {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0);
-webkit-animation: 3s preload-cycle0 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 3s preload-cycle0 cubic-bezier(.455, .03, .515, .955) infinite both;
}
.chapter--loading .chapter__close-button .slice:nth-child(1) {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
-webkit-animation: 3s preload-cycle-1 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 3s preload-cycle-1 cubic-bezier(.455, .03, .515, .955) infinite both;
}
.chapter--loading .chapter__close-button .slice:nth-child(2) {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
-webkit-animation: 3s preload-cycle-2 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 3s preload-cycle-2 cubic-bezier(.455, .03, .515, .955) infinite both;
}
.chapter--loading .chapter__close-button .slice:nth-child(3) {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
-webkit-animation: 3s preload-cycle-3 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 3s preload-cycle-3 cubic-bezier(.455, .03, .515, .955) infinite both;
}
.chapter--loading .chapter__close-button .slice:nth-child(4) {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
-webkit-animation: 3s preload-cycle-4 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 3s preload-cycle-4 cubic-bezier(.455, .03, .515, .955) infinite both;
}
.chapter--loading .chapter__close-button .slice:nth-child(5) {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
-webkit-animation: 3s preload-cycle-5 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 3s preload-cycle-5 cubic-bezier(.455, .03, .515, .955) infinite both;
}
.chapter--loading .chapter__close-button .slice:nth-child(6) {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
-webkit-animation: 3s preload-cycle-6 cubic-bezier(.455, .03, .515, .955) infinite both;
animation: 3s preload-cycle-6 cubic-bezier(.455, .03, .515, .955) infinite both;
}
}@media (min-width:992px) {
.chapter .chapter__title {
position: absolute;
width: 50%;
top: 0;
left: 0;
-webkit-transition: 1s width cubic-bezier(.77, 0, .175, 1);
transition: 1s width cubic-bezier(.77, 0, .175, 1);
z-index: 200;
}
.chapter .chapter__title.title--fixed {
position: fixed;
}
.chapter .chapter__content {
position: relative;
width: 50%;
left: 50%;
z-index: 100;
-webkit-transition: 1s width cubic-bezier(.77, 0, .175, 1) 0, 1s left cubic-bezier(.77, 0, .175, 1) 0;
transition: 1s width cubic-bezier(.77, 0, .175, 1) 0, 1s left cubic-bezier(.77, 0, .175, 1) 0;
}
.chapter .chapter__close-button {
position: absolute;
top: 15%;
right: -1.875em;
}
.chapter--expanded .chapter__title {
width: 25%;
-webkit-transition: 1s width cubic-bezier(.77, 0, .175, 1) 0;
transition: 1s width cubic-bezier(.77, 0, .175, 1) 0;
}
.chapter--expanded .chapter__content {
width: 75%;
left: 25%;
-webkit-transition: 1s width cubic-bezier(.77, 0, .175, 1), 1s left cubic-bezier(.77, 0, .175, 1);
transition: 1s width cubic-bezier(.77, 0, .175, 1), 1s left cubic-bezier(.77, 0, .175, 1);
}
}@media (min-width:992px) {
.chapter--projects .chapter__content {
width: 75%;
left: 37.5%}
.chapter--expanded .chapter__title {
width: 30%;
border-right: 1px solid #efefef;
}
.chapter--expanded .chapter__content {
left: 30%;
width: 70%}
}@media (min-width:1200px) {
.chapter--expanded .chapter__title {
width: 25%;
border-right: 1px solid #efefef;
}
.chapter--expanded .chapter__content {
left: 25%;
width: 75%}
}@-webkit-keyframes project-cta-show-0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@keyframes project-cta-show-0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@-webkit-keyframes project-cta-hide0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@keyframes project-cta-hide0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@-webkit-keyframes project-cta-show-1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@keyframes project-cta-show-1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@-webkit-keyframes project-cta-hide1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@keyframes project-cta-hide1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@-webkit-keyframes project-cta-show-2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@keyframes project-cta-show-2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@-webkit-keyframes project-cta-hide2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@keyframes project-cta-hide2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@-webkit-keyframes project-cta-show-3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@keyframes project-cta-show-3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@-webkit-keyframes project-cta-hide3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@keyframes project-cta-hide3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@-webkit-keyframes project-cta-show-4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@keyframes project-cta-show-4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@-webkit-keyframes project-cta-hide4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@keyframes project-cta-hide4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@-webkit-keyframes project-cta-show-5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@keyframes project-cta-show-5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@-webkit-keyframes project-cta-hide5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@keyframes project-cta-hide5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@-webkit-keyframes project-cta-show-6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@keyframes project-cta-show-6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
}@-webkit-keyframes project-cta-hide6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@keyframes project-cta-hide6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000;
}
}@media (min-width:1px) {
.csstransitions .chapter--expanded .project .project__header .header__image, .csstransitions .chapter--loading .project .project__header .header__image, .csstransitions .project .project__header: hover .header__image {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.no-csstransforms3d .header__cta {
display: none;
}
.project {
overflow: hidden;
position: relative;
width: 100%;
left: 0;
-webkit-transition: 1s left cubic-bezier(.77, 0, .175, 1) 0, 1s width cubic-bezier(.77, 0, .175, 1) 0;
transition: 1s left cubic-bezier(.77, 0, .175, 1) 0, 1s width cubic-bezier(.77, 0, .175, 1) 0;
}
.project .project__header {
display: block;
overflow: hidden;
position: relative;
top: 0;
left: 0;
width: 100%;
-webkit-transition: .8s height cubic-bezier(.77, 0, .175, 1);
transition: .8s height cubic-bezier(.77, 0, .175, 1);
}
.project .project__header .header__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background-size: cover;
background-position: center center;
-webkit-transition: 15s -webkit-transform linear;
transition: 15s transform linear;
}
.project .project__header .header__subtitle {
font-size: 11px;
letter-spacing: .1em;
}
.project .project__header .header__cta {
margin-top: 2em;
-webkit-transition: .4s -webkit-transform cubic-bezier(.6, -.28, .735, .045) .5s, .6s height cubic-bezier(.77, 0, .175, 1) 0s;
transition: .4s transform cubic-bezier(.6, -.28, .735, .045) .5s, .6s height cubic-bezier(.77, 0, .175, 1) 0s;
}
.project .project__header .header__cta .slice {
border-left-color: #000;
}
.project .project__header .header__cta .slice:nth-child(0) {
-webkit-transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .9s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .9s;
}
.project .project__header .header__cta .slice:nth-child(1) {
-webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .8s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .8s;
}
.project .project__header .header__cta .slice:nth-child(2) {
-webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .7s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .7s;
}
.project .project__header .header__cta .slice:nth-child(3) {
-webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .6s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .6s;
}
.project .project__header .header__cta .slice:nth-child(4) {
-webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .5s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .5s;
}
.project .project__header .header__cta .slice:nth-child(5) {
-webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .4s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .4s;
}
.project .project__header .header__cta .slice:nth-child(6) {
-webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .3s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .3s;
}
.project .project__header .header__cta .button__label {
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
-webkit-transition: .4s cubic-bezier(.6, -.28, .735, .045) 0s;
transition: .4s cubic-bezier(.6, -.28, .735, .045) 0s;
}
.project .project__header .header__content {
position: relative;
}
.project .project__header:hover .header__cta {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .4s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 0s, .6s height cubic-bezier(.77, 0, .175, 1) 0s;
transition: .4s transform cubic-bezier(.175, .885, .32, 1.275) 0s, .6s height cubic-bezier(.77, 0, .175, 1) 0s;
}
.project .project__header:hover .header__cta .slice:nth-child(0) {
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) 0s;
transition: .15s cubic-bezier(.25, .46, .45, .94) 0s;
-webkit-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
.project .project__header:hover .header__cta .slice:nth-child(1) {
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .08s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .08s;
-webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
.project .project__header:hover .header__cta .slice:nth-child(2) {
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .16s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .16s;
-webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
.project .project__header:hover .header__cta .slice:nth-child(3) {
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .24s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .24s;
-webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
.project .project__header:hover .header__cta .slice:nth-child(4) {
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .32s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .32s;
-webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
.project .project__header:hover .header__cta .slice:nth-child(5) {
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .4s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .4s;
-webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
.project .project__header:hover .header__cta .slice:nth-child(6) {
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .48s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .48s;
-webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929;
}
.project .project__header:hover .header__cta .button__label {
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
-webkit-transition: .4s cubic-bezier(.165, .84, .44, 1) .3s;
transition: .4s cubic-bezier(.165, .84, .44, 1) .3s;
}
.project .project__content {
overflow: hidden;
position: relative;
}
.project .project__close {
display: none;
}
.chapter--expanded .project .project__header, .chapter--loading .project .project__header {
cursor: default;
}
.chapter--expanded .project .project__header .header__image, .chapter--loading .project .project__header .header__image {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.chapter--expanded .project .project__header .header__cta, .chapter--loading .project .project__header .header__cta {
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
-webkit-transition: .4s -webkit-transform cubic-bezier(.6, -.28, .735, .045) .5s, .8s height cubic-bezier(.77, 0, .175, 1) .5s;
transition: .4s transform cubic-bezier(.6, -.28, .735, .045) .5s, .8s height cubic-bezier(.77, 0, .175, 1) .5s;
}
.chapter--expanded .project .project__header .header__cta .slice, .chapter--loading .project .project__header .header__cta .slice {
border-left-color: #000;
}
.chapter--expanded .project .project__header .header__cta .slice:nth-child(0), .chapter--loading .project .project__header .header__cta .slice:nth-child(0) {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .9s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .9s;
}
.chapter--expanded .project .project__header .header__cta .slice:nth-child(1), .chapter--loading .project .project__header .header__cta .slice:nth-child(1) {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .8s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .8s;
}
.chapter--expanded .project .project__header .header__cta .slice:nth-child(2), .chapter--loading .project .project__header .header__cta .slice:nth-child(2) {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .7s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .7s;
}
.chapter--expanded .project .project__header .header__cta .slice:nth-child(3), .chapter--loading .project .project__header .header__cta .slice:nth-child(3) {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .6s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .6s;
}
.chapter--expanded .project .project__header .header__cta .slice:nth-child(4), .chapter--loading .project .project__header .header__cta .slice:nth-child(4) {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .5s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .5s;
}
.chapter--expanded .project .project__header .header__cta .slice:nth-child(5), .chapter--loading .project .project__header .header__cta .slice:nth-child(5) {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .4s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .4s;
}
.chapter--expanded .project .project__header .header__cta .slice:nth-child(6), .chapter--loading .project .project__header .header__cta .slice:nth-child(6) {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
-webkit-transition: .15s cubic-bezier(.25, .46, .45, .94) .3s;
transition: .15s cubic-bezier(.25, .46, .45, .94) .3s;
}
.chapter--expanded .project .project__header .header__cta .button__label, .chapter--loading .project .project__header .header__cta .button__label {
-webkit-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
-webkit-transition: .4s cubic-bezier(.6, -.28, .735, .045) 0s;
transition: .4s cubic-bezier(.6, -.28, .735, .045) 0s;
}
.chapter--expanded .project {
width: 100%;
left: 0;
-webkit-transition: 1s left cubic-bezier(.77, 0, .175, 1) 0s, 1s width cubic-bezier(.77, 0, .175, 1) 0s;
transition: 1s left cubic-bezier(.77, 0, .175, 1) 0s, 1s width cubic-bezier(.77, 0, .175, 1) 0s;
}
.chapter--expanded .project .project__header .header__cta {
height: 0;
-webkit-transition: .4s -webkit-transform cubic-bezier(.6, -.28, .735, .045) .5s, .8s height cubic-bezier(.77, 0, .175, 1) .5s;
transition: .4s transform cubic-bezier(.6, -.28, .735, .045) .5s, .8s height cubic-bezier(.77, 0, .175, 1) .5s;
}
}@media (min-width:992px) {
.project .project__header .header__cta {
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
}
.project .project__header .header__cta .slice:nth-child(0) {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
}
.project .project__header .header__cta .slice:nth-child(1) {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
}
.project .project__header .header__cta .slice:nth-child(2) {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
}
.project .project__header .header__cta .slice:nth-child(3) {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
}
.project .project__header .header__cta .slice:nth-child(4) {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
}
.project .project__header .header__cta .slice:nth-child(5) {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
}
.project .project__header .header__cta .slice:nth-child(6) {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
}
.project .project__header .header__cta .button__label {
-webkit-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
}
}@media (min-width:1px) {
.project-nav ul li {
display: inline-block;
color: #292929;
}
.project-nav ul li a {
color: #292929;
text-decoration: none;
font-size: 14px;
line-height: 1.75em;
}
.project-nav ul li a.selected, .project-nav ul li a:hover {
color: #25B9B2;
}
}.underline, .underlined--black, .underlined--dark-grey, .underlined--grey, .underlined--light-grey, .underlined--red, .underlined--white {
display: inline-block;
text-decoration: none;
position: relative;
}
.underline:after, .underlined--black:after, .underlined--dark-grey:after, .underlined--grey:after, .underlined--light-grey:after, .underlined--red:after, .underlined--white:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -.1em;
border-bottom: 3px solid;
}
.underlined--red:after {
border-color: #25B9B2;
}
.underlined--dark-grey:after {
border-color: #292929;
}
.underlined--grey:after {
border-color: #b3b3b3;
}
.underlined--light-grey:after {
border-color: #efefef;
}
.underlined--white:after {
border-color: #fff;
}
.underlined--black:after {
border-color: #000;
}
@media (min-width:1px) {
.window-height {
min-height: 100vh;
height: 100vh;
}
}
@media (min-width:300px) and (max-width:1000px) {
.nbg {
background: url(../img/bg-top.jpg);
background-repeat: no-repeat;
background-size: 200% 100% !important;
background-position-y: 85%;
}
}
.nbg{
background:url(../img/bg-top.jpg);
background-repeat:no-repeat;
background-size:100%;
background-position-y: 85%;
}
.ncube{
left: 0%;
margin-bottom: -18px;
}
.ncube .slice{
border-left: 1.875em solid #25B9B2;
}
.bicon:before {
position: relative;
top: 8pt;
content: "";
display: inline-block;
width: 1.49em;
height: 1.4em;
border-right: 0.5em solid white;
border-top: 0.5em solid white;
transform: rotate(136deg);
margin-right: -0.1em;
}
.ninsv{
position: absolute;
left: 50%;
margin-left: 15px;
transform: translate(-54%, 0%);
}
.svg_cont{
display: inline-block;
position: absolute;
width: 100%;
padding-bottom: 100%;
top: 16%;
vertical-align: middle;
left: 0%;
overflow: hidden;
}
.testClass{
fill:white;
}
path {
fill: transparent;
transition: fill 2.0s !important;
}
.logo{top: 0; max-width: 1000px !important; margin: 0 auto;}