@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: bold
}
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: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: bold
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
body.is-reveal-open {
    overflow: hidden
}
.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}
.slide-in-down.mui-enter,
.slide-in-left.mui-enter,
.slide-in-up.mui-enter,
.slide-in-right.mui-enter,
.slide-out-down.mui-leave,
.slide-out-right.mui-leave,
.slide-out-up.mui-leave,
.slide-out-left.mui-leave,
.fade-in.mui-enter,
.fade-out.mui-leave,
.hinge-in-from-top.mui-enter,
.hinge-in-from-right.mui-enter,
.hinge-in-from-bottom.mui-enter,
.hinge-in-from-left.mui-enter,
.hinge-in-from-middle-x.mui-enter,
.hinge-in-from-middle-y.mui-enter,
.hinge-out-from-top.mui-leave,
.hinge-out-from-right.mui-leave,
.hinge-out-from-bottom.mui-leave,
.hinge-out-from-left.mui-leave,
.hinge-out-from-middle-x.mui-leave,
.hinge-out-from-middle-y.mui-leave,
.scale-in-up.mui-enter,
.scale-in-down.mui-enter,
.scale-out-up.mui-leave,
.scale-out-down.mui-leave,
.spin-in.mui-enter,
.spin-out.mui-leave,
.spin-in-ccw.mui-enter,
.spin-out-ccw.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}
html,
body {
    font-size: 18px;
    box-sizing: border-box
}
*,
*:before,
*:after {
    box-sizing: inherit
}
body {
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    background: #161616;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
}
textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}
select {
    width: 100%;
    border-radius: 0
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none!important
}
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1
}
.row {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto
}
.row::before,
.row::after {
    content: ' ';
    display: table
}
.row::after {
    clear: both
}
.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}
.row .row {
    margin-left: -0.83333rem;
    margin-right: -0.83333rem
}
.row .row.collapse {
    margin-left: 0;
    margin-right: 0
}
.row.small-collapse>.column,
.row.small-collapse>.columns {
    padding-left: 0;
    padding-right: 0
}
.row.small-uncollapse>.column,
.row.small-uncollapse>.columns {
    padding-left: 30px;
    padding-right: 30px
}
@media screen and (min-width: 35.55556em) {
    .row.medium-collapse>.column,
    .row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .row.medium-uncollapse>.column,
    .row.medium-uncollapse>.columns {
        padding-left: 30px;
        padding-right: 30px
    }
}
@media screen and (min-width: 56.88889em) {
    .row.large-collapse>.column,
    .row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .row.large-uncollapse>.column,
    .row.large-uncollapse>.columns {
        padding-left: 30px;
        padding-right: 30px
    }
}
.row.expanded {
    max-width: none
}
.column,
.columns {
    width: 100%;
    float: left;
    padding-left: .83333rem;
    padding-right: .83333rem
}
.column:last-child,
.columns:last-child {
    float: right
}
.column.end,
.end.columns {
    float: left
}
.column.row,
.row.columns {
    float: none
}
.small-1 {
    width: 8.33333%
}
.small-push-1 {
    position: relative;
    left: 8.33333%
}
.small-pull-1 {
    position: relative;
    left: -8.33333%
}
.small-offset-0 {
    margin-left: 0
}
.small-2 {
    width: 16.66667%
}
.small-push-2 {
    position: relative;
    left: 16.66667%
}
.small-pull-2 {
    position: relative;
    left: -16.66667%
}
.small-offset-1 {
    margin-left: 8.33333%
}
.small-3 {
    width: 25%
}
.small-push-3 {
    position: relative;
    left: 25%
}
.small-pull-3 {
    position: relative;
    left: -25%
}
.small-offset-2 {
    margin-left: 16.66667%
}
.small-4 {
    width: 33.33333%
}
.small-push-4 {
    position: relative;
    left: 33.33333%
}
.small-pull-4 {
    position: relative;
    left: -33.33333%
}
.small-offset-3 {
    margin-left: 25%
}
.small-5 {
    width: 41.66667%
}
.small-push-5 {
    position: relative;
    left: 41.66667%
}
.small-pull-5 {
    position: relative;
    left: -41.66667%
}
.small-offset-4 {
    margin-left: 33.33333%
}
.small-6 {
    width: 50%
}
.small-push-6 {
    position: relative;
    left: 50%
}
.small-pull-6 {
    position: relative;
    left: -50%
}
.small-offset-5 {
    margin-left: 41.66667%
}
.small-7 {
    width: 58.33333%
}
.small-push-7 {
    position: relative;
    left: 58.33333%
}
.small-pull-7 {
    position: relative;
    left: -58.33333%
}
.small-offset-6 {
    margin-left: 50%
}
.small-8 {
    width: 66.66667%
}
.small-push-8 {
    position: relative;
    left: 66.66667%
}
.small-pull-8 {
    position: relative;
    left: -66.66667%
}
.small-offset-7 {
    margin-left: 58.33333%
}
.small-9 {
    width: 75%
}
.small-push-9 {
    position: relative;
    left: 75%
}
.small-pull-9 {
    position: relative;
    left: -75%
}
.small-offset-8 {
    margin-left: 66.66667%
}
.small-10 {
    width: 83.33333%
}
.small-push-10 {
    position: relative;
    left: 83.33333%
}
.small-pull-10 {
    position: relative;
    left: -83.33333%
}
.small-offset-9 {
    margin-left: 75%
}
.small-11 {
    width: 91.66667%
}
.small-push-11 {
    position: relative;
    left: 91.66667%
}
.small-pull-11 {
    position: relative;
    left: -91.66667%
}
.small-offset-10 {
    margin-left: 83.33333%
}
.small-12 {
    width: 100%
}
.small-offset-11 {
    margin-left: 91.66667%
}
.small-up-1 .column,
.small-up-1 .columns {
    width: 100%;
    float: left
}
.small-up-1 .column:nth-of-type(1n),
.small-up-1 .columns:nth-of-type(1n) {
    clear: none
}
.small-up-1 .column:nth-of-type(1n+1),
.small-up-1 .columns:nth-of-type(1n+1) {
    clear: both
}
.small-up-2 .column,
.small-up-2 .columns {
    width: 50%;
    float: left
}
.small-up-2 .column:nth-of-type(1n),
.small-up-2 .columns:nth-of-type(1n) {
    clear: none
}
.small-up-2 .column:nth-of-type(2n+1),
.small-up-2 .columns:nth-of-type(2n+1) {
    clear: both
}
.small-up-3 .column,
.small-up-3 .columns {
    width: 33.33333%;
    float: left
}
.small-up-3 .column:nth-of-type(1n),
.small-up-3 .columns:nth-of-type(1n) {
    clear: none
}
.small-up-3 .column:nth-of-type(3n+1),
.small-up-3 .columns:nth-of-type(3n+1) {
    clear: both
}
.small-up-4 .column,
.small-up-4 .columns {
    width: 25%;
    float: left
}
.small-up-4 .column:nth-of-type(1n),
.small-up-4 .columns:nth-of-type(1n) {
    clear: none
}
.small-up-4 .column:nth-of-type(4n+1),
.small-up-4 .columns:nth-of-type(4n+1) {
    clear: both
}
.small-up-5 .column,
.small-up-5 .columns {
    width: 20%;
    float: left
}
.small-up-5 .column:nth-of-type(1n),
.small-up-5 .columns:nth-of-type(1n) {
    clear: none
}
.small-up-5 .column:nth-of-type(5n+1),
.small-up-5 .columns:nth-of-type(5n+1) {
    clear: both
}
.small-up-6 .column,
.small-up-6 .columns {
    width: 16.66667%;
    float: left
}
.small-up-6 .column:nth-of-type(1n),
.small-up-6 .columns:nth-of-type(1n) {
    clear: none
}
.small-up-6 .column:nth-of-type(6n+1),
.small-up-6 .columns:nth-of-type(6n+1) {
    clear: both
}
.column.small-centered,
.small-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto
}
.small-uncenter,
.small-push-0,
.small-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0
}
@media screen and (min-width: 35.55556em) {
    .medium-1 {
        width: 8.33333%
    }
    .medium-push-1 {
        position: relative;
        left: 8.33333%
    }
    .medium-pull-1 {
        position: relative;
        left: -8.33333%
    }
    .medium-offset-0 {
        margin-left: 0
    }
    .medium-2 {
        width: 16.66667%
    }
    .medium-push-2 {
        position: relative;
        left: 16.66667%
    }
    .medium-pull-2 {
        position: relative;
        left: -16.66667%
    }
    .medium-offset-1 {
        margin-left: 8.33333%
    }
    .medium-3 {
        width: 25%
    }
    .medium-push-3 {
        position: relative;
        left: 25%
    }
    .medium-pull-3 {
        position: relative;
        left: -25%
    }
    .medium-offset-2 {
        margin-left: 16.66667%
    }
    .medium-4 {
        width: 33.33333%
    }
    .medium-push-4 {
        position: relative;
        left: 33.33333%
    }
    .medium-pull-4 {
        position: relative;
        left: -33.33333%
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .medium-5 {
        width: 41.66667%
    }
    .medium-push-5 {
        position: relative;
        left: 41.66667%
    }
    .medium-pull-5 {
        position: relative;
        left: -41.66667%
    }
    .medium-offset-4 {
        margin-left: 33.33333%
    }
    .medium-6 {
        width: 50%
    }
    .medium-push-6 {
        position: relative;
        left: 50%
    }
    .medium-pull-6 {
        position: relative;
        left: -50%
    }
    .medium-offset-5 {
        margin-left: 41.66667%
    }
    .medium-7 {
        width: 58.33333%
    }
    .medium-push-7 {
        position: relative;
        left: 58.33333%
    }
    .medium-pull-7 {
        position: relative;
        left: -58.33333%
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .medium-8 {
        width: 66.66667%
    }
    .medium-push-8 {
        position: relative;
        left: 66.66667%
    }
    .medium-pull-8 {
        position: relative;
        left: -66.66667%
    }
    .medium-offset-7 {
        margin-left: 58.33333%
    }
    .medium-9 {
        width: 75%
    }
    .medium-push-9 {
        position: relative;
        left: 75%
    }
    .medium-pull-9 {
        position: relative;
        left: -75%
    }
    .medium-offset-8 {
        margin-left: 66.66667%
    }
    .medium-10 {
        width: 83.33333%
    }
    .medium-push-10 {
        position: relative;
        left: 83.33333%
    }
    .medium-pull-10 {
        position: relative;
        left: -83.33333%
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .medium-11 {
        width: 91.66667%
    }
    .medium-push-11 {
        position: relative;
        left: 91.66667%
    }
    .medium-pull-11 {
        position: relative;
        left: -91.66667%
    }
    .medium-offset-10 {
        margin-left: 83.33333%
    }
    .medium-12 {
        width: 100%
    }
    .medium-offset-11 {
        margin-left: 91.66667%
    }
    .medium-up-1 .column,
    .medium-up-1 .columns {
        width: 100%;
        float: left
    }
    .medium-up-1 .column:nth-of-type(1n),
    .medium-up-1 .columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-1 .column:nth-of-type(1n+1),
    .medium-up-1 .columns:nth-of-type(1n+1) {
        clear: both
    }
    .medium-up-2 .column,
    .medium-up-2 .columns {
        width: 50%;
        float: left
    }
    .medium-up-2 .column:nth-of-type(1n),
    .medium-up-2 .columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-2 .column:nth-of-type(2n+1),
    .medium-up-2 .columns:nth-of-type(2n+1) {
        clear: both
    }
    .medium-up-3 .column,
    .medium-up-3 .columns {
        width: 33.33333%;
        float: left
    }
    .medium-up-3 .column:nth-of-type(1n),
    .medium-up-3 .columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-3 .column:nth-of-type(3n+1),
    .medium-up-3 .columns:nth-of-type(3n+1) {
        clear: both
    }
    .medium-up-4 .column,
    .medium-up-4 .columns {
        width: 25%;
        float: left
    }
    .medium-up-4 .column:nth-of-type(1n),
    .medium-up-4 .columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-4 .column:nth-of-type(4n+1),
    .medium-up-4 .columns:nth-of-type(4n+1) {
        clear: both
    }
    .medium-up-5 .column,
    .medium-up-5 .columns {
        width: 20%;
        float: left
    }
    .medium-up-5 .column:nth-of-type(1n),
    .medium-up-5 .columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-5 .column:nth-of-type(5n+1),
    .medium-up-5 .columns:nth-of-type(5n+1) {
        clear: both
    }
    .medium-up-6 .column,
    .medium-up-6 .columns {
        width: 16.66667%;
        float: left
    }
    .medium-up-6 .column:nth-of-type(1n),
    .medium-up-6 .columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-6 .column:nth-of-type(6n+1),
    .medium-up-6 .columns:nth-of-type(6n+1) {
        clear: both
    }
    .column.medium-centered,
    .medium-centered.columns {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    .medium-uncenter,
    .medium-push-0,
    .medium-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0
    }
}
@media screen and (min-width: 56.88889em) {
    .large-1 {
        width: 8.33333%
    }
    .large-push-1 {
        position: relative;
        left: 8.33333%
    }
    .large-pull-1 {
        position: relative;
        left: -8.33333%
    }
    .large-offset-0 {
        margin-left: 0
    }
    .large-2 {
        width: 16.66667%
    }
    .large-push-2 {
        position: relative;
        left: 16.66667%
    }
    .large-pull-2 {
        position: relative;
        left: -16.66667%
    }
    .large-offset-1 {
        margin-left: 8.33333%
    }
    .large-3 {
        width: 25%
    }
    .large-push-3 {
        position: relative;
        left: 25%
    }
    .large-pull-3 {
        position: relative;
        left: -25%
    }
    .large-offset-2 {
        margin-left: 16.66667%
    }
    .large-4 {
        width: 33.33333%
    }
    .large-push-4 {
        position: relative;
        left: 33.33333%
    }
    .large-pull-4 {
        position: relative;
        left: -33.33333%
    }
    .large-offset-3 {
        margin-left: 25%
    }
    .large-5 {
        width: 41.66667%
    }
    .large-push-5 {
        position: relative;
        left: 41.66667%
    }
    .large-pull-5 {
        position: relative;
        left: -41.66667%
    }
    .large-offset-4 {
        margin-left: 33.33333%
    }
    .large-6 {
        width: 50%
    }
    .large-push-6 {
        position: relative;
        left: 50%
    }
    .large-pull-6 {
        position: relative;
        left: -50%
    }
    .large-offset-5 {
        margin-left: 41.66667%
    }
    .large-7 {
        width: 58.33333%
    }
    .large-push-7 {
        position: relative;
        left: 58.33333%
    }
    .large-pull-7 {
        position: relative;
        left: -58.33333%
    }
    .large-offset-6 {
        margin-left: 50%
    }
    .large-8 {
        width: 66.66667%
    }
    .large-push-8 {
        position: relative;
        left: 66.66667%
    }
    .large-pull-8 {
        position: relative;
        left: -66.66667%
    }
    .large-offset-7 {
        margin-left: 58.33333%
    }
    .large-9 {
        width: 75%
    }
    .large-push-9 {
        position: relative;
        left: 75%
    }
    .large-pull-9 {
        position: relative;
        left: -75%
    }
    .large-offset-8 {
        margin-left: 66.66667%
    }
    .large-10 {
        width: 83.33333%
    }
    .large-push-10 {
        position: relative;
        left: 83.33333%
    }
    .large-pull-10 {
        position: relative;
        left: -83.33333%
    }
    .large-offset-9 {
        margin-left: 75%
    }
    .large-11 {
        width: 91.66667%
    }
    .large-push-11 {
        position: relative;
        left: 91.66667%
    }
    .large-pull-11 {
        position: relative;
        left: -91.66667%
    }
    .large-offset-10 {
        margin-left: 83.33333%
    }
    .large-12 {
        width: 100%
    }
    .large-offset-11 {
        margin-left: 91.66667%
    }
    .large-up-1 .column,
    .large-up-1 .columns {
        width: 100%;
        float: left
    }
    .large-up-1 .column:nth-of-type(1n),
    .large-up-1 .columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-1 .column:nth-of-type(1n+1),
    .large-up-1 .columns:nth-of-type(1n+1) {
        clear: both
    }
    .large-up-2 .column,
    .large-up-2 .columns {
        width: 50%;
        float: left
    }
    .large-up-2 .column:nth-of-type(1n),
    .large-up-2 .columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-2 .column:nth-of-type(2n+1),
    .large-up-2 .columns:nth-of-type(2n+1) {
        clear: both
    }
    .large-up-3 .column,
    .large-up-3 .columns {
        width: 33.33333%;
        float: left
    }
    .large-up-3 .column:nth-of-type(1n),
    .large-up-3 .columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-3 .column:nth-of-type(3n+1),
    .large-up-3 .columns:nth-of-type(3n+1) {
        clear: both
    }
    .large-up-4 .column,
    .large-up-4 .columns {
        width: 25%;
        float: left
    }
    .large-up-4 .column:nth-of-type(1n),
    .large-up-4 .columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-4 .column:nth-of-type(4n+1),
    .large-up-4 .columns:nth-of-type(4n+1) {
        clear: both
    }
    .large-up-5 .column,
    .large-up-5 .columns {
        width: 20%;
        float: left
    }
    .large-up-5 .column:nth-of-type(1n),
    .large-up-5 .columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-5 .column:nth-of-type(5n+1),
    .large-up-5 .columns:nth-of-type(5n+1) {
        clear: both
    }
    .large-up-6 .column,
    .large-up-6 .columns {
        width: 16.66667%;
        float: left
    }
    .large-up-6 .column:nth-of-type(1n),
    .large-up-6 .columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-6 .column:nth-of-type(6n+1),
    .large-up-6 .columns:nth-of-type(6n+1) {
        clear: both
    }
    .column.large-centered,
    .large-centered.columns {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    .large-uncenter,
    .large-push-0,
    .large-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0
    }
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}
p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility
}
em,
i {
    font-style: italic;
    line-height: inherit
}
strong,
b {
    font-weight: bold;
    line-height: inherit
}
small {
    font-size: 80%;
    line-height: inherit
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.4
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #cacaca;
    line-height: 0
}
h1 {
    font-size: 1.33333rem
}
h2 {
    font-size: 1.11111rem
}
h3 {
    font-size: 1.05556rem
}
h4 {
    font-size: 1rem
}
h5 {
    font-size: .94444rem
}
h6 {
    font-size: .88889rem
}
@media screen and (min-width: 35.55556em) {
    h1 {
        font-size: 2.66667rem
    }
    h2 {
        font-size: 2.22222rem
    }
    h3 {
        font-size: 1.72222rem
    }
    h4 {
        font-size: 1.38889rem
    }
    h5 {
        font-size: 1.11111rem
    }
    h6 {
        font-size: .88889rem
    }
}
a {
    color: #2199e8;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer
}
a:hover,
a:focus {
    color: #1585cf
}
a img {
    border: 0
}
hr {
    max-width: 75rem;
    height: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    margin: 1.25rem auto;
    clear: both
}
ul,
ol,
dl {
    line-height: 1.6;
    margin-bottom: 1rem;
    list-style-position: outside
}
li {
    font-size: inherit
}
ul {
    list-style-type: disc;
    margin-left: 1.25rem
}
ol {
    margin-left: 1.25rem
}
ul ul,
ol ul,
ul ol,
ol ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style-type: inherit
}
dl {
    margin-bottom: 1rem
}
dl dt {
    margin-bottom: .3rem;
    font-weight: bold
}
blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}
blockquote,
blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}
cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}
cite:before {
    content: '\2014 \0020'
}
abbr {
    color: #0a0a0a;
    cursor: help;
    border-bottom: 1px dotted #0a0a0a
}
code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #0a0a0a;
    background-color: #e6e6e6;
    border: 1px solid #cacaca;
    padding: .125rem .3125rem .0625rem
}
kbd {
    padding: .125rem .25rem 0;
    margin: 0;
    background-color: #e6e6e6;
    color: #0a0a0a;
    font-family: Consolas, "Liberation Mono", Courier, monospace
}
.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #8a8a8a
}
.lead {
    font-size: 125%;
    line-height: 1.6
}
.stat {
    font-size: 2.5rem;
    line-height: 1
}
p+.stat {
    margin-top: -1rem
}
.no-bullet {
    margin-left: 0;
    list-style: none
}
.text-left {
    text-align: left
}
@media screen and (min-width: 35.55556em) {
    .medium-text-left {
        text-align: left
    }
}
@media screen and (min-width: 56.88889em) {
    .large-text-left {
        text-align: left
    }
}
.text-right {
    text-align: right
}
@media screen and (min-width: 35.55556em) {
    .medium-text-right {
        text-align: right
    }
}
@media screen and (min-width: 56.88889em) {
    .large-text-right {
        text-align: right
    }
}
.text-center {
    text-align: center
}
@media screen and (min-width: 35.55556em) {
    .medium-text-center {
        text-align: center
    }
}
@media screen and (min-width: 56.88889em) {
    .large-text-center {
        text-align: center
    }
}
.text-justify {
    text-align: justify
}
@media screen and (min-width: 35.55556em) {
    .medium-text-justify {
        text-align: justify
    }
}
@media screen and (min-width: 56.88889em) {
    .large-text-justify {
        text-align: justify
    }
}
.show-for-print {
    display: none!important
}
@media print {
    * {
        background: transparent!important;
        color: black!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    .show-for-print {
        display: block!important
    }
    .hide-for-print {
        display: none!important
    }
    table.show-for-print {
        display: table!important
    }
    thead.show-for-print {
        display: table-header-group!important
    }
    tbody.show-for-print {
        display: table-row-group!important
    }
    tr.show-for-print {
        display: table-row!important
    }
    td.show-for-print {
        display: table-cell!important
    }
    th.show-for-print {
        display: table-cell!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    .ir a:after,
    a[href^='javascript:']:after,
    a[href^='#']:after {
        content: ''
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: .85em 1em;
    margin: 0 1rem 1rem 0;
    font-size: .9rem;
    background: #2199e8;
    color: #fff
}
[data-whatinput="mouse"] .button {
    outline: 0
}
.button:hover,
.button:focus {
    background: #1583cc;
    color: #fff
}
.button.tiny {
    font-size: .6rem
}
.button.small {
    font-size: .75rem
}
.button.large {
    font-size: 1.25rem
}
.button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}
.button.primary {
    background: #2199e8;
    color: #fff
}
.button.primary:hover,
.button.primary:focus {
    background: #147cc0;
    color: #fff
}
.button.secondary {
    background: #777;
    color: #fff
}
.button.secondary:hover,
.button.secondary:focus {
    background: #5f5f5f;
    color: #fff
}
.button.success {
    background: #3adb76;
    color: #fff
}
.button.success:hover,
.button.success:focus {
    background: #22bb5b;
    color: #fff
}
.button.alert {
    background: #ec5840;
    color: #fff
}
.button.alert:hover,
.button.alert:focus {
    background: #da3116;
    color: #fff
}
.button.warning {
    background: #ffae00;
    color: #fff
}
.button.warning:hover,
.button.warning:focus {
    background: #cc8b00;
    color: #fff
}
.button.hollow {
    border: 1px solid #ee2e24;
    color: #ee2e24
}
.button.hollow,
.button.hollow:hover,
.button.hollow:focus {
    background: transparent
}
.button.hollow:hover,
.button.hollow:focus {
    border-color: #7f100a;
    color: #7f100a
}
.button.hollow.primary {
    border: 1px solid #2199e8;
    color: #2199e8
}
.button.hollow.primary:hover,
.button.hollow.primary:focus {
    border-color: #0c4d78;
    color: #0c4d78
}
.button.hollow.secondary {
    border: 1px solid #777;
    color: #777
}
.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
    border-color: #3c3c3c;
    color: #3c3c3c
}
.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76
}
.button.hollow.success:hover,
.button.hollow.success:focus {
    border-color: #157539;
    color: #157539
}
.button.hollow.alert {
    border: 1px solid #ec5840;
    color: #ec5840
}
.button.hollow.alert:hover,
.button.hollow.alert:focus {
    border-color: #881f0e;
    color: #881f0e
}
.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}
.button.hollow.warning:hover,
.button.hollow.warning:focus {
    border-color: #805700;
    color: #805700
}
.button.disabled {
    opacity: .25;
    cursor: not-allowed;
    pointer-events: none
}
.button.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .4em;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    position: relative;
    top: .4em;
    float: right;
    margin-left: 1em;
    display: inline-block
}
.button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: .2em
}
[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.44444rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #8a8a8a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    border-radius: 0;
    -webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none
}
[type="text"]:focus,
[type="password"]:focus,
[type="date"]:focus,
[type="datetime"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="week"]:focus,
[type="email"]:focus,
[type="number"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="color"]:focus,
textarea:focus {
    border: 1px solid #8a8a8a;
    background: #fefefe;
    outline: 0;
    box-shadow: 0 0 5px #cacaca;
    -webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out
}
textarea {
    max-width: 100%
}
textarea[rows] {
    height: auto
}
input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #e6e6e6;
    cursor: default
}
[type="submit"],
[type="button"] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}
input[type="search"] {
    box-sizing: border-box
}
[type="file"],
[type="checkbox"],
[type="radio"] {
    margin: 0 0 1rem
}
[type="checkbox"]+label,
[type="radio"]+label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}
label>[type="checkbox"],
label>[type="label"] {
    margin-right: .5rem
}
[type="file"] {
    width: 100%
}
label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a
}
label.middle {
    margin: 0 0 1rem;
    padding: .55556rem 0
}
.help-text {
    margin-top: -0.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #333
}
.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}
.input-group-label,
.input-group-field,
.input-group-button {
    display: table-cell;
    margin: 0;
    vertical-align: middle
}
.input-group-label {
    text-align: center;
    width: 1%;
    height: 100%;
    padding: 0 1rem;
    background: #e6e6e6;
    color: #0a0a0a;
    border: 1px solid #cacaca
}
.input-group-label:first-child {
    border-right: 0
}
.input-group-label:last-child {
    border-left: 0
}
.input-group-button {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%
}
fieldset {
    border: 0;
    padding: 0;
    margin: 0
}
legend {
    margin-bottom: .5rem
}
.fieldset {
    border: 1px solid #cacaca;
    padding: 1.25rem;
    margin: 1.125rem 0
}
.fieldset legend {
    background: #161616;
    padding: 0 .1875rem;
    margin: 0;
    margin-left: -0.16667rem
}
select {
    height: 2.44444rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: normal;
    color: #8a8a8a;
    background-color: #fafafa;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(51, 51, 51)"></polygon></svg>');
    background-size: 9px 6px;
    background-position: right .5rem center;
    background-repeat: no-repeat
}
@media screen and (min-width: 0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}
select:disabled {
    background-color: #e6e6e6;
    cursor: default
}
select::-ms-expand {
    display: none
}
select[multiple] {
    height: auto
}
.is-invalid-input:not(:focus) {
    background-color: rgba(236, 88, 64, 0.1);
    border-color: #ec5840
}
.is-invalid-label {
    color: #ec5840
}
.form-error {
    display: none;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: bold;
    color: #ec5840
}
.form-error.is-visible {
    display: block
}
.hide {
    display: none!important
}
.invisible {
    visibility: hidden
}
@media screen and (min-width: 0) and (max-width: 35.49306em) {
    .hide-for-small-only {
        display: none!important
    }
}
@media screen and (max-width: -0.0625em),
screen and (min-width: 35.55556em) {
    .show-for-small-only {
        display: none!important
    }
}
@media screen and (min-width: 35.55556em) {
    .hide-for-medium {
        display: none!important
    }
}
@media screen and (max-width: 35.49306em) {
    .show-for-medium {
        display: none!important
    }
}
@media screen and (min-width: 35.55556em) and (max-width: 56.82639em) {
    .hide-for-medium-only {
        display: none!important
    }
}
@media screen and (max-width: 35.49306em),
screen and (min-width: 56.88889em) {
    .show-for-medium-only {
        display: none!important
    }
}
@media screen and (min-width: 56.88889em) {
    .hide-for-large {
        display: none!important
    }
}
@media screen and (max-width: 56.82639em) {
    .show-for-large {
        display: none!important
    }
}
@media screen and (min-width: 56.88889em) and (max-width: 66.60417em) {
    .hide-for-large-only {
        display: none!important
    }
}
@media screen and (max-width: 56.82639em),
screen and (min-width: 66.66667em) {
    .show-for-large-only {
        display: none!important
    }
}
.show-for-sr,
.show-on-focus {
    position: absolute!important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}
