@charset "UTF-8";


article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
display:block
}

audio,canvas,video{
display:inline-block
}

audio:not([controls]){
display:none;
height:0
}

[hidden]{
display:none
}

html{
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}

body{
margin:0
}

abbr[title]{
border-bottom:1px dotted
}

b,strong{
font-weight:700
}

dfn{
font-style:italic
}

hr{
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
height:0
}

mark{
background:#ff0;
color:#000
}

code,kbd,pre,samp{
font-family:monospace,serif;
font-size:1em
}

pre{
white-space:pre-wrap
}

small{
font-size:80%
}

sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sup{
top:-.5em
}

sub{
bottom:-.25em
}

img{
border:0
}

svg:not(:root){
overflow:hidden
}

figure{
margin:0
}

fieldset{
border:1px solid silver
}

legend{
border:0
}

button,input,select,textarea{
font-family:inherit;
font-size:100%;
margin:0
}

button,input{
line-height:normal
}

button,select{
text-transform:none
}

button,html input[type=button],input[type=reset],input[type=submit]{
-webkit-appearance:button;
cursor:pointer
}

button[disabled],html input[disabled]{
cursor:default
}

input[type=checkbox],input[type=radio]{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0
}

input[type=search]{
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
-webkit-appearance:none
}

button::-moz-focus-inner,input::-moz-focus-inner{
border:0;
padding:0
}

textarea{
overflow:auto
}

table{
border-collapse:collapse;
border-spacing:0
}

*,:after,:before{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box
}

blockquote,caption,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{
margin:0;
padding:0
}

abbr[title],dfn[title]{
cursor:help
}

ins,u{
text-decoration:none
}

ins{
border-bottom:1px solid
}

img{
font-style:italic
}

button,input,label,option,select,textarea{
cursor:pointer
}

.text-input:active,.text-input:focus,textarea:active,textarea:focus{
cursor:text;
outline:0
}

.cf:after,.site-page:after{
content:"";
display:table;
clear:both
}

.form-fields>li,.island,.islet,.media,address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hgroup,ol,p,pre,table,ul{
margin-bottom:20px;
margin-bottom:1.11111rem
}

.islet .form-fields>li,.islet .island,.islet .islet,.islet .media,.islet address,.islet blockquote,.islet dl,.islet fieldset,.islet figure,.islet h1,.islet h2,.islet h3,.islet h4,.islet h5,.islet h6,.islet hgroup,.islet ol,.islet p,.islet pre,.islet table,.islet ul{
margin-bottom:10px;
margin-bottom:.55556rem
}

.landmark{
margin-bottom:40px;
margin-bottom:2.22222rem
}

hr{
margin-bottom:18px;
margin-bottom:1rem
}

dd,ol,ul{
margin-left:40px;
margin-left:2.22222rem
}

html{
font:1.125em/1.44444 Lato,sans-serif;
min-height:100%
}

.alpha,h1{
font-size:60px;
font-size:3.33333rem;
line-height:1.3
}

.beta,h2{
font-size:40px;
font-size:2.22222rem;
line-height:1.3
}

.gamma,h3{
font-size:30px;
font-size:1.66667rem;
line-height:1.73333
}

.delta,h4{
font-size:24px;
font-size:1.33333rem;
line-height:1.08333
}

.epsilon,h5{
font-size:20px;
font-size:1.11111rem;
line-height:1.3
}

.zeta,h6{
font-size:18px;
font-size:1rem;
line-height:1.44444
}

hgroup .hN{
margin-bottom:0
}

.giga{
font-size:96px;
font-size:5.33333rem;
line-height:1.08333
}

.mega{
font-size:72px;
font-size:4rem;
line-height:1.08333
}

.kilo{
font-size:48px;
font-size:2.66667rem;
line-height:1.08333
}

.lead,.lede{
font-size:20.25px;

font-size:1.125rem;
line-height:1.28395
}

.milli,.smallprint{
font-size:16px;
font-size:.88889rem;
line-height:1.625
}

.micro{
font-size:12px;
font-size:.66667rem;
line-height:2.16667
}

q{
quotes:"\2018" "\2019" "" ""
}

q:before{
content:"\2018";
content:open-quote
}

q:after{
content:"\2019";
content:close-quote
}

q q:before{
content:"\201C";
content:open-quote
}

q q:after{
content:"\201D";
content:close-quote
}

blockquote{
quotes:"" ""
}

blockquote p:before{
content:"";
content:open-quote
}

blockquote p:after{
content:"";
content:no-close-quote
}

blockquote p:last-of-type:after{
content:"";
content:close-quote
}

blockquote q:before{
content:"\2018";
content:open-quote
}

blockquote q:after{
content:"\2019";
content:close-quote
}

blockquote{
text-indent:-.41em
}

blockquote p:last-of-type{
margin-bottom:0
}

.source{
display:block;
text-indent:0
}

.source:before{
content:"\2014"
}

pre{
overflow:auto
}

pre mark{
background:0 0;
border-bottom:1px solid;
color:inherit
}

.code-comment{
opacity:.75;
filter:alpha(opacity=75)
}

.line-numbers{
font-family:monospace,serif;
list-style:decimal-leading-zero inside;
white-space:nowrap;
overflow:auto;
margin-left:0
}

.line-numbers code{
white-space:pre
}

img{
max-width:100%
}

.img--round{
border-radius:3px
}

.img--right{
float:right;
margin-bottom:20px;
margin-left:20px
}

.img--left{
float:left;
margin-right:20px;
margin-bottom:20px
}

.img--center{
display:block;
margin-right:auto;
margin-bottom:20px;
margin-left:auto
}

.img--short{
height:100px
}

.img--medium{
height:200px
}

.img--tall{
height:300px
}

figure>img{
display:block
}

li>ol,li>ul{
margin-bottom:0
}

.numbered-list{
list-style-type:decimal
}

table{
width:100%
}

td,th{
padding:5px;
text-align:left
}

@media screen and (min-width:480px){
td,th{
padding:10px
}


}

[colspan]{
text-align:center
}

[colspan="1"]{
text-align:left
}

[rowspan]{
vertical-align:middle
}

[rowspan="1"]{
vertical-align:top
}

.numerical{
text-align:right
}

.t5{
width:5%
}

.t10{
width:10%
}

.t12{
width:12.5%
}

.t15{
width:15%
}

.t20{
width:20%
}

.t25{
width:25%
}

.t30{
width:30%
}

.t33{
width:33.333%
}

.t35{
width:35%
}

.t37{
width:37.5%
}

.t40{
width:40%
}

.t45{
width:45%
}

.t50{
width:50%
}

.t55{
width:55%
}

.t60{
width:60%
}

.t62{
width:62.5%
}

.t65{
width:65%
}

.t66{
width:66.666%
}

.t70{
width:70%
}

.t75{
width:75%
}

.t80{
width:80%
}

.t85{
width:85%
}

.t87{
width:87.5%
}

.t90{
width:90%
}

.t95{
width:95%
}

.table--bordered td,.table--bordered th{
border:1px solid #fff
}

.table--bordered td:empty,.table--bordered th:empty{
border:none
}

.table--bordered thead tr:last-child th{
border-bottom-width:2px
}

.table--bordered tbody tr th:last-of-type{
border-right-width:2px
}

.table--striped tbody tr:nth-of-type(odd){
background-color:#ffc
}

.table--data{
font:12px/1.5 sans-serif
}

fieldset{
padding:20px
}

.form-fields{
list-style:none;
margin:0
}

.form-fields>li:last-child{
margin-bottom:0
}

.label,label{
display:block
}

.additional{
display:block;
font-weight:400
}

.check-list{
list-style:none;
margin:0
}

.check-label,.check-list .label,.check-list label{
display:inline-block
}

.spoken-form label{
display:inline-block;
font:inherit
}

.extra-help{
display:inline-block;
visibility:hidden
}

.text-input:active+.extra-help,.text-input:focus+.extra-help{
visibility:visible
}

.grid{
margin-left:-20px;
list-style:none;
margin-bottom:0
}

.grid>.grid{
margin-left:0
}

.grid__item{
display:inline-block;
width:100%;
padding-left:20px;
vertical-align:top
}

.one-whole{
width:100%
}

.five-tenths,.four-eighths,.one-half,.six-twelfths,.three-sixths,.two-quarters{
width:50%
}

.four-twelfths,.one-third,.two-sixths{
width:33.333%
}

.eight-twelfths,.four-sixths,.two-thirds{
width:66.666%
}

.one-quarter,.three-twelfths,.two-eighths{
width:25%
}

.nine-twelfths,.six-eighths,.three-quarters{
width:75%
}

.one-fifth,.two-tenths{
width:20%
}

.four-tenths,.two-fifths{
width:40%
}

.six-tenths,.three-fifths{
width:60%
}

.eight-tenths,.four-fifths{
width:80%
}

.one-sixth,.two-twelfths{
width:16.666%
}

.five-sixths,.ten-twelfths{
width:83.333%
}

.one-eighth{
width:12.5%
}

.three-eighths{
width:37.5%
}

.five-eighths{
width:62.5%
}

.seven-eighths{
width:87.5%
}

.one-tenth{
width:10%
}

.three-tenths{
width:30%
}

.seven-tenths{
width:70%
}

.nine-tenths{
width:90%
}

.one-twelfth{
width:8.333%
}

.five-twelfths{
width:41.666%
}

.seven-twelfths{
width:58.333%
}

.eleven-twelfths{
width:91.666%
}

