html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0;
font-size: 15px !important;
}
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
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
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--bottom--s-31,.padding--s-31,.padding--vertical--s-31 {
padding-bottom: 400px
}
.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--red {
border-color: #f7484e
}
.background-color--red {
background-color: #f7484e
}
.background-color--services {
background-color: #32394c;
}
.background-color--work {
background-color: #F2F6FF;
}
.background-color--news {
background-color: #6a819c;
}
.background-color--contact {
background-color: #32394c;
}
.text-color--dark-grey {
color: #292929
}
.border-color--dark-grey {
border-color: #292929
}
.background-color--dark-grey {
background-color: #292929
}
.background-color--light-grey{
background-color: #EDEEF2
}
.text-color--grey {
color: #b3b3b3
}
.border-color--grey {
border-color: #b3b3b3
}
.background-color--grey {
background-color: #b3b3b3
}
.text-color--light-grey {
color: #efefef
}
.border-color--light-grey {
border-color: #efefef
}
.background-color--light-grey {
background-color: #efefef
}
.text-color--white {
color: #fff
}
.border-color--white {
border-color: #fff
}
.background-color--white {
background-color: #fff
}
.text-color--black {
color: #000
}
.border-color--black {
border-color: #000
}
.background-color--black {
background-color: #000
}
.uppercase {
text-transform: uppercase!important
}
.lowercase {
text-transform: lowercase!important
}
.nocase {
text-transform: none!important
}
.subtitled {
margin-bottom: 0!important
}
.line-collapse {
line-height: 1em!important
}
.underlined {
text-decoration: underline
}
.button,.button--default,.button--ghost,.button--solid,.button--underlined {
display: inline-block;
text-decoration: none;
padding: 12px 36px;
margin-bottom: 1.2em;
line-height: 1em;
background: 0 0;
border: none
}
.button .button__icon,.button--default .button__icon,.button--ghost .button__icon,.button--solid .button__icon,.button--underlined .button__icon {
display: inline-block;
vertical-align: middle;
min-width: 1em;
text-align: center;
line-height: 1em;
margin-right: 5px
}
.button .button__label,.button--default .button__label,.button--ghost .button__label,.button--solid .button__label,.button--underlined .button__label {
display: inline-block;
vertical-align: middle;
line-height: 1em
}
.button .button__label+.button__icon,.button--default .button__label+.button__icon,.button--ghost .button__label+.button__icon,.button--solid .button__label+.button__icon,.button--underlined .button__label+.button__icon {
margin-left: 5px;
margin-right: 0
}
.button--icon-only.button--default .button__icon,.button--icon-only.button--ghost .button__icon,.button--icon-only.button--solid .button__icon,.button--icon-only.button--underlined .button__icon,.button.button--icon-only .button__icon {
margin: 0
}
.button--default.button--icon-only {
padding: 12px
}
.button--default.button--white-to-black {
color: #fff
}
.button--default.button--black-to-red,.button--default.button--white-to-black:hover {
color: #000
}
.button--default.button--black-to-red:hover {
color: #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(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/fonts/clearface-regular.eot);
src: url(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/fonts/clearface-regular.eot#iefix) format('embedded-opentype'),url(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/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(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/fonts/prixima-nova-regular.eot);
src: url(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/fonts/prixima-nova-regular.eot#iefix) format('embedded-opentype'),url(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/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(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/fonts/prixima-nova-bold.eot);
src: url(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/fonts/prixima-nova-bold.eot#iefix) format('embedded-opentype'),url(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/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: Fearless Icon;
src: url(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/fonts/fearless-icons.ttf);
src: url(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/fonts/fearless-icons.ttf#iefix) format('embedded-opentype'),url(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/fonts/fearless-icons.ttf) format('truetype');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Cheddar Jack;
src: url(/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/fonts/cheddar_jack.ttf);
}
i.icon {
font-family: Fearless Icon;
text-transform: none;
font-style: normal;
}
i.icon.social {
font-size:1.5em;
}
.button,.button--default,.button--ghost,.button--solid,.button--underlined {
font-size: .8em;
letter-spacing: .05em
}
.button--narrow {
padding-left: 0;
padding-right: 0
}
.no-csstransforms3d .button--hexagon .slice {
display: none
}
.no-csstransforms3d .button--hexagon .button__label {
color: #292929
}
.button--hexagon {
font-size: 16px;
display: block;
width: 3.75em;
height: 4.25em;
margin: 0 auto;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
color: #fff;
position: relative;
text-decoration: none
}
.button--hexagon .slice {
border-top: 1.125em solid transparent;
border-right: none;
border-bottom: 1em solid transparent;
border-left: 1.875em solid #292929;
position: absolute;
top: 0;
left: 50%;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
border-radius: 3px 3px 0 0;
z-index: 100
}
.button--hexagon .slice:nth-child(0) {
-webkit-transform: rotateZ(0deg) rotateY(0deg) rotateX(0);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0)
}
.button--hexagon .slice:nth-child(1) {
-webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
transform: rotateZ(60deg) rotateY(0deg) rotateX(0)
}
.button--hexagon .slice:nth-child(2) {
-webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
transform: rotateZ(120deg) rotateY(0deg) rotateX(0)
}
.button--hexagon .slice:nth-child(3) {
-webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
transform: rotateZ(180deg) rotateY(0deg) rotateX(0)
}
.button--hexagon .slice:nth-child(4) {
-webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
transform: rotateZ(240deg) rotateY(0deg) rotateX(0)
}
.button--hexagon .slice:nth-child(5) {
-webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
transform: rotateZ(300deg) rotateY(0deg) rotateX(0)
}
.button--hexagon .slice:nth-child(6) {
-webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
transform: rotateZ(360deg) rotateY(0deg) rotateX(0)
}
.button--hexagon .button__label {
z-index: 200;
position: relative;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .05em;
top: 50%;
left: 0;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1em
}
body {
overflow: hidden
}
body.loaded {
overflow: auto
}
a,a:visited {
color: #f7484e;
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;
height:100px;
}
.site-footer.copyright {
font-size: 0.775em;
}
.site-footer:after {
content: '';
display: block;
padding-top: 150%
}
}
@media (min-width: 768px) {
.site-footer:after {
padding-top:200%
}
}
@media (min-width: 1px) and (min-height: 350px) {
.home-banner {
background-color: rgba(255, 255, 255, 0.9);
width: 100%;
height: 80px;
text-align: center;
padding: 10px 0 0 0;
position: absolute;
bottom: 0;
}
}
@media (min-width: 768px) and (min-height: 350px) {
.home-banner {
background-color: rgba(255, 255, 255, 0.9);
width: 100%;
height: 60px;
text-align: center;
padding: 10px 0 0 0;
position: absolute;
bottom: 0;
}
}
@media (min-width: 1px) {
.main-nav {
position:absolute;
bottom: 0;
left: 0;
right: 0;
}
.main-nav ul {
padding: 50px;
text-align: center
}
.main-nav ul li {
display: inline-block
}
.main-nav ul li:before {
content: ' ';
padding: 0 0px 0 9px
}
.main-nav ul li:first-child:before {
display: none
}
.main-nav ul li a {
color: inherit;
text-transform: uppercase;
text-decoration: none;
font-size: 18px
}
.main-nav.top-nav ul li a {
color: inherit;
text-transform: uppercase;
text-decoration: none;
font-size: 16px
}
.main-nav ul li a:after {
/*bottom: -.4em;*/
border-width: 2px;
display: none
}
.main-nav ul li a:hover:after {
display: block
}
}
@media (min-width: 1px) {
.main-menu-trigger {
position:fixed;
top: 24px;
left: 24px;
display: block;
width: 3.75em;
height: 4.25em;
margin: 0 auto;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
z-index: 20001;
font-size: 11px
}
.main-menu-trigger .slice {
border-top: 1.125em solid transparent;
border-right: none;
border-bottom: 1em solid transparent;
border-left: 1.875em solid #f7484e;
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
}
.loaded .block--hero {
position: relative
}
.loaded .block--hero .preloader {
bottom: -72px
}
.loaded .block--hero .main-nav {
bottom: 0
}
}
@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: #9c2f2f
}
}
@keyframes preload-show-0 {
from {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-hide-0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-hide-0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-cycle-0 {
0% {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
5%,80% {
-webkit-transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,85% {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-cycle-0 {
0% {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
5%,80% {
-webkit-transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,85% {
-webkit-transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-show-1 {
from {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-show-1 {
from {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-hide-1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-hide-1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-cycle-1 {
5% {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
10%,75% {
-webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,80% {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-cycle-1 {
5% {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
10%,75% {
-webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,80% {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-show-2 {
from {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-show-2 {
from {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-hide-2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-hide-2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-cycle-2 {
10% {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
15%,70% {
-webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,75% {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-cycle-2 {
10% {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
15%,70% {
-webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,75% {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-show-3 {
from {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-show-3 {
from {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-hide-3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-hide-3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-cycle-3 {
15% {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
20%,65% {
-webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,70% {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-cycle-3 {
15% {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
20%,65% {
-webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,70% {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-show-4 {
from {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-show-4 {
from {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-hide-4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-hide-4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-cycle-4 {
20% {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
25%,60% {
-webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,65% {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-cycle-4 {
20% {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
25%,60% {
-webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,65% {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-show-5 {
from {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-show-5 {
from {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-hide-5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-hide-5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-cycle-5 {
25% {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
30%,55% {
-webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,60% {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-cycle-5 {
25% {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
30%,55% {
-webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,60% {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-show-6 {
from {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-show-6 {
from {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-hide-6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-hide-6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-webkit-keyframes preload-cycle-6 {
30% {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
35%,50% {
-webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,55% {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@keyframes preload-cycle-6 {
30% {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
35%,50% {
-webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
border-left-color: #f7484e
}
100%,55% {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
border-left-color: #9c2f2f
}
}
@-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 #f7484e;
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: #f7484e
}
.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 {
position: absolute;
top: 30px;
right: 2em;
z-index:200;
color: #fff;
text-decoration: none;
font-size: 11px;
}
/*.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
}
}
.top-nav{
display: none;
}
@media (min-width: 768px) and (min-height: 350px) {
.top-nav{
display: block;
padding-bottom: 40px;
}
}
@media (min-width: 992px) {
.chapter .chapter__title {
position:absolute;
width: 50%;
top: 0;
left: 0;
/*controls closing speed*/
-webkit-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
-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-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
-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-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
-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-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
-webkit-transition: 1s width cubic-bezier(.77,0,.175,1),1s left cubic-bezier(.77,0,.175,1);
transition: 1s width cubic-bezier(.77,0,.175,1),1s left cubic-bezier(.77,0,.175,1)
}
}
@media (min-width: 992px) {
.chapter--projects .chapter__content {
width:75%;
left: 37.5%
}
.chapter--expanded .chapter__title {
width: 30%;
border-right: 1px solid #efefef
}
.chapter--expanded .chapter__content {
left: 30%;
width: 70%
}
}
@media (min-width: 1200px) {
.chapter--expanded .chapter__title {
width:25%;
border-right: 1px solid #efefef
}
.chapter--expanded .chapter__content {
left: 25%;
width: 75%
}
}
@-webkit-keyframes project-cta-show-0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@keyframes project-cta-show-0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@-webkit-keyframes project-cta-hide0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@keyframes project-cta-hide0 {
to {
-webkit-transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@-webkit-keyframes project-cta-show-1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@keyframes project-cta-show-1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@-webkit-keyframes project-cta-hide1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@keyframes project-cta-hide1 {
to {
-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@-webkit-keyframes project-cta-show-2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@keyframes project-cta-show-2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@-webkit-keyframes project-cta-hide2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@keyframes project-cta-hide2 {
to {
-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@-webkit-keyframes project-cta-show-3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@keyframes project-cta-show-3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@-webkit-keyframes project-cta-hide3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@keyframes project-cta-hide3 {
to {
-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@-webkit-keyframes project-cta-show-4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@keyframes project-cta-show-4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@-webkit-keyframes project-cta-hide4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@keyframes project-cta-hide4 {
to {
-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@-webkit-keyframes project-cta-show-5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@keyframes project-cta-show-5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@-webkit-keyframes project-cta-hide5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@keyframes project-cta-hide5 {
to {
-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@-webkit-keyframes project-cta-show-6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@keyframes project-cta-show-6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(0deg) rotateX(0deg);
border-left-color: #292929
}
}
@-webkit-keyframes project-cta-hide6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@keyframes project-cta-hide6 {
to {
-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #000
}
}
@media (min-width: 1px) {
.csstransitions .chapter--expanded .project .project__header .header__image,.csstransitions .chapter--loading .project .project__header .header__image,.csstransitions .project .project__header:hover .header__image {
/* -webkit-transform:scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3)*/
}
.no-csstransforms3d .header__cta {
display: none
}
.project {
overflow: hidden;
position: relative;
width: 100%;
left: 0;
-webkit-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
-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-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
-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*/
}
.main__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*/
}
.process__image{
width: 85%;
height: auto;
margin-left:auto;
margin-right:auto;
}
.offscreen{
position:absolute;
left:-5000px;
}
.process__image-arrow{
width: 50%;
height: auto;
}
.process__text{
position: relative;
left:15%;
}
.process_content_height{
height: 380px;
}
.project .project__header .header__subtitle {
font-size: 24px;
letter-spacing: .1em
}
@media (min-width: 1px) {
.project .project__header .contact {
font-size: 13px;
letter-spacing: .1em
}
}
@media (min-width: 321px) {
.project .project__header .contact {
font-size: 15px;
letter-spacing: .1em
}
}
@media (min-width: 768px) {
.project .project__header .contact {
font-size: 17px;
}
}
.project .project__header .header__cta {
margin-top: 2em;
-webkit-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
-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: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
-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.red-hex .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: red
}
.project .project__header:hover .header__cta.red-hex .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: red
}
.project .project__header:hover .header__cta.red-hex .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: red
}
.project .project__header:hover .header__cta.red-hex .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: red
}
.project .project__header:hover .header__cta.red-hex .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: red
}
.project .project__header:hover .header__cta.red-hex .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: red
}
.project .project__header:hover .header__cta.red-hex .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: red
}
.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: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg);
-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: #ffffff
}
.project-nav ul li a {
color: #ffffff;
text-decoration: underline;
font-size: 18px;
line-height: 1.75em
}
.project-nav.black ul li {
display: inline-block;
color:black;
}
.project-nav.black ul li a {
color: black;
text-decoration: underline;
font-size: 18px;
line-height: 1.75em
}
.project-nav ul li a.selected,.project-nav ul li a:hover {
color: black;
}
.project-nav.black ul li a.selected,.project-nav.black ul li a:hover {
color: red;
}
.project-nav.red ul li a.selected,.project-nav.red ul li a:hover {
color: red;
}
.project-nav.pink ul li a.selected,.project-nav.pink ul li a:hover {
color: #f7484e;
}
}
.underline,.underlined--black,.underlined--dark-grey,.underlined--grey,.underlined--light-grey,.underlined--red,.underlined--white {
display: inline-block;
text-decoration: none;
position: relative
}
.underline:after,.underlined--black:after,.underlined--dark-grey:after,.underlined--grey:after,.underlined--light-grey:after,.underlined--red:after,.underlined--white:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -.1em;
border-bottom: 3px solid
}
.underlined--red:after {
border-color: #f7484e
}
.underlined--dark-grey:after {
border-color: #292929
}
.underlined--grey:after {
border-color: #b3b3b3
}
.underlined--light-grey:after {
border-color: #efefef
}
.underlined--white:after {
border-color: #fff
}
.underlined--black:after {
border-color: #000
}
@media (min-width: 1px) {
.window-height {
min-height:100vh;
height: 100vh
}
}
.main-header span {
color: #FA4649!important;
}
@media (min-width: 1px) {
.main-header{
font-family: Cheddar Jack;
top:40%;
font-size:3em;
text-rendering: optimizeLegibility;
}
}
@media (min-width: 321px) {
.main-header{
font-family: Cheddar Jack;
top:40%;
font-size:3em;
text-rendering: optimizeLegibility;
}
}
@media (min-width: 768px) {
.main-header{
font-family: Cheddar Jack;
top:40%;
font-size:8em;
text-rendering: optimizeLegibility;
}
}
.section-header{
font-size:5em;
text-rendering: optimizeLegibility;
}
.square-btn {
border-radius: 0;
border:1px solid transparent;
background-color: #EE4364;
color:white;
}
.main-logo{
position: absolute;
margin-left:auto;
margin-right:auto;
width: 100%;
height: 40px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
z-index: 1000;
margin-top:30px;
}
@media (min-height: 1px) {
.section-main-logo{
position: absolute;
margin-left:auto;
margin-right:auto;
width: 100%;
height: 3em;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
z-index: 1;
top:4em;
}
}
@media (min-height: 400px) {
.section-main-logo{
position: absolute;
margin-left:auto;
margin-right:auto;
width: 100%;
height: 3em;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
z-index: 1;
top:4em;
}
}
.news-preview{
height: 250px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
textarea {
resize: vertical; /* user can resize vertically, but width is fixed */
}
.outer {
display: table;
position: absolute;
height: 100%;
width: 100%;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.inner {
margin-left: auto;
margin-right: auto;
width: /*whatever width you want*/;
}
.hide {
display:none!important
}
.show{
display:block!important
}
.socialButton:visited{
color:blue;
}
iframe {
/* -moz-transform: scale(.90, .90);
-webkit-transform: scale(.90, .90);
-o-transform: scale(.90, .90);
-ms-transform: scale(.90, .90);
transform: scale(.90, .90);
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
-o-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;*/
}
@media (min-width: 1px) {
.videoInsert {
display:none;
}
.main-bg-mobile{
display:block;
position: absolute;
margin-left:auto;
margin-right:auto;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
z-index: -100;
}
}
@media (min-width: 769px) {
.videoInsert {
display:block;
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-size: cover;
overflow: hidden;
}
.main-bg-mobile{
display:none;
}
}
.overlayInsert {
opacity:.3;-webkit-opacity:.3;-moz-opacity:.3;
filter: alpha(opacity=30);
position: absolute;
z-index: -1;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 1);
background-image: url("/web/20171022221913im_/https://www.fearless-media.com/wp-content/themes/wp-theme1/assets/img/bgpattern.png");
background-repeat: repeat;
}
.header__title {
font-size:48px;
}
.left_section_text{
font-size:18px;
}
.work_video {
width:560px;
height:315px;
margin-left:-280px;
left:50%;
position:relative;
margin-top:30px;
}
@media (min-width: 1px) {
.contact_bg{
background-size: cover!important;
background-repeat:no-repeat!important;
}
.email_cara:after{
content: "Cara Scharf \A 628.200.3123 ext3123";
white-space:pre;
}
.email_alexa:after{
content: "Alexa Klorman \A 628.200.3122 ext3122";
white-space:pre;
}
}
@media (min-width: 768px) {
.contact_bg{
background-size: contain!important;
background-repeat:no-repeat!important;
}
.email_cara:after{
content: " Cara Scharf | 212.257.1808 | 415.848.2421 (SF)";
}
.email_alexa:after{
content: "Alexa Klorman | 347.696.3006";
}
.padding--right--cara{
padding-right:181px;
}
}
/*
FILE ARCHIVED ON 22:19:13 Oct 22, 2017 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 07:20:18 Oct 05, 2025.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.701
exclusion.robots: 0.027
exclusion.robots.policy: 0.012
esindex: 0.013
cdx.remote: 9.75
LoadShardBlock: 80.592 (3)
PetaboxLoader3.datanode: 60.498 (4)
load_resource: 70.722
PetaboxLoader3.resolve: 30.977
*/