.show-on-focus:active,
.show-on-focus:focus {
    position: static!important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}
.show-for-landscape,
.hide-for-portrait {
    display: block!important
}
@media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: block!important
    }
}
@media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
        display: none!important
    }
}
.hide-for-landscape,
.show-for-portrait {
    display: none!important
}
@media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none!important
    }
}
@media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block!important
    }
}
.float-left {
    float: left!important
}
.float-right {
    float: right!important
}
.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.clearfix::before,
.clearfix::after {
    content: ' ';
    display: table
}
.clearfix::after {
    clear: both
}
.accordion {
    list-style-type: none;
    background: #fefefe;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    margin-left: 0
}
.accordion-title {
    display: block;
    padding: 1.25rem 1rem;
    line-height: 1;
    font-size: .66667rem;
    color: #2199e8;
    position: relative;
    border-bottom: 1px solid #e6e6e6
}
.accordion-title:hover,
.accordion-title:focus {
    background-color: #e6e6e6
}
:last-child>.accordion-title {
    border-bottom-width: 0
}
.accordion-title::before {
    content: '+';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.5rem
}
.is-active>.accordion-title::before {
    content: '–'
}
.accordion-content {
    padding: 1.25rem 1rem;
    display: none;
    border-bottom: 1px solid #e6e6e6
}
.badge {
    display: inline-block;
    padding: .3em;
    min-width: 2.1em;
    font-size: .6rem;
    text-align: center;
    border-radius: 50%;
    background: #2199e8;
    color: #fefefe
}
.badge.secondary {
    background: #777;
    color: #fefefe
}
.badge.success {
    background: #3adb76;
    color: #fefefe
}
.badge.alert {
    background: #ec5840;
    color: #fefefe
}
.badge.warning {
    background: #ffae00;
    color: #fefefe
}
.breadcrumbs {
    list-style: none;
    margin: 0 0 1rem 0
}
.breadcrumbs::before,
.breadcrumbs::after {
    content: ' ';
    display: table
}
.breadcrumbs::after {
    clear: both
}
.breadcrumbs li {
    float: left;
    color: #0a0a0a;
    font-size: .6875rem;
    cursor: default;
    text-transform: uppercase
}
.breadcrumbs li:not(:last-child)::after {
    color: #cacaca;
    content: "/";
    margin: 0 .75rem;
    position: relative;
    top: 1px;
    opacity: 1
}
.breadcrumbs a {
    color: #2199e8
}
.breadcrumbs a:hover {
    text-decoration: underline
}
.breadcrumbs .disabled {
    color: #cacaca
}
.button-group {
    margin-bottom: 1rem;
    font-size: .9rem
}
.button-group::before,
.button-group::after {
    content: ' ';
    display: table
}
.button-group::after {
    clear: both
}
.button-group .button {
    float: left;
    margin: 0;
    font-size: inherit
}
.button-group .button:not(:last-child) {
    border-right: 1px solid #161616
}
.button-group.tiny {
    font-size: .6rem
}
.button-group.small {
    font-size: .75rem
}
.button-group.large {
    font-size: 1.25rem
}
.button-group.expanded .button:nth-last-child(2):first-child,
.button-group.expanded .button:nth-last-child(2):first-child ~ .button {
    width: 50%
}
.button-group.expanded .button:nth-last-child(3):first-child,
.button-group.expanded .button:nth-last-child(3):first-child ~ .button {
    width: 33.33333%
}
.button-group.expanded .button:nth-last-child(4):first-child,
.button-group.expanded .button:nth-last-child(4):first-child ~ .button {
    width: 25%
}
.button-group.expanded .button:nth-last-child(5):first-child,
.button-group.expanded .button:nth-last-child(5):first-child ~ .button {
    width: 20%
}
.button-group.expanded .button:nth-last-child(6):first-child,
.button-group.expanded .button:nth-last-child(6):first-child ~ .button {
    width: 16.66667%
}
.button-group.primary .button {
    background: #2199e8;
    color: #fff
}
.button-group.primary .button:hover,
.button-group.primary .button:focus {
    background: #147cc0;
    color: #fff
}
.button-group.secondary .button {
    background: #777;
    color: #fff
}
.button-group.secondary .button:hover,
.button-group.secondary .button:focus {
    background: #5f5f5f;
    color: #fff
}
.button-group.success .button {
    background: #3adb76;
    color: #fff
}
.button-group.success .button:hover,
.button-group.success .button:focus {
    background: #22bb5b;
    color: #fff
}
.button-group.alert .button {
    background: #ec5840;
    color: #fff
}
.button-group.alert .button:hover,
.button-group.alert .button:focus {
    background: #da3116;
    color: #fff
}
.button-group.warning .button {
    background: #ffae00;
    color: #fff
}
.button-group.warning .button:hover,
.button-group.warning .button:focus {
    background: #cc8b00;
    color: #fff
}
.button-group.stacked .button,
.button-group.stacked-for-small .button {
    width: 100%;
    border-right: 0
}
@media screen and (min-width: 35.55556em) {
    .button-group.stacked-for-small .button {
        width: auto
    }
    .button-group.stacked-for-small .button:not(:last-child) {
        border-right: 1px solid #161616
    }
}
.callout {
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, 0.25);
    border-radius: 0;
    position: relative;
    background-color: white
}
.callout>:first-child {
    margin-top: 0
}
.callout>:last-child {
    margin-bottom: 0
}
.callout.primary {
    background-color: #def0fc
}
.callout.primary a {
    color: #116ca8
}
.callout.primary a:hover {
    color: #0a4063
}
.callout.secondary {
    background-color: #ebebeb
}
.callout.success {
    background-color: #e1faea
}
.callout.success a {
    color: #1ea450
}
.callout.success a:hover {
    color: #126330
}
.callout.alert {
    background-color: #fce6e2
}
.callout.alert a {
    color: #bf2b13
}
.callout.alert a:hover {
    color: #791b0c
}
.callout.warning {
    background-color: #fff3d9
}
.callout.warning a {
    color: #b37a00
}
.callout.warning a:hover {
    color: #664600
}
.callout.small {
    padding-top: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem
}
.callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem
}
.close-button {
    position: absolute;
    color: #8a8a8a;
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer
}
[data-whatinput="mouse"] .close-button {
    outline: 0
}
.close-button:hover,
.close-button:focus {
    color: #0a0a0a
}
.is-drilldown {
    position: relative;
    overflow: hidden
}
.is-drilldown-sub {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #fefefe;
    transition: -webkit-transform .15s linear;
    -webkit-transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear
}
.is-drilldown-sub.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}
.is-drilldown-sub.is-closing {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}
.is-drilldown-submenu-parent>a {
    position: relative
}
.is-drilldown-submenu-parent>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent transparent #ee2e24;
    border-left-style: solid;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}