@media only screen and (max-width:589px){
.palm-one-whole{
width:100%
}

.palm-five-tenths,.palm-four-eighths,.palm-one-half,.palm-six-twelfths,.palm-three-sixths,.palm-two-quarters{
width:50%
}

.palm-four-twelfths,.palm-one-third,.palm-two-sixths{
width:33.333%
}

.palm-eight-twelfths,.palm-four-sixths,.palm-two-thirds{
width:66.666%
}

.palm-one-quarter,.palm-three-twelfths,.palm-two-eighths{
width:25%
}

.palm-nine-twelfths,.palm-six-eighths,.palm-three-quarters{
width:75%
}

.palm-one-fifth,.palm-two-tenths{
width:20%
}

.palm-four-tenths,.palm-two-fifths{
width:40%
}

.palm-six-tenths,.palm-three-fifths{
width:60%
}

.palm-eight-tenths,.palm-four-fifths{
width:80%
}

.palm-one-sixth,.palm-two-twelfths{
width:16.666%
}

.palm-five-sixths,.palm-ten-twelfths{
width:83.333%
}

.palm-one-eighth{
width:12.5%
}

.palm-three-eighths{
width:37.5%
}

.palm-five-eighths{
width:62.5%
}

.palm-seven-eighths{
width:87.5%
}

.palm-one-tenth{
width:10%
}

.palm-three-tenths{
width:30%
}

.palm-seven-tenths{
width:70%
}

.palm-nine-tenths{
width:90%
}

.palm-one-twelfth{
width:8.333%
}

.palm-five-twelfths{
width:41.666%
}

.palm-seven-twelfths{
width:58.333%
}

.palm-eleven-twelfths{
width:91.666%
}


}

@media only screen and (min-width:590px) and (max-width:1023px){
.lap-one-whole{
width:100%
}

.lap-five-tenths,.lap-four-eighths,.lap-one-half,.lap-six-twelfths,.lap-three-sixths,.lap-two-quarters{
width:50%
}

.lap-four-twelfths,.lap-one-third,.lap-two-sixths{
width:33.333%
}

.lap-eight-twelfths,.lap-four-sixths,.lap-two-thirds{
width:66.666%
}

.lap-one-quarter,.lap-three-twelfths,.lap-two-eighths{
width:25%
}

.lap-nine-twelfths,.lap-six-eighths,.lap-three-quarters{
width:75%
}

.lap-one-fifth,.lap-two-tenths{
width:20%
}

.lap-four-tenths,.lap-two-fifths{
width:40%
}

.lap-six-tenths,.lap-three-fifths{
width:60%
}

.lap-eight-tenths,.lap-four-fifths{
width:80%
}

.lap-one-sixth,.lap-two-twelfths{
width:16.666%
}

.lap-five-sixths,.lap-ten-twelfths{
width:83.333%
}

.lap-one-eighth{
width:12.5%
}

.lap-three-eighths{
width:37.5%
}

.lap-five-eighths{
width:62.5%
}

.lap-seven-eighths{
width:87.5%
}

.lap-one-tenth{
width:10%
}

.lap-three-tenths{
width:30%
}

.lap-seven-tenths{
width:70%
}

.lap-nine-tenths{
width:90%
}

.lap-one-twelfth{
width:8.333%
}

.lap-five-twelfths{
width:41.666%
}

.lap-seven-twelfths{
width:58.333%
}

.lap-eleven-twelfths{
width:91.666%
}


}

@media only screen and (min-width:590px){
.lap-and-up-one-whole{
width:100%
}

.lap-and-up-five-tenths,.lap-and-up-four-eighths,.lap-and-up-one-half,.lap-and-up-six-twelfths,.lap-and-up-three-sixths,.lap-and-up-two-quarters{
width:50%
}

.lap-and-up-four-twelfths,.lap-and-up-one-third,.lap-and-up-two-sixths{
width:33.333%
}

.lap-and-up-eight-twelfths,.lap-and-up-four-sixths,.lap-and-up-two-thirds{
width:66.666%
}

.lap-and-up-one-quarter,.lap-and-up-three-twelfths,.lap-and-up-two-eighths{
width:25%
}

.lap-and-up-nine-twelfths,.lap-and-up-six-eighths,.lap-and-up-three-quarters{
width:75%
}

.lap-and-up-one-fifth,.lap-and-up-two-tenths{
width:20%
}

.lap-and-up-four-tenths,.lap-and-up-two-fifths{
width:40%
}

.lap-and-up-six-tenths,.lap-and-up-three-fifths{
width:60%
}

.lap-and-up-eight-tenths,.lap-and-up-four-fifths{
width:80%
}

.lap-and-up-one-sixth,.lap-and-up-two-twelfths{
width:16.666%
}

.lap-and-up-five-sixths,.lap-and-up-ten-twelfths{
width:83.333%
}

.lap-and-up-one-eighth{
width:12.5%
}

.lap-and-up-three-eighths{
width:37.5%
}

.lap-and-up-five-eighths{
width:62.5%
}

.lap-and-up-seven-eighths{
width:87.5%
}

.lap-and-up-one-tenth{
width:10%
}

.lap-and-up-three-tenths{
width:30%
}

.lap-and-up-seven-tenths{
width:70%
}

.lap-and-up-nine-tenths{
width:90%
}

.lap-and-up-one-twelfth{
width:8.333%
}

.lap-and-up-five-twelfths{
width:41.666%
}

.lap-and-up-seven-twelfths{
width:58.333%
}

.lap-and-up-eleven-twelfths{
width:91.666%
}


}

@media only screen and (max-width:1023px){
.portable-one-whole{
width:100%
}

.portable-five-tenths,.portable-four-eighths,.portable-one-half,.portable-six-twelfths,.portable-three-sixths,.portable-two-quarters{
width:50%
}

.portable-four-twelfths,.portable-one-third,.portable-two-sixths{
width:33.333%
}

.portable-eight-twelfths,.portable-four-sixths,.portable-two-thirds{
width:66.666%
}

.portable-one-quarter,.portable-three-twelfths,.portable-two-eighths{
width:25%
}

.portable-nine-twelfths,.portable-six-eighths,.portable-three-quarters{
width:75%
}

.portable-one-fifth,.portable-two-tenths{
width:20%
}

.portable-four-tenths,.portable-two-fifths{
width:40%
}

.portable-six-tenths,.portable-three-fifths{
width:60%
}

.portable-eight-tenths,.portable-four-fifths{
width:80%
}

.portable-one-sixth,.portable-two-twelfths{
width:16.666%
}

.portable-five-sixths,.portable-ten-twelfths{
width:83.333%
}

.portable-one-eighth{
width:12.5%
}

.portable-three-eighths{
width:37.5%
}

.portable-five-eighths{
width:62.5%
}

.portable-seven-eighths{
width:87.5%
}

.portable-one-tenth{
width:10%
}

.portable-three-tenths{
width:30%
}

.portable-seven-tenths{
width:70%
}

.portable-nine-tenths{
width:90%
}

.portable-one-twelfth{
width:8.333%
}

.portable-five-twelfths{
width:41.666%
}

.portable-seven-twelfths{
width:58.333%
}

.portable-eleven-twelfths{
width:91.666%
}


}

@media only screen and (min-width:1024px){
.desk-one-whole{
width:100%
}

.desk-five-tenths,.desk-four-eighths,.desk-one-half,.desk-six-twelfths,.desk-three-sixths,.desk-two-quarters{
width:50%
}

.desk-four-twelfths,.desk-one-third,.desk-two-sixths{
width:33.333%
}

.desk-eight-twelfths,.desk-four-sixths,.desk-two-thirds{
width:66.666%
}

.desk-one-quarter,.desk-three-twelfths,.desk-two-eighths{
width:25%
}

.desk-nine-twelfths,.desk-six-eighths,.desk-three-quarters{
width:75%
}

.desk-one-fifth,.desk-two-tenths{
width:20%
}

.desk-four-tenths,.desk-two-fifths{
width:40%
}

.desk-six-tenths,.desk-three-fifths{
width:60%
}

.desk-eight-tenths,.desk-four-fifths{
width:80%
}

.desk-one-sixth,.desk-two-twelfths{
width:16.666%
}

.desk-five-sixths,.desk-ten-twelfths{
width:83.333%
}

.desk-one-eighth{
width:12.5%
}

.desk-three-eighths{
width:37.5%
}

.desk-five-eighths{
width:62.5%
}

.desk-seven-eighths{
width:87.5%
}

.desk-one-tenth{
width:10%
}

.desk-three-tenths{
width:30%
}

.desk-seven-tenths{
width:70%
}

.desk-nine-tenths{
width:90%
}

.desk-one-twelfth{
width:8.333%
}

.desk-five-twelfths{
width:41.666%
}

.desk-seven-twelfths{
width:58.333%
}

.desk-eleven-twelfths{
width:91.666%
}


}

