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: #f7484e
}
.border-color--light-blue {
border-color: #bfd7d9
}
.background-color--red {
background-color: #f7484e
}
.background-color--light-blue {
background-color: #bfd7d9
}
.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
}
.text-color--light-blue {
color: #E8AE03
}
.text-color--dark-blue {
color: #6D5303
}
.border-color--white {
border-color: #fff
}
.background-color--white {
background-color: #fff
}
.background-color--yellow{
background-color: #E8AE03;
}
.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: #f7484e
}
.button--default.button--white-to-red {
color: #fff
}
.button--default.button--white-to-red:hover {
color: #f7484e
}
.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: #f7484e;
color: #fff
}
.button--solid.button--white-to-red {
background-color: #fff;
color: #fff
}
.button--solid.button--white-to-red:hover {
background-color: #f7484e;
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: #f7484e;
color: #f7484e
}
.button--underlined.button--white-to-red {
border-color: #fff;
color: #fff
}
.button--underlined.button--white-to-red:hover {
border-color: #f7484e;
color: #f7484e
}
.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: #f7484e;
color: #f7484e
}
.button--ghost.button--white-to-red {
border-color: #fff;
color: #fff
}
.button--ghost.button--white-to-red:hover {
border-color: #f7484e;
color: #f7484e
}
.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 #755b0c;
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: #6D5303;
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, .main-nav2 ul {
padding: 36px 0;
text-align: center
}
.main-nav ul li, .main-nav2 ul li{
display: inline-block
}
.main-nav ul li:before , .main-nav2 ul li:before{
content: '/';
padding: 0 12px 0 9px
}
.main-nav ul li:first-child:before, .main-nav2 ul li:first-child:before {
display: none
}
.main-nav ul li a, .main-nav2 ul li a {
color: inherit;
text-transform: uppercase;
text-decoration: none;
font-size: 14px
}
.main-nav ul li a:after, .main-nav2 ul li a:after {
bottom: -.4em;
border-width: 2px;
display: none
}
.main-nav ul li a:hover:after, .main-nav2 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 #bfd7d9;
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: #C59915
}
}
@keyframes preload-show-0 {
from {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-hide-0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-hide-0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-cycle-0 {
0% {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
5%,
80% {
-webkit-transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
85% {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-cycle-0 {
0% {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
5%,
80% {
-webkit-transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
85% {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-show-1 {
from {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-show-1 {
from {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-hide-1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-hide-1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-cycle-1 {
5% {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
10%,
75% {
-webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
80% {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-cycle-1 {
5% {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
10%,
75% {
-webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
80% {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-show-2 {
from {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-show-2 {
from {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-hide-2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-hide-2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-cycle-2 {
10% {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
15%,
70% {
-webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
75% {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-cycle-2 {
10% {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
15%,
70% {
-webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
75% {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-show-3 {
from {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-show-3 {
from {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-hide-3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-hide-3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-cycle-3 {
15% {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
20%,
65% {
-webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
70% {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-cycle-3 {
15% {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
20%,
65% {
-webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
70% {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-show-4 {
from {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-show-4 {
from {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-hide-4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-hide-4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-cycle-4 {
20% {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
25%,
60% {
-webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
65% {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-cycle-4 {
20% {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
25%,
60% {
-webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
65% {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-show-5 {
from {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-show-5 {
from {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-hide-5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-hide-5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-cycle-5 {
25% {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
30%,
55% {
-webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
60% {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-cycle-5 {
25% {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
30%,
55% {
-webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
60% {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-show-6 {
from {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-show-6 {
from {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-hide-6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-hide-6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-webkit-keyframes preload-cycle-6 {
30% {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
35%,
50% {
-webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
55% {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@keyframes preload-cycle-6 {
30% {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
35%,
50% {
-webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
border-left-color: #FDC722
}
100%,
55% {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
border-left-color: #C59915
}
}
@-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 #755b0c;
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: #FDC722
}
.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 .chapter--leadership{
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: #060606;
font-weight: 600;
}
}
.underline,
.underlined--black,
.underlined--dark-grey,
.underlined--grey,
.underlined--light-grey,
.underlined--red,
.underlined--white,
.underlined--yellow {
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,
.underlined--yellow:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -.1em;
border-bottom: 3px solid
}
.underlined--red:after {
border-color: #f7484e
}
.underlined--dark-grey:after {
border-color: #292929
}
.underlined--grey:after {
border-color: #161616
}
.underlined--light-grey:after {
border-color: #efefef
}
.underlined--white:after {
border-color: #fff
}
.underlined--yellow:after {
border-color: #E8AE03
}
.underlined--black:after {
border-color: #000
}
@media (min-width: 1px) {
.window-height {
min-height: 100vh;
height: 100vh
}
}
.number {
position: relative;
text-align: left;
z-index: 10;
}
.section-label:before {
content: "";
display: block;
position: absolute;
height: 70px;
width: 70px;
transform: rotate(45deg);
border-radius: 10px;
z-index: -1;
}
.section-label {
line-height: 1.2;
color: #85cbcf;
}
.number-theproblem .section-label:before {
border: 1px solid #85cbcf;
left: -6px;
top: -14px;
}
*, :after, :before {
box-sizing: inherit;
}
}
@media only screen and (max-width: 1099px) and (min-width: 850px){
main.css:1776
.number .hide-mobile, .section-label:before {
display: none;
}
}
.header-section{
background-color: rgba(255, 255, 255, 0.70);
padding: 10px 0px 5px;
}