.js-drilldown-back::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent #ee2e24 transparent transparent;
    border-right-style: solid;
    float: left;
    margin-right: .75rem;
    margin-left: .6rem;
    margin-top: 14px
}
.dropdown-pane {
    background-color: #161616;
    border: 1px solid #cacaca;
    display: block;
    padding: 1rem;
    position: absolute;
    visibility: hidden;
    width: 300px;
    z-index: 10;
    border-radius: 0
}
.dropdown-pane.is-open {
    visibility: visible
}
.dropdown-pane.tiny {
    width: 100px
}
.dropdown-pane.small {
    width: 200px
}
.dropdown-pane.large {
    width: 400px
}
.dropdown.menu .has-submenu {
    position: relative
}
.dropdown.menu .has-submenu a::after {
    float: right;
    margin-top: 3px;
    margin-left: 10px
}
.dropdown.menu .has-submenu.is-down-arrow a {
    padding-right: 1.5rem;
    position: relative
}
.dropdown.menu .has-submenu.is-down-arrow>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: 12px;
    right: 5px
}
.dropdown.menu .has-submenu.is-left-arrow>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    float: left;
    margin-left: 0;
    margin-right: 10px
}
.dropdown.menu .has-submenu.is-right-arrow>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid
}
.dropdown.menu .has-submenu.is-left-arrow.opens-inner .submenu {
    right: 0;
    left: auto
}
.dropdown.menu .has-submenu.is-right-arrow.opens-inner .submenu {
    left: 0;
    right: auto
}
.dropdown.menu .has-submenu.opens-inner .submenu {
    top: 100%
}
.dropdown.menu .submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    z-index: 1;
    background: #fefefe;
    border: 1px solid #cacaca
}
.dropdown.menu .submenu>li {
    width: 100%
}
.dropdown.menu .submenu.first-sub {
    top: 100%;
    left: 0;
    right: auto
}
.dropdown.menu .submenu:not(.js-dropdown-nohover)>.has-submenu:hover>.dropdown.menu .submenu,
.dropdown.menu .submenu.js-dropdown-active {
    display: block
}
.dropdown.menu .has-submenu.opens-left .submenu {
    left: auto;
    right: 100%
}
.dropdown.menu.align-right .submenu.first-sub {
    top: 100%;
    left: auto;
    right: 0
}
.is-dropdown-menu.vertical {
    width: 100px
}
.is-dropdown-menu.vertical.align-right {
    float: right
}
.is-dropdown-menu.vertical>li .submenu {
    top: 0;
    left: 100%
}
.flex-video {
    position: relative;
    height: 0;
    padding-top: 1.5625rem;
    padding-bottom: 75%;
    margin-bottom: 1rem;
    overflow: hidden
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.flex-video.widescreen {
    padding-bottom: 56.25%
}
.flex-video.vimeo {
    padding-top: 0
}
.label {
    display: inline-block;
    padding: .33333rem .5rem;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border-radius: 0;
    background: #2199e8;
    color: #fefefe
}
.label.secondary {
    background: #777;
    color: #fefefe
}
.label.success {
    background: #3adb76;
    color: #fefefe
}
.label.alert {
    background: #ec5840;
    color: #fefefe
}
.label.warning {
    background: #ffae00;
    color: #fefefe
}
.media-object {
    margin-bottom: 1rem;
    display: block
}
.media-object img {
    max-width: none
}
@media screen and (min-width: 0) and (max-width: 35.49306em) {
    .media-object.stack-for-small .media-object-section {
        display: block;
        padding: 0;
        padding-bottom: 1rem
    }
    .media-object.stack-for-small .media-object-section img {
        width: 100%
    }
}
.media-object-section {
    display: table-cell;
    vertical-align: top
}
.media-object-section:first-child {
    padding-right: 1rem
}
.media-object-section:last-child:not(+&:first-child) {
    padding-left: 1rem
}
.media-object-section.middle {
    vertical-align: middle
}
.media-object-section.bottom {
    vertical-align: bottom
}
.menu {
    margin: 0;
    list-style-type: none
}
.menu>li {
    display: table-cell;
    vertical-align: middle
}
[data-whatinput="mouse"] .menu>li {
    outline: 0
}
.menu>li>a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}
.menu input,
.menu a,
.menu button {
    margin-bottom: 0
}
.menu>li>a>img,
.menu>li>a>i {
    vertical-align: middle
}
.menu>li>a>span {
    vertical-align: middle
}
.menu>li>a>img,
.menu>li>a>i {
    display: inline-block;
    margin-right: .25rem
}
.menu>li {
    display: table-cell
}
.menu.vertical>li {
    display: block
}
@media screen and (min-width: 35.55556em) {
    .menu.medium-horizontal>li {
        display: table-cell
    }
    .menu.medium-vertical>li {
        display: block
    }
}
@media screen and (min-width: 56.88889em) {
    .menu.large-horizontal>li {
        display: table-cell
    }
    .menu.large-vertical>li {
        display: block
    }
}
.menu.simple a {
    padding: 0;
    margin-right: 1rem
}
.menu.align-right>li {
    float: right
}
.menu.expanded {
    display: table;
    width: 100%
}
.menu.expanded>li:nth-last-child(2):first-child,
.menu.expanded>li:nth-last-child(2):first-child ~ li {
    width: 50%
}
.menu.expanded>li:nth-last-child(3):first-child,
.menu.expanded>li:nth-last-child(3):first-child ~ li {
    width: 33.33333%
}
.menu.expanded>li:nth-last-child(4):first-child,
.menu.expanded>li:nth-last-child(4):first-child ~ li {
    width: 25%
}
.menu.expanded>li:nth-last-child(5):first-child,
.menu.expanded>li:nth-last-child(5):first-child ~ li {
    width: 20%
}
.menu.expanded>li:nth-last-child(6):first-child,
.menu.expanded>li:nth-last-child(6):first-child ~ li {
    width: 16.66667%
}
.menu.expanded>li:first-child:last-child {
    width: 100%
}
.menu.icon-top>li>a {
    text-align: center
}
.menu.icon-top>li>a>img,
.menu.icon-top>li>a>i {
    display: block;
    margin: 0 auto .25rem
}
.menu.nested {
    margin-left: 1rem
}
.menu-text {
    font-weight: bold;
    color: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding: .7rem 1rem
}
html,
body {
    height: 100%
}
.off-canvas-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}
.off-canvas-wrapper-inner {
    position: relative;
    width: 100%;
    transition: -webkit-transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}