@media only screen and (min-width:1220px){
.desk-wide-one-whole{
width:100%
}

.desk-wide-five-tenths,.desk-wide-four-eighths,.desk-wide-one-half,.desk-wide-six-twelfths,.desk-wide-three-sixths,.desk-wide-two-quarters{
width:50%
}

.desk-wide-four-twelfths,.desk-wide-one-third,.desk-wide-two-sixths{
width:33.333%
}

.desk-wide-eight-twelfths,.desk-wide-four-sixths,.desk-wide-two-thirds{
width:66.666%
}

.desk-wide-one-quarter,.desk-wide-three-twelfths,.desk-wide-two-eighths{
width:25%
}

.desk-wide-nine-twelfths,.desk-wide-six-eighths,.desk-wide-three-quarters{
width:75%
}

.desk-wide-one-fifth,.desk-wide-two-tenths{
width:20%
}

.desk-wide-four-tenths,.desk-wide-two-fifths{
width:40%
}

.desk-wide-six-tenths,.desk-wide-three-fifths{
width:60%
}

.desk-wide-eight-tenths,.desk-wide-four-fifths{
width:80%
}

.desk-wide-one-sixth,.desk-wide-two-twelfths{
width:16.666%
}

.desk-wide-five-sixths,.desk-wide-ten-twelfths{
width:83.333%
}

.desk-wide-one-eighth{
width:12.5%
}

.desk-wide-three-eighths{
width:37.5%
}

.desk-wide-five-eighths{
width:62.5%
}

.desk-wide-seven-eighths{
width:87.5%
}

.desk-wide-one-tenth{
width:10%
}

.desk-wide-three-tenths{
width:30%
}

.desk-wide-seven-tenths{
width:70%
}

.desk-wide-nine-tenths{
width:90%
}

.desk-wide-one-twelfth{
width:8.333%
}

.desk-wide-five-twelfths{
width:41.666%
}

.desk-wide-seven-twelfths{
width:58.333%
}

.desk-wide-eleven-twelfths{
width:91.666%
}


}

.brand{
font-family:Lato,sans-serif!important;
color:#fff!important
}

.brand-face{
font-family:Lato,sans-serif!important
}

.brand-color,.brand-colour{
color:#fff!important
}

.float--right{
float:right!important
}

.float--left{
float:left!important
}

.float--none{
float:none!important
}

.text--left{
text-align:left!important
}

.text--center{
text-align:center!important
}

.text--right{
text-align:right!important
}

.weight--light{
font-weight:300!important
}

.weight--normal{
font-weight:400!important
}

.weight--semibold{
font-weight:600!important
}

.push{
margin:20px!important
}

.push--top{
margin-top:20px!important
}

.push--right{
margin-right:20px!important
}

.push--bottom{
margin-bottom:20px!important
}

.push--left{
margin-left:20px!important
}

.push--ends{
margin-top:20px!important;
margin-bottom:20px!important
}

.push--sides{
margin-right:20px!important;
margin-left:20px!important
}

.push-half{
margin:10px!important
}

.push-half--top{
margin-top:10px!important
}

.push-half--right{
margin-right:10px!important
}

.push-half--bottom{
margin-bottom:10px!important
}

.push-half--left{
margin-left:10px!important
}

.push-half--ends{
margin-top:10px!important;
margin-bottom:10px!important
}

.push-half--sides{
margin-right:10px!important;
margin-left:10px!important
}

.flush{
margin:0!important
}

.flush--top{
margin-top:0!important
}

.flush--right{
margin-right:0!important
}

.flush--bottom{
margin-bottom:0!important
}

.flush--left{
margin-left:0!important
}

.flush--ends{
margin-top:0!important;
margin-bottom:0!important
}

.flush--sides{
margin-right:0!important;
margin-left:0!important
}

.soft{
padding:20px!important
}

.soft--top{
padding-top:20px!important
}

.soft--right{
padding-right:20px!important
}

.soft--bottom{
padding-bottom:20px!important
}

.soft--left{
padding-left:20px!important
}

.soft--ends{
padding-top:20px!important;
padding-bottom:20px!important
}

.soft--sides{
padding-right:20px!important;
padding-left:20px!important
}

.soft-half{
padding:10px!important
}

.soft-half--top{
padding-top:10px!important
}

.soft-half--right{
padding-right:10px!important
}

.soft-half--bottom{
padding-bottom:10px!important
}

.soft-half--left{
padding-left:10px!important
}

.soft-half--ends{
padding-top:10px!important;
padding-bottom:10px!important
}

.soft-half--sides{
padding-right:10px!important;
padding-left:10px!important
}

.hard{
padding:0!important
}

.hard--top{
padding-top:0!important
}

.hard--right{
padding-right:0!important
}

.hard--bottom{
padding-bottom:0!important
}

.hard--left{
padding-left:0!important
}

.hard--ends{
padding-top:0!important;
padding-bottom:0!important
}


.hard--sides{
padding-right:0!important;
padding-left:0!important
}

.full-bleed{
margin-right:-20px!important;
margin-left:-20px!important
}

.islet .full-bleed{
margin-right:-10px!important;
margin-left:-10px!important
}

.informative{
cursor:help!important
}

.muted{
opacity:.5!important;
filter:alpha(opacity=50)!important
}

.proceed{
text-align:right!important
}

.go:after{
content:"\00A0" "\00BB"!important
}

.caps{
text-transform:uppercase!important
}

.accessibility,.visuallyhidden{
border:0!important;
clip:rect(0 0 0 0)!important;
height:1px!important;
margin:-1px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
width:1px!important
}

@media only screen and (max-width:589px){
.accessibility--palm,.visuallyhidden--palm{
border:0!important;
clip:rect(0 0 0 0)!important;
height:1px!important;
margin:-1px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
width:1px!important
}


}

@media only screen and (min-width:590px) and (max-width:1023px){
.accessibility--lap,.visuallyhidden--lap{
border:0!important;
clip:rect(0 0 0 0)!important;
height:1px!important;
margin:-1px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
width:1px!important
}


}

@media only screen and (min-width:590px){
.accessibility--lap-and-up,.visuallyhidden--lap-and-up{
border:0!important;
clip:rect(0 0 0 0)!important;
height:1px!important;
margin:-1px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
width:1px!important
}


}

@media only screen and (max-width:1023px){
.accessibility--portable,.visuallyhidden--portable{
border:0!important;
clip:rect(0 0 0 0)!important;
height:1px!important;
margin:-1px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
width:1px!important
}


}

@media only screen and (min-width:1024px){
.accessibility--desk,.visuallyhidden--desk{
border:0!important;
clip:rect(0 0 0 0)!important;
height:1px!important;
margin:-1px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
width:1px!important
}


}

@media only screen and (min-width:1220px){
.accessibility--desk-wide,.visuallyhidden--desk-wide{
border:0!important;
clip:rect(0 0 0 0)!important;
height:1px!important;
margin:-1px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
width:1px!important
}


}

.minigo-logo{
font-size:30px;
font-weight:900;
position:relative;
color:#fff;
display:inline-block;
z-index:1;
margin:0;
text-decoration:none
}

.minigo-logo :first-child{
left:0;
top:0;
bottom:0;
right:0;
margin:auto;
vertical-align:middle;
display:inline-block;
color:#fff;
text-decoration:none;
padding:15px
}

.minigo-logo :first-child:after,.minigo-logo :first-child:before{
content:'';
position:absolute;
height:50%;
width:100%;
left:0;
top:0
}

.minigo-logo :first-child:after{
top:auto;
bottom:0
}

.minigo-logo:before{
content:'';
-webkit-transition:all 150ms;
transition:all 150ms;
border:3px solid #fff;
border-radius:2000px;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
bottom:0;
right:0;
margin:auto;
z-index:-1
}

.minigo-logo:after{
content:'';
display:inline-block;
padding-top:100%;
width:0;
vertical-align:middle;
text-align:center
}

a.minigo-logo:focus:before,a.minigo-logo:hover:before{
background-color:#000;
background-color:rgba(0,0,0,.25)
}

.flip-clock-wrapper a{
cursor:pointer;
text-decoration:none;
color:#fff
}

.flip-clock-wrapper ul{
list-style:none
}

.flip-clock-wrapper.clearfix:after,.flip-clock-wrapper.clearfix:before{
content:" ";
display:table
}

.flip-clock-wrapper.clearfix:after{
clear:both
}

.flip-clock-wrapper.clearfix{
*zoom:1
}

.flip-clock-wrapper{
font-size:22px;
font-weight:300;
-webkit-user-select:none;
padding-bottom:42px;
text-align:center;
position:relative;
display:inline-block;
white-space:nowrap;
margin-top:7px
}

.flip-clock-wrapper ul{
position:relative;
display:inline-block;
margin:0 0 20px;
width:53px;
height:61px;
font-size:40px;
font-weight:400;
line-height:58px;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}

.flip-clock-wrapper ul+ul{
margin-left:5px
}

.flip-clock-wrapper ul li{
z-index:1;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
visibility:hidden;
line-height:59px;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transform-origin:50% 50% -30.5px;
-ms-transform-origin:50% 50% -30.5px;
transform-origin:50% 50% -30.5px
}

.flip-clock-wrapper ul li:first-child{
visibility:visible;
z-index:2
}

.flip-clock-started ul li:first-child{
visibility:hidden
}

.flip-clock-wrapper ul li a{
display:block;
height:100%;
margin:0!important;
overflow:visible!important;
cursor:default;
pointer-events:none
}

.flip-clock-wrapper ul li a div{
z-index:1;
position:absolute;
left:0;
width:100%;
height:100%
}

.flip-clock-wrapper ul li a div.shadow{
display:none
}

.flip-clock-wrapper ul li a div.up{
border:1px solid #fff;
border-radius:3px;
top:0
}

.flip-clock-wrapper ul li a div.down{
display:none
}

.flip-clock-wrapper ul li a div div.inn{
position:absolute;
left:0;
top:0;
z-index:1;
width:100%;
height:100%;
text-align:center
}

.flip-clock-wrapper ul.play{
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-transform:perspective(400px) translateZ(-35px);
-ms-transform:perspective(400px) translateZ(-35px);
transform:perspective(400px) translateZ(-35px)
}

.no-csstransformspreserve3d .flip-clock-wrapper ul.play{
-webkit-transform:perspective(400px) translateZ(-35px);
-ms-transform:perspective(400px) translateZ(-35px);
transform:perspective(400px) translateZ(-35px)
}

@-webkit-keyframes flipCube{
0%{
-webkit-transform:rotateX(0deg) translateZ(-30.5px);
transform:rotateX(0deg) translateZ(-30.5px)
}

100%{
-webkit-transform:rotateX(-90deg) translateZ(0px) translateY(30.5px);
transform:rotateX(-90deg) translateZ(0px) translateY(30.5px)
}


}

@keyframes flipCube{
0%{
-webkit-transform:rotateX(0deg) translateZ(-30.5px);
transform:rotateX(0deg) translateZ(-30.5px)
}

100%{
-webkit-transform:rotateX(-90deg) translateZ(0px) translateY(30.5px);
transform:rotateX(-90deg) translateZ(0px) translateY(30.5px)
}


}

.flip-clock-wrapper ul li.flip-clock-before{
visibility:hidden
}

@-webkit-keyframes active-to-before{
0%{
opacity:1;
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg)
}

100%{
opacity:0;
-webkit-transform:perspective(400px) rotateX(-90deg);
transform:perspective(400px) rotateX(-90deg)
}


}

@keyframes active-to-before{
0%{
opacity:1;
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg)
}

100%{
opacity:0;
-webkit-transform:perspective(400px) rotateX(-90deg);
transform:perspective(400px) rotateX(-90deg)
}


}

@-webkit-keyframes default-to-active{
0%{
opacity:0;
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg)
}

80%{
opacity:1
}

100%{
opacity:1;
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg)
}


}

@keyframes default-to-active{
0%{
opacity:0;
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg)
}

80%{
opacity:1
}

100%{
opacity:1;
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg)
}


}

.flip-clock-wrapper ul li.flip-clock-active{
-webkit-transform:translateZ(45px);
-ms-transform:translateZ(45px);
transform:translateZ(45px)
}

.flip-clock-wrapper ul.play li.flip-clock-before{
-webkit-animation:active-to-before .7s both;
animation:active-to-before .7s both;
visibility:visible
}

.no-csstransforms3d .flip-clock-wrapper ul li.flip-clock-before{
display:none
}

.flip-clock-wrapper ul.play li.flip-clock-active{
-webkit-animation:default-to-active .7s both;
animation:default-to-active .7s both;
z-index:2
}

.flip-clock-divider{
display:inline-block;
position:relative;
width:20px;
height:61px
}

.flip-clock-divider.days{
width:0
}

.flip-clock-divider .flip-clock-label{
position:absolute;
bottom:-17px;
width:131px;
right:-121px;
text-transform:uppercase;
text-align:center
}

.over-99-days .flip-clock-divider.days .flip-clock-label{
margin-right:-29px
}

.flip-clock-wrapper ul.play li.flip-clock-active .down,.flip-clock-wrapper ul.play li.flip-clock-before .up{
z-index:2
}

@-webkit-keyframes turn{
0%{
-webkit-transform:rotateX(90deg);
transform:rotateX(90deg)
}

100%{
-webkit-transform:rotateX(0deg);
transform:rotateX(0deg)
}


}

@keyframes turn{
0%{
-webkit-transform:rotateX(90deg);
transform:rotateX(90deg)
}

100%{
-webkit-transform:rotateX(0deg);
transform:rotateX(0deg)
}


}

@-webkit-keyframes turn2{
0%{
-webkit-transform:rotateX(0deg);
transform:rotateX(0deg)
}

100%{
-webkit-transform:rotateX(-90deg);
transform:rotateX(-90deg)
}


}

@keyframes turn2{
0%{
-webkit-transform:rotateX(0deg);
transform:rotateX(0deg)
}

100%{
-webkit-transform:rotateX(-90deg);
transform:rotateX(-90deg)
}


}

.flip-clock-wrapper ul li.flip-clock-active{
z-index:3;
visibility:visible
}

@-webkit-keyframes show{
0%{
opacity:0
}

100%{
opacity:1
}


}

@keyframes show{
0%{
opacity:0
}

100%{
opacity:1
}


}

@-webkit-keyframes hide{
0%{
opacity:1
}

100%{
opacity:0
}


}

@keyframes hide{
0%{
opacity:1
}

100%{
opacity:0
}


}

.clock-progress{
width:100%;
height:19px;
border:1px solid #fff;
border-radius:3px;
position:absolute;
bottom:0;
padding:2px 100% 2px 2px;
-webkit-transition:padding 1s;
transition:padding 1s
}

.clock-progress:after{
content:'';
display:block;
width:100%;
height:100%;
float:left;
border-radius:3px;
background:#fff
}

@media only screen and (max-width:589px){
.flip-clock-divider.minutes{
width:0;
height:0;
display:block;
clear:both
}

.flip-clock-divider.minutes .flip-clock-label{
bottom:-120px
}

.over-99-days .flip-clock-divider.minutes .flip-clock-label{
margin-right:-29px
}

.flip-clock-divider.minutes~ul{
margin-top:22px
}


}

.chart{
display:none
}

.clock-alt{
margin-top:23px
}

.clock-alt.flip-clock-wrapper ul li a div.up{
border:0
}

.clock-alt.flip-clock-wrapper ul{
margin:0 0 -8px 0;
width:25px
}

.clock-alt.flip-clock-wrapper ul+ul{
margin-left:3px
}

.clock-alt .flip-clock-divider{
width:88px
}

.clock-alt .flip-clock-divider.days{
width:0
}

.clock-alt .flip-clock-divider .flip-clock-label{
bottom:-17px;
font-size:16px;
font-weight:500;
width:141px;
right:-97px
}

.clock-alt .chart{
display:block;
position:absolute;
left:-36px;
top:-15px
}

.clock-alt .chart-hours{
left:105px
}

.clock-alt .chart-minutes{
left:247px
}

.clock-alt .chart-seconds{
left:388px
}

.over-99-days .clock-alt{
margin-left:-2px
}

.over-99-days .clock-alt .flip-clock-divider.days,.over-99-days .clock-alt .flip-clock-divider.hours{
margin-left:-14px
}

.over-99-days .clock-alt .flip-clock-divider.days .flip-clock-label{
margin-right:-12px
}

@media only screen and (max-width:589px){
.clock-alt .flip-clock-divider.minutes{
width:0;
height:0;
display:block;
clear:both
}

.clock-alt .flip-clock-divider.minutes .flip-clock-label{
bottom:-147px
}

.over-99-days .clock-alt .flip-clock-divider.minutes .flip-clock-label{
margin-right:0
}

.clock-alt .flip-clock-divider.minutes~ul{
margin-top:76px
}

.clock-alt .chart-minutes{
top:125px;
left:-37px
}

.clock-alt .chart-seconds{
top:125px;
left:104px
}


}

.site-wrapper{
position:relative;
z-index:2;
text-align:center;
vertical-align:middle;
width:100%;
height:100%;
min-height:100%;
display:table-cell;
overflow:hidden;
padding:46px 0
}

.site-page{
margin:0;
padding:20px;
vertical-align:middle;
display:inline-block;
border-radius:25px;
position:relative;
background: rgba(0, 0, 0, 0.5);
z-index:1

}

.site-page--from-left,.site-page--from-right{
position:absolute;
left:-100%;
top:-100%
}

.site-page--active{
display:inline-block;
position:relative;
left:auto;
top:auto;
right:auto;
-webkit-transform:none;
-ms-transform:none;
transform:none
}

.site-page--from-left.site-page--reset{
position:absolute;
right:auto;
left:-50%;
top:50%;
-webkit-animation:come-right-reverse .6s ease-out backwards;
animation:come-right-reverse .6s ease-out backwards
}

@media only screen and (max-width:1023px){
.site-page--from-left.site-page--reset{
-webkit-animation-name:come-right-linear-reverse;
animation-name:come-right-linear-reverse
}


}

.site-page--from-right.site-page--reset{
position:absolute;
left:auto;
right:-50%;
top:50%;
-webkit-animation:come-left-reverse .6s ease-out backwards;
animation:come-left-reverse .6s ease-out backwards
}

@media only screen and (max-width:1023px){
.site-page--from-right.site-page--reset{
-webkit-animation-name:come-left-linear-reverse;
animation-name:come-left-linear-reverse
}


}

.site-page--went-left{
position:absolute;
right:50%;
top:50%;
opacity:.25;
-webkit-transform:translate3d(-50%,-50%,-300px) rotateY(75deg);
-ms-transform:translate3d(-50%,-50%,-300px) rotateY(75deg);
transform:translate3d(-50%,-50%,-300px) rotateY(75deg)
}

@media only screen and (max-width:1023px){
.site-page--went-left{
opacity:0;
-webkit-transform:translate3d(-50%,-50%,0);
-ms-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}


}

.site-page--went-left.site-page--reset{
-webkit-animation:go-left-reverse 1s backwards;
animation:go-left-reverse 1s backwards
}

@media only screen and (max-width:1023px){
.site-page--went-left.site-page--reset{
-webkit-animation-name:go-left-linear-reverse;
animation-name:go-left-linear-reverse
}


}