.off-canvas-wrapper-inner::before,
.off-canvas-wrapper-inner::after {
    content: ' ';
    display: table
}
.off-canvas-wrapper-inner::after {
    clear: both
}
.off-canvas-content {
    min-height: 100%;
    background: #161616;
    transition: -webkit-transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.5)
}
.js-off-canvas-exit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(254, 254, 254, 0.25);
    cursor: pointer;
    -webkit-transition: background .5s ease;
    transition: background .5s ease
}
.is-off-canvas-open .js-off-canvas-exit {
    display: block
}
.off-canvas {
    position: absolute;
    background: #e6e6e6;
    z-index: -1;
    min-height: 100%;
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
}
[data-whatinput="mouse"] .off-canvas {
    outline: 0
}
.off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px
}
.is-open-left {
    -webkit-transform: translateX(250px);
    transform: translateX(250px)
}
.off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px
}
.is-open-right {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px)
}
@media screen and (min-width: 35.55556em) {
    .position-left.reveal-for-medium {
        left: 0
    }
    .position-left.reveal-for-medium ~ .off-canvas-content {
        margin-left: 250px
    }
    .position-right.reveal-for-medium {
        right: 0
    }
    .position-right.reveal-for-medium ~ .off-canvas-content {
        margin-right: 250px
    }
}
@media screen and (min-width: 56.88889em) {
    .position-left.reveal-for-large {
        left: 0
    }
    .position-left.reveal-for-large ~ .off-canvas-content {
        margin-left: 250px
    }
    .position-right.reveal-for-large {
        right: 0
    }
    .position-right.reveal-for-large ~ .off-canvas-content {
        margin-right: 250px
    }
}
.orbit {
    position: relative
}
.orbit-container {
    position: relative;
    margin: 0;
    overflow: hidden;
    list-style: none
}
.orbit-slide {
    width: 100%;
    max-height: 100%
}
.orbit-figure {
    margin: 0
}
.orbit-image {
    margin: 0;
    width: 100%;
    max-width: 100%
}
.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    margin-bottom: 0;
    color: #fefefe;
    background-color: rgba(10, 10, 10, 0.5)
}
.orbit-previous,
.orbit-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fefefe
}
[data-whatinput="mouse"] .orbit-previous,
[data-whatinput="mouse"] .orbit-next {
    outline: 0
}
.orbit-previous:hover,
.orbit-next:hover,
.orbit-previous:active,
.orbit-next:active,
.orbit-previous:focus,
.orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.5)
}
.orbit-previous {
    left: 0
}
.orbit-next {
    left: auto;
    right: 0
}
.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}
[data-whatinput="mouse"] .orbit-bullets {
    outline: 0
}
.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    background-color: #cacaca;
    border-radius: 50%
}
.orbit-bullets button:hover {
    background-color: #8a8a8a
}
.orbit-bullets button.is-active {
    background-color: #8a8a8a
}
.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}
.pagination::before,
.pagination::after {
    content: ' ';
    display: table
}
.pagination::after {
    clear: both
}
.pagination li {
    font-size: .875rem;
    margin-right: .0625rem;
    display: none;
    border-radius: 0
}
.pagination li:last-child,
.pagination li:first-child {
    display: inline-block
}
@media screen and (min-width: 35.55556em) {
    .pagination li {
        display: inline-block
    }
}
.pagination a,
.pagination button {
    color: #0a0a0a;
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0
}
.pagination a:hover,
.pagination button:hover {
    background: #e6e6e6
}
.pagination [aria-label="previous"]::before {
    content: '«';
    display: inline-block;
    margin-right: .75rem
}
.pagination [aria-label="next"]::after {
    content: '»';
    display: inline-block;
    margin-left: .75rem
}
.pagination .current {
    padding: .1875rem .625rem;
    background: #2199e8;
    color: #fefefe;
    cursor: default
}
.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: default
}
.pagination .disabled:hover {
    background: transparent
}
.pagination .ellipsis::after {
    content: '…';
    padding: .1875rem .625rem;
    color: #0a0a0a
}
.progress {
    background-color: #cacaca;
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0
}
.progress.primary .progress-meter {
    background-color: #2199e8
}
.progress.secondary .progress-meter {
    background-color: #777
}
.progress.success .progress-meter {
    background-color: #3adb76
}
.progress.alert .progress-meter {
    background-color: #ec5840
}
.progress.warning .progress-meter {
    background-color: #ffae00
}
.progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #2199e8;
    border-radius: 0
}
.progress-meter .progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: .75rem;
    font-weight: bold;
    color: #fefefe;
    white-space: nowrap
}
.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}
.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.slider-fill.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}
.slider-handle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #2199e8;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 0
}
[data-whatinput="mouse"] .slider-handle {
    outline: 0
}
.slider-handle:hover {
    background-color: #1583cc
}
.slider-handle.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}
.slider.disabled,
.slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}
.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}
.slider.vertical .slider-fill {
    top: 0;
    width: .5rem;
    max-height: 100%
}
.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.sticky-container {
    position: relative
}
.sticky {
    position: absolute;
    z-index: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.sticky.is-stuck {
    position: fixed;
    z-index: 5
}
.sticky.is-stuck.is-at-top {
    top: 0
}
.sticky.is-stuck.is-at-bottom {
    bottom: 0
}
.sticky.is-anchored {
    position: absolute;
    left: auto;
    right: auto
}
.sticky.is-anchored.is-at-bottom {
    bottom: 0
}
.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1005;
    background-color: rgba(10, 10, 10, 0.45);
    overflow-y: scroll
}
.reveal {
    display: none;
    z-index: 1006;
    padding: 1rem;
    border: 1px solid #cacaca;
    margin: 100px auto 0 auto;
    background-color: #fefefe;
    border-radius: 0;
    position: absolute;
    overflow-y: auto
}
[data-whatinput="mouse"] .reveal {
    outline: 0
}
@media screen and (min-width: 35.55556em) {
    .reveal {
        min-height: 0
    }
}
.reveal .column,
.reveal .columns,
.reveal .columns {
    min-width: 0
}
.reveal>:last-child {
    margin-bottom: 0
}
@media screen and (min-width: 35.55556em) {
    .reveal {
        width: 600px;
        max-width: 75rem
    }
}
.reveal.collapse {
    padding: 0
}
@media screen and (min-width: 35.55556em) {
    .reveal .reveal {
        left: auto;
        right: auto;
        margin: 0 auto
    }
}
@media screen and (min-width: 35.55556em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem
    }
}
@media screen and (min-width: 35.55556em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem
    }
}
@media screen and (min-width: 35.55556em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem
    }
}
.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0
}
.switch {
    margin-bottom: 1rem;
    outline: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fefefe;
    font-weight: bold;
    font-size: .77778rem
}
.switch-input {
    opacity: 0;
    position: absolute
}
.switch-paddle {
    background: #cacaca;
    cursor: pointer;
    display: block;
    position: relative;
    width: 4rem;
    height: 2rem;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    border-radius: 0;
    color: inherit;
    font-weight: inherit
}
input+.switch-paddle {
    margin: 0
}
.switch-paddle::after {
    background: #fefefe;
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    left: .25rem;
    top: .25rem;
    width: 1.5rem;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
input:checked ~ .switch-paddle {
    background: #2199e8
}
input:checked ~ .switch-paddle::after {
    left: 2.25rem
}
[data-whatinput="mouse"] input:focus ~ .switch-paddle {
    outline: 0
}
.switch-active,
.switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.switch-active {
    left: 8%;
    display: none
}
input:checked+label>.switch-active {
    display: block
}
.switch-inactive {
    right: 15%
}
input:checked+label>.switch-inactive {
    display: none
}
.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .55556rem
}
.switch.tiny .switch-paddle::after {
    width: 1rem;
    height: 1rem
}
.switch.tiny input:checked ~ .switch-paddle:after {
    left: 1.75rem
}
.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .66667rem
}
.switch.small .switch-paddle::after {
    width: 1.25rem;
    height: 1.25rem
}
.switch.small input:checked ~ .switch-paddle:after {
    left: 2rem
}
.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: .88889rem
}
.switch.large .switch-paddle::after {
    width: 2rem;
    height: 2rem
}
.switch.large input:checked ~ .switch-paddle:after {
    left: 2.75rem
}
table {
    margin-bottom: 1rem;
    border-radius: 0
}
thead,
tbody,
tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}
caption {
    font-weight: bold;
    padding: .5rem .625rem .625rem
}
thead,
tfoot {
    background: #f8f8f8;
    color: #0a0a0a
}
thead tr,
tfoot tr {
    background: transparent
}
thead th,
thead td,
tfoot th,
tfoot td {
    padding: .5rem .625rem .625rem;
    font-weight: bold;
    text-align: left
}
tbody tr:nth-child(even) {
    background-color: #f1f1f1
}
tbody th,
tbody td {
    padding: .5rem .625rem .625rem
}
@media screen and (max-width: 56.82639em) {
    table.stack thead {
        display: none
    }
    table.stack tfoot {
        display: none
    }
    table.stack tr,
    table.stack th,
    table.stack td {
        display: block
    }
    table.stack td {
        border-top: 0
    }
}
table.scroll {
    display: block;
    width: 100%;
    overflow-y: scroll
}
table.hover tr:hover {
    background-color: #f9f9f9
}
table.hover tr:nth-of-type(even):hover {
    background-color: #ececec
}
.tabs {
    margin: 0;
    list-style-type: none;
    background: #fefefe;
    border: 1px solid #e6e6e6
}
.tabs::before,
.tabs::after {
    content: ' ';
    display: table
}
.tabs::after {
    clear: both
}
.tabs.simple>li>a {
    padding: 0
}
.tabs.simple>li>a:hover {
    background: transparent
}
.tabs.vertical>li {
    width: auto;
    float: none;
    display: block
}
.tabs.primary {
    background: #ee2e24
}
.tabs.primary>li>a {
    color: #fefefe
}
.tabs.primary>li>a:hover,
.tabs.primary>li>a:focus {
    background: #ed2217
}
.tabs-title {
    float: left
}
.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: 12px;
    color: #2199e8
}
.tabs-title>a:hover,
.tabs-title>a:focus,
.tabs-title>a[aria-selected="true"] {
    background: #e6e6e6
}
.tabs-content {
    background: #fefefe;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid #e6e6e6;
    border-top: 0
}
.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}
.tabs-panel {
    display: none;
    padding: 1rem
}
.tabs-panel.is-active {
    display: block
}
.thumbnail {
    border: solid 4px #fefefe;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    -webkit-transition: box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out;
    border-radius: 0;
    margin-bottom: 1rem
}
.thumbnail:hover,
.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5)
}
.title-bar {
    background: #0a0a0a;
    color: #fefefe;
    padding: .5rem
}
.title-bar::before,
.title-bar::after {
    content: ' ';
    display: table
}
.title-bar::after {
    clear: both
}
.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .5rem
}
.title-bar-left {
    float: left
}
.title-bar-right {
    float: right;
    text-align: right
}
.title-bar-title {
    font-weight: bold;
    vertical-align: middle;
    display: inline-block
}
.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}
.menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: white;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 white, 0 14px 0 white
}
.menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}
.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}
.menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: black;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 black, 0 14px 0 black
}
.menu-icon.dark:hover::after {
    background: #666;
    box-shadow: 0 7px 0 #666, 0 14px 0 #666
}
.has-tip {
    border-bottom: dotted 1px #8a8a8a;
    font-weight: bold;
    position: relative;
    display: inline-block
}
.has-tip:hover {
    cursor: help
}
.tooltip {
    background-color: #0a0a0a;
    color: #fefefe;
    font-size: 80%;
    padding: .75rem;
    position: absolute;
    z-index: 10;
    top: calc(100% + .6495rem);
    max-width: 10rem!important;
    border-radius: 0
}
.tooltip::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    border-color: transparent transparent #0a0a0a;
    border-bottom-style: solid;
    bottom: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.tooltip.top::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    border-color: #0a0a0a transparent transparent;
    border-top-style: solid;
    top: 100%;
    bottom: auto
}
.tooltip.left::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    border-color: transparent transparent transparent #0a0a0a;
    border-left-style: solid;
    bottom: auto;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.tooltip.right::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    border-color: transparent #0a0a0a transparent transparent;
    border-right-style: solid;
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.top-bar {
    padding: .5rem
}
.top-bar::before,
.top-bar::after {
    content: ' ';
    display: table
}
.top-bar::after {
    clear: both
}
.top-bar,
.top-bar ul {
    background-color: #eee
}
.top-bar input {
    width: 200px;
    margin-right: 1rem
}
@media screen and (min-width: 35.55556em) {
    .top-bar-left {
        float: left
    }
    .top-bar-right {
        float: right
    }
}
.slide-in-down.mui-enter {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.slide-in-down.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.slide-in-left.mui-enter {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.slide-in-left.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.slide-in-up.mui-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.slide-in-up.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.slide-in-right.mui-enter {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.slide-in-right.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.slide-out-down.mui-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.slide-out-down.mui-leave.mui-leave-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}
.slide-out-right.mui-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.slide-out-right.mui-leave.mui-leave-active {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}
.slide-out-up.mui-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.slide-out-up.mui-leave.mui-leave-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}
.slide-out-left.mui-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.slide-out-left.mui-leave.mui-leave-active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}
.fade-in.mui-enter {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity
}
.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}
.fade-out.mui-leave {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}
.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}
.hinge-in-from-top.mui-enter {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}
.hinge-in-from-top.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}
.hinge-in-from-right.mui-enter {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}
.hinge-in-from-right.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}
.hinge-in-from-bottom.mui-enter {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}
.hinge-in-from-bottom.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}
.hinge-in-from-left.mui-enter {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}
.hinge-in-from-left.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}
.hinge-in-from-middle-x.mui-enter {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}
.hinge-in-from-middle-y.mui-enter {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}
.hinge-out-from-top.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}
.hinge-out-from-top.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}
.hinge-out-from-right.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}
.hinge-out-from-right.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}
.hinge-out-from-bottom.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}
.hinge-out-from-bottom.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}
.hinge-out-from-left.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}
.hinge-out-from-left.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}
.hinge-out-from-middle-x.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}
.hinge-out-from-middle-y.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}
.scale-in-up.mui-enter {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}
.scale-in-up.mui-enter.mui-enter-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.scale-in-down.mui-enter {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}
.scale-in-down.mui-enter.mui-enter-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.scale-out-up.mui-leave {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}
.scale-out-up.mui-leave.mui-leave-active {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}
.scale-out-down.mui-leave {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}
.scale-out-down.mui-leave.mui-leave-active {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0
}
.spin-in.mui-enter {
    -webkit-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}
.spin-in.mui-enter.mui-enter-active {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}
.spin-out.mui-leave {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}
.spin-out.mui-leave.mui-leave-active {
    -webkit-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
    opacity: 0
}
.spin-in-ccw.mui-enter {
    -webkit-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}
.spin-in-ccw.mui-enter.mui-enter-active {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}
.spin-out-ccw.mui-leave {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}
.spin-out-ccw.mui-leave.mui-leave-active {
    -webkit-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
    opacity: 0
}
.slow {
    -webkit-transition-duration: 750ms!important;
    transition-duration: 750ms!important
}
.fast {
    -webkit-transition-duration: 250ms!important;
    transition-duration: 250ms!important
}
.linear {
    -webkit-transition-timing-function: linear!important;
    transition-timing-function: linear!important
}
.ease {
    -webkit-transition-timing-function: ease!important;
    transition-timing-function: ease!important
}
.ease-in {
    -webkit-transition-timing-function: ease-in!important;
    transition-timing-function: ease-in!important
}
.ease-out {
    -webkit-transition-timing-function: ease-out!important;
    transition-timing-function: ease-out!important
}
.ease-in-out {
    -webkit-transition-timing-function: ease-in-out!important;
    transition-timing-function: ease-in-out!important
}
.bounce-in {
    -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245)!important;
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245)!important
}
.bounce-out {
    -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845)!important;
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845)!important
}
.bounce-in-out {
    -webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245)!important;
    transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245)!important
}
.short-delay {
    -webkit-transition-delay: 300ms!important;
    transition-delay: 300ms!important
}
.long-delay {
    -webkit-transition-delay: 700ms!important;
    transition-delay: 700ms!important
}
.shake {
    -webkit-animation-name: shake-7;
    animation-name: shake-7
}
@-webkit-keyframes shake-7 {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }
    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}