.site-page--went-right{
position:absolute;
left:50%;
top:50%;
opacity:.25;
-webkit-transform:translate3d(50%,-50%,-300px) rotateY(-75deg);
-ms-transform:translate3d(50%,-50%,-300px) rotateY(-75deg);
transform:translate3d(50%,-50%,-300px) rotateY(-75deg)
}

@media only screen and (max-width:1023px){
.site-page--went-right{
opacity:0;
-webkit-transform:translate3d(50%,-50%,0);
-ms-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}


}

.site-page--went-right.site-page--reset{
-webkit-animation:go-right-reverse 1s backwards;
animation:go-right-reverse 1s backwards
}

@media only screen and (max-width:1023px){
.site-page--went-right.site-page--reset{
-webkit-animation-name:go-right-linear-reverse;
animation-name:go-right-linear-reverse
}


}

.site-page--went-left,.site-page--went-right{
-webkit-transition:top 500ms 50ms,opacity 200ms;
transition:top 500ms 50ms,opacity 200ms;
cursor:pointer
}

.site-page--went-left:active,.site-page--went-left:focus,.site-page--went-left:hover,.site-page--went-right:active,.site-page--went-right:focus,.site-page--went-right:hover{
opacity:.5
}

.site-page--went-left.site-page--reset,.site-page--went-right.site-page--reset{
-webkit-transition:none;
transition:none
}

.site-page--went-left:before,.site-page--went-right:before{
content:'';
width:124%;
height:100%;
cursor:pointer;
position:absolute;
left:-24%;
top:0;
z-index:1000;
-webkit-transform:translate3d(0px,0,10px);
-ms-transform:translate3d(0px,0,10px);
transform:translate3d(0px,0,10px)
}

.site-page--went-left:before{
left:auto;
right:-24%
}

.site-page-padded{
background:#000;
background:rgba(0,0,0,.7)
}

.site-page{
width:100%;
max-width:340px
}

@media only screen and (max-width:340px){
.site-page{
padding-left:10px;
padding-right:10px
}


}

@media only screen and (min-width:341px){
.site-page{
max-width:100%
}


}

@media only screen and (min-width:360px){
.site-page{
padding-left:20px;
padding-right:20px
}


}

@media only screen and (min-width:590px){
.site-page{
padding:20px;
max-width:850px
}


}

@media only screen and (min-width:1024px){
.site-page{
width:100%;
padding:40px
}


}

.site-page--go-left{
position:absolute;
right:50%;
top:50%;
-webkit-animation:go-left 1s both;
animation:go-left 1s both
}

@media only screen and (max-width:1023px){
.site-page--go-left{
-webkit-animation-name:go-left-linear;
animation-name:go-left-linear
}


}

@-webkit-keyframes go-left{
0%{
opacity:1;
-webkit-transform:translate3d(50%,-50%,0) rotateY(0deg);
transform:translate3d(50%,-50%,0) rotateY(0deg)
}

100%{
opacity:.25;
-webkit-transform:translate3d(-50%,-50%,-300px) rotateY(75deg);
transform:translate3d(-50%,-50%,-300px) rotateY(75deg)
}


}

@keyframes go-left{
0%{
opacity:1;
-webkit-transform:translate3d(50%,-50%,0) rotateY(0deg);
transform:translate3d(50%,-50%,0) rotateY(0deg)
}

100%{
opacity:.25;
-webkit-transform:translate3d(-50%,-50%,-300px) rotateY(75deg);
transform:translate3d(-50%,-50%,-300px) rotateY(75deg)
}


}

@-webkit-keyframes go-left-reverse{
0%{
opacity:.25;
-webkit-transform:translate3d(-50%,-50%,-300px) rotateY(75deg);
transform:translate3d(-50%,-50%,-300px) rotateY(75deg)
}

100%{
opacity:1;
-webkit-transform:translate3d(50%,-50%,0) rotateY(0deg);
transform:translate3d(50%,-50%,0) rotateY(0deg)
}


}

@keyframes go-left-reverse{
0%{
opacity:.25;
-webkit-transform:translate3d(-50%,-50%,-300px) rotateY(75deg);
transform:translate3d(-50%,-50%,-300px) rotateY(75deg)
}

100%{
opacity:1;
-webkit-transform:translate3d(50%,-50%,0) rotateY(0deg);
transform:translate3d(50%,-50%,0) rotateY(0deg)
}


}

@-webkit-keyframes go-left-linear{
0%{
opacity:1;
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}

100%{
opacity:0;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}


}

@keyframes go-left-linear{
0%{
opacity:1;
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}

100%{
opacity:0;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}


}

@-webkit-keyframes go-left-linear-reverse{
0%{
opacity:0;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}

100%{
opacity:1;
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}


}

@keyframes go-left-linear-reverse{
0%{
opacity:0;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}

100%{
opacity:1;
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}


}

.site-page--go-right{
position:absolute;
left:50%;
top:50%;
-webkit-animation:go-right 1s both;
animation:go-right 1s both
}

@media only screen and (max-width:1023px){
.site-page--go-right{
-webkit-animation-name:go-right-linear;
animation-name:go-right-linear
}


}

@-webkit-keyframes go-right{
0%{
opacity:1;
-webkit-transform:translate3d(-50%,-50%,0) rotateY(0deg);
transform:translate3d(-50%,-50%,0) rotateY(0deg)
}

100%{
opacity:.25;
-webkit-transform:translate3d(50%,-50%,-300px) rotateY(-75deg);
transform:translate3d(50%,-50%,-300px) rotateY(-75deg)
}


}

@keyframes go-right{
0%{
opacity:1;
-webkit-transform:translate3d(-50%,-50%,0) rotateY(0deg);
transform:translate3d(-50%,-50%,0) rotateY(0deg)
}

100%{
opacity:.25;
-webkit-transform:translate3d(50%,-50%,-300px) rotateY(-75deg);
transform:translate3d(50%,-50%,-300px) rotateY(-75deg)
}


}

@-webkit-keyframes go-right-reverse{
0%{
opacity:.25;
-webkit-transform:translate3d(50%,-50%,-300px) rotateY(-75deg);
transform:translate3d(50%,-50%,-300px) rotateY(-75deg)
}

100%{
opacity:1;
-webkit-transform:translate3d(-50%,-50%,0) rotateY(0deg);
transform:translate3d(-50%,-50%,0) rotateY(0deg)
}


}

@keyframes go-right-reverse{
0%{
opacity:.25;
-webkit-transform:translate3d(50%,-50%,-300px) rotateY(-75deg);
transform:translate3d(50%,-50%,-300px) rotateY(-75deg)
}

100%{
opacity:1;
-webkit-transform:translate3d(-50%,-50%,0) rotateY(0deg);
transform:translate3d(-50%,-50%,0) rotateY(0deg)
}


}

@-webkit-keyframes go-right-linear{
0%{
opacity:1;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}

100%{
opacity:0;
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}


}

@keyframes go-right-linear{
0%{
opacity:1;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}

100%{
opacity:0;
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}


}

@-webkit-keyframes go-right-linear-reverse{
0%{
opacity:0;
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}

100%{
opacity:1;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}


}

@keyframes go-right-linear-reverse{
0%{
opacity:0;
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}

100%{
opacity:1;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}


}

.site-page--come-left{
right:-50%;
left:auto;
top:50%;
position:absolute;
-webkit-animation:come-left 1s backwards;
animation:come-left 1s backwards
}

@media only screen and (max-width:1023px){
.site-page--come-left{
-webkit-animation-name:come-left-linear;
animation-name:come-left-linear
}


}

@-webkit-keyframes come-left{
0%{
-webkit-transform:translate3d(50%,-50%,-300px) rotateY(-40deg);
transform:translate3d(50%,-50%,-300px) rotateY(-40deg)
}

100%{
right:50%;
top:50%;
-webkit-transform:translate3d(50%,-50%,0) rotateY(0deg);
transform:translate3d(50%,-50%,0) rotateY(0deg)
}


}

@keyframes come-left{
0%{
-webkit-transform:translate3d(50%,-50%,-300px) rotateY(-40deg);
transform:translate3d(50%,-50%,-300px) rotateY(-40deg)
}

100%{
right:50%;
top:50%;
-webkit-transform:translate3d(50%,-50%,0) rotateY(0deg);
transform:translate3d(50%,-50%,0) rotateY(0deg)
}


}

@-webkit-keyframes come-left-reverse{
0%{
right:50%;
top:50%;
-webkit-transform:translate3d(50%,-50%,0) rotateY(0deg);
transform:translate3d(50%,-50%,0) rotateY(0deg)
}

100%{
-webkit-transform:translate3d(50%,-50%,-300px) rotateY(-40deg);
transform:translate3d(50%,-50%,-300px) rotateY(-40deg)
}


}

@keyframes come-left-reverse{
0%{
right:50%;
top:50%;
-webkit-transform:translate3d(50%,-50%,0) rotateY(0deg);
transform:translate3d(50%,-50%,0) rotateY(0deg)
}

100%{
-webkit-transform:translate3d(50%,-50%,-300px) rotateY(-40deg);
transform:translate3d(50%,-50%,-300px) rotateY(-40deg)
}


}

@-webkit-keyframes come-left-linear{
0%{
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}

100%{
right:50%;
top:50%;
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}


}

@keyframes come-left-linear{
0%{
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}

100%{
right:50%;
top:50%;
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}


}

@-webkit-keyframes come-left-linear-reverse{
0%{
right:50%;
top:50%;
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}

100%{
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}


}

@keyframes come-left-linear-reverse{
0%{
right:50%;
top:50%;
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}

100%{
-webkit-transform:translate3d(50%,-50%,0);
transform:translate3d(50%,-50%,0)
}


}

.site-page--come-right{
left:-50%;
top:50%;
position:absolute;
-webkit-animation:come-right 1s backwards;
animation:come-right 1s backwards
}

@media only screen and (max-width:1023px){
.site-page--come-right{
-webkit-animation-name:come-right-linear;
animation-name:come-right-linear
}


}

@-webkit-keyframes come-right{
0%{
-webkit-transform:translate3d(-50%,-50%,-300px) rotateY(40deg);
transform:translate3d(-50%,-50%,-300px) rotateY(40deg)
}

100%{
left:50%;
top:50%;
-webkit-transform:translate3d(-50%,-50%,0) rotateY(0deg);
transform:translate3d(-50%,-50%,0) rotateY(0deg)
}


}

@keyframes come-right{
0%{
-webkit-transform:translate3d(-50%,-50%,-300px) rotateY(40deg);
transform:translate3d(-50%,-50%,-300px) rotateY(40deg)
}

100%{
left:50%;
top:50%;
-webkit-transform:translate3d(-50%,-50%,0) rotateY(0deg);
transform:translate3d(-50%,-50%,0) rotateY(0deg)
}


}

@-webkit-keyframes come-right-reverse{
0%{
left:50%;
top:50%;
-webkit-transform:translate3d(-50%,-50%,0) rotateY(0deg);
transform:translate3d(-50%,-50%,0) rotateY(0deg)
}

100%{
-webkit-transform:translate3d(-50%,-50%,-300px) rotateY(40deg);
transform:translate3d(-50%,-50%,-300px) rotateY(40deg)
}


}

@keyframes come-right-reverse{
0%{
left:50%;
top:50%;
-webkit-transform:translate3d(-50%,-50%,0) rotateY(0deg);
transform:translate3d(-50%,-50%,0) rotateY(0deg)
}

100%{
-webkit-transform:translate3d(-50%,-50%,-300px) rotateY(40deg);
transform:translate3d(-50%,-50%,-300px) rotateY(40deg)
}


}

@-webkit-keyframes come-right-linear{
0%{
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}

100%{
left:50%;
top:50%;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}


}

@keyframes come-right-linear{
0%{
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}

100%{
left:50%;
top:50%;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}


}

@-webkit-keyframes come-right-linear-reverse{
0%{
left:50%;
top:50%;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}

100%{
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}


}

@keyframes come-right-linear-reverse{
0%{
left:50%;
top:50%;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}

100%{
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}


}

.no-csstransitions .site-page{
display:none;
position:absolute
}

.no-csstransitions .site-page--active{
display:inline-block;
position:static
}

.nav-close{
position:fixed;
z-index:-1;
display:none
}

.lt-ie9 .nav-close{
zoom:1;
-ms-filter:"alpha(Opacity=0)"
}

.nav-left,.nav-right{
position:fixed;
top:50%;
z-index:1000;
background:0 0;
-webkit-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%)
}

.lt-ie9 .nav-left,.lt-ie9 .nav-right{
zoom:1;
-ms-filter:""
}

.nav-left{
left:30px;
right:auto;
-webkit-transition:left 1.3s;
transition:left 1.3s
}

.nav-right{
left:auto;
right:30px;
-webkit-transition:right 1.3s;
transition:right 1.3s;
background:0 0
}

.nav-hidden{
-webkit-transition-duration:1s;
transition-duration:1s
}

.nav-hidden a{
cursor:default;
pointer-events:none
}

.lt-ie9 .nav-hidden{
display:none;
-ms-filter:"alpha(Opacity=0)"
}

.nav-left.nav-hidden{
left:-200px;
right:auto
}

.nav-right.nav-hidden{
left:auto;
right:-200px
}

.icon-btn-large{
width:141px;
height:141px;
border:0;
border-radius:2000px;
font-size:16px;
line-height:1;
font-weight:500;
color:rgba(255,255,255,.5);
margin:10px 0;
padding-top:38px;
display:block;
clear:both;
text-align:center;
text-transform:uppercase;
text-decoration:none;
background-color:transparent;
-webkit-transition:all 200ms;
transition:all 200ms;
-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 1px 1px rgba(255,255,255,.1),inset 0 0 1px 0 rgba(255,255,255,.1);
box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 1px 1px rgba(255,255,255,.1),inset 0 0 1px 0 rgba(255,255,255,.1);
position:relative
}

.no-boxshadow .icon-btn-large{
border:1px solid #fff
}

.icon-btn-large:focus,.icon-btn-large:hover{
color:#fff;
background-color:rgba(0,0,0,.25);
-webkit-box-shadow:0 0 0 1px white,0 0 1px 1px rgba(255,255,255,.2),inset 0 0 1px 0 rgba(255,255,255,.2);
box-shadow:0 0 0 1px white,0 0 1px 1px rgba(255,255,255,.2),inset 0 0 1px 0 rgba(255,255,255,.2)
}

.icon-btn-large .fa{
margin-bottom:12px;
font-size:35px;
display:block
}

.icon-btn-large:after{
content:attr(title);
display:inline
}

@media only screen and (max-width:1219px){
.nav-left,.nav-right{
position:fixed;
top:0;
left:0;
bottom:auto;
right:auto;
margin:0 auto;
width:50%;
-webkit-transform:none;
-ms-transform:none;
transform:none;
-webkit-transition:top 500ms,background 500ms,padding 200ms;
transition:top 500ms,background 500ms,padding 200ms;
padding:30px 0;
text-align:right;
z-index:10;
opacity:1
}

.nav-left a,.nav-right a{
width:46px;
height:46px;
border:0;
border-radius:200px;
color:rgba(255,255,255,.5);
display:inline-block;
text-align:center;
text-decoration:none;
-webkit-transition:all 500ms;
transition:all 500ms;
background-color:transparent;
-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 1px 1px rgba(255,255,255,.1),inset 0 0 1px 0 rgba(255,255,255,.1);
box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 1px 1px rgba(255,255,255,.1),inset 0 0 1px 0 rgba(255,255,255,.1);
position:relative;
vertical-align:middle;
margin:0 7px
}

.no-boxshadow .nav-left a,.no-boxshadow .nav-right a{
border:1px solid #fff
}

.nav-left a:before,.nav-right a:before{
content:'';
display:inline-block;
height:100%;
width:0;
vertical-align:middle
}

.nav-left a:after,.nav-right a:after{
content:attr(title);
white-space:nowrap;
font-size:16px;
font-weight:500;
display:block;
position:absolute;
color:rgba(255,255,255,0);
left:50%;
visibility:hidden;
-webkit-transition:all 300ms;
transition:all 300ms;
-webkit-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
transform:translate(-50%,0)
}

.nav-left a:hover:after,.nav-right a:hover:after{
color:#fff;
visibility:visible
}

.nav-left a:focus,.nav-left a:hover,.nav-right a:focus,.nav-right a:hover{
color:#fff;
background-color:rgba(0,0,0,.25);
-webkit-box-shadow:0 0 0 1px white,0 0 1px 1px rgba(255,255,255,.2),inset 0 0 1px 0 rgba(255,255,255,.2);
box-shadow:0 0 0 1px white,0 0 1px 1px rgba(255,255,255,.2),inset 0 0 1px 0 rgba(255,255,255,.2)
}

.nav-left a .fa,.nav-right a .fa{
font-size:26px;
line-height:1;
padding:0;
display:inline;
vertical-align:middle
}

.nav-left a:after,.nav-right a:after{
top:auto;
padding-bottom:0;
padding-top:.5em;
bottom:-1em
}

.nav-left a:hover:after,.nav-right a:hover:after{
top:auto;
bottom:-2em
}

.nav-left.nav--small,.nav-right.nav--small{
height:46px;
padding:4px 0 5px
}

.nav-left.nav--small a,.nav-right.nav--small a{
margin:3px 4px
}

.nav-left.nav-hidden{
left:0;
right:auto
}

.nav-right.nav-hidden{
left:50%;
right:auto
}

.nav-right{
left:50%;
text-align:left
}

.nav-close.nav-right:after,.nav-left:after{
width:100%;
position:absolute;
top:0;
right:-100%;
content:'';
height:100%;
background:inherit
}

.nav-close.nav-right:after{
left:-100%;
right:auto
}

.nav-close a{
z-index:10;
margin:0
}

.nav-left.nav-close a{
margin-left:0;
margin-right:-23px
}

.nav-right.nav-close a{
margin-left:-23px;
margin-right:0
}

.nav--small.nav-left.nav-close a{
margin-left:0;
margin-right:-15px
}

.nav--small.nav-right.nav-close a{
margin-left:-15px;
margin-right:0
}

.nav-hidden a{
-webkit-transform:translate(0,-100%);
-ms-transform:translate(0,-100%);
transform:translate(0,-100%);
opacity:0;
z-index:1
}


}