@keyframes shake-7 {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }
    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}
.spin-cw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}
@-webkit-keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
.spin-ccw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}
@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
.wiggle {
    -webkit-animation-name: wiggle-7deg;
    animation-name: wiggle-7deg
}
@-webkit-keyframes wiggle-7deg {
    40%, 50%, 60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }
    35%,
    45%,
    55%,
    65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
    0%,
    30%,
    70%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
@keyframes wiggle-7deg {
    40%, 50%, 60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }
    35%,
    45%,
    55%,
    65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
    0%,
    30%,
    70%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.slow {
    -webkit-animation-duration: 750ms!important;
    animation-duration: 750ms!important
}
.fast {
    -webkit-animation-duration: 250ms!important;
    animation-duration: 250ms!important
}
.linear {
    -webkit-animation-timing-function: linear!important;
    animation-timing-function: linear!important
}
.ease {
    -webkit-animation-timing-function: ease!important;
    animation-timing-function: ease!important
}
.ease-in {
    -webkit-animation-timing-function: ease-in!important;
    animation-timing-function: ease-in!important
}
.ease-out {
    -webkit-animation-timing-function: ease-out!important;
    animation-timing-function: ease-out!important
}
.ease-in-out {
    -webkit-animation-timing-function: ease-in-out!important;
    animation-timing-function: ease-in-out!important
}
.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245)!important;
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245)!important
}
.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845)!important;
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845)!important
}
.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245)!important;
    animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245)!important
}
.short-delay {
    -webkit-animation-delay: 300ms!important;
    animation-delay: 300ms!important
}
.long-delay {
    -webkit-animation-delay: 700ms!important;
    animation-delay: 700ms!important
}
p {
    line-height: 1.2rem
}
html.fullscreen,
html.fullscreen body {
    overflow: hidden
}
body {
    font-family: "HelveticaNeueLtCd", Arial, "Lucida Grande", sans-serif;
    letter-spacing: -.006em
}
@font-face {
    font-family: 'HelveticaNeueLtCd';
    src: url("/visagesdemigrants/fonts/helveticaneueltstd-ltcn-webfont.woff?_cchid=c461cb5fc6feca0b2a621fca1df71f54") format("woff"), url("/visagesdemigrants/fonts/helveticaneueltstd-ltcn-webfont.ttf?_cchid=d3da97e8d72d5679babb290ec530930a") format("ttf"), url("/visagesdemigrants/fonts/helveticaneueltstd-ltcn-webfont.eot?_cchid=24bdb8c0e521c326b7e61f32b3166c77") format("eot"), url("/visagesdemigrants/fonts/helveticaneueltstd-ltcn-webfont.svg?_cchid=127fb5edbc10635a1e0cfb21dffee364") format("svg");
    font-weight: 200;
    font-style: normal
}
@font-face {
    font-family: 'HelveticaNeueBdCd';
    src: url("/visagesdemigrants/fonts/helveticaneueltstd-bdcn-webfont.woff?_cchid=1a70246787f6f475af24e5b9804fa7f8") format("woff"), url("/visagesdemigrants/fonts/helveticaneueltstd-bdcn-webfont.ttf?_cchid=137f1cff7507945e5f068a3d00e16804") format("ttf"), url("/visagesdemigrants/fonts/helveticaneueltstd-bdcn-webfont.eot?_cchid=5ddd0b46f9d007c3f23edf50ea9aa81d") format("eot"), url("/visagesdemigrants/fonts/helveticaneueltstd-bdcn-webfont.svg?_cchid=18ad986270bf4285abdd371b324c77bf") format("svg");
    font-weight: 800;
    font-style: normal
}
@font-face {
    font-family: 'HelveticaNeueCd';
    src: url("/visagesdemigrants/fonts/HelveticaNeueLTStd-Cn.woff?_cchid=0b1463c24e6b5a4cc561a5b4d9b90564") format("woff"), url("/visagesdemigrants/fonts/HelveticaNeueLTStd-Cn.ttf?_cchid=7ed54b9e53182aa12339b02675a8928a") format("ttf"), url("/visagesdemigrants/fonts/HelveticaNeueLTStd-Cn.eot?_cchid=b7bbbc19e0b97cb380fee262d6cddac3") format("eot"), url("/visagesdemigrants/fonts/HelveticaNeueLTStd-Cn.svg?_cchid=38ccadbbfad22c224ce5fe765638af52") format("svg");
    font-style: normal
}
@font-face {
    font-family: 'CooperHewitt-Bold';
    src: url("/visagesdemigrants/fonts/CooperHewitt-Bold.woff?_cchid=ccd41c441d8d14dfb678cf86066f5663") format("woff"), url("/visagesdemigrants/fonts/CooperHewitt-Bold.eot?_cchid=61a4ff8b568504e004ac32116b4679dc") format("eot"), url("/visagesdemigrants/fonts/CooperHewitt-Bold.svg?_cchid=1f5bdd7343ec88ca486be012008be0a8") format("svg");
    font-weight: 800;
    font-style: normal
}
@font-face {
    font-family: 'CooperHewitt-Book';
    src: url("/visagesdemigrants/fonts/CooperHewitt-Book.woff?_cchid=6575a5e1d9a68c5829407a702ba0e1d7") format("woff"), url("/visagesdemigrants/fonts/CooperHewitt-Book.eot?_cchid=10bc80f5e9624b4c924a54e23665f5ac") format("eot"), url("/visagesdemigrants/fonts/CooperHewitt-Book.svg?_cchid=b43d1c441600020a9b077010e430325f") format("svg");
    font-weight: 800;
    font-style: normal
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'CooperHewitt-Bold', Impact, Arial, sans-serif;
    font-weight: bolder;
    text-transform: uppercase
}
.text-sub {
    text-indent: -9999px;
    display: block;
    overflow: hidden
}
*[data-href] {
    cursor: pointer
}
#menu-hover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 4;
    background: rgba(0, 0, 0, 0.6)
}

#main-nav {
    background: #ee2e24;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    z-index: 100;
    padding-top: 114px
}
#main-nav h1, #top-menu h1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999
}
#main-nav h1 a, #top-menu h1 a {
    margin: 30px 0 30px 5px;
    background: url("/visagesdemigrants/img/logo.png?_cchid=51954c406d0c0bcfbf4c542152f395dd") 0 0 no-repeat transparent;
    width: 204px;
    height: 52px
}
#main-nav ul, #top-menu ul{
    margin: 0;
    padding: 0
}
#main-nav #main-sub-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 50px;
    bottom: 0;
    width: 249px;
    padding: 110px 0 0;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden
}
#main-nav #main-sub-menu .overflow {
    width: 270px;
    height: 100%;
    overflow: auto;
    padding-bottom: 80px
}
#main-nav #main-sub-menu .inner {
    width: 249px;
    height: 639px
}
#main-nav #main-sub-menu .inner a {
    height: 70px;
    width: 100%;
    display: block;
    background: url("/visagesdemigrants/img/sub-menu-bg.jpg?_cchid=c6da5831930032ab91be36788996b357") 0 0 no-repeat
}
#main-nav #main-sub-menu .inner a.text {
    background: 0;
    padding: 10px 20px;
    height: auto;
    font-family: "CooperHewitt-Bold", Impact, Arial, sans-serif;
    text-align: right;
    font-size: 1.2rem;
    line-height: 1;
    color: #fff
}
#main-nav #main-sub-menu .inner a.text:hover {
    color: #ee2e24
}
#main-nav #main-sub-menu .inner a.item-1 {
    background-position: 0 0
}
#main-nav #main-sub-menu .inner a.item-1:hover,
#main-nav #main-sub-menu .inner a.item-1.active {
    background-position: 100% 0
}
#main-nav #main-sub-menu .inner a.item-2 {
    background-position: 0 -71px
}
#main-nav #main-sub-menu .inner a.item-2:hover,
#main-nav #main-sub-menu .inner a.item-2.active {
    background-position: 100% -71px
}
#main-nav #main-sub-menu .inner a.item-3 {
    background-position: 0 -142px
}
#main-nav #main-sub-menu .inner a.item-3:hover,
#main-nav #main-sub-menu .inner a.item-3.active {
    background-position: 100% -142px
}
#main-nav #main-sub-menu .inner a.item-4 {
    background-position: 0 -213px
}
#main-nav #main-sub-menu .inner a.item-4:hover,
#main-nav #main-sub-menu .inner a.item-4.active {
    background-position: 100% -213px
}
#main-nav #main-sub-menu .inner a.item-5 {
    background-position: 0 -284px
}
#main-nav #main-sub-menu .inner a.item-5:hover,
#main-nav #main-sub-menu .inner a.item-5.active {
    background-position: 100% -284px
}
#main-nav #main-sub-menu .inner a.item-6 {
    background-position: 0 -355px
}
#main-nav #main-sub-menu .inner a.item-6:hover,
#main-nav #main-sub-menu .inner a.item-6.active {
    background-position: 100% -355px
}
#main-nav #main-sub-menu .inner a.item-7 {
    background-position: 0 -426px
}
#main-nav #main-sub-menu .inner a.item-7:hover,
#main-nav #main-sub-menu .inner a.item-7.active {
    background-position: 100% -426px
}
#main-nav #main-sub-menu .inner a.item-8 {
    background-position: 0 -497px
}
#main-nav #main-sub-menu .inner a.item-8:hover,
#main-nav #main-sub-menu .inner a.item-8.active {
    background-position: 100% -497px
}
#main-nav #main-sub-menu .inner a.item-9 {
    background-position: 0 -568px
}
#main-nav #main-sub-menu .inner a.item-9:hover,
#main-nav #main-sub-menu .inner a.item-9.active {
    background-position: 100% -568px
}
#main-nav #main-sub-menu.visible {
    display: block
}
#main-nav #home-link:hover+#main-sub-menu {
    display: block
}
#main-nav .nav-button, #social-links .nav-button {
    height: 50px;
    display: block;
    margin-bottom: 20px;
    background: url("/visagesdemigrants/img/menu-icons-sprite.png?_cchid=371ea3421805f5674beb48eb44a919c7") 0 0 no-repeat transparent
}
#main-nav .nav-button:hover,
#main-nav .nav-button.active {
    background-color: #b2221b !important;
}
#social-links .nav-button:hover,
#social-links .nav-button.active {
    background-color: #791410 !important;
}
#main-nav .nav-button#home-link {
    background-position: 50% 9px;
    height: 60px
}
#social-links .nav-button#facebook-nav-link {
    background-position: 50% -44px
}
#social-links .nav-button#twitter-nav-link {
    background-position: 50% -103px
}
#social-links .nav-button#vimeo-nav-link {
    background-position: 50% -162px
}
#main-nav #nav-states {
    margin-bottom: 50px
}
#main-nav #nav-states li {
    list-style-type: none;
    margin-left: 10px;
    margin-bottom: 1px
}
#main-nav #nav-states li a {
    background: url("/visagesdemigrants/img/nav-states-sprite.png?_cchid=f42316f575230261e8569bacb207ff07") 0 0 no-repeat transparent;
    width: 14px;
    height: 30px;
    display: block
}
#main-nav #nav-states li a:hover,
#main-nav #nav-states li a.active {
    background-position: 0 -81px
}
#main-nav #nav-states li.right {
    margin-left: 28px
}
#main-nav #nav-states li.right a {
    background-position: 0 -38px
}
#main-nav #nav-states li.right a:hover,
#main-nav #nav-states li.right a.active {
    background-position: 0 -119px
}

#top-menu {
    background: #ee2e24;
    height: 68px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

#top-menu h1 a {
    margin: 10px 0 10px 15px;
    padding: 0;
}

#top-menu .top-right-link {
    position: absolute;
    right: 15px;
    top: 10px;
    background: none;
    border: solid 3px #ffffff;
    color: #ffffff;
}

#top-menu > ul {
    margin-left: 250px;
}

#top-menu > ul > li {
    display: inline-block;
    height: 68px;
    position: relative;
    width: 160px;
}

#top-menu > ul a {
    color: #ffffff !important;
    font-family: "CooperHewitt-Bold",Impact,Arial,sans-serif;
    font-size: 15px;
    height: 100%;
    line-height: 1.1em;
    text-transform: uppercase;
    width: 100%;
    position: relative;
    display: block;
}

#top-menu > ul a:hover, #top-menu > ul a.active {
    background: #9d1710;
}

#top-menu > ul a span {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

#menu-temoignages:hover > #submenu {
    display: block;
}

#submenu {
    background: #9d1710;
    left: 50%;
    position: absolute;
    display: none;
    width: 480px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

#submenu li {
    display: inline-block;
    width: 20%;
    text-align: center;
    padding: 15px 0;
}