@media only screen and (min-width:1220px){
.nav-left a,.nav-right a{
width:141px;
height:141px;
border:0;
border-radius:2000px;
font-size:16px;
line-height:1;
font-weight:500;
color:rgba(255,255,255,.5);
margin:10px 0;
padding-top:38px;
display:block;
clear:both;
text-align:center;
text-transform:uppercase;
text-decoration:none;
background-color:transparent;
-webkit-transition:all 200ms;
transition:all 200ms;
-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 1px 1px rgba(255,255,255,.1),inset 0 0 1px 0 rgba(255,255,255,.1);
box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 1px 1px rgba(255,255,255,.1),inset 0 0 1px 0 rgba(255,255,255,.1);
position:relative
}

.no-boxshadow .nav-left a,.no-boxshadow .nav-right a{
border:1px solid #fff
}

.nav-left a:focus,.nav-left a:hover,.nav-right a:focus,.nav-right a:hover{
color:#fff;
background-color:rgba(0,0,0,.25);
-webkit-box-shadow:0 0 0 1px white,0 0 1px 1px rgba(255,255,255,.2),inset 0 0 1px 0 rgba(255,255,255,.2);
box-shadow:0 0 0 1px white,0 0 1px 1px rgba(255,255,255,.2),inset 0 0 1px 0 rgba(255,255,255,.2)
}

.nav-left a .fa,.nav-right a .fa{
margin-bottom:12px;
font-size:35px;
display:block
}

.nav-left a:after,.nav-right a:after{
content:attr(title);
display:inline
}


}

.nav-social{
position:fixed;
left:0;
bottom:0;
width:100%;
text-align:center;
z-index:3;
padding:30px 0;
background:0 0;
-webkit-transition:all 500ms;
transition:all 500ms
}

.nav-social a{
width:46px;
height:46px;
border:0;
border-radius:200px;
color:rgba(255,255,255,.5);
margin:0 5px;
display:inline-block;
text-align:center;
text-decoration:none;
-webkit-transition:all 500ms;
transition:all 500ms;
background-color:transparent;
-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 1px 1px rgba(255,255,255,.1),inset 0 0 1px 0 rgba(255,255,255,.1);
box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 1px 1px rgba(255,255,255,.1),inset 0 0 1px 0 rgba(255,255,255,.1);
position:relative;
vertical-align:middle
}

.no-boxshadow .nav-social a{
border:1px solid #fff
}

.nav-social a:before{
content:'';
display:inline-block;
height:100%;
width:0;
vertical-align:middle
}

.nav-social a:after{
content:attr(title);
white-space:nowrap;
font-size:16px;
font-weight:500;
display:block;
position:absolute;
color:rgba(255,255,255,0);
left:50%;
top:-1em;
padding-bottom:.5em;
visibility:hidden;
-webkit-transition:all 300ms;
transition:all 300ms;
-webkit-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
transform:translate(-50%,0)
}

.nav-social a:hover:after{
top:-2em;
color:#fff;
visibility:visible
}

.nav-social a:focus,.nav-social a:hover{
color:#fff;
background-color:rgba(0,0,0,.25);
-webkit-box-shadow:0 0 0 1px white,0 0 1px 1px rgba(255,255,255,.2),inset 0 0 1px 0 rgba(255,255,255,.2);
box-shadow:0 0 0 1px white,0 0 1px 1px rgba(255,255,255,.2),inset 0 0 1px 0 rgba(255,255,255,.2)
}

.nav-social a .fa{
font-size:26px;
line-height:1;
padding:0;
display:inline;
vertical-align:middle
}

.nav--small{
padding:4px 10px 5px;
background:#000;
background:rgba(0,0,0,.9);
-webkit-transition:top 500ms,background 500ms,padding 200ms;
transition:top 500ms,background 500ms,padding 200ms;
-webkit-transform:rotateX(0);
-ms-transform:rotateX(0);
transform:rotateX(0);
z-index:1000;
letter-spacing:0;
word-spacing:0;
visibility:visible!important
}

.nav--small a{
width:31px;
height:31px;
margin:3px;
-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 1px 1px rgba(255,255,255,.1),inset 0 0 1px 0 rgba(255,255,255,.1),inset 0 0 3px 1px rgba(0,0,0,.6);
box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 1px 1px rgba(255,255,255,.1),inset 0 0 1px 0 rgba(255,255,255,.1),inset 0 0 3px 1px rgba(0,0,0,.6)
}

.nav--small a:focus,.nav--small a:hover{
-webkit-box-shadow:0 0 0 1px white,0 0 1px 1px rgba(255,255,255,.2),inset 0 0 1px 0 rgba(255,255,255,.2),inset 0 0 3px 1px rgba(0,0,0,.6);
box-shadow:0 0 0 1px white,0 0 1px 1px rgba(255,255,255,.2),inset 0 0 1px 0 rgba(255,255,255,.2),inset 0 0 3px 1px rgba(0,0,0,.6)
}

.nav--small a .fa{
font-size:17px
}

.nav--small.nav-social{
bottom:0
}

.nav--small.nav-close{
background:0 0
}

.nav--small.nav-hidden{
z-index:999
}

.nav--small.nav-hidden a{
-webkit-transition:all 500ms,background 0ms,top 0ms;
transition:all 500ms,background 0ms,top 0ms
}

.nav--small.nav-right{
background:0 0
}

.icon-btn-small{
width:46px;
height:46px;
border:0;
border-radius:200px;
color:rgba(255,255,255,.5);
margin:0 5px;
display:inline-block;
text-align:center;
text-decoration:none;
-webkit-transition:all 500ms;
transition:all 500ms;
background-color:transparent;
-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 1px 1px rgba(255,255,255,.1),inset 0 0 1px 0 rgba(255,255,255,.1);
box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 1px 1px rgba(255,255,255,.1),inset 0 0 1px 0 rgba(255,255,255,.1);
position:relative;
vertical-align:middle
}

.no-boxshadow .icon-btn-small{
border:1px solid #fff
}

.icon-btn-small:before{
content:'';
display:inline-block;
height:100%;
width:0;
vertical-align:middle
}

.icon-btn-small:after{
content:attr(title);
white-space:nowrap;
font-size:16px;
font-weight:500;
display:block;
position:absolute;
color:rgba(255,255,255,0);
left:50%;
top:-1em;
padding-bottom:.5em;
visibility:hidden;
-webkit-transition:all 300ms;
transition:all 300ms;
-webkit-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
transform:translate(-50%,0)
}

.icon-btn-small:hover:after{
top:-2em;
color:#fff;
visibility:visible
}

.icon-btn-small:focus,.icon-btn-small:hover{
color:#fff;
background-color:rgba(0,0,0,.25);
-webkit-box-shadow:0 0 0 1px white,0 0 1px 1px rgba(255,255,255,.2),inset 0 0 1px 0 rgba(255,255,255,.2);
box-shadow:0 0 0 1px white,0 0 1px 1px rgba(255,255,255,.2),inset 0 0 1px 0 rgba(255,255,255,.2)
}

.icon-btn-small .fa{
font-size:26px;
line-height:1;
padding:0;
display:inline;
vertical-align:middle
}

.btn{
font-size:22px;
font-weight:500;
color:#fff;
background:0 0;
background:0 0;
border:1px solid #fff;
line-height:1;
padding:12px 15px;
-webkit-transition:background 200ms;
transition:background 200ms;
outline:0
}

.btn:active,.btn:focus,.btn:hover{
background:rgba(0,0,0,.25)
}

.btn[disabled]:active,.btn[disabled]:focus,.btn[disabled]:hover{
background:0 0
}

.btn--font-black{
font-weight:900
}

.btn--font-bold{
font-weight:700
}

input,textarea{
cursor:auto
}

input:-moz-placeholder,textarea:-moz-placeholder{
color:#fff;
opacity:.7
}

input::-moz-placeholder,textarea::-moz-placeholder{
color:#fff;
opacity:.7
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{
color:#fff;
opacity:.7
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
color:#fff;
opacity:.7
}

.text-input,select,textarea{
display:inline-block;
vertical-align:middle;
font-family:inherit;
font-size:22px;
font-weight:500;
color:#fff;
background:0 0;
background:0 0;
border:1px solid #fff;
padding:9px 15px 10px;
border-radius:3px;
width:100%;
-webkit-transition:all 200ms;
transition:all 200ms
}

.text-input:active,.text-input:focus,select:active,select:focus,textarea:active,textarea:focus{
-webkit-box-shadow:0 0 8px 0 rgba(255,255,255,.4);
box-shadow:0 0 8px 0 rgba(255,255,255,.4)
}

textarea{
padding-top:9px
}

.text-input,select{
line-height:1
}

.input-group{
display:table
}

.input-group .input-group-addon,.input-group .text-input,.input-group select{
vertical-align:top;
display:table-cell;
width:100%
}

.input-group .input-group-addon{
position:relative;
width:1%;
white-space:nowrap;
padding-left:5px
}

label.error{
font-size:16px;
padding-left:14px;
margin-top:7px;
text-align:left;
font-weight:500;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:0 50%;
-ms-transform-origin:0 50%;
transform-origin:0 50%;
-webkit-animation:label-error-show 500ms;
animation:label-error-show 500ms
}

.csstransitions label.error{
display:block!important;
opacity:1;
overflow:hidden;
max-height:2em
}

label.error:before{
margin-right:5px;
content:"\f05a";
font-size:15px;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

@-webkit-keyframes label-error-show{
0%{
opacity:0;
max-height:0;
-webkit-transform:scale(0);
transform:scale(0)
}

100%{
opacity:1;
max-height:2em;
-webkit-transform:scale(1);
transform:scale(1)
}


}

@keyframes label-error-show{
0%{
opacity:0;
max-height:0;
-webkit-transform:scale(0);
transform:scale(0)
}

100%{
opacity:1;
max-height:2em;
-webkit-transform:scale(1);
transform:scale(1)
}


}

@-webkit-keyframes label-error-hide{
0%{
opacity:1;
max-height:2em;
-webkit-transform:scale(1);
transform:scale(1)
}

100%{
opacity:0;
max-height:0;
-webkit-transform:scale(0);
transform:scale(0)
}


}

@keyframes label-error-hide{
0%{
opacity:1;
max-height:2em;
-webkit-transform:scale(1);
transform:scale(1)
}

100%{
opacity:0;
max-height:0;
-webkit-transform:scale(0);
transform:scale(0)
}


}

body .valid+.error{
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
max-height:0;
opacity:0;
-webkit-animation:label-error-hide 500ms;
animation:label-error-hide 500ms
}

.btn{
position:relative
}

.btn .form-spinner{
z-index:1;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
width:100%;
height:100%;
padding-top:12px;
opacity:0
}

.lt-ie9 .btn .form-spinner{
display:none
}

.btn[disabled] span{
display:inline-block;
opacity:0;
-webkit-animation:btn-label-leave 1s;
animation:btn-label-leave 1s
}

.btn[disabled] .form-spinner{
opacity:1;
-webkit-animation:btn-label-come 1s;
animation:btn-label-come 1s
}

.btn[disabled] .form-spinner:before{
display:inline-block;
-webkit-animation:spin 1.5s linear infinite;
animation:spin 1.5s linear infinite
}

.lt-ie9 .btn[disabled] .form-spinner{
display:inline-block
}

@-webkit-keyframes spin{
0%{
-webkit-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}

100%{
-webkit-transform:rotateZ(359deg);
transform:rotateZ(359deg)
}


}

@keyframes spin{
0%{
-webkit-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}

100%{
-webkit-transform:rotateZ(359deg);
transform:rotateZ(359deg)
}


}

#contactForm{
position:relative;
display:inline-block
}

#contactForm:after{
content:attr(data-msg-success);
opacity:0;
visibility:hidden;
font-size:20px;
position:absolute;
left:0;
bottom:-20px;
width:100%;
-webkit-transition:all 1000ms;
transition:all 1000ms
}

#contactForm.form--success:after{
opacity:1;
bottom:-33px;
visibility:visible
}

input[name=important-info]{
display:none
}

.form-flip{
max-width:388px;
width:100%;
display:inline-block;
position:relative;
height:48px;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transform:perspective(400px) translateZ(-25px);
-ms-transform:perspective(400px) translateZ(-25px);
transform:perspective(400px) translateZ(-25px)
}

.no-csstransitions .form-flip label.error{
position:absolute;
bottom:-2em;
left:0
}

.form-flip__close,.form-flip__enabler,.form-flip__target{
position:absolute;
left:0;
top:0;
width:100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
opacity:0;
z-index:1;
-webkit-transform-origin:50% 50% -24px;
-ms-transform-origin:50% 50% -24px;
transform-origin:50% 50% -24px;
visibility:hidden
}

.form-flip__enabler{
z-index:2;
opacity:1;
visibility:visible
}

.form-flip--enabled .form-flip__enabler{
opacity:0;
z-index:1;
visibility:hidden;
-webkit-animation:flip-out .7s both;
animation:flip-out .7s both
}

.form-flip--enabled .form-flip__target{
opacity:1;
z-index:2;
visibility:visible;
-webkit-animation:flip-in .7s both;
animation:flip-in .7s both
}

.form-flip--closed{
overflow:hidden;
visibility:hidden;
-webkit-animation:form-leave .6s both;
animation:form-leave .6s both
}

.form-flip--closed .form-flip__target{
opacity:0;
z-index:1;
visibility:hidden;
-webkit-animation:none;
animation:none
}

.form-flip--closed .form-flip__close{
opacity:1;
z-index:2;
visibility:visible;
-webkit-animation:none;
animation:none
}

.form-flip--success .form-flip__enabler{
opacity:0;
z-index:1;
visibility:hidden;
-webkit-animation:none;
animation:none
}

.form-flip--success .form-flip__target{
opacity:0;
z-index:1;
visibility:hidden;
-webkit-animation:flip-out .7s both;
animation:flip-out .7s both
}

.form-flip--success .form-flip__close{
opacity:1;
z-index:2;
visibility:visible;
-webkit-animation:flip-in .7s both;
animation:flip-in .7s both
}

@-webkit-keyframes form-leave{
0%{
max-height:80px;
visibility:visible;
-webkit-transform:scale(1,1);
transform:scale(1,1)
}

100%{
height:0;
visibility:hidden;
-webkit-transform:scale(0,0);
transform:scale(0,0)
}


}

@keyframes form-leave{
0%{
max-height:80px;
visibility:visible;
-webkit-transform:scale(1,1);
transform:scale(1,1)
}

100%{
height:0;
visibility:hidden;
-webkit-transform:scale(0,0);
transform:scale(0,0)
}


}

@-webkit-keyframes flip-out{
0%{
opacity:1;
visibility:visible;
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg)
}

99%{
opacity:0;
-webkit-transform:perspective(400px) rotateX(-90deg);
transform:perspective(400px) rotateX(-90deg)
}

100%{
opacity:0;
visibility:hidden
}


}

@keyframes flip-out{
0%{
opacity:1;
visibility:visible;
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg)
}

99%{
opacity:0;
-webkit-transform:perspective(400px) rotateX(-90deg);
transform:perspective(400px) rotateX(-90deg)
}

100%{
opacity:0;
visibility:hidden
}


}

@-webkit-keyframes flip-in{
0%{
opacity:0;
visibility:visible;
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg)
}

80%{
opacity:1
}

100%{
opacity:1;
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg)
}


}

@keyframes flip-in{
0%{
opacity:0;
visibility:visible;
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg)
}

80%{
opacity:1
}

100%{
opacity:1;
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg)
}


}

.disableTransforms .form-flip__close,.disableTransforms .form-flip__enabler,.disableTransforms .form-flip__target,.disableTransforms.form-flip{
-webkit-transform:none;
-ms-transform:none;
transform:none;
-webkit-perspective:none;
perspective:none;
-webkit-animation-play-state:paused;
animation-play-state:paused
}

.grid>.grid__item{
letter-spacing:normal
}

#video-container{
-webkit-background-size:cover;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
overflow:hidden;
z-index:0;
pointer-events:none;
-webkit-transform:translate3d(0,0,-1px);
-ms-transform:translate3d(0,0,-1px);
transform:translate3d(0,0,-1px)
}

#video-container .fillWidth{
width:auto;
height:auto;
min-width:100%;
min-height:100%;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate3d(-50%,-50%,0);
-ms-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}

.no-csstransforms3d #video-container .fillWidth{
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}

.no-csstransforms #video-container .fillWidth{
width:100%;
min-height:0;
left:0;
top:0;
bottom:0;
right:0
}

.contact-info{
font-size:22px;
display:inline-block;
vertical-align:middle
}

.contact-info a{
text-decoration:none
}

.contact-info a:hover{
text-decoration:underline
}

.contact-info+.contact-info{
margin-left:20px
}

.contact-info i{
font-size:25px;
margin-right:8px
}

html{
overflow-y:initial;
height:100%
}

body,html{
-webkit-font-smoothing:antialiased;
overflow-x:hidden
}

body{
background:#000;
color:#fff;
height:100%;
min-height:100%;
display:table;
font-weight:300;
width:100%;
position:relative;
vertical-align:middle
}

img[height],img[width]{
max-width:100%
}

.grid{
letter-spacing:-.28em
}

a{
color:#fff;
outline:0
}

a:active,a:focus,a:hover{
outline:0;
text-decoration:none
}

h1{
line-height:1
}

.animate{
-webkit-animation-play-state:running;
animation-play-state:running
}

.pattern-wrapper{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-repeat:repeat;
z-index:1;
-webkit-transform:translate3d(0,0,-1px);
-ms-transform:translate3d(0,0,-1px);
transform:translate3d(0,0,-1px)
}

.bg-wrapper{
overflow:hidden;
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
z-index:0;
-webkit-transform:translate3d(0,0,-1px);
-ms-transform:translate3d(0,0,-1px);
transform:translate3d(0,0,-1px)
}

.bg-wrapper img{
position:absolute;
top:0;
left:0;
width:auto;
height:100%;
min-height:100%;
min-width:100%;
max-width:none;
max-height:none;
z-index:-1;
opacity:0;
visibility:hidden;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}

.lt-ie9 .bg-wrapper img{
left:0!important;
top:0!important
}

.bg-wrapper img:first-child{
z-index:1
}

.no-csstransitions .bg-wrapper img:first-child{
opacity:1
}

.bg-wrapper[data-effect=fade] img{
opacity:1;
visibility:visible
}

.bg-controls{
width:40px;
height:40px;
background:#000;
background:rgba(0,0,0,.7);
position:absolute;
left:0;
top:50%;
margin-top:-20px;
cursor:pointer
}

.bg-controls:before{
content:'<';
display:block;
line-height:40px;
width:100%;
text-align:center
}

.bg-controls-next{
left:auto;
right:0
}

.bg-controls-next:before{
content:'>'
}

h1,h2{
font-weight:100
}

h3{
font-weight:300
}

.chart{
width:125px;
height:125px;
position:relative
}

.chart canvas{
position:absolute;
left:0;
top:0
}

.chart:after,.chart:before{
content:'';
width:125px;
height:125px;
border:1px solid #fff;
border-radius:100%;
display:block;
position:absolute;
left:0;
top:0
}

.chart:after{
width:115px;
height:115px;
top:5px;
left:5px
}