#social-links {
    position: fixed;
    top: 95px;
    right: 0;
    width: 50px;
    background: #b72821 none repeat scroll 0 0;
    z-index: 1000;
}
#social-links .nav-button {
    margin-bottom: 0
}
#main-video {
    position: fixed;
    z-index: 9990;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: url("/visagesdemigrants/img/film-cover.jpg?_cchid=8db4e1440244280a913dd66388cfff5e") 50% 50% no-repeat #161616;
    background-size: cover
}
#main-video #skip-link {
    font-size: 1rem
}
.top-right-link {
    position: absolute;
    top: 30px;
    right: 30px
}
h2 {
    font-size: 2.38rem
}
.center,
.button.center {
    margin-left: auto!important;
    margin-right: auto!important;
    float: none!important
}
.highlight {
    color: #ee2e24
}
.center .row {
    max-width: none
}
.uppercase {
    text-transform: uppercase
}
.small {
    font-size: .8rem
}
.brown {
    color: #c67e52
}
.brown.button.hollow {
    border-color: #c67e52;
    color: #c67e52;
    background-color: rgba(255, 255, 255, 0.1)
}
.brown.button.hollow:hover,
.brown.button.hollow:active {
    border-color: #c67e52;
    color: #c67e52;
    background-color: rgba(255, 255, 255, 0.3)
}
.button {
    font-family: 'CooperHewitt-Book', HelveticaNeue-Light, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 28px;
    padding: .4em 1.2em
}
.button.hollow,
.button.hollow:hover {
    color: #ee2e24;
    border-color: #ee2e24;
    border-width: 3px
}
.button.hollow {
    background-color: rgba(0, 0, 0, 0.13);
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}
.button.hollow:hover {
    background-color: rgba(0, 0, 0, 0.3)
}
.button.white.hollow {
    border-color: #fff;
    color: #fff
}
#section-1 {
    overflow: hidden;
    min-height: 627px;
    padding: 104px 0 180px;
    width: 1350px;
    max-width: 100%;
    min-width: 100%;
    color: #fff;
    position: relative
}
#section-1 .inner-bg {
    background: url("/visagesdemigrants/img/section-1-bg.jpg?_cchid=e66d13240d3b4dd7df741b7f76c7c539") 50% 50% no-repeat transparent;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1);
    transform: scale(1)
}
#section-1 .large-12 {
    position: static!important
}
#section-1 .bottom-row {
    position: absolute;
    bottom: 64px;
    width: 100%;
    left: 0
}
#section-1 .uppercase {
    font-size: 1.2rem
}
#section-1 #section-1-part-1 .uppercase strong {
    font-size: 1.6rem;
    line-height: 1.2
}
#section-1 #section-1-part-2 {
    font-family: 'CooperHewitt-Bold', Impact, Arial, sans-serif;
    text-transform: uppercase
}
#section-1 #section-1-part-2 p {
    font-size: 1.6rem;
    line-height: 1.8rem
}
#section-1 #section-1-part-2 span {
    font-size: 2.38rem;
    line-height: 1
}
#section-1 #section-1-part-2 span b {
    display: block;
    padding-top: .4rem
}
#section-1 #section-1-part-2 small {
    font-family: 'CooperHewitt-Book', Arial, sans-serif;
    font-size: 1.32rem;
    padding-top: 14px
}
#section-1 #section-1-part-1,
#section-1 #section-1-part-2 {
    display: block
}
#section-1 #section-1-part-1 p,
#section-1 #section-1-part-1 span,
#section-1 #section-1-part-1 small,
#section-1 #section-1-part-2 p,
#section-1 #section-1-part-2 span,
#section-1 #section-1-part-2 small {
    display: block
}
#section-2 {
    overflow: hidden;
    min-height: 700px;
    padding: 104px 0 30px;
    width: 1350px;
    max-width: 100%;
    min-width: 100%;
    color: #fff;
    position: relative
}
#section-2 .inner-bg {
    background: url("/visagesdemigrants/img/section-2-bg.jpg?_cchid=76e4034593bf00b86649f6121fba5fa6") 50% 50% no-repeat transparent;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1);
    transform: scale(1)
}
#section-2 .large-12 {
    position: static!important
}
#section-2 .section-2-menu {
    background: transparent;
    max-width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 36px;
    z-index: 5;
}
#section-2 ul.menu li.separator {
    width: 22px;
    position: relative;
}
#section-2 ul.menu li.separator img {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
#section-2 ul.menu li a {
    outline: none !important;
    width: 70px;
    height: 70px;
    display: block;
    background: url("/visagesdemigrants/img/section-2-menu-sprite.png?_cchid=db1f9ed6111152f5d500a717778cd0b8") 0 0 no-repeat;
    border-radius: 0;
}
#section-2 ul.menu li a:hover,
#section-2 ul.menu li a.active {
    background-position: 0 100%
}
#section-2 ul.menu li a.icon-2 {
    background-position: -92px 0
}
#section-2 ul.menu li a.icon-2:hover,
#section-2 ul.menu li a.icon-2.active {
    background-position: -92px 100%
}
#section-2 ul.menu li a.icon-3 {
    background-position: -183px 0
}
#section-2 ul.menu li a.icon-3:hover,
#section-2 ul.menu li a.icon-3.active {
    background-position: -183px 100%
}
#section-2 ul.menu li a.icon-4 {
    background-position: -275px 0
}
#section-2 ul.menu li a.icon-4:hover,
#section-2 ul.menu li a.icon-4.active {
    background-position: -275px 100%
}
#section-2 ul.menu li a.icon-5 {
    background-position: -366px 0
}
#section-2 ul.menu li a.icon-5:hover,
#section-2 ul.menu li a.icon-5.active {
    background-position: -366px 100%
}
#section-2 .section-2-content {
    margin: 0;
    padding: 0;
    z-index: 5
}
#section-2 .section-2-content li {
    list-style-type: none
}
#section-2 .section-2-content li:first-child article h2 {
    line-height: 1;
    margin-bottom: 4px
}
#section-2 .section-2-content article {
    color: #000;
    display: none;
    opacity: 0;
    width: 100%;
    max-width: 100%;
    position: relative;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    text-align: center;
}
#section-2 .section-2-content article h2 {
    font-size: 2.1rem;
    margin: 40px auto !important;
}
#section-2 .section-2-content article.active {
    display: block;
    opacity: 1
}
#section-2 .section-2-content article .red {
    color: #ee2e24;
}
#section-2 .section-2-content article ul {
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
}
#section-2 .section-2-content article ul li {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}
#section-2 .section-2-content article ul li .chiffre-legend {
    font-size: 18px;
    font-family: 'HelveticaNeueCd';
    line-height: 1.1em;
}
#section-2 .section-2-content article ul li .chiffre-legend .red {
    font-size: 38px;
    line-height: 1.2em;
    font-family: 'HelveticaNeuebdcd';
}
#section-2 #map-section-2 {
    position: relative;
}
#section-2 .layer-anim-section-2-map {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#section-2 .circulation {
    font-size: 20px;
    font-family: 'HelveticaNeueCd';
    line-height: 1.1em;
}
#section-2 .circulation strong {
    font-size: 20px;
    font-family: 'HelveticaNeuebdcd';
    line-height: 1.1em;
}
#section-2 em {
    display: block;
    margin-top: 30px;
}
#section-2 ul.border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto 30px !important;
    padding: 0;
    width: 70% !important;
}
#section-2 ul.border li {
    border-left: solid 1px #000000;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    text-align: center;
}
#section-2 ul.border li:first-child {
    border-left: none;
}
#section-2-vagues {
    margin-bottom: 30px;
    vertical-align: bottom;
    position: relative;
    height: 150px;
}
#section-2-vagues > div {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.personna-section {
    min-height: 625px;
    width: 1350px;
    max-width: 100%;
    min-width: 100%;
    background: #161616;
    position: relative;
    background-position: 0 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #161616;
    z-index: 1
}
.personna-section .personna-menu {
    position: absolute;
    right: 147px;
    width: 530px;
    max-width: 100%;
    top: 30px;
    background: url("/visagesdemigrants/img/personna-foot-bg.png?_cchid=752d7504e5456d93ebbdc357dfd50905") 100% 50% no-repeat transparent;
    z-index: 5
}
.personna-section .personna-menu ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    background: url("/visagesdemigrants/img/line-bg-hor.png?_cchid=0b31825815dc85e67db8c1c06fb26736") 0 50% repeat-x transparent
}
.personna-section .personna-menu ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 12px;
    margin-top: 7px
}
.personna-section .personna-menu ul li:first-child {
    margin-left: 0
}
.personna-section .personna-menu ul li a {
    width: 61px;
    height: 59px;
    display: block;
    background: url("/visagesdemigrants/img/section-menu-icons.png?_cchid=74bc7097c404593ff72c4780ce47dc84") 0 0 no-repeat #161616;
    border-radius: 30px
}
.personna-section .personna-menu ul li a:hover,
.personna-section .personna-menu ul li a.active {
    background-position: 0 100%
}
.personna-section .personna-menu ul li a.icon-2 {
    background-position: -76px 0
}
.personna-section .personna-menu ul li a.icon-2:hover,
.personna-section .personna-menu ul li a.icon-2.active {
    background-position: -76px 100%
}
.personna-section .personna-menu ul li a.icon-3 {
    background-position: -154px 0
}
.personna-section .personna-menu ul li a.icon-3:hover,
.personna-section .personna-menu ul li a.icon-3.active {
    background-position: -154px 100%
}
.personna-section .personna-menu ul li a.icon-4 {
    background-position: -232px 0
}
.personna-section .personna-menu ul li a.icon-4:hover,
.personna-section .personna-menu ul li a.icon-4.active {
    background-position: -232px 100%
}
.personna-section .personna-menu ul li a.icon-5 {
    background-position: -310px 0
}
.personna-section .personna-menu ul li a.icon-5:hover,
.personna-section .personna-menu ul li a.icon-5.active {
    background-position: -310px 100%
}
.personna-section .personna-content {
    margin: 0;
    padding: 0;
    z-index: 5
}
.personna-section .personna-content li {
    list-style-type: none
}
.personna-section .personna-content li:first-child article h2 {
    line-height: 1;
    margin-bottom: 4px
}
.personna-section .personna-content article {
    color: #fff;
    display: none;
    opacity: 0;
    width: 570px;
    max-width: 100%;
    position: absolute;
    top: 130px;
    right: 110px;
    z-index: 5;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}
.personna-section .personna-content article h2 {
    font-size: 2.1rem
}
.personna-section .personna-content article.active {
    display: block;
    opacity: 1
}
.personna-section .personna-content article .sub-title {
    font-style: italic;
    margin-bottom: 20px
}
.personna-section .personna-content article iframe {
    max-width: 100%;
    border: 0;
    outline: 0;
    background: rgba(0, 0, 0, 0.3)
}
.personna-section .personna-content blockquote {
    background: url("/visagesdemigrants/img/quote-bg.png?_cchid=700100a5690ffa88614ec8e7e7efa8f6") 0 0 no-repeat;
    max-width: 100%;
    max-width: 100%;
    padding: 0 50px;
    margin: 30px 0 15px;
    border: 0;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.4;
    position: relative;
    overflow: visible;
    display: inline-block
}
.personna-section .personna-content blockquote::after {
    display: block;
    content: ' ';
    height: 22px;
    width: 25px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url("/visagesdemigrants/img/quote-bg-end.png?_cchid=2e9291c617baff1936efaac1e8c710ba") 0 0 no-repeat
}
.personna-section .personna-content blockquote .indent-10 {
    margin-right: 10px
}
.personna-section .personna-content blockquote .indent-20 {
    margin-right: 20px
}
.personna-section .personna-content blockquote .indent-30 {
    margin-right: 40px
}
.personna-section .personna-content blockquote p {
    margin: 0;
    color: #fff;
    line-height: 1.1;
    font-size: 1.5rem
}
.personna-section .personna-content img+p {
    padding-top: 70px
}
.personna-section .personna-content .true-img,
.personna-section .personna-content .false-img {
    float: right;
    margin: 0 20px 25px 36px
}
.personna-section.personna-right {
    background-position: 100% 50%
}
.personna-section.personna-right .personna-content article,
.personna-section.personna-right .personna-menu {
    right: auto;
    left: 50px
}
.personna-section .personna-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}
#personna-section-1 {
    background-image: url("/visagesdemigrants/img/personna-1.jpg?_cchid=8b18646e774599631574b839f3a544b4")
}
#personna-section-1 .parcours-bg::after {
    display: block;
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: -1;
    background: url("/visagesdemigrants/img/personna-1-content-bg.png?_cchid=a1fe776a835d5fb9ed87b78f10889914") no-repeat transparent 100% 100%
}
#personna-section-1.personna-right .parcours-bg::after {
    background-position: 0 100%
}
#personna-section-2 {
    background-image: url("/visagesdemigrants/img/personna-2.jpg?_cchid=1fd31ba40ceb2dc856b80b7c9c774482")
}
#personna-section-2 .parcours-bg::after {
    display: block;
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: -1;
    background: url("/visagesdemigrants/img/personna-2-content-bg.png?_cchid=1e433ff3dfc913f6dc532719fe785681") no-repeat transparent 100% 100%
}
#personna-section-2.personna-right .parcours-bg::after {
    background-position: 0 100%
}
#personna-section-3 {
    background-image: url("/visagesdemigrants/img/personna-default.jpg?_cchid=d5187f17b7935872a89d1130b78f008c")
}
#personna-section-3 .parcours-bg::after {
    display: block;
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: -1;
    background: url("/visagesdemigrants/img/personna-3-content-bg.png?_cchid=b5cda712ee4dd88fb8fd80a767d69a9a") no-repeat transparent 100% 100%
}
#personna-section-3.personna-right .parcours-bg::after {
    background-position: 0 100%
}
#personna-section-4 {
    background-image: url("/visagesdemigrants/img/personna-4.jpg?_cchid=24a3b0bb4bff579e222577cd923fd47d")
}
#personna-section-4 .parcours-bg::after {
    display: block;
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: -1;
    background: url("/visagesdemigrants/img/personna-4-content-bg.png?_cchid=c188268456fc15c40a556cc8ecef9f36") no-repeat transparent 100% 100%
}
#personna-section-4.personna-right .parcours-bg::after {
    background-position: 0 100%
}

#personna-section-5 {
    background: url("/visagesdemigrants/img/personna-5.jpg?_cchid=9fa9980161b2b27311768232ac82ff4d") no-repeat right bottom;
}
#personna-section-5 .parcours-bg::after {
    display: block;
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: -1;
    background: url("/visagesdemigrants/img/personna-5-content-bg.png?_cchid=a1a59b53d570a4ab6ef90d1633552b38") no-repeat transparent 100% 100%
}
#personna-section-5.personna-right .parcours-bg::after {
    background-position: 0 100%
}
#personna-section-6 {
    background: url("/visagesdemigrants/img/personna-6.jpg?_cchid=a03f8a48e71e5adc754f2d15b39d7bf6") no-repeat bottom left
}
#personna-section-6 .parcours-bg::after {
    display: block;
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: -1;
    background: url("/visagesdemigrants/img/personna-6-content-bg.png?_cchid=2958898008ee5c9bbe17dab9f87ce12c") no-repeat transparent 100% 100%
}
#personna-section-6.personna-right .parcours-bg::after {
    background-position: 0 100%
}
#section-3 {
    color: #fff;
    background: transparent;
    background-size: cover;
    padding-bottom: 40px;
    padding-top: 55px
}
#section-3 .content-carrousel {
    margin-bottom: 30px
}
#section-4 {
    background: transparent;
    background-size: cover;
    padding-bottom: 90px;
    padding-top: 70px
}
#section-4 .button {
    margin-top: 60px
}
.parallax-mirror:nth-child(3) {
    background: #2f2f2f
}
.parallax-mirror:nth-child(3) .parallax-slider {
    width: 1350px!important;
    max-width: 1350px!important;
    height: auto!important;
    left: 50%!important;
    margin-left: -675px!important
}
.parallax-mirror:nth-child(2) {
    background: #dadee1
}
.parallax-mirror:nth-child(1) {
    background: #4a4849
}
#section-5 {
    color: #fff;
    background: transparent;
    background-size: cover;
    padding-bottom: 20px;
    padding-top: 70px
}
#section-5 .button {
    margin-top: 30px;
    margin-bottom: 30px
}
#section-5 .bloc-don {
    background: #ee2e24;
    padding: 25px 25px 100px;
    position: relative;
    margin-bottom: 40px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto
}
#section-5 .bloc-don .bottom {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    padding: 25px;
    background: #fff
}
#section-5 .bloc-don strong.big {
    font-size: 5rem;
    line-height: 1em
}
#section-5 em {
    font-size: .9rem
}
#section-5 .bloc-cimade {
    background: url("/visagesdemigrants/img/logo-charte.png?_cchid=d509def53b8e808bf190dbb3840436a7") 0 50% no-repeat transparent;
    padding: 12px 0 12px 90px;
    font-size: .9rem;
    font-style: italic;
    width: 400px;
    max-width: 100%;
    text-align: left;
    min-height: 70px;
    margin-bottom: 300px
}
#section-5 .strong-upper {
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: 'CooperHewitt-Book', Arial;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1.6rem
}
#section-5 .strong-upper strong {
    font-family: 'CooperHewitt-Bold', Arial
}
#section-5 ul {
    margin: 0;
    padding: 0
}
#section-5 ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block
}
#footer ul {
    margin: 0;
    padding: 0
}
#footer ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block
}
#footer.engagement-footer {
    padding-top: 100px
}
#footer.engagement-footer #footer-links a,
#footer.engagement-footer #footer-links li {
    color: #959595
}
#footer.engagement-footer a {
    color: #000
}
#footer-links li,
#footer-social-links li {
    padding: 0 5px;
    font-size: .9em
}
#footer-links li a,
#footer-social-links li a {
    font-size: .9em;
    color: #fff
}
#footer-social-links {
    margin-bottom: 10px
}
#footer-social-links a {
    background: url("/visagesdemigrants/img/footer-social-sprite.png?_cchid=8525ff3eba93e136262199cc98dae264") 0 0 no-repeat transparent;
    display: block;
    height: 30px;
    width: 30px
}
#footer-social-links #twitter-footer-link {
    background-position: -50px 0
}
#footer-social-links #vimeo-footer-link {
    background-position: -100px 0
}
.engagement-footer #footer-social-links a {
    background-image: url("/visagesdemigrants/img/footer-social-sprite-grey.png?_cchid=c112456dd1ebd204754ce20d259428ad")
}
.engagement-section {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
    max-width: 100%;
    overflow: hidden
}
.engagement-section h2 {
    color: #c67e52;
    font-family: "CooperHewitt-Bold", Impact, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 30px
}
.engagement-section form button {
    font-size: 1.08em;
    min-width: 100%;
    font-size: .9rem;
    line-height: 1.2rem;
    padding: .6em 1.2em
}
.engagement-section form input {
    text-indent: 12px;
    border-color: #000;
    border-radius: 0 4px 4px 0
}
.engagement-section form .prefix-radius .small-3,
.engagement-section form .prefix-radius .small-2 {
    background: #c67e52;
    line-height: 42px;
    right: -5px;
    position: relative;
    color: #fff;
    font-size: 20px;
    border: 1px solid #000;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    overflow: visible;
    text-align: center
}
.engagement-section form .prefix-radius .small-3::after,
.engagement-section form .prefix-radius .small-2::after {
    content: ' ';
    display: block;
    background: #c67e52;
    width: 11px;
    height: 11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -6px
}
#section-1,
#section-3,
#section-4,
#section-5 {
    min-width: 100%;
    max-width: 100%
}
#section-1 .large-12,
#section-2 .large-12,
#section-3 .large-12,
#section-4 .large-12,
#section-5 .large-12,
#personna-section-1 .large-12,
#personna-section-2 .large-12,
#personna-section-3 .large-12,
#personna-section-4 .large-12,
#personna-section-5 .large-12,
#personna-section-6 .large-12 {
    max-width: 75rem;
    position: relative
}
#section-1 .large-12,
#personna-section-1 .large-12,
#personna-section-2 .large-12,
#personna-section-3 .large-12,
#personna-section-4 .large-12,
#personna-section-5 .large-12,
#personna-section-6 .large-12 {
    min-height: 627px
}
#section-2 .large-12 {
    min-height: 700px;
}

#personna-section-6, #personna-section-6 .large-12 {
    min-height: 720px !important;
}

#personna-section-3 .personna-content img+p {
    padding-top: 0
}
.content-carrousel {
    width: 972px;
    max-width: 100%;
    text-align: center
}
.content-carrousel ul {
    margin: 15px auto 30px;
    padding: 0;
    display: block;
    position: relative
}
.content-carrousel ul::before {
    content: " ";
    position: absolute;
    display: block;
    top: 50%;
    height: 10px;
    background: url("/visagesdemigrants/img/line-bg-hor.png?_cchid=0b31825815dc85e67db8c1c06fb26736") 0 50% repeat-x transparent;
    margin-top: -5px;
    left: 20px;
    right: 20px;
    z-index: -1
}
.content-carrousel ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 3%;
    width: 22.35%;
    z-index: 3
}
.content-carrousel ul li:first-child {
    margin-left: 0
}
.content-carrousel ul li a.button {
    margin: 0;
    font-family: 'CooperHewitt-Book', Arial;
    font-size: .9rem;
    text-transform: none;
    background-color: #fff;
    color: #474747;
    width: 100%
}
.content-carrousel ul li a.button.active,
.content-carrousel ul li a.button:hover {
    background-color: #ee2e24;
    color: #fff
}
.content-carrousel .content-image {
    width: 972px;
    max-width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: inherit;
    margin-bottom: 1em;
    margin-top: 1em
}
.content-carrousel .content article {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}
.content-carrousel .content article.active {
    display: block;
    opacity: 1
}
.content-carrousel .content p {
    background: #fff;
    color: #494949;
    padding: 25px
}
@-webkit-keyframes anim-1-circle-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    95% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}
@keyframes anim-1-circle-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    95% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}
@-webkit-keyframes anim-1-circle-rotation-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0
    }
    94.99% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0
    }
    95% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
        opacity: 1
    }
}
@keyframes anim-1-circle-rotation-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0
    }
    94.99% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0
    }
    95% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
        opacity: 1
    }
}
@-webkit-keyframes anim-1-text {
    0% {
        opacity: 0;
        display: block
    }
    90% {
        opacity: 0;
        display: block
    }
    100% {
        opacity: 1;
        display: block
    }
}
@keyframes anim-1-text {
    0% {
        opacity: 0;
        display: block
    }
    90% {
        opacity: 0;
        display: block
    }
    100% {
        opacity: 1;
        display: block
    }
}
#anim-1 {
    background: url("/visagesdemigrants/img/anim-1-bg.png?_cchid=d802737cd6383a0455b1f541646dc060") 0 0 no-repeat transparent;
    width: 616px;
    height: 248px;
    position: relative
}
#anim-1 #anim-1-circle-1 {
    position: absolute;
    top: 0;
    right: 179px;
    height: 247px;
    width: 123px;
    border-radius: 0 100% 100% 0 / 50%;
    background-color: #525252;
    -webkit-transform-origin: left;
    transform-origin: left
}
#anim-1 #anim-1-circle-3 {
    position: absolute;
    top: 0;
    right: 179px;
    height: 247px;
    width: 123px;
    border-radius: 0 100% 100% 0 / 50%;
    background-color: #525252;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
#anim-1 #anim-1-circle-2 {
    position: absolute;
    top: 0;
    right: 179px;
    height: 247px;
    width: 123px;
    border-radius: 0 100% 100% 0 / 50%;
    background-color: #ee2e24;
    -webkit-transform-origin: left;
    transform-origin: left
}
#anim-1 #anim-1-circle-4 {
    position: absolute;
    top: 0;
    right: 179px;
    opacity: 0;
    height: 247px;
    width: 123px;
    border-radius: 0 100% 100% 0 / 50%;
    background-color: #ee2e24;
    -webkit-transform-origin: left;
    transform-origin: left
}
#anim-1.animated #anim-1-circle-1 {
    -webkit-animation: anim-1-circle-rotation 2s linear;
    animation: anim-1-circle-rotation 2s linear;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
#anim-1.animated #anim-1-circle-4 {
    -webkit-animation: anim-1-circle-rotation-2 2s linear;
    animation: anim-1-circle-rotation-2 2s linear;
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    opacity: 1
}
#anim-1.animated #anim-1-text {
    -webkit-animation: anim-1-text 2s linear;
    animation: anim-1-text 2s linear;
    opacity: 1;
    display: block
}
#anim-1 #anim-1-text {
    font-size: 2.5rem;
    color: #fff;
    font-family: 'CooperHewitt-Bold', Impact, Arial, sans-serif;
    font-weight: bold;
    position: absolute;
    top: 84px;
    right: 188px;
    width: 100px;
    text-align: right
}
#anim-2 {
    height: 310px;
    overflow: hidden
}
#anim-2 ul {
    margin: 10px 0 0
}
#anim-2 li {
    display: inline-block;
    width: 26px;
    margin-right: 6px;
    height: 51px;
    margin-bottom: 3px;
    background: url("/visagesdemigrants/img/anim-2-sprite.png?_cchid=1f7ba5576a4a8f87bc81f94b47a598c3") 100% 0 no-repeat transparent
}
#anim-2 li.active {
    background-position: 3px 0
}
#anim-2-2 {
    position: relative;
    height: 310px;
    overflow: hidden;
    background: url("/visagesdemigrants/img/anim-2-2.png?_cchid=9dc1bc7d7ec5b1241b462f961c336c23") 100% 0 no-repeat transparent
}
#anim-2-2-1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
    background: url("/visagesdemigrants/img/anim-2-2-1.png?_cchid=6303b455cfc6aaa7480d232009b180d3") 100% 0 no-repeat transparent
}
#anim-2-2-2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
    background: url("/visagesdemigrants/img/anim-2-2-2.png?_cchid=4bb2bac746fee2997a97bd278b4abbb6") 100% 0 no-repeat transparent
}
#anim-2-2-3 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
    background: url("/visagesdemigrants/img/anim-2-2-3.png?_cchid=d8f40964f474774b44bc776d5b72adf7") 100% 0 no-repeat transparent
}
#anim-3 {
    border-left: 2px solid #a1a1a1;
    padding-left: 3px;
    width: 600px;
    overflow: hidden
}
#anim-3 .bloc {
    height: 34px;
    display: inline-block;
    width: 0;
    overflow: visible;
    position: relative
}
#anim-3 .bloc span {
    display: block;
    font-weight: bold;
    position: absolute;
    font-size: 30px;
    right: 4px;
    top: 2px;
    color: #fff;
    text-align: right;
    line-height: 1
}
#anim-3 .bloc span i {
    font-style: normal
}
#anim-3 .bloc-container {
    display: block;
    margin-top: 10px
}
#anim-3 .bloc-container:first-child {
    margin-top: 0
}
#anim-3 em {
    display: inline-block;
    font-weight: bold;
    font-size: 42px;
    width: 100px;
    text-align: left;
    font-style: normal;
    line-height: 1;
    position: relative;
    top: -3px;
    left: 6px
}
#anim-3 #bloc-1 {
    background-color: #e41b16;
    color: #e41b16
}
#anim-3 #bloc-1+em {
    color: #e41b16
}
#anim-3 #bloc-2 {
    background-color: #b11b17;
    color: #b11b17
}
#anim-3 #bloc-2+em {
    color: #b11b17
}
#anim-3 #bloc-3 {
    background-color: #cb7f4b;
    color: #cb7f4b
}
#anim-3 #bloc-3+em {
    color: #cb7f4b
}
#anim-3 #bloc-4 {
    background-color: #845637;
    color: #845637
}
#anim-3 #bloc-4+em {
    color: #845637
}
#anim-3 #bloc-5 {
    background-color: #a1a1a1;
    color: #a1a1a1
}
#anim-3 #bloc-5+em {
    color: #a1a1a1
}
@-webkit-keyframes anim-5-fill-1 {
    0% {
        height: 250px
    }
    100% {
        height: 50px
    }
}
@keyframes anim-5-fill-1 {
    0% {
        height: 250px
    }
    100% {
        height: 50px
    }
}
@-webkit-keyframes anim-5-fill-2 {
    0% {
        height: 50px
    }
    100% {
        height: 210px
    }
}
@keyframes anim-5-fill-2 {
    0% {
        height: 50px
    }
    100% {
        height: 210px
    }
}
#anim-4 {
    height: 230px;
    padding-top: 20px;
    width: 581px;
    position: relative;
    background: url("/visagesdemigrants/img/anim-4-bg.png?_cchid=8d78af05944e7403d14fbd5ca07216ce") 0 100% no-repeat transparent
}
#anim-4 .date {
    font-size: 24px;
    width: 50px;
    height: 60px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 30px;
    margin-right: 50px;
    display: inline-block;
    position: relative;
    overflow: visible
}
#anim-4 .date::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 3px;
    height: 10px;
    background: #fff
}
#anim-4 #anim-4-arrow {
    background: url("/visagesdemigrants/img/anim-4-arrow.png?_cchid=1ea31646522e1f67c3e68c85ce0aac44") 0 0 no-repeat transparent;
    width: 36px;
    height: 26px;
    display: inline-block
}
#anim-4 #anim-4-line {
    height: 3px;
    background: #fff;
    display: inline-block;
    width: 0;
    top: -14px;
    right: -5px;
    position: relative
}
#anim-4 #anim-4-text {
    color: #ee2e24;
    position: absolute;
    left: 210px;
    bottom: -9px;
    font-size: 46px;
    width: 120px;
    text-align: right;
    line-height: 51px;
    font-weight: bold
}
#anim-4 #anim-4-date-5 {
    font-size: 32px;
    height: 69px
}
#anim-5 {
    width: 462px;
    height: 328px;
    position: relative
}
#anim-5 #anim-5-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 462px;
    height: 328px;
    background: url("/visagesdemigrants/img/anim-5-mask.png?_cchid=d635d097800b63a51187ef196c9363ca") 0 0 no-repeat transparent;
    z-index: 10
}
#anim-5 #anim-5-fill-0 {
    position: absolute;
    left: 50px;
    bottom: 30px;
    right: 30px;
    top: 30px;
    background: #fff;
    z-index: 1
}
#anim-5 #anim-5-fill-1 {
    width: 130px;
    position: absolute;
    left: 50px;
    bottom: 30px;
    height: 210px;
    background: #ee2e24;
    z-index: 3
}
#anim-5 #anim-5-fill-2 {
    width: 240px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    height: 50px;
    background: #ee2e24;
    z-index: 3
}
#anim-5.animated #anim-5-fill-1 {
    -webkit-animation: anim-5-fill-1 3s ease-in-out;
    animation: anim-5-fill-1 3s ease-in-out;
    height: 50px
}
#anim-5.animated #anim-5-fill-2 {
    -webkit-animation: anim-5-fill-2 3s ease-in-out;
    animation: anim-5-fill-2 3s ease-in-out;
    height: 210px
}
#anim-6 {
    height: 284px;
    width: 549px;
    margin-top: 20px;
    margin-left: -10px;
    position: relative;
    background: url("/visagesdemigrants/img/anim-6-layer-1.png?_cchid=cccd9e943e01ad0e3443f39084b64dd0") 0 0 no-repeat transparent;
    overflow: hidden
}
#anim-6 #anim-6-layer-1,
#anim-6 #anim-6-layer-2,
#anim-6 #anim-6-layer-3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#anim-6 #anim-6-layer-1 {
    background: url("/visagesdemigrants/img/anim-6-layer-2.png?_cchid=24b56152add051ebd06e844494b7cc4a") 0 0 no-repeat transparent;
    display: none;
}
#anim-6 #anim-6-layer-2 {
    background: url("/visagesdemigrants/img/anim-6-layer-3.png?_cchid=f798026e311ff8bb62eb5f58d073ffde") 0 0 no-repeat transparent;
    display: none;
}
#anim-6 #anim-6-layer-3 {
    background: url("/visagesdemigrants/img/anim-6-layer-4.png?_cchid=0e16f410d0e5f42c94e3cd9e4462e711") 0 0 no-repeat transparent;
    display: none;
}
#engagement-section-3 {
    background: #f9f2ed
}
#credits-modal {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1500;
    padding: 10%;
    background: rgba(0, 0, 0, 0.5)
}
#credits-modal .inner {
    max-width: 700px;
    background: #fff;
    margin: 0 auto;
    padding: 30px;
    position: relative
}
#credits-modal .inner .close {
    position: absolute;
    display: block;
    top: 20px;
    right: 20px;
    height: 18px;
    width: 18px;
    background: url("/visagesdemigrants/img/modal-close.png?_cchid=dffeaa95c384161eb74cd41133ef0e9b") 0 0 no-repeat transparent
}
#credits-modal.visible {
    display: block;
    opacity: 1
}
#engagement-section-1 {
    background: url("/visagesdemigrants/img/genevieve.png?_cchid=5918bfd2220666b2415bb2d4c6a789cf") 50% 50% no-repeat;
    min-height: 615px;
    background-size: cover;
    position: relative;
    cursor: pointer
}
#engagement-section-1 iframe {
    display: block;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%
}
#engagement-section-1 iframe.visible {
    display: block;
    opacity: 1
}
#main-mobile-header {
    display: none;
    height: 56px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: url("/visagesdemigrants/img/mobile-header.png?_cchid=d5cf1d0631181f51017fe0b2c4f49968") 50% 0 no-repeat #ee2e24;
    z-index: 100;
    text-align: center
}
#main-mobile-header #mobile-header-button {
    display: inline-block;
    opacity: 0;
    padding: .6rem 1.2em .3em;
    margin-top: 2px;
    margin-right: 0
}
#main-mobile-header.scrolled {
    background-image: none
}
#main-mobile-header.scrolled #mobile-header-button {
    opacity: 1
}
@media screen and (min-width: 1350px) {
    body .personna-section {
        background-size: initial;
        max-width: 1350px;
        background-position: 50% 50%!important
    }
    body .personna-section::after {
        display: block;
        position: absolute;
        content: ' ';
        margin-left: -675px;
        width: 110px;
        top: 0;
        bottom: 0;
        left: 50%;
        z-index: 2;
        background: -webkit-linear-gradient(left, #161616 0, rgba(22, 22, 22, 0) 100%);
        background: linear-gradient(to right, #161616 0, rgba(22, 22, 22, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#00161616', GradientType=1)
    }
    body .personna-section::before {
        display: block;
        position: absolute;
        content: ' ';
        width: 110px;
        margin-left: 565px;
        top: 0;
        bottom: 0;
        left: 50%;
        z-index: 2;
        background: -webkit-linear-gradient(right, #161616 0, rgba(22, 22, 22, 0) 100%);
        background: linear-gradient(to left, #161616 0, rgba(22, 22, 22, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#00161616', GradientType=3)
    }
    #section-3 {
        position: relative
    }
    #section-3::after {
        display: block;
        position: absolute;
        content: ' ';
        margin-left: -675px;
        width: 70px;
        top: 0;
        bottom: 0;
        left: 50%;
        z-index: 2;
        background: -webkit-linear-gradient(left, #2f2f2f 0, rgba(47, 47, 47, 0) 100%);
        background: linear-gradient(to right, #2f2f2f 0, rgba(47, 47, 47, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#002f2f2f', GradientType=1)
    }
    #section-3::before {
        display: block;
        position: absolute;
        content: ' ';
        width: 70px;
        margin-left: 605px;
        top: 0;
        bottom: 0;
        left: 50%;
        z-index: 2;
        background: -webkit-linear-gradient(right, #2f2f2f 0, rgba(47, 47, 47, 0) 100%);
        background: linear-gradient(to left, #2f2f2f 0, rgba(47, 47, 47, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#002f2f2f', GradientType=3)
    }
}
@media screen and (min-width: 1150px) {
    .engagement-section form .prefix {
        font-size: 1.4em
    }
    .engagement-section form input {
        height: 2.6rem
    }
}
@media screen and (max-width: 1350px) {
    .personna-section {
        background-position: 50% 50%
    }
    .personna-section.personna-right {
        background-position: 50% 50%
    }
}

@media screen and (max-width: 1270px) {
    #top-menu > ul a {
        font-size: 13px;
    }

    #top-menu > ul > li {
        width: 140px;
    }
}

@media screen and (max-width: 1160px) {
    #top-menu > ul a {
        font-size: 11px;
    }

    #top-menu > ul > li {
        width: 120px;
    }
}

@media screen and (max-width: 1080px) {

    #top-menu ul {
        display: none;
    }
    .content-carrousel ul li {
        margin-left: 2.9%
    }
    .personna-section .personna-menu,
    .personna-section .personna-content article {
        left: 30%;
        right: auto
    }
    #section-1 {
        max-height: 700px
    }
    .personna-section .personna-content p {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7)
    }
}
@media screen and (min-width: 840px) {
    body {
        padding-left: 0px!important
    }
    #section-1 {
        max-height: 627px
    }
    #section-1 .top-right-link {
        position: fixed;
        z-index: 999
    }
}
@media screen and (max-width: 840px) {

    #top-menu {
        display: none;
    }
    #main-nav {
        display: none
    }
    #main-mobile-header {
        display: block
    }
    #section-1 {
        max-width: 100%
    }
    #section-1 .top-right-link {
        display: none
    }
    .parcours-bg::after {
        top: 100px!important;
        opacity: .7
    }
    #section-1 .large-12,
    #section-2 .large-12,
    #personna-section-1 .large-12,
    #personna-section-2 .large-12,
    #personna-section-3 .large-12,
    #personna-section-4 .large-12,
    #personna-section-5 .large-12,
    #personna-section-6 .large-12 {
        min-height: 42.4em
    }
    #section-1,
    #engagement-section-1 {
        margin-top: 56px
    }
    .engagement-section {
        padding: 50px 35px
    }
    .personna-section {
        min-height: 44em;
        background-position: 5% 50%
    }
    .personna-section .personna-menu,
    .personna-section .personna-content article {
        position: static;
        padding: 25px;
        margin: 0
    }
    .personna-section .personna-menu {
        padding-bottom: 0;
        margin-top: 30px;
        background: 0
    }
    .personna-section .personna-image {
        z-index: -1
    }
    .personna-section.personna-right {
        background-position: 100% 0
    }
    .content-carrousel ul li {
        width: 100%;
        margin: 0 0 20px
    }
    #section-3 .content-carrousel {
        margin-bottom: 40px
    }
    .anim-bloc {
        -webkit-transform-origin: 0 20%;
        transform-origin: 0 20%;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        position: relative
    }
}
.mobile-only {
    display: none
}
ul,
li {
    list-style-type: none!important
}
@media screen and (max-width: 650px) {

    #section-2 {
        display: none;
    }
    .center .row {
        padding: 0 20px
    }
    .personna-section {
        min-height: 650px;
        margin-top: 10rem;
        z-index: 1
    }
    .personna-section::before {
        display: block;
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3em;
        z-index: -1;
        background: -webkit-linear-gradient(top, #0a0a0a 0, rgba(10, 10, 10, 0) 100%);
        background: linear-gradient(to bottom, #0a0a0a 0, rgba(10, 10, 10, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#00161616', GradientType=0)
    }
    #section-1 #section-1-part-1,
    #section-1 #section-1-part-2 {
        padding: 0
    }
    #section-1 #section-1-part-1 .uppercase strong {
        font-size: 1.3rem
    }
    .personna-section .personna-content img+p {
        padding-top: 0
    }
    #personna-section-3,
    #personna-section-5,
    #personna-section-6 {
        min-height: 0
    }
    .mobile-only {
        display: block
    }
    .personna-mobile-info {
        position: absolute;
        top: -9rem;
        left: 0;
        padding: 0 20px;
        right: 0;
        color: #fff;
        text-align: center
    }
    .personna-mobile-info h2 {
        margin-bottom: 0
    }
    .personna-mobile-info p {
        line-height: 1.5
    }
    .personna-menu,
    .personna-content {
        display: none
    }
    .button.center {
        width: 100%
    }
    #section-1 {
        padding-top: 60px;
        background-position: 49% 50%
    }
    #section-1 .top-right-link {
        display: none
    }
    #section-5 {
        max-width: 100%;
        overflow: hidden
    }
    .content-carrousel .row {
        padding: 0
    }
    .content-carrousel .content-image {
        max-height: 200px
    }
    .personna-section .personna-menu {
        background: 0
    }
    .personna-section .personna-menu ul li {
        margin-left: 5px
    }
    .personna-section .personna-menu ul li:first-child {
        margin-left: 0
    }
    .personna-content article {
        overflow: hidden
    }
    .personna-section .personna-content .true-img,
    .personna-section .personna-content .false-img {
        float: none;
        display: block;
        margin: 35px auto
    }
    #main-video #skip-link {
        left: 50%;
        right: auto;
        width: 200px;
        margin-left: -100px;
        bottom: 8% !important;
        top: auto !important;
    }
    .anim-bloc {
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
    .personna-content h2,
    .personna-content .sub-title {
        display: none
    }
    #footer-social-links {
        -webkit-transform: scale(1.33);
        transform: scale(1.33);
        margin-bottom: 20px
    }
    #section-5 .bloc-cimade {
        background-position: 50% 0;
        padding: 90px 0 12px;
        text-align: center
    }
    .engagement-section form .row {
        padding: 0
    }
    .engagement-section form .row .prefix-radius .prefix {
        font-size: 1rem;
        line-height: 1
    }
    .small-hide {
        display: none
    }
    #section-1 .large-12,
    #section-3 .large-12,
    #section-4 .large-12,
    #section-5 .large-12,
    #personna-section-1 .large-12,
    #personna-section-2 .large-12,
    #personna-section-3 .large-12,
    #personna-section-4 .large-12,
    #personna-section-5 .large-12,
    #personna-section-6 .large-12 {
        position: static;
        min-height: 0
    }
    #section-1 .large-12 {
        min-height: 25em
    }
}
@media screen and (max-width: 550px) {
    #section-1 {
        background-position: 33% 50%
    }
    .personna-section {
        min-height: 550px;
        margin-top: 14rem
    }
    .personna-mobile-info {
        top: -13rem
    }
}
@media screen and (max-width: 495px) {
    .personna-section .personna-content blockquote {
        width: 100%
    }
    .personna-section {
        background-position: 5% 50%
    }
}
@media screen and (max-width: 35.5555em) {
    h2 {
        font-size: 1.8rem;
        padding-bottom: 1em
    }
    .personna-content h2 {
        padding-bottom: 0
    }
}
@media screen and (max-width: 460px) {
    .personna-section .personna-menu,
    .personna-section .personna-content {
        display: none
    }
    .button {
        padding-top: .8rem
    }
    #anim-2 {
        max-height: none;
        width: 130%
    }
    #section-1 {
        min-height: 28rem;
        height: auto;
        padding-bottom: 190px;
        padding-top: 20px
    }
    #section-1 #section-1-part-1 .uppercase strong {
        font-size: 1rem;
        line-height: 1.1
    }
    #section-1 #section-1-part-1 p {
        font-size: .9rem;
        line-height: 1.1rem
    }
    #section-1 #section-1-part-2 p {
        font-size: 1.1rem;
        line-height: 1.2rem
    }
    #section-1 #section-1-part-2 span {
        font-size: 1.9rem
    }
    #section-1 #section-1-part-2 small {
        font-size: 1rem
    }
    .content-carrousel ul {
        background: 0
    }
    .personna-section {
        min-height: 460px
    }
    .personna-section .personna-menu {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0 80%;
        transform-origin: 0 80%;
        min-width: 400px;
        margin-left: 2px
    }
    .personna-section .personna-menu {
        padding-top: 10px
    }
    .anim-bloc {
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }
    #main-video {
        background-position: 48% 50%
    }
}
@media screen and (max-width: 380px) {
    .personna-section .personna-content .true-img+p {
        margin-top: 0;
        padding-top: 0
    }
    .personna-section .personna-menu {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .anim-bloc {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}
@media screen and (max-width: 320px) {
    .personna-section .personna-menu {
        -webkit-transform: scale(0.65);
        transform: scale(0.65)
    }
    .anim-bloc {
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }
}