/*! 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: 0.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: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

meta.foundation-version {
    font-family: "/5.5.3/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.0625em) and (max-width:75em)/";
    width: 40.0625em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:75.0625em)/";
    width: 75.0625em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:75.0625em) and (max-width:90em)/";
    width: 75.0625em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.0625em)/";
    width: 90.0625em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
    width: 90.0625em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.0625em)/";
    width: 120.0625em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

html,
body {
    height: 100%
}

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

html,
body {
    font-size: 100%
}

body {
    background: #fff;
    color: #222;
    cursor: auto;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 1.5rem;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative
}

a:hover {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto
}

img {
    -ms-interpolation-mode: bicubic
}

#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
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.invisible {
    visibility: hidden
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.row {
    margin: 0 auto;
    max-width: 78.125rem;
    width: 100%
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    margin: 0 -.9375rem;
    max-width: none;
    width: auto
}

.row .row:before,
.row .row:after {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto
}

.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,
.columns {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%;
    float: left
}

.column+.column:last-child,
.columns+.column:last-child,
.column+.columns:last-child,
.columns+.columns:last-child {
    float: right
}

.column+.column.end,
.columns+.column.end,
.column+.columns.end,
.columns+.columns.end {
    float: left
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .small-1 {
        width: 8.33333%
    }

    .small-2 {
        width: 16.66667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.33333%
    }

    .small-5 {
        width: 41.66667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.33333%
    }

    .small-8 {
        width: 66.66667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.33333%
    }

    .small-11 {
        width: 91.66667%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0 !important
    }

    .small-offset-1 {
        margin-left: 8.33333% !important
    }

    .small-offset-2 {
        margin-left: 16.66667% !important
    }

    .small-offset-3 {
        margin-left: 25% !important
    }

    .small-offset-4 {
        margin-left: 33.33333% !important
    }

    .small-offset-5 {
        margin-left: 41.66667% !important
    }

    .small-offset-6 {
        margin-left: 50% !important
    }

    .small-offset-7 {
        margin-left: 58.33333% !important
    }

    .small-offset-8 {
        margin-left: 66.66667% !important
    }

    .small-offset-9 {
        margin-left: 75% !important
    }

    .small-offset-10 {
        margin-left: 83.33333% !important
    }

    .small-offset-11 {
        margin-left: 91.66667% !important
    }

    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.small-uncentered,
    .columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.small-centered:last-child,
    .columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right
    }

    .row.small-collapse>.column,
    .row.small-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.small-uncollapse>.column,
    .row.small-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
}

@media only screen and (min-width: 40.0625em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0 !important
    }

    .medium-offset-1 {
        margin-left: 8.33333% !important
    }

    .medium-offset-2 {
        margin-left: 16.66667% !important
    }

    .medium-offset-3 {
        margin-left: 25% !important
    }

    .medium-offset-4 {
        margin-left: 33.33333% !important
    }

    .medium-offset-5 {
        margin-left: 41.66667% !important
    }

    .medium-offset-6 {
        margin-left: 50% !important
    }

    .medium-offset-7 {
        margin-left: 58.33333% !important
    }

    .medium-offset-8 {
        margin-left: 66.66667% !important
    }

    .medium-offset-9 {
        margin-left: 75% !important
    }

    .medium-offset-10 {
        margin-left: 83.33333% !important
    }

    .medium-offset-11 {
        margin-left: 91.66667% !important
    }

    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.medium-uncentered,
    .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right
    }

    .row.medium-collapse>.column,
    .row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.medium-uncollapse>.column,
    .row.medium-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

@media only screen and (min-width: 75.0625em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .large-1 {
        width: 8.33333%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0 !important
    }

    .large-offset-1 {
        margin-left: 8.33333% !important
    }

    .large-offset-2 {
        margin-left: 16.66667% !important
    }

    .large-offset-3 {
        margin-left: 25% !important
    }

    .large-offset-4 {
        margin-left: 33.33333% !important
    }

    .large-offset-5 {
        margin-left: 41.66667% !important
    }

    .large-offset-6 {
        margin-left: 50% !important
    }

    .large-offset-7 {
        margin-left: 58.33333% !important
    }

    .large-offset-8 {
        margin-left: 66.66667% !important
    }

    .large-offset-9 {
        margin-left: 75% !important
    }

    .large-offset-10 {
        margin-left: 83.33333% !important
    }

    .large-offset-11 {
        margin-left: 91.66667% !important
    }

    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.large-uncentered,
    .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none
    }

    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right
    }

    .row.large-collapse>.column,
    .row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.large-uncollapse>.column,
    .row.large-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.accordion {
    margin-bottom: 0;
    margin-left: 0
}

.accordion:before,
.accordion:after {
    content: " ";
    display: table
}

.accordion:after {
    clear: both
}

.accordion .accordion-navigation,
.accordion dd {
    display: block;
    margin-bottom: 0 !important
}

.accordion .accordion-navigation.active>a,
.accordion dd.active>a {
    background: rgba(0, 0, 0, 0);
    color: #222
}

.accordion .accordion-navigation>a,
.accordion dd>a {
    background: rgba(0, 0, 0, 0);
    color: #222;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    padding: 1rem
}

.accordion .accordion-navigation>a:hover,
.accordion dd>a:hover {
    background: rgba(0, 0, 0, 0)
}

.accordion .accordion-navigation>.content,
.accordion dd>.content {
    display: none;
    padding: .9375rem
}

.accordion .accordion-navigation>.content.active,
.accordion dd>.content.active {
    background: #fff;
    display: block
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.alert-box {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: .8125rem;
    font-weight: 1.5rem;
    margin-bottom: 1.25rem;
    padding: .875rem 1.5rem .875rem .875rem;
    position: relative;
    transition: opacity 300ms ease-out;
    background-color: #343796;
    border-color: #2d2f81;
    color: #fff
}

.alert-box .close {
    right: .25rem;
    background: inherit;
    color: #333;
    font-size: 1.375rem;
    line-height: .9;
    margin-top: -.6875rem;
    opacity: .3;
    padding: 0 6px 4px;
    position: absolute;
    top: 50%
}

.alert-box .close:hover,
.alert-box .close:focus {
    opacity: .5
}

.alert-box.radius {
    border-radius: 3px
}

.alert-box.round {
    border-radius: 1000px
}

.alert-box.success {
    background-color: #43AC6A;
    border-color: #3a945b;
    color: #fff
}

.alert-box.alert {
    background-color: #f04124;
    border-color: #de2d0f;
    color: #fff
}

.alert-box.secondary {
    background-color: #e7e7e7;
    border-color: #c7c7c7;
    color: #4f4f4f
}

.alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: #fff
}

.alert-box.info {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #4f4f4f
}

.alert-box.alert-close {
    opacity: 0
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -.625rem
}

[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
    content: " ";
    display: table
}

[class*="block-grid-"]:after {
    clear: both
}

[class*="block-grid-"]>li {
    display: block;
    float: left;
    height: auto;
    padding: 0 .625rem 1.25rem
}

@media only screen {
    .small-block-grid-1>li {
        list-style: none;
        width: 100%
    }

    .small-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .small-block-grid-2>li {
        list-style: none;
        width: 50%
    }

    .small-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .small-block-grid-3>li {
        list-style: none;
        width: 33.33333%
    }

    .small-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .small-block-grid-4>li {
        list-style: none;
        width: 25%
    }

    .small-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .small-block-grid-5>li {
        list-style: none;
        width: 20%
    }

    .small-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .small-block-grid-6>li {
        list-style: none;
        width: 16.66667%
    }

    .small-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .small-block-grid-7>li {
        list-style: none;
        width: 14.28571%
    }

    .small-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .small-block-grid-8>li {
        list-style: none;
        width: 12.5%
    }

    .small-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .small-block-grid-9>li {
        list-style: none;
        width: 11.11111%
    }

    .small-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .small-block-grid-10>li {
        list-style: none;
        width: 10%
    }

    .small-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .small-block-grid-11>li {
        list-style: none;
        width: 9.09091%
    }

    .small-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .small-block-grid-12>li {
        list-style: none;
        width: 8.33333%
    }

    .small-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 40.0625em) {
    .medium-block-grid-1>li {
        list-style: none;
        width: 100%
    }

    .medium-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .medium-block-grid-2>li {
        list-style: none;
        width: 50%
    }

    .medium-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .medium-block-grid-3>li {
        list-style: none;
        width: 33.33333%
    }

    .medium-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .medium-block-grid-4>li {
        list-style: none;
        width: 25%
    }

    .medium-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .medium-block-grid-5>li {
        list-style: none;
        width: 20%
    }

    .medium-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .medium-block-grid-6>li {
        list-style: none;
        width: 16.66667%
    }

    .medium-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .medium-block-grid-7>li {
        list-style: none;
        width: 14.28571%
    }

    .medium-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .medium-block-grid-8>li {
        list-style: none;
        width: 12.5%
    }

    .medium-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .medium-block-grid-9>li {
        list-style: none;
        width: 11.11111%
    }

    .medium-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .medium-block-grid-10>li {
        list-style: none;
        width: 10%
    }

    .medium-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .medium-block-grid-11>li {
        list-style: none;
        width: 9.09091%
    }

    .medium-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .medium-block-grid-12>li {
        list-style: none;
        width: 8.33333%
    }

    .medium-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 75.0625em) {
    .large-block-grid-1>li {
        list-style: none;
        width: 100%
    }

    .large-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .large-block-grid-2>li {
        list-style: none;
        width: 50%
    }

    .large-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .large-block-grid-3>li {
        list-style: none;
        width: 33.33333%
    }

    .large-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .large-block-grid-4>li {
        list-style: none;
        width: 25%
    }

    .large-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .large-block-grid-5>li {
        list-style: none;
        width: 20%
    }

    .large-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .large-block-grid-6>li {
        list-style: none;
        width: 16.66667%
    }

    .large-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .large-block-grid-7>li {
        list-style: none;
        width: 14.28571%
    }

    .large-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .large-block-grid-8>li {
        list-style: none;
        width: 12.5%
    }

    .large-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .large-block-grid-9>li {
        list-style: none;
        width: 11.11111%
    }

    .large-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .large-block-grid-10>li {
        list-style: none;
        width: 10%
    }

    .large-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .large-block-grid-11>li {
        list-style: none;
        width: 9.09091%
    }

    .large-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .large-block-grid-12>li {
        list-style: none;
        width: 8.33333%
    }

    .large-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.breadcrumbs {
    border-style: solid;
    border-width: 1px;
    display: block;
    list-style: none;
    margin-left: 0;
    overflow: hidden;
    padding: .5625rem .875rem .5625rem;
    background-color: #f4f4f4;
    border-color: #dcdcdc;
    border-radius: 3px
}

.breadcrumbs>* {
    color: #343796;
    float: left;
    font-size: .6875rem;
    line-height: .6875rem;
    margin: 0;
    text-transform: uppercase
}

.breadcrumbs>*:hover a,
.breadcrumbs>*:focus a {
    text-decoration: underline
}

.breadcrumbs>* a {
    color: #343796
}

.breadcrumbs>*.current {
    color: #333;
    cursor: default
}

.breadcrumbs>*.current a {
    color: #333;
    cursor: default
}

.breadcrumbs>*.current:hover,
.breadcrumbs>*.current:hover a,
.breadcrumbs>*.current:focus,
.breadcrumbs>*.current:focus a {
    text-decoration: none
}

.breadcrumbs>*.unavailable {
    color: #999
}

.breadcrumbs>*.unavailable a {
    color: #999
}

.breadcrumbs>*.unavailable:hover,
.breadcrumbs>*.unavailable:hover a,
.breadcrumbs>*.unavailable:focus,
.breadcrumbs>*.unavailable a:focus {
    color: #999;
    cursor: not-allowed;
    text-decoration: none
}

.breadcrumbs>*:before {
    color: #aaa;
    content: "/";
    margin: 0 .75rem;
    position: relative;
    top: 1px
}

.breadcrumbs>*:first-child:before {
    content: " ";
    margin: 0
}

[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
    content: "/"
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

button,
.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 1.5rem;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    background-color: #343796;
    border-color: #2a2c78;
    color: #fff;
    transition: background-color 300ms ease-out
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: #2a2c78
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    color: #fff
}

button.secondary,
.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    background-color: #b9b9b9
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    color: #333
}

button.success,
.button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    background-color: #368a55
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    color: #fff
}

button.alert,
.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    background-color: #cf2a0e
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    color: #fff
}

button.warning,
.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    background-color: #cf6e0e
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    color: #fff
}

button.info,
.button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    background-color: #61b6d9
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    color: #fff
}

button.large,
.button.large {
    padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
    font-size: 1.25rem
}

button.small,
.button.small {
    padding: .875rem 1.75rem .9375rem 1.75rem;
    font-size: .8125rem
}

button.tiny,
.button.tiny {
    padding: .625rem 1.25rem .6875rem 1.25rem;
    font-size: .6875rem
}

button.expand,
.button.expand {
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    padding-bottom: 1.0625rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

button.left-align,
.button.left-align {
    text-align: left;
    text-indent: .75rem
}

button.right-align,
.button.right-align {
    text-align: right;
    padding-right: .75rem
}

button.radius,
.button.radius {
    border-radius: 3px
}

button.round,
.button.round {
    border-radius: 1000px
}

button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
    background-color: #343796;
    border-color: #2a2c78;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #2a2c78
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    color: #fff
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #343796
}

button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.button[disabled].secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #b9b9b9
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    color: #333
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #e7e7e7
}

button.disabled.success,
button[disabled].success,
.button.disabled.success,
.button[disabled].success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #368a55
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    color: #fff
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #43AC6A
}

button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.button[disabled].alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: #cf2a0e
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    color: #fff
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: #f04124
}

button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
.button[disabled].warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    background-color: #cf6e0e
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    color: #fff
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    background-color: #f08a24
}

button.disabled.info,
button[disabled].info,
.button.disabled.info,
.button[disabled].info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #61b6d9
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    color: #fff
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #a0d3e8
}

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

@media only screen and (min-width: 40.0625em) {

    button,
    .button {
        display: inline-block
    }
}

.button-group {
    list-style: none;
    margin: 0;
    left: 0
}

.button-group:before,
.button-group:after {
    content: " ";
    display: table
}

.button-group:after {
    clear: both
}

.button-group.even-2 li {
    display: inline-block;
    margin: 0 -2px;
    width: 50%
}

.button-group.even-2 li>button,
.button-group.even-2 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-2 li:first-child button,
.button-group.even-2 li:first-child .button {
    border-left: 0
}

.button-group.even-2 li button,
.button-group.even-2 li .button {
    width: 100%
}

.button-group.even-3 li {
    display: inline-block;
    margin: 0 -2px;
    width: 33.33333%
}

.button-group.even-3 li>button,
.button-group.even-3 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-3 li:first-child button,
.button-group.even-3 li:first-child .button {
    border-left: 0
}

.button-group.even-3 li button,
.button-group.even-3 li .button {
    width: 100%
}

.button-group.even-4 li {
    display: inline-block;
    margin: 0 -2px;
    width: 25%
}

.button-group.even-4 li>button,
.button-group.even-4 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-4 li:first-child button,
.button-group.even-4 li:first-child .button {
    border-left: 0
}

.button-group.even-4 li button,
.button-group.even-4 li .button {
    width: 100%
}

.button-group.even-5 li {
    display: inline-block;
    margin: 0 -2px;
    width: 20%
}

.button-group.even-5 li>button,
.button-group.even-5 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-5 li:first-child button,
.button-group.even-5 li:first-child .button {
    border-left: 0
}

.button-group.even-5 li button,
.button-group.even-5 li .button {
    width: 100%
}

.button-group.even-6 li {
    display: inline-block;
    margin: 0 -2px;
    width: 16.66667%
}

.button-group.even-6 li>button,
.button-group.even-6 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-6 li:first-child button,
.button-group.even-6 li:first-child .button {
    border-left: 0
}

.button-group.even-6 li button,
.button-group.even-6 li .button {
    width: 100%
}

.button-group.even-7 li {
    display: inline-block;
    margin: 0 -2px;
    width: 14.28571%
}

.button-group.even-7 li>button,
.button-group.even-7 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-7 li:first-child button,
.button-group.even-7 li:first-child .button {
    border-left: 0
}

.button-group.even-7 li button,
.button-group.even-7 li .button {
    width: 100%
}

.button-group.even-8 li {
    display: inline-block;
    margin: 0 -2px;
    width: 12.5%
}

.button-group.even-8 li>button,
.button-group.even-8 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.even-8 li:first-child button,
.button-group.even-8 li:first-child .button {
    border-left: 0
}

.button-group.even-8 li button,
.button-group.even-8 li .button {
    width: 100%
}

.button-group>li {
    display: inline-block;
    margin: 0 -2px
}

.button-group>li>button,
.button-group>li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group>li:first-child button,
.button-group>li:first-child .button {
    border-left: 0
}

.button-group.stack>li {
    display: block;
    margin: 0;
    float: none
}

.button-group.stack>li>button,
.button-group.stack>li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.stack>li:first-child button,
.button-group.stack>li:first-child .button {
    border-left: 0
}

.button-group.stack>li>button,
.button-group.stack>li .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
}

.button-group.stack>li>button {
    width: 100%
}

.button-group.stack>li:first-child button,
.button-group.stack>li:first-child .button {
    border-top: 0
}

.button-group.stack-for-small>li {
    display: inline-block;
    margin: 0 -2px
}

.button-group.stack-for-small>li>button,
.button-group.stack-for-small>li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.stack-for-small>li:first-child button,
.button-group.stack-for-small>li:first-child .button {
    border-left: 0
}

@media only screen and (max-width: 40em) {
    .button-group.stack-for-small>li {
        display: block;
        margin: 0;
        width: 100%
    }

    .button-group.stack-for-small>li>button,
    .button-group.stack-for-small>li .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }

    .button-group.stack-for-small>li:first-child button,
    .button-group.stack-for-small>li:first-child .button {
        border-left: 0
    }

    .button-group.stack-for-small>li>button,
    .button-group.stack-for-small>li .button {
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0
    }

    .button-group.stack-for-small>li>button {
        width: 100%
    }

    .button-group.stack-for-small>li:first-child button,
    .button-group.stack-for-small>li:first-child .button {
        border-top: 0
    }
}

.button-group.radius>* {
    display: inline-block;
    margin: 0 -2px
}

.button-group.radius>*>button,
.button-group.radius>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.radius>*:first-child button,
.button-group.radius>*:first-child .button {
    border-left: 0
}

.button-group.radius>*,
.button-group.radius>*>a,
.button-group.radius>*>button,
.button-group.radius>*>.button {
    border-radius: 0
}

.button-group.radius>*:first-child,
.button-group.radius>*:first-child>a,
.button-group.radius>*:first-child>button,
.button-group.radius>*:first-child>.button {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.button-group.radius>*:last-child,
.button-group.radius>*:last-child>a,
.button-group.radius>*:last-child>button,
.button-group.radius>*:last-child>.button {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.button-group.radius.stack>* {
    display: block;
    margin: 0
}

.button-group.radius.stack>*>button,
.button-group.radius.stack>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.radius.stack>*:first-child button,
.button-group.radius.stack>*:first-child .button {
    border-left: 0
}

.button-group.radius.stack>*>button,
.button-group.radius.stack>* .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
}

.button-group.radius.stack>*>button {
    width: 100%
}

.button-group.radius.stack>*:first-child button,
.button-group.radius.stack>*:first-child .button {
    border-top: 0
}

.button-group.radius.stack>*,
.button-group.radius.stack>*>a,
.button-group.radius.stack>*>button,
.button-group.radius.stack>*>.button {
    border-radius: 0
}

.button-group.radius.stack>*:first-child,
.button-group.radius.stack>*:first-child>a,
.button-group.radius.stack>*:first-child>button,
.button-group.radius.stack>*:first-child>.button {
    -webkit-top-left-radius: 3px;
    -webkit-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.button-group.radius.stack>*:last-child,
.button-group.radius.stack>*:last-child>a,
.button-group.radius.stack>*:last-child>button,
.button-group.radius.stack>*:last-child>.button {
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

@media only screen and (min-width: 40.0625em) {
    .button-group.radius.stack-for-small>* {
        display: inline-block;
        margin: 0 -2px
    }

    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }

    .button-group.radius.stack-for-small>*:first-child button,
    .button-group.radius.stack-for-small>*:first-child .button {
        border-left: 0
    }

    .button-group.radius.stack-for-small>*,
    .button-group.radius.stack-for-small>*>a,
    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>*>.button {
        border-radius: 0
    }

    .button-group.radius.stack-for-small>*:first-child,
    .button-group.radius.stack-for-small>*:first-child>a,
    .button-group.radius.stack-for-small>*:first-child>button,
    .button-group.radius.stack-for-small>*:first-child>.button {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }

    .button-group.radius.stack-for-small>*:last-child,
    .button-group.radius.stack-for-small>*:last-child>a,
    .button-group.radius.stack-for-small>*:last-child>button,
    .button-group.radius.stack-for-small>*:last-child>.button {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }
}

@media only screen and (max-width: 40em) {
    .button-group.radius.stack-for-small>* {
        display: block;
        margin: 0
    }

    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }

    .button-group.radius.stack-for-small>*:first-child button,
    .button-group.radius.stack-for-small>*:first-child .button {
        border-left: 0
    }

    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>* .button {
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0
    }

    .button-group.radius.stack-for-small>*>button {
        width: 100%
    }

    .button-group.radius.stack-for-small>*:first-child button,
    .button-group.radius.stack-for-small>*:first-child .button {
        border-top: 0
    }

    .button-group.radius.stack-for-small>*,
    .button-group.radius.stack-for-small>*>a,
    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>*>.button {
        border-radius: 0
    }

    .button-group.radius.stack-for-small>*:first-child,
    .button-group.radius.stack-for-small>*:first-child>a,
    .button-group.radius.stack-for-small>*:first-child>button,
    .button-group.radius.stack-for-small>*:first-child>.button {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .button-group.radius.stack-for-small>*:last-child,
    .button-group.radius.stack-for-small>*:last-child>a,
    .button-group.radius.stack-for-small>*:last-child>button,
    .button-group.radius.stack-for-small>*:last-child>.button {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }
}

.button-group.round>* {
    display: inline-block;
    margin: 0 -2px
}

.button-group.round>*>button,
.button-group.round>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.round>*:first-child button,
.button-group.round>*:first-child .button {
    border-left: 0
}

.button-group.round>*,
.button-group.round>*>a,
.button-group.round>*>button,
.button-group.round>*>.button {
    border-radius: 0
}

.button-group.round>*:first-child,
.button-group.round>*:first-child>a,
.button-group.round>*:first-child>button,
.button-group.round>*:first-child>.button {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.button-group.round>*:last-child,
.button-group.round>*:last-child>a,
.button-group.round>*:last-child>button,
.button-group.round>*:last-child>.button {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

.button-group.round.stack>* {
    display: block;
    margin: 0
}

.button-group.round.stack>*>button,
.button-group.round.stack>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5)
}

.button-group.round.stack>*:first-child button,
.button-group.round.stack>*:first-child .button {
    border-left: 0
}

.button-group.round.stack>*>button,
.button-group.round.stack>* .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
}

.button-group.round.stack>*>button {
    width: 100%
}

.button-group.round.stack>*:first-child button,
.button-group.round.stack>*:first-child .button {
    border-top: 0
}

.button-group.round.stack>*,
.button-group.round.stack>*>a,
.button-group.round.stack>*>button,
.button-group.round.stack>*>.button {
    border-radius: 0
}

.button-group.round.stack>*:first-child,
.button-group.round.stack>*:first-child>a,
.button-group.round.stack>*:first-child>button,
.button-group.round.stack>*:first-child>.button {
    -webkit-top-left-radius: 1rem;
    -webkit-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.button-group.round.stack>*:last-child,
.button-group.round.stack>*:last-child>a,
.button-group.round.stack>*:last-child>button,
.button-group.round.stack>*:last-child>.button {
    -webkit-bottom-left-radius: 1rem;
    -webkit-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

@media only screen and (min-width: 40.0625em) {
    .button-group.round.stack-for-small>* {
        display: inline-block;
        margin: 0 -2px
    }

    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }

    .button-group.round.stack-for-small>*:first-child button,
    .button-group.round.stack-for-small>*:first-child .button {
        border-left: 0
    }

    .button-group.round.stack-for-small>*,
    .button-group.round.stack-for-small>*>a,
    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>*>.button {
        border-radius: 0
    }

    .button-group.round.stack-for-small>*:first-child,
    .button-group.round.stack-for-small>*:first-child>a,
    .button-group.round.stack-for-small>*:first-child>button,
    .button-group.round.stack-for-small>*:first-child>.button {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px
    }

    .button-group.round.stack-for-small>*:last-child,
    .button-group.round.stack-for-small>*:last-child>a,
    .button-group.round.stack-for-small>*:last-child>button,
    .button-group.round.stack-for-small>*:last-child>.button {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px
    }
}

@media only screen and (max-width: 40em) {
    .button-group.round.stack-for-small>* {
        display: block;
        margin: 0
    }

    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5)
    }

    .button-group.round.stack-for-small>*:first-child button,
    .button-group.round.stack-for-small>*:first-child .button {
        border-left: 0
    }

    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>* .button {
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0
    }

    .button-group.round.stack-for-small>*>button {
        width: 100%
    }

    .button-group.round.stack-for-small>*:first-child button,
    .button-group.round.stack-for-small>*:first-child .button {
        border-top: 0
    }

    .button-group.round.stack-for-small>*,
    .button-group.round.stack-for-small>*>a,
    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>*>.button {
        border-radius: 0
    }

    .button-group.round.stack-for-small>*:first-child,
    .button-group.round.stack-for-small>*:first-child>a,
    .button-group.round.stack-for-small>*:first-child>button,
    .button-group.round.stack-for-small>*:first-child>.button {
        -webkit-top-left-radius: 1rem;
        -webkit-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem
    }

    .button-group.round.stack-for-small>*:last-child,
    .button-group.round.stack-for-small>*:last-child>a,
    .button-group.round.stack-for-small>*:last-child>button,
    .button-group.round.stack-for-small>*:last-child>.button {
        -webkit-bottom-left-radius: 1rem;
        -webkit-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem
    }
}

.button-bar:before,
.button-bar:after {
    content: " ";
    display: table
}

.button-bar:after {
    clear: both
}

.button-bar .button-group {
    float: left;
    margin-right: .625rem
}

.button-bar .button-group div {
    overflow: hidden
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.f-dropdown {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 2px;
    max-width: 200px
}

.f-dropdown.open {
    display: block
}

.f-dropdown>*:first-child {
    margin-top: 0
}

.f-dropdown>*:last-child {
    margin-bottom: 0
}

.f-dropdown:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #fff transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 89
}

.f-dropdown:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #ccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 88
}

.f-dropdown.right:before {
    left: auto;
    right: 10px
}

.f-dropdown.right:after {
    left: auto;
    right: 9px
}

.f-dropdown.drop-right {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px
}

.f-dropdown.drop-right.open {
    display: block
}

.f-dropdown.drop-right>*:first-child {
    margin-top: 0
}

.f-dropdown.drop-right>*:last-child {
    margin-bottom: 0
}

.f-dropdown.drop-right:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent #fff transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 10px;
    left: -12px;
    z-index: 89
}

.f-dropdown.drop-right:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent #ccc transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 9px;
    left: -14px;
    z-index: 88
}

.f-dropdown.drop-left {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px
}

.f-dropdown.drop-left.open {
    display: block
}

.f-dropdown.drop-left>*:first-child {
    margin-top: 0
}

.f-dropdown.drop-left>*:last-child {
    margin-bottom: 0
}

.f-dropdown.drop-left:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #fff;
    border-left-style: solid;
    position: absolute;
    top: 10px;
    right: -12px;
    left: auto;
    z-index: 89
}

.f-dropdown.drop-left:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #ccc;
    border-left-style: solid;
    position: absolute;
    top: 9px;
    right: -14px;
    left: auto;
    z-index: 88
}

.f-dropdown.drop-top {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-left: 0;
    margin-top: -2px;
    max-width: 200px
}

.f-dropdown.drop-top.open {
    display: block
}

.f-dropdown.drop-top>*:first-child {
    margin-top: 0
}

.f-dropdown.drop-top>*:last-child {
    margin-bottom: 0
}

.f-dropdown.drop-top:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: #fff transparent transparent transparent;
    border-top-style: solid;
    bottom: -12px;
    position: absolute;
    top: auto;
    left: 10px;
    right: auto;
    z-index: 89
}

.f-dropdown.drop-top:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: #ccc transparent transparent transparent;
    border-top-style: solid;
    bottom: -14px;
    position: absolute;
    top: auto;
    left: 9px;
    right: auto;
    z-index: 88
}

.f-dropdown li {
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.125rem;
    margin: 0
}

.f-dropdown li:hover,
.f-dropdown li:focus {
    background: #eee
}

.f-dropdown li a {
    display: block;
    padding: .5rem;
    color: #555
}

.f-dropdown.content {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    padding: 1.25rem;
    width: 100%;
    z-index: 89;
    max-width: 200px
}

.f-dropdown.content.open {
    display: block
}

.f-dropdown.content>*:first-child {
    margin-top: 0
}

.f-dropdown.content>*:last-child {
    margin-bottom: 0
}

.f-dropdown.radius {
    border-radius: 3px
}

.f-dropdown.tiny {
    max-width: 200px
}

.f-dropdown.small {
    max-width: 300px
}

.f-dropdown.medium {
    max-width: 500px
}

.f-dropdown.large {
    max-width: 800px
}

.f-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important
}

.f-dropdown.mega.open {
    left: 0 !important
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.dropdown.button,
button.dropdown {
    position: relative;
    padding-right: 3.5625rem
}

.dropdown.button::after,
button.dropdown::after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0
}

.dropdown.button::after,
button.dropdown::after {
    border-width: .375rem;
    right: 1.40625rem;
    margin-top: -.15625rem
}

.dropdown.button::after,
button.dropdown::after {
    border-color: #fff transparent transparent transparent
}

.dropdown.button.tiny,
button.dropdown.tiny {
    padding-right: 2.625rem
}

.dropdown.button.tiny:after,
button.dropdown.tiny:after {
    border-width: .375rem;
    right: 1.125rem;
    margin-top: -.125rem
}

.dropdown.button.tiny::after,
button.dropdown.tiny::after {
    border-color: #fff transparent transparent transparent
}

.dropdown.button.small,
button.dropdown.small {
    padding-right: 3.0625rem
}

.dropdown.button.small::after,
button.dropdown.small::after {
    border-width: .4375rem;
    right: 1.3125rem;
    margin-top: -.15625rem
}

.dropdown.button.small::after,
button.dropdown.small::after {
    border-color: #fff transparent transparent transparent
}

.dropdown.button.large,
button.dropdown.large {
    padding-right: 3.625rem
}

.dropdown.button.large::after,
button.dropdown.large::after {
    border-width: .3125rem;
    right: 1.71875rem;
    margin-top: -.15625rem
}

.dropdown.button.large::after,
button.dropdown.large::after {
    border-color: #fff transparent transparent transparent
}

.dropdown.button.secondary:after,
button.dropdown.secondary:after {
    border-color: #333 transparent transparent transparent
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.flex-video {
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-bottom: 67.5%;
    padding-top: 1.5625rem;
    position: relative
}

.flex-video.widescreen {
    padding-bottom: 56.34%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

form {
    margin: 0 0 1.7rem
}

form .row .row {
    margin: 0 -.85rem
}

form .row .row .column,
form .row .row .columns {
    padding: 0 .85rem
}

form .row .row.collapse {
    margin: 0
}

form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0
}

form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
    padding-left: .85rem
}

label {
    color: #bcbcbc;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: 1.5rem;
    line-height: 1.5;
    margin-bottom: 0
}

label.right {
    float: none !important;
    text-align: right
}

label.inline {
    margin: 0 0 1.7rem 0;
    padding: .9125rem 0
}

label small {
    text-transform: capitalize;
    color: #c6c6c6
}

.prefix,
.postfix {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: .875rem;
    height: 3.3625rem;
    line-height: 3.3625rem;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2
}

.postfix.button {
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center
}

.prefix.button {
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center
}

.prefix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.postfix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.prefix.button.round {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.postfix.button.round {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

span.prefix,
label.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #bcbcbc;
    border-color: #ccc
}

span.postfix,
label.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #bcbcbc;
    border-color: #ccc
}

input:not([type]),
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #bcbcbc;
    display: block;
    font-family: inherit;
    font-size: .875rem;
    height: 3.3625rem;
    margin: 0 0 1.7rem 0;
    padding: .85rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .15s linear, background .15s linear;
    -moz-transition: border-color .15s linear, background .15s linear;
    -ms-transition: border-color .15s linear, background .15s linear;
    -o-transition: border-color .15s linear, background .15s linear;
    transition: border-color .15s linear, background .15s linear
}

input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
    background: #fafafa;
    border-color: #999;
    outline: none
}

input:not([type]):disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
    background-color: #ddd;
    cursor: default
}

input:not([type])[disabled],
input:not([type])[readonly],
fieldset[disabled] input:not([type]),
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
    background-color: #ddd;
    cursor: default
}

input:not([type]).radius,
input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
    border-radius: 3px
}

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0
}

textarea[rows] {
    height: auto
}

textarea {
    max-width: 100%
}

::-webkit-input-placeholder {
    color: #bcbcbc
}

:-moz-placeholder {
    color: #bcbcbc
}

::-moz-placeholder {
    color: #bcbcbc
}

:-ms-input-placeholder {
    color: #bcbcbc
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #FAFAFA;
    border-radius: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    color: #bcbcbc;
    font-family: inherit;
    font-size: .875rem;
    line-height: normal;
    padding: .85rem;
    border-radius: 0;
    height: 3.3625rem
}

select::-ms-expand {
    display: none
}

select.radius {
    border-radius: 3px
}

select:focus {
    background-color: #f3f3f3;
    border-color: #999
}

select:disabled {
    background-color: #ddd;
    cursor: default
}

select[multiple] {
    height: auto
}

input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    margin: 0 0 1.7rem 0
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    display: inline-block;
    margin-left: .85rem;
    margin-right: 1.7rem;
    margin-bottom: 0;
    vertical-align: baseline
}

input[type="file"] {
    width: 100%
}

fieldset {
    border: 0 none #ddd;
    margin: 1.125rem 0;
    padding: 1.25rem
}

fieldset legend {
    font-weight: bold;
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem
}

[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] span.error,
[data-abide] small.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 1.5rem;
    margin-bottom: 1.7rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    color: #fff
}

[data-abide] span.error,
[data-abide] small.error {
    display: none
}

span.error,
small.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 1.5rem;
    margin-bottom: 1.7rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    color: #fff
}

.error input,
.error textarea,
.error select {
    margin-bottom: 0
}

.error input[type="checkbox"],
.error input[type="radio"] {
    margin-bottom: 1.7rem
}

.error label,
.error label.error {
    color: #f04124
}

.error small.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 1.5rem;
    margin-bottom: 1.7rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    color: #fff
}

.error>label>small {
    background: transparent;
    color: #c6c6c6;
    display: inline;
    font-size: 60%;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-transform: capitalize
}

.error span.error-message {
    display: block
}

input.error,
textarea.error,
select.error {
    margin-bottom: 0
}

label.error {
    color: #f04124
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.inline-list {
    list-style: none;
    margin-top: 0;
    margin-bottom: 1.0625rem;
    margin-left: -1.375rem;
    margin-right: 0;
    overflow: hidden;
    padding: 0
}

.inline-list>li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.375rem
}

.inline-list>li>* {
    display: block
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.label {
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 1.5rem;
    line-height: 1;
    margin-bottom: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: .25rem .5rem .25rem;
    font-size: .6875rem;
    background-color: #343796;
    color: #fff
}

.label.radius {
    border-radius: 3px
}

.label.round {
    border-radius: 1000px
}

.label.alert {
    background-color: #f04124;
    color: #fff
}

.label.warning {
    background-color: #f08a24;
    color: #fff
}

.label.success {
    background-color: #43AC6A;
    color: #fff
}

.label.secondary {
    background-color: #e7e7e7;
    color: #333
}

.label.info {
    background-color: #a0d3e8;
    color: #333
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

ul.pagination {
    display: block;
    margin-left: -.3125rem;
    min-height: 1.5rem
}

ul.pagination li {
    color: #222;
    font-size: .875rem;
    height: 1.5rem;
    margin-left: .3125rem
}

ul.pagination li a,
ul.pagination li button {
    border-radius: 3px;
    transition: background-color 300ms ease-out;
    background: none;
    color: #999;
    display: block;
    font-size: 1em;
    font-weight: normal;
    line-height: inherit;
    padding: .0625rem .625rem .0625rem
}

ul.pagination li:hover a,
ul.pagination li a:focus,
ul.pagination li:hover button,
ul.pagination li button:focus {
    background: #e6e6e6
}

ul.pagination li.unavailable a,
ul.pagination li.unavailable button {
    cursor: default;
    color: #999;
    pointer-events: none
}

ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable:hover button,
ul.pagination li.unavailable button:focus {
    background: rgba(0, 0, 0, 0)
}

ul.pagination li.current a,
ul.pagination li.current button {
    background: #343796;
    color: #fff;
    cursor: default;
    font-weight: bold
}

ul.pagination li.current a:hover,
ul.pagination li.current a:focus,
ul.pagination li.current button:hover,
ul.pagination li.current button:focus {
    background: #343796
}

ul.pagination li {
    display: block;
    float: left
}

.pagination-centered {
    text-align: center
}

.pagination-centered ul.pagination li {
    display: inline-block;
    float: none
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2;
    color: #333
}

.panel>:first-child {
    margin-top: 0
}

.panel>:last-child {
    margin-bottom: 0
}

.panel h1,
.panel h2,
.panel .grid-items-header__title,
.panel h3,
.panel h4,
.panel .grid-item__title,
.panel h5,
.panel h6,
.panel p,
.panel li,
.panel dl {
    color: #333
}

.panel h1,
.panel h2,
.panel .grid-items-header__title,
.panel h3,
.panel h4,
.panel .grid-item__title,
.panel h5,
.panel h6 {
    line-height: 1;
    margin-bottom: .625rem
}

.panel h1.subheader,
.panel h2.subheader,
.panel .subheader.grid-items-header__title,
.panel h3.subheader,
.panel h4.subheader,
.panel .subheader.grid-item__title,
.panel h5.subheader,
.panel h6.subheader {
    line-height: 1.4
}

.panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f1f2fa;
    color: #333
}

.panel.callout>:first-child {
    margin-top: 0
}

.panel.callout>:last-child {
    margin-bottom: 0
}

.panel.callout h1,
.panel.callout h2,
.panel.callout .grid-items-header__title,
.panel.callout h3,
.panel.callout h4,
.panel.callout .grid-item__title,
.panel.callout h5,
.panel.callout h6,
.panel.callout p,
.panel.callout li,
.panel.callout dl {
    color: #333
}

.panel.callout h1,
.panel.callout h2,
.panel.callout .grid-items-header__title,
.panel.callout h3,
.panel.callout h4,
.panel.callout .grid-item__title,
.panel.callout h5,
.panel.callout h6 {
    line-height: 1;
    margin-bottom: .625rem
}

.panel.callout h1.subheader,
.panel.callout h2.subheader,
.panel.callout .subheader.grid-items-header__title,
.panel.callout h3.subheader,
.panel.callout h4.subheader,
.panel.callout .subheader.grid-item__title,
.panel.callout h5.subheader,
.panel.callout h6.subheader {
    line-height: 1.4
}

.panel.callout a:not(.button) {
    color: #343796
}

.panel.callout a:not(.button):hover,
.panel.callout a:not(.button):focus {
    color: #2d2f81
}

.panel.radius {
    border-radius: 3px
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.reveal-modal-bg {
    background: #000;
    background: rgba(0, 0, 0, 0.45);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1004;
    left: 0
}

.reveal-modal {
    border-radius: 3px;
    display: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1005;
    left: 0;
    background-color: #fff;
    padding: 1.875rem;
    border: solid 1px #666;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)
}

@media only screen and (max-width: 40em) {
    .reveal-modal {
        min-height: 100vh
    }
}

.reveal-modal .column,
.reveal-modal .columns {
    min-width: 0
}

.reveal-modal>:first-child {
    margin-top: 0
}

.reveal-modal>:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 78.125rem;
        right: 0;
        width: 80%
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal {
        top: 6.25rem
    }
}

.reveal-modal.radius {
    box-shadow: none;
    border-radius: 3px
}

.reveal-modal.round {
    box-shadow: none;
    border-radius: 1000px
}

.reveal-modal.collapse {
    padding: 0;
    box-shadow: none
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.tiny {
        left: 0;
        margin: 0 auto;
        max-width: 78.125rem;
        right: 0;
        width: 30%
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.small {
        left: 0;
        margin: 0 auto;
        max-width: 78.125rem;
        right: 0;
        width: 40%
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.medium {
        left: 0;
        margin: 0 auto;
        max-width: 78.125rem;
        right: 0;
        width: 60%
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.large {
        left: 0;
        margin: 0 auto;
        max-width: 78.125rem;
        right: 0;
        width: 70%
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.xlarge {
        left: 0;
        margin: 0 auto;
        max-width: 78.125rem;
        right: 0;
        width: 95%
    }
}

.reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 78.125rem;
        right: 0;
        width: 100%
    }
}

.reveal-modal.toback {
    z-index: 1003
}

.reveal-modal .close-reveal-modal {
    color: #aaa;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: .625rem;
    right: 1.375rem
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.side-nav {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: .875rem 0
}

.side-nav li {
    font-size: .875rem;
    font-weight: 1.5rem;
    margin: 0 0 .4375rem 0
}

.side-nav li a:not(.button) {
    color: #343796;
    display: block;
    margin: 0;
    padding: .4375rem .875rem
}

.side-nav li a:not(.button):hover,
.side-nav li a:not(.button):focus {
    background: rgba(0, 0, 0, 0.025);
    color: #5f62c7
}

.side-nav li a:not(.button):active {
    color: #5f62c7
}

.side-nav li.active>a:first-child:not(.button) {
    color: #5f62c7;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 1.5rem
}

.side-nav li.divider {
    border-top: 1px solid;
    height: 0;
    list-style: none;
    padding: 0;
    border-top-color: #e6e6e6
}

.side-nav li.heading {
    color: #343796;
    font-size: .875rem;
    font-weight: bold;
    text-transform: uppercase
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.sub-nav {
    display: block;
    margin: -.25rem 0 1.125rem;
    overflow: hidden;
    padding-top: .25rem;
    width: auto
}

.sub-nav dt {
    text-transform: uppercase
}

.sub-nav dt,
.sub-nav dd,
.sub-nav li {
    color: #999;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 1.5rem;
    margin-left: 1rem;
    margin-bottom: 0
}

.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
    color: #999;
    padding: .1875rem 1rem;
    text-decoration: none
}

.sub-nav dt a:hover,
.sub-nav dd a:hover,
.sub-nav li a:hover {
    color: #737373
}

.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a {
    border-radius: 3px;
    background: #343796;
    color: #fff;
    cursor: default;
    font-weight: 1.5rem;
    padding: .1875rem 1rem
}

.sub-nav dt.active a:hover,
.sub-nav dd.active a:hover,
.sub-nav li.active a:hover {
    background: #2d2f81
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

table {
    background: #fff;
    border: solid 1px #ddd;
    margin-bottom: 1.25rem;
    table-layout: auto
}

table caption {
    background: rgba(0, 0, 0, 0);
    color: #222;
    font-size: 1rem;
    font-weight: bold
}

table thead {
    background: #f5f5f5
}

table thead tr th,
table thead tr td {
    color: #222;
    font-size: .875rem;
    font-weight: bold;
    padding: .5rem .625rem .625rem
}

table tfoot {
    background: #f5f5f5
}

table tfoot tr th,
table tfoot tr td {
    color: #222;
    font-size: .875rem;
    font-weight: bold;
    padding: .5rem .625rem .625rem
}

table tr th,
table tr td {
    color: #222;
    font-size: .875rem;
    padding: .5625rem .625rem;
    text-align: left
}

table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
    background: #F9F9F9
}

table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
    display: table-cell;
    line-height: 1.125rem
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.th {
    border: solid 4px #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: all 200ms ease-out
}

.th:hover,
.th:focus {
    box-shadow: 0 0 6px 1px rgba(52, 55, 150, 0.5)
}

.th.radius {
    border-radius: 3px
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

meta.foundation-mq-topbar {
    font-family: "/only screen and (min-width:75.0625rem)/";
    width: 75.0625rem
}

.contain-to-grid {
    width: 100%;
    background: rgba(100, 100, 100, 0)
}

.contain-to-grid .top-bar {
    margin-bottom: 0
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    left: 0
}

.fixed.expanded:not(.top-bar) {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    width: 100%
}

.fixed.expanded:not(.top-bar) .title-area {
    position: fixed;
    width: 100%;
    z-index: 99
}

.fixed.expanded:not(.top-bar) .top-bar-section {
    margin-top: 2.8125rem;
    z-index: 98
}

.top-bar {
    background: rgba(100, 100, 100, 0);
    height: 2.8125rem;
    line-height: 2.8125rem;
    margin-bottom: 0;
    overflow: hidden;
    position: relative
}

.top-bar ul {
    list-style: none;
    margin-bottom: 0
}

.top-bar .row {
    max-width: none
}

.top-bar form,
.top-bar input,
.top-bar select {
    margin-bottom: 0
}

.top-bar input,
.top-bar select {
    font-size: .75rem;
    height: 1.75rem;
    padding-bottom: .35rem;
    padding-top: .35rem
}

.top-bar .button,
.top-bar button {
    font-size: .75rem;
    margin-bottom: 0;
    padding-bottom: 0.4125rem;
    padding-top: 0.4125rem
}

@media only screen and (max-width: 40em) {

    .top-bar .button,
    .top-bar button {
        position: relative;
        top: -1px
    }
}

.top-bar .title-area {
    margin: 0;
    position: relative
}

.top-bar .name {
    font-size: 16px;
    height: 2.8125rem;
    margin: 0
}

.top-bar .name h1,
.top-bar .name h2,
.top-bar .name .grid-items-header__title,
.top-bar .name h3,
.top-bar .name h4,
.top-bar .name .grid-item__title,
.top-bar .name p,
.top-bar .name span {
    font-size: 1.125rem;
    line-height: 2.8125rem;
    margin: 0
}

.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name .grid-items-header__title a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name .grid-item__title a,
.top-bar .name p a,
.top-bar .name span a {
    color: #000;
    display: block;
    font-weight: 700;
    padding: 0 .5rem;
    width: 75%
}

.top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0
}

.top-bar .toggle-topbar a {
    color: #000;
    display: block;
    font-size: .8125rem;
    font-weight: bold;
    height: 2.8125rem;
    line-height: 2.8125rem;
    padding: 0 .5rem;
    position: relative;
    text-transform: uppercase
}

.top-bar .toggle-topbar.menu-icon {
    margin-top: -16px;
    top: 50%
}

.top-bar .toggle-topbar.menu-icon a {
    color: #fff;
    height: 34px;
    line-height: 33px;
    padding: 0 2.0625rem 0 .5rem;
    position: relative
}

.top-bar .toggle-topbar.menu-icon a span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    margin-top: -8px;
    top: 50%;
    right: .5rem;
    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    width: 16px
}

.top-bar .toggle-topbar.menu-icon a span:hover:after {
    box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""
}

.top-bar.expanded {
    background: transparent;
    height: auto
}

.top-bar.expanded .title-area {
    background: rgba(100, 100, 100, 0)
}

.top-bar.expanded .toggle-topbar a {
    color: #888
}

.top-bar.expanded .toggle-topbar a span::after {
    box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    .top-bar.expanded .top-bar-section .has-dropdown.moved>.dropdown,
    .top-bar.expanded .top-bar-section .dropdown {
        clip: initial
    }

    .top-bar.expanded .top-bar-section .has-dropdown:not(.moved)>ul {
        padding: 0
    }
}

.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    transition: left 300ms ease-out
}

.top-bar-section ul {
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%
}

.top-bar-section .divider,
.top-bar-section [role="separator"] {
    border-top: solid 1px rgba(50, 50, 50, 0);
    clear: both;
    height: 1px;
    width: 100%
}

.top-bar-section ul li {
    background: rgba(100, 100, 100, 0)
}

.top-bar-section ul li>a {
    color: #000;
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: .875rem;
    font-weight: 1.5rem;
    padding-left: .5rem;
    padding: 12px 0 12px .5rem;
    text-transform: uppercase;
    width: 100%
}

.top-bar-section ul li>a.button {
    font-size: .875rem;
    padding-left: .5rem;
    padding-right: .5rem;
    background-color: #343796;
    border-color: #2a2c78;
    color: #fff
}

.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
    background-color: #2a2c78
}

.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
    color: #fff
}

.top-bar-section ul li>a.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333
}

.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
    background-color: #b9b9b9
}

.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
    color: #333
}

.top-bar-section ul li>a.button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff
}

.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
    background-color: #368a55
}

.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
    color: #fff
}

.top-bar-section ul li>a.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff
}

.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
    background-color: #cf2a0e
}

.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
    color: #fff
}

.top-bar-section ul li>a.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}

.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
    background-color: #cf6e0e
}

.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
    color: #fff
}

.top-bar-section ul li>a.button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333
}

.top-bar-section ul li>a.button.info:hover,
.top-bar-section ul li>a.button.info:focus {
    background-color: #61b6d9
}

.top-bar-section ul li>a.button.info:hover,
.top-bar-section ul li>a.button.info:focus {
    color: #fff
}

.top-bar-section ul li>button {
    font-size: .875rem;
    padding-left: .5rem;
    padding-right: .5rem;
    background-color: #343796;
    border-color: #2a2c78;
    color: #fff
}

.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
    background-color: #2a2c78
}

.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
    color: #fff
}

.top-bar-section ul li>button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333
}

.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
    background-color: #b9b9b9
}

.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
    color: #333
}

.top-bar-section ul li>button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff
}

.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
    background-color: #368a55
}

.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
    color: #fff
}

.top-bar-section ul li>button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff
}

.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
    background-color: #cf2a0e
}

.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
    color: #fff
}

.top-bar-section ul li>button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}

.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
    background-color: #cf6e0e
}

.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
    color: #fff
}

.top-bar-section ul li>button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333
}

.top-bar-section ul li>button.info:hover,
.top-bar-section ul li>button.info:focus {
    background-color: #61b6d9
}

.top-bar-section ul li>button.info:hover,
.top-bar-section ul li>button.info:focus {
    color: #fff
}

.top-bar-section ul li:hover:not(.has-form)>a {
    background-color: rgba(100, 100, 100, 0);
    color: #343796;
    background: rgba(100, 100, 100, 0)
}

.top-bar-section ul li.active>a {
    background: #343796;
    color: #343796
}

.top-bar-section ul li.active>a:hover {
    background: #2d2f81;
    color: #343796
}

.top-bar-section .has-form {
    padding: .5rem
}

.top-bar-section .has-dropdown {
    position: relative
}

.top-bar-section .has-dropdown>a:after {
    border: inset 5px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
    border-left-style: solid;
    margin-right: .5rem;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0
}

.top-bar-section .has-dropdown.moved {
    position: static
}

.top-bar-section .has-dropdown.moved>.dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    animation-name: showmenu;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    display: block;
    position: absolute !important;
    width: 100%
}

.top-bar-section .has-dropdown.moved>a:after {
    display: none
}

.top-bar-section .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    left: 100%
}

.top-bar-section .dropdown li {
    height: auto;
    width: 100%
}

.top-bar-section .dropdown li a {
    font-weight: 1.5rem;
    padding: 8px .5rem
}

.top-bar-section .dropdown li a.parent-link {
    font-weight: 1.5rem
}

.top-bar-section .dropdown li.title h5,
.top-bar-section .dropdown li.parent-link {
    margin-bottom: 0;
    margin-top: 0;
    font-size: .875rem
}

.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a {
    color: #000;
    display: block
}

.top-bar-section .dropdown li.title h5 a:hover,
.top-bar-section .dropdown li.parent-link a:hover {
    background: none
}

.top-bar-section .dropdown li.has-form {
    padding: 8px .5rem
}

.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
    top: auto
}

.top-bar-section .dropdown label {
    color: #fff;
    font-size: .625rem;
    font-weight: bold;
    margin-bottom: 0;
    padding: 8px .5rem 2px;
    text-transform: uppercase
}

.js-generated {
    display: block
}

@media only screen and (min-width: 75.0625rem) {
    .top-bar {
        background: rgba(100, 100, 100, 0);
        overflow: visible
    }

    .top-bar:before,
    .top-bar:after {
        content: " ";
        display: table
    }

    .top-bar:after {
        clear: both
    }

    .top-bar .toggle-topbar {
        display: none
    }

    .top-bar .title-area {
        float: left
    }

    .top-bar .name h1 a,
    .top-bar .name h2 a,
    .top-bar .name .grid-items-header__title a,
    .top-bar .name h3 a,
    .top-bar .name h4 a,
    .top-bar .name .grid-item__title a,
    .top-bar .name h5 a,
    .top-bar .name h6 a {
        width: auto
    }

    .top-bar input,
    .top-bar select,
    .top-bar .button,
    .top-bar button {
        font-size: .875rem;
        height: 1.75rem;
        position: relative;
        top: .53125rem
    }

    .top-bar .has-form>.button,
    .top-bar .has-form>button {
        font-size: .875rem;
        height: 1.75rem;
        position: relative;
        top: .53125rem
    }

    .top-bar.expanded {
        background: rgba(100, 100, 100, 0)
    }

    .contain-to-grid .top-bar {
        margin: 0 auto;
        margin-bottom: 0;
        max-width: 78.125rem
    }

    .top-bar-section {
        transition: none 0 0;
        left: 0 !important
    }

    .top-bar-section ul {
        display: inline;
        height: auto !important;
        width: auto
    }

    .top-bar-section ul li {
        float: left
    }

    .top-bar-section ul li .js-generated {
        display: none
    }

    .top-bar-section li.hover>a:not(.button) {
        background-color: rgba(100, 100, 100, 0);
        background: rgba(100, 100, 100, 0);
        color: #343796
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        background: rgba(100, 100, 100, 0);
        line-height: 2.8125rem;
        padding: 0 .5rem
    }

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: rgba(100, 100, 100, 0);
        background: rgba(100, 100, 100, 0)
    }

    .top-bar-section li.active:not(.has-form) a:not(.button) {
        background: #343796;
        color: #343796;
        line-height: 2.8125rem;
        padding: 0 .5rem
    }

    .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #2d2f81;
        color: #343796
    }

    .top-bar-section .has-dropdown>a {
        padding-right: 1.5rem !important
    }

    .top-bar-section .has-dropdown>a:after {
        border: inset 5px;
        content: "";
        display: block;
        height: 0;
        width: 0;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 1.40625rem
    }

    .top-bar-section .has-dropdown.moved {
        position: relative
    }

    .top-bar-section .has-dropdown.moved>.dropdown {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        display: block
    }

    .top-bar-section .has-dropdown.hover>.dropdown,
    .top-bar-section .has-dropdown.not-click:hover>.dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        animation-name: showmenu;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
        display: block;
        position: absolute !important
    }

    .top-bar-section .has-dropdown>a:focus+.dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        animation-name: showmenu;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
        display: block;
        position: absolute !important
    }

    .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
        border: none;
        content: "\00bb";
        top: .1875rem;
        right: 5px
    }

    .top-bar-section .dropdown {
        left: 0;
        background: transparent;
        min-width: 100%;
        top: auto
    }

    .top-bar-section .dropdown li a {
        background: #343796;
        color: #fff;
        line-height: 2.8125rem;
        padding: 12px .5rem;
        white-space: nowrap
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
        background: #343796;
        color: #fff
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
        background-color: rgba(100, 100, 100, 0);
        color: #8385d7;
        background: #343796
    }

    .top-bar-section .dropdown li label {
        background: #333;
        white-space: nowrap
    }

    .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0
    }

    .top-bar-section>ul>.divider,
    .top-bar-section>ul>[role="separator"] {
        border-right: solid 1px rgba(120, 120, 120, 0);
        border-bottom: none;
        border-top: none;
        clear: none;
        height: 2.8125rem;
        width: 0
    }

    .top-bar-section .has-form {
        background: rgba(100, 100, 100, 0);
        height: 2.8125rem;
        padding: 0 .5rem
    }

    .top-bar-section .right li .dropdown {
        left: auto;
        right: 0
    }

    .top-bar-section .right li .dropdown li .dropdown {
        right: 100%
    }

    .top-bar-section .left li .dropdown {
        right: auto;
        left: 0
    }

    .top-bar-section .left li .dropdown li .dropdown {
        left: 100%
    }

    .no-js .top-bar-section ul li:hover>a {
        background-color: rgba(100, 100, 100, 0);
        background: rgba(100, 100, 100, 0);
        color: #343796
    }

    .no-js .top-bar-section ul li:active>a {
        background: #343796;
        color: #343796
    }

    .no-js .top-bar-section .has-dropdown:hover>.dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        animation-name: showmenu;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
        display: block;
        position: absolute !important
    }

    .no-js .top-bar-section .has-dropdown>a:focus+.dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        animation-name: showmenu;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
        display: block;
        position: absolute !important
    }
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

@media only screen and (max-width: 40em) {
    .small-only-text-left {
        text-align: left !important
    }

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

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

    .small-only-text-justify {
        text-align: justify !important
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important
    }

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

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

    .small-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 40.0625em) and (max-width: 75em) {
    .medium-only-text-left {
        text-align: left !important
    }

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

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

    .medium-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 40.0625em) {
    .medium-text-left {
        text-align: left !important
    }

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

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

    .medium-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 75.0625em) and (max-width: 90em) {
    .large-only-text-left {
        text-align: left !important
    }

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

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

    .large-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 75.0625em) {
    .large-text-left {
        text-align: left !important
    }

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

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

    .large-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
    .xlarge-only-text-left {
        text-align: left !important
    }

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

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

    .xlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 90.0625em) {
    .xlarge-text-left {
        text-align: left !important
    }

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

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

    .xlarge-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
    .xxlarge-only-text-left {
        text-align: left !important
    }

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

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

    .xxlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 120.0625em) {
    .xxlarge-text-left {
        text-align: left !important
    }

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

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

    .xxlarge-text-justify {
        text-align: justify !important
    }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
.grid-items-header__title,
h3,
h4,
.grid-item__title,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

a {
    color: #343796;
    line-height: inherit;
    text-decoration: none
}

a:hover,
a:focus {
    color: #2d2f81
}

a img {
    border: none
}

p {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility
}

p.lead {
    font-size: 1.21875rem;
    line-height: 1.6
}

p aside {
    font-size: .875rem;
    font-style: italic;
    line-height: 1.35
}

h1,
h2,
.grid-items-header__title,
h3,
h4,
.grid-item__title,
h5,
h6 {
    color: #222;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 1.5rem;
    line-height: 1.4;
    margin-bottom: .5rem;
    margin-top: .2rem;
    text-rendering: optimizeLegibility
}

h1 small,
h2 small,
.grid-items-header__title small,
h3 small,
h4 small,
.grid-item__title small,
h5 small,
h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0
}

h1 {
    font-size: 2.125rem
}

h2,
.grid-items-header__title {
    font-size: 1.6875rem
}

h3 {
    font-size: 1.375rem
}

h4,
.grid-item__title {
    font-size: 1.125rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: 1.5rem;
    margin-top: .2rem;
    margin-bottom: .5rem
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.1875rem
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    background-color: #f8f8f8;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: 1.5rem;
    padding: .125rem .3125rem .0625rem
}

ul,
ol,
dl {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1.25rem
}

ul {
    margin-left: 1.1rem
}

ul li ul,
ul li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}

ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem
}

ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem
}

ol {
    margin-left: 1.4rem
}

ol li ul,
ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

.no-bullet {
    list-style-type: none;
    margin-left: 0
}

.no-bullet li ul,
.no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none
}

dl dt {
    margin-bottom: .3rem;
    font-weight: bold
}

dl dd {
    margin-bottom: .75rem
}

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    cursor: help
}

abbr {
    text-transform: none
}

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

blockquote {
    margin: 0 0 1.25rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #ddd
}

blockquote cite {
    display: block;
    font-size: .8125rem;
    color: #555
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
    color: #555
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #6f6f6f
}

.vcard {
    display: inline-block;
    margin: 0 0 1.25rem 0;
    border: 1px solid #ddd;
    padding: .625rem .75rem
}

.vcard li {
    margin: 0;
    display: block
}

.vcard .fn {
    font-weight: bold;
    font-size: .9375rem
}

.vevent .summary {
    font-weight: bold
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 .0625rem
}

@media only screen and (min-width: 40.0625em) {

    h1,
    h2,
    .grid-items-header__title,
    h3,
    h4,
    .grid-item__title,
    h5,
    h6 {
        line-height: 1.4
    }

    h1 {
        font-size: 2.75rem
    }

    h2,
    .grid-items-header__title {
        font-size: 2.3125rem
    }

    h3 {
        font-size: 1.6875rem
    }

    h4,
    .grid-item__title {
        font-size: 1.4375rem
    }

    h5 {
        font-size: 1.125rem
    }

    h6 {
        font-size: 1rem
    }
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    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: .34in
    }

    p,
    h2,
    .grid-items-header__title,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    .grid-items-header__title,
    h3 {
        page-break-after: avoid
    }
}

@keyframes showmenu {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media only screen {

    .show-for-small-only,
    .show-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }

    .visible-for-small-only,
    .visible-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        animation-name: showmenu;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards
    }

    .hidden-for-small-only,
    .hidden-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.show-for-small-only,
    table.show-for-small-up,
    table.show-for-small,
    table.show-for-small-down,
    table.hide-for-medium-only,
    table.hide-for-medium-up,
    table.hide-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }

    thead.show-for-small-only,
    thead.show-for-small-up,
    thead.show-for-small,
    thead.show-for-small-down,
    thead.hide-for-medium-only,
    thead.hide-for-medium-up,
    thead.hide-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.show-for-small-only,
    tbody.show-for-small-up,
    tbody.show-for-small,
    tbody.show-for-small-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-medium-up,
    tbody.hide-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.show-for-small-only,
    tr.show-for-small-up,
    tr.show-for-small,
    tr.show-for-small-down,
    tr.hide-for-medium-only,
    tr.hide-for-medium-up,
    tr.hide-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }

    th.show-for-small-only,
    td.show-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.show-for-small,
    td.show-for-small,
    th.show-for-small-down,
    td.show-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.hide-for-medium-up,
    td.hide-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 40.0625em) {

    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }

    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        animation-name: showmenu;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards
    }

    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.show-for-medium-only,
    table.show-for-medium-up,
    table.show-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.show-for-medium-only,
    thead.show-for-medium-up,
    thead.show-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.show-for-medium-only,
    tbody.show-for-medium-up,
    tbody.show-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.show-for-medium-only,
    tr.show-for-medium-up,
    tr.show-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }

    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.show-for-medium-only,
    td.show-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.show-for-medium,
    td.show-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 75.0625em) {

    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }

    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        animation-name: showmenu;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards
    }

    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.show-for-large-only,
    table.show-for-large-up,
    table.show-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.show-for-large-only,
    thead.show-for-large-up,
    thead.show-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.show-for-large-only,
    tbody.show-for-large-up,
    tbody.show-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.show-for-large-only,
    tr.show-for-large-up,
    tr.show-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }

    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.show-for-large-only,
    td.show-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.show-for-large,
    td.show-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 90.0625em) {

    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }

    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        animation-name: showmenu;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards
    }

    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.show-for-xlarge-only,
    table.show-for-xlarge-up,
    table.show-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.show-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.show-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.show-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.show-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.show-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.show-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }

    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.show-for-xlarge-only,
    td.show-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.show-for-xlarge,
    td.show-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 120.0625em) {

    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .hide-for-xlarge-only,
    .show-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-xlarge-only,
    .hide-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }

    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-xlarge-only,
    .visible-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        animation-name: showmenu;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards
    }

    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-xlarge-only,
    .hidden-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-xlarge-only,
    table.show-for-xlarge-up,
    table.hide-for-xlarge,
    table.hide-for-xlarge-down,
    table.show-for-xxlarge-only,
    table.show-for-xxlarge-up,
    table.show-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-down,
    thead.show-for-xxlarge-only,
    thead.show-for-xxlarge-up,
    thead.show-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-down,
    tbody.show-for-xxlarge-only,
    tbody.show-for-xxlarge-up,
    tbody.show-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-down,
    tr.show-for-xxlarge-only,
    tr.show-for-xxlarge-up,
    tr.show-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }

    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.hide-for-xlarge-down,
    td.hide-for-xlarge-down,
    th.show-for-xxlarge-only,
    td.show-for-xxlarge-only,
    th.show-for-xxlarge-up,
    td.show-for-xxlarge-up,
    th.show-for-xxlarge,
    td.show-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

.show-for-landscape,
.hide-for-portrait {
    display: inherit !important
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

table.hide-for-landscape,
table.show-for-portrait {
    display: table !important
}

thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation: landscape) {

    .show-for-landscape,
    .hide-for-portrait {
        display: inherit !important
    }

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }

    table.show-for-landscape,
    table.hide-for-portrait {
        display: table !important
    }

    thead.show-for-landscape,
    thead.hide-for-portrait {
        display: table-header-group !important
    }

    tbody.show-for-landscape,
    tbody.hide-for-portrait {
        display: table-row-group !important
    }

    tr.show-for-landscape,
    tr.hide-for-portrait {
        display: table-row !important
    }

    td.show-for-landscape,
    td.hide-for-portrait,
    th.show-for-landscape,
    th.hide-for-portrait {
        display: table-cell !important
    }
}

@media only screen and (orientation: portrait) {

    .show-for-portrait,
    .hide-for-landscape {
        display: inherit !important
    }

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }

    table.show-for-portrait,
    table.hide-for-landscape {
        display: table !important
    }

    thead.show-for-portrait,
    thead.hide-for-landscape {
        display: table-header-group !important
    }

    tbody.show-for-portrait,
    tbody.hide-for-landscape {
        display: table-row-group !important
    }

    tr.show-for-portrait,
    tr.hide-for-landscape {
        display: table-row !important
    }

    td.show-for-portrait,
    td.hide-for-landscape,
    th.show-for-portrait,
    th.hide-for-landscape {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch {
    display: inherit !important
}

.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

table.hide-for-touch {
    display: table !important
}

.touch table.show-for-touch {
    display: table !important
}

thead.hide-for-touch {
    display: table-header-group !important
}

.touch thead.show-for-touch {
    display: table-header-group !important
}

tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tbody.show-for-touch {
    display: table-row-group !important
}

tr.hide-for-touch {
    display: table-row !important
}

.touch tr.show-for-touch {
    display: table-row !important
}

td.hide-for-touch {
    display: table-cell !important
}

.touch td.show-for-touch {
    display: table-cell !important
}

th.hide-for-touch {
    display: table-cell !important
}

.touch th.show-for-touch {
    display: table-cell !important
}

.show-for-sr {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.show-on-focus {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.show-on-focus:focus,
.show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    animation-name: showmenu;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards
}

.print-only,
.show-for-print {
    display: none !important
}

@media print {

    .print-only,
    .show-for-print {
        display: block !important
    }

    .hide-on-print,
    .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
    }
}

#debug {
    font-size: 10px;
    background: white;
    padding: 0 2px;
    max-width: 100%;
    text-align: right;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 64536;
    border: 1px solid black
}

#debug pre {
    white-space: nowrap;
    display: none;
    overflow-x: scroll;
    text-align: left
}

#debug span {
    display: inline
}

#debug:hover pre {
    display: block
}

.label a,
.alert-box a {
    color: white
}

.gauche:not(.seccode),
img[align=left]:not(.seccode) {
    margin: 0 15px 15px 0;
    float: left;
    clear: left
}

.droite:not(.seccode),
img[align=right]:not(.seccode) {
    margin: 0 0 15px 15px;
    float: right;
    clear: right
}

.centre:not(.seccode) {
    clear: both;
    margin: 15px auto;
    display: block
}

figure {
    margin: 0
}

figure.th {
    line-height: normal;
    background: white
}

figure.th figcaption {
    font-size: smaller;
    text-align: center;
    padding: 5px;
    background: #f4f4f4;
    border: 1px dotted #dadada
}

ul.errors {
    list-style: none;
    margin-left: 50px
}

form.valid small.error {
    display: none
}

form.valid div.error small.error {
    display: block
}

form.valid .geoloc {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 20px;
    color: #CCC
}

form.valid fieldset {
    padding: 1.25em 0
}

form.valid legend {
    margin-left: 1em
}

form.valid textarea {
    height: auto
}

form.valid input+small,
form.valid img+small {
    margin: -5px 0 15px 0;
    display: block;
    font-size: 0.75em
}

form.valid input[type=checkbox],
form.valid input[type=radio] {
    margin-bottom: 0;
    vertical-align: middle
}

h1 {
    font-size: 2.25rem;
    color: #000;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 2.25rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 1rem
}

p {
    font-size: .875rem;
    color: #545454;
    font-weight: 300;
    letter-spacing: .075rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 1rem;
    margin: 0
}

p a {
    color: #343796;
    font-weight: 400
}

blockquote {
    font-size: 1rem;
    color: #545454;
    font-weight: 300;
    letter-spacing: .075rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding: 0 0 1rem;
    border: none
}

.pre {
    font-size: .875rem;
    color: #545454;
    font-weight: 300;
    letter-spacing: .075rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    position: relative;
    background-color: #fff;
    background-image: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 6.25rem;
    -ms-flex-align: center;
    align-items: center;
    margin: 3.75rem auto;
    max-width: 98%
}

.pre div {
    position: relative;
    background-color: #fff;
    z-index: 9;
    padding: 2.5rem;
    height: 100%;
    width: 100%;
    margin: auto
}

.pre:before {
    content: "";
    display: block;
    width: 6.25rem;
    height: 6.25rem;
    background-color: #343796;
    background-image: none;
    position: absolute;
    top: -1rem;
    left: -1rem;
    z-index: 1
}

.pre:after {
    content: "";
    display: block;
    width: 6.25rem;
    height: 6.25rem;
    background-color: #000;
    position: absolute;
    bottom: -1rem;
    right: -1rem;
    z-index: 1
}

.encadre {
    font-size: .875rem;
    color: #545454;
    font-weight: 300;
    letter-spacing: .075rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    position: relative;
    background-color: #fff;
    background-image: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 6.25rem;
    -ms-flex-align: center;
    align-items: center;
    margin: 3.75rem auto;
    max-width: 98%
}

.encadre div {
    position: relative;
    background-color: #fff;
    z-index: 9;
    padding: 2.5rem;
    height: 100%;
    width: 100%;
    margin: auto
}

.encadre:before {
    content: "";
    display: block;
    width: 6.25rem;
    height: 6.25rem;
    background-color: #343796;
    background-image: none;
    position: absolute;
    top: -1rem;
    left: -1rem;
    z-index: 1
}

.encadre:after {
    content: "";
    display: block;
    width: 6.25rem;
    height: 6.25rem;
    background-color: #000;
    position: absolute;
    bottom: -1rem;
    right: -1rem;
    z-index: 1
}



h2,
.grid-items-header__title {
    font-size: 1.875rem;
    color: #000;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 2.5rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 1rem
}

h3 {
    font-size: 1.5rem;
    color: #000;
    font-weight: 600;
    letter-spacing: .025rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 1rem
}

h4,
.grid-item__title {
    font-size: 1.125rem;
    color: #000;
    font-weight: 600;
    letter-spacing: .025rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 1rem
}

h5 {
    font-size: 1rem;
    color: #000;
    font-weight: 600;
    letter-spacing: .025rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 0.5rem
}

figcaption {
    font-size: .875rem;
    color: #000;
    font-weight: 300;
    letter-spacing: .075rem;
    line-height: 1.25rem;
    font-family: "Poppins", sans-serif;
    text-align: center
}

ul {
    list-style: none
}

li {
    font-size: .875rem;
    color: #545454;
    font-weight: 300;
    letter-spacing: .075rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: left
}

figure.th {
    border: none;
    box-shadow: none
}

figure.th:hover {
    border: none;
    box-shadow: none
}

figure>img {
    border: none;
    box-shadow: none
}

figure>img:hover {
    border: none;
    box-shadow: none
}

.headband {
    background: #343796;
    padding: 3rem
}

.titre-page {
    font-size: 3rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 3.25rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding: 0
}

@media only screen and (max-width: 40em) {
    .titre-page {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

ul.breadcrumbs {
    background: none;
    border: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 1.25rem 0
}

@media only screen and (max-width: 75em) {
    ul.breadcrumbs {
        padding-bottom: 2rem
    }
}

ul.breadcrumbs li {
    font-size: .6875rem;
    color: #b1b1b1;
    font-weight: 300;
    letter-spacing: .15rem;
    line-height: 1rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 40em) {
    ul.breadcrumbs li {
        letter-spacing: 0, 025
    }
}

.liste_top_print {
    margin: 0
}

.liste_top_print li {
    margin-left: 0
}

.top,
.print,
.rss {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -9999px
}

.top {
    background: url(../images/top.png) no-repeat center
}

.print {
    background: url(../images/print.png) no-repeat center
}

.rss {
    background: url(../images/rss.png) no-repeat center
}

ul.pagination li.current a,
ul.pagination li.current button {
    color: #fff !important;
    font-weight: 400;
    border-radius: 0
}

#preview {
    background-color: #f5f5f5
}

section.internal__exergue {
    background-color: white
}

.internal__exergue p {
    font-size: 1rem
}

.internal__exergue .bloc-chapo:first-child {
    padding-top: 2rem
}

.internal__exergue .bloc-chapo:last-child {
    padding-bottom: 2rem
}

.internal__content>div {
    padding-top: 2rem
}

.internal__content li:before,
.internal__exergue li:before {
    content: ">";
    font-weight: 700;
    padding-right: 0.5rem
}

@media only screen and (max-width: 75em) {

    .internal__content,
    .internal__exergue {
        padding: 0 0.7rem
    }
}

.accordion-item.open .accordion-drag {
    color: black
}

.accordion-item.open .accordion-drag:before {
    content: url(../images/signe-moins.png);
    padding-right: 1rem
}

.accordion-item .accordion-drag {
    cursor: pointer;
    color: #343796;
    line-height: calc-rem(60)
}

.accordion-item .accordion-drag:before {
    content: url(../images/signe-plus.png);
    padding-right: 1rem;
    padding-top: 0.4rem
}

@media only screen and (max-width: 40em) {
    .accordion-item .accordion-drag {
        font-size: 1.5rem;
        line-height: 1.875rem
    }
}

.accordion-drag {
    display: flex;
    flex-direction: row
}

ul.plan>li {
    font-weight: 400
}

ul.plan>li:before {
    content: " > "
}

.mentions {
    padding: 1rem 2rem
}

select,
input {
    font-size: .875rem;
    color: #545454;
    font-weight: 300;
    letter-spacing: .025rem;
    line-height: 1.5rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    background: none;
    border: 1x solid #545454;
    height: auto
}

#theme-submit,
#submit {
    background-color: #b1b1b1;
    color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #b1b1b1
}

.overlay-form input.button-xlarge {
    height: 5rem
}

form.themes,
form.nice {
    margin-top: 30px
}

@media only screen and (max-width: 40em) {
    iframe {
        width: 100%
    }

    .row .row {
        margin: 0 !important;
        max-width: none;
        width: auto
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    background-color: white !important
}

.bloc_share_this {
    margin: 1.25rem 0 0
}

.trigger.like-btn a {
    font-weight: 1.5rem;
    font-size: .75rem
}

.hide-for-small.bloc_top_social {
    padding: 1.25rem .625rem 8.125rem 0
}

@media screen and (max-width: 40em) {
    .hide-for-small.bloc_top_social {
        padding: 1.25rem 0
    }
}

.container_share {
    display: flex;
    justify-content: flex-end;
    position: relative;
    float: right;
    margin: 0
}

.tip {
    position: absolute;
    top: 50%;
    right: calc(100% + 10px);
    transform: translateY(-50%);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .1em;
    display: flex;
    align-items: center
}

.tip:after {
    content: "";
    width: 30px;
    height: 1px;
    background: #343796;
    margin: 0 0 0 8px
}

@media only screen and (max-width: 600px) {
    .tip {
        display: none
    }
}

.trigger {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: color .2s, border .2s
}

.trigger a {
    color: #343796;
    text-decoration: none;
    transform: skew(10deg);
    display: flex;
    align-items: center;
    justify-content: center
}

.trigger i {
    font-size: 14px;
    line-height: 40px;
    color: #343796
}

.trigger:hover {
    color: #000;
    border-color: #000 !important
}

.trigger:hover i,
.trigger:hover a {
    color: #000
}

.trigger.share-btn i {
    margin: 0 5px 0 0
}

.like,
.share {
    transform: skew(-10deg);
    margin: 0 0 0 10px
}

.like .trigger,
.share .trigger {
    width: 82px;
    border: 0px solid #343796
}

.like i,
.share i {
    margin: 0 5px 0 0
}

@media only screen and (min-width: 601px) {
    .share {
        display: none
    }
}

.share-window {
    transform: skew(-10deg);
    overflow: hidden
}

@media only screen and (max-width: 600px) {
    .share-window {
        display: none
    }
}

.share-bar {
    position: relative;
    width: 82px;
    height: 40px;
    transition: width .4s ease .2s
}

.share-bar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0px;
    border-style: solid;
    border-color: #343796 #343796 #343796 transparent
}

.share-bar:hover {
    width: 205px;
    transition: width .4s ease
}

.share-bar:hover .trigger:nth-child(3) {
    left: 82px;
    transition: left .45s ease .06s, color .2s, border .2s
}

.share-bar:hover .trigger:nth-child(4) {
    left: 123px;
    transition: left .45s ease .12s, color .2s, border .2s
}

.share-bar:hover .trigger:nth-child(5) {
    left: 164px;
    transition: left .45s ease .18s, color .2s, border .2s
}

.share-bar:hover .trigger:nth-child(6) {
    left: 205px;
    transition: left .45s ease .24s, color .2s, border .2s
}

.share-bar .trigger {
    position: absolute;
    top: 0;
    width: 42px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent transparent transparent #343796;
    transition: left 0s ease .45s, color .2s, border .2s
}

.share-bar .trigger:nth-child(1) {
    left: 0
}

.share-bar .trigger:nth-child(2) {
    left: 41px
}

.share-bar .trigger:nth-child(3) {
    left: 102px
}

.share-bar .trigger:nth-child(4) {
    left: 143px
}

.share-bar .trigger:nth-child(5) {
    left: 184px
}

.share-bar .trigger:nth-child(6) {
    left: 225px
}

.bloc_top_social .columns {
    padding: 0 !important
}

.seo-header,
.seo-header * {
    background: #000 !important;
    color: #FFF !important
}

.seo,
.seo * {
    text-align: center;
    border: 0 !important;
    font-size: 10px !important;
    background: none !important;
    font-weight: normal !important;
    color: #000 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
    text-decoration: none !important;
    text-shadow: none !important
}

.seo {
    display: block !important;
    width: 100%
}

.rte h4 {
    color: #343796
}

.rte ul,
.rte ol {
    list-style-position: inside
}

.rte ul {
    list-style: disc;
}

.rte ul ul {
    list-style: circle;
}

.rte .grid {
    display: grid
}

.rte .col2 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

@media only screen and (max-width: 40em) {
    .rte .col2 {
        grid-template-columns: 1fr
    }
}

.rte .col3 {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px
}

@media only screen and (max-width: 40em) {
    .rte .col3 {
        grid-template-columns: 1fr
    }
}

.rte .col4 {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px
}

@media only screen and (max-width: 75em) {
    .rte .col4 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 40em) {
    .rte .col4 {
        grid-template-columns: 1fr
    }
}

.rte .col5 {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px
}

@media only screen and (max-width: 75em) {
    .rte .col5 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 40em) {
    .rte .col5 {
        grid-template-columns: 1fr
    }
}

.rte .col6 {
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px
}

@media only screen and (max-width: 75em) {
    .rte .col6 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width: 40em) {
    .rte .col6 {
        grid-template-columns: 1fr
    }
}

@media print {
    a[href]:after {
        content: ""
    }

    .retour,
    form.themes {
        display: none
    }
}

.modal-open {
    overflow: hidden;
    height: 100%
}

#contentWrapper {
    display: unset
}

#tarteaucitronRoot div,
#tarteaucitronRoot span,
#tarteaucitronRoot applet,
#tarteaucitronRoot object,
#tarteaucitronRoot iframe,
#tarteaucitronRoot h1,
#tarteaucitronRoot h2,
#tarteaucitronRoot .grid-items-header__title,
#tarteaucitronRoot h3,
#tarteaucitronRoot h4,
#tarteaucitronRoot .grid-item__title,
#tarteaucitronRoot h5,
#tarteaucitronRoot h6,
#tarteaucitronRoot p,
#tarteaucitronRoot blockquote,
#tarteaucitronRoot pre,
#tarteaucitronRoot a,
#tarteaucitronRoot abbr,
#tarteaucitronRoot acronym,
#tarteaucitronRoot address,
#tarteaucitronRoot big,
#tarteaucitronRoot cite,
#tarteaucitronRoot code,
#tarteaucitronRoot del,
#tarteaucitronRoot dfn,
#tarteaucitronRoot em,
#tarteaucitronRoot img,
#tarteaucitronRoot ins,
#tarteaucitronRoot kbd,
#tarteaucitronRoot q,
#tarteaucitronRoot s,
#tarteaucitronRoot samp,
#tarteaucitronRoot small,
#tarteaucitronRoot strike,
#tarteaucitronRoot strong,
#tarteaucitronRoot sub,
#tarteaucitronRoot sup,
#tarteaucitronRoot tt,
#tarteaucitronRoot var,
#tarteaucitronRoot b,
#tarteaucitronRoot u,
#tarteaucitronRoot i,
#tarteaucitronRoot center,
#tarteaucitronRoot dl,
#tarteaucitronRoot dt,
#tarteaucitronRoot dd,
#tarteaucitronRoot ol,
#tarteaucitronRoot ul,
#tarteaucitronRoot li,
#tarteaucitronRoot fieldset,
#tarteaucitronRoot form,
#tarteaucitronRoot label,
#tarteaucitronRoot legend,
#tarteaucitronRoot table,
#tarteaucitronRoot caption,
#tarteaucitronRoot tbody,
#tarteaucitronRoot tfoot,
#tarteaucitronRoot thead,
#tarteaucitronRoot tr,
#tarteaucitronRoot th,
#tarteaucitronRoot td,
#tarteaucitronRoot article,
#tarteaucitronRoot aside,
#tarteaucitronRoot canvas,
#tarteaucitronRoot details,
#tarteaucitronRoot embed,
#tarteaucitronRoot figure,
#tarteaucitronRoot figcaption,
#tarteaucitronRoot footer,
#tarteaucitronRoot header,
#tarteaucitronRoot hgroup,
#tarteaucitronRoot menu,
#tarteaucitronRoot nav,
#tarteaucitronRoot output,
#tarteaucitronRoot ruby,
#tarteaucitronRoot section,
#tarteaucitronRoot summary,
#tarteaucitronRoot time,
#tarteaucitronRoot mark,
#tarteaucitronRoot audio,
#tarteaucitronRoot video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: initial;
    text-shadow: initial
}

#tarteaucitronRoot article,
#tarteaucitronRoot aside,
#tarteaucitronRoot details,
#tarteaucitronRoot figcaption,
#tarteaucitronRoot figure,
#tarteaucitronRoot footer,
#tarteaucitronRoot header,
#tarteaucitronRoot hgroup,
#tarteaucitronRoot menu,
#tarteaucitronRoot nav,
#tarteaucitronRoot section {
    display: block
}

#tarteaucitronRoot ol,
#tarteaucitronRoot ul {
    list-style: none
}

#tarteaucitronRoot blockquote,
#tarteaucitronRoot q {
    quotes: none
}

#tarteaucitronRoot blockquote:before,
#tarteaucitronRoot blockquote:after,
#tarteaucitronRoot q:before,
#tarteaucitronRoot q:after {
    content: '';
    content: none
}

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

div#tarteaucitronMainLineOffset {
    margin-top: 0 !important
}

div#tarteaucitronServices {
    margin-top: 21px !important
}

#tarteaucitronServices::-webkit-scrollbar {
    width: 5px
}

#tarteaucitronServices::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)
}

#tarteaucitronServices::-webkit-scrollbar-thumb {
    background-color: #ddd;
    outline: 0px solid slategrey
}

div#tarteaucitronServices {
    box-shadow: 0 0 35px #575757
}

@media screen and (max-width: 479px) {
    #tarteaucitron .tarteaucitronLine .tarteaucitronName {
        width: 90% !important
    }

    #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
        float: left !important;
        margin: 10px 15px 5px
    }
}

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

    #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer,
    #tarteaucitron {
        background: #fff;
        border: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        left: 0 !important;
        margin: 0 !important;
        max-height: 100% !important;
        max-width: 100% !important;
        top: 0 !important;
        width: 100% !important
    }

    #tarteaucitron .tarteaucitronBorder {
        border: 0 !important
    }

    #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
        border: 0 !important
    }

    #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
        text-align: left !important
    }

    .tarteaucitronName .tarteaucitronH2 {
        max-width: 80%
    }

    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
        text-align: center !important
    }

    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
        margin-bottom: 5px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #tarteaucitron {
        border: 0 !important;
        left: 0 !important;
        margin: 0 5% !important;
        max-height: 80% !important;
        width: 90% !important
    }
}

#tarteaucitron * {
    zoom: 1
}

#tarteaucitronRoot div#tarteaucitron {
    left: 0;
    right: 0;
    margin: auto
}

#tarteaucitronRoot button#tarteaucitronBack {
    background: #eee
}

#tarteaucitron .clear {
    clear: both
}

#tarteaucitron a {
    color: #424242;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}

#tarteaucitronRoot button {
    background: transparent;
    border: 0
}

#tarteaucitronAlertBig strong,
#tarteaucitronAlertSmall strong,
#tarteaucitronAlertBig a,
#tarteaucitronAlertSmall a {
    color: #fff
}

#tarteaucitron strong {
    font-size: 22px;
    font-weight: 500
}

#tarteaucitron ul {
    padding: 0
}

#tarteaucitron .tarteaucitronH1,
#tarteaucitron .tarteaucitronH2,
#tarteaucitron .tarteaucitronH3,
#tarteaucitron .tarteaucitronH4,
#tarteaucitron .tarteaucitronH5,
#tarteaucitron .tarteaucitronH6 {
    display: block
}

.cookie-list {
    list-style: none;
    padding: 0;
    margin: 0
}

#tarteaucitronRoot {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

#tarteaucitronRoot * {
    box-sizing: initial;
    color: #333;
    font-family: sans-serif !important;
    font-size: 14px;
    line-height: normal;
    vertical-align: initial
}

#tarteaucitronRoot .tarteaucitronH1 {
    font-size: 1.5em;
    text-align: center;
    color: #fff;
    margin: 15px 0 28px
}

#tarteaucitronRoot .tarteaucitronH2 {
    display: inline-block;
    margin: 12px 0 0 10px;
    color: #fff
}

#tarteaucitronCookiesNumberBis.tarteaucitronH2 {
    margin-left: 0
}

#tarteaucitronBack {
    background: #fff;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483646
}

#tarteaucitron {
    display: none;
    max-height: 80%;
    left: 50%;
    margin: 0 auto 0 -430px;
    padding: 0;
    position: fixed;
    top: 6%;
    width: 860px;
    z-index: 2147483647
}

#tarteaucitron .tarteaucitronBorder {
    background: #fff;
    border: 2px solid #333;
    border-top: 0;
    height: auto;
    overflow: auto
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
    background: #333333;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    padding: 4px 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 70px
}

#tarteaucitron #tarteaucitronDisclaimer {
    color: #555;
    font-size: 12px;
    margin: 15px auto 0;
    width: 80%
}

.tarteaucitronSelfLink,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    background: rgba(51, 51, 51, 0.07)
}

a.tarteaucitronSelfLink {
    text-align: center !important;
    display: block;
    padding: 7px !important
}

#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    display: none;
    position: relative
}

#tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {
    width: 100%;
    box-sizing: border-box
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 20px 0px 0px;
    padding: 5px 20px;
    text-align: left;
    width: auto;
    background: #333
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
    color: #fff;
    font-weight: 500
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {
    text-decoration: none !important
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
    font-size: 22px
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
    font-size: 14px
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
    padding: 5px 10px;
    margin: 0
}

#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    color: #fff;
    display: none;
    font-size: 12px;
    font-weight: 500;
    margin-top: 0;
    max-width: 270px;
    padding: 20px;
    position: absolute;
    z-index: 2147483647
}

#tarteaucitron #tarteaucitronInfo a {
    color: #fff;
    text-decoration: underline
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
    background: rgba(51, 51, 51, 0.2)
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
    background: rgba(51, 51, 51, 0.1);
    border-left: 5px solid transparent;
    margin: 0;
    overflow: hidden;
    padding: 15px 5px
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
    border-color: #1B870B
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
    border-color: #9C1A1A
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: #333;
    border: 3px solid #333;
    border-left: 9px solid #333;
    border-top: 5px solid #333;
    margin-bottom: 0;
    margin-top: 21px;
    position: relative
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
    background: #333
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
    margin-left: 15px;
    margin-top: 2px
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button {
    color: #fff
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
    margin-top: 0px !important
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
    display: inline-block;
    float: left;
    margin-left: 10px;
    text-align: left;
    width: 50%
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
    text-decoration: underline
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
    display: inline-block;
    float: right;
    margin: 7px 15px 0;
    text-align: right
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
    background: gray;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    width: auto;
    border: 0
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
    background-color: #1B870B;
    opacity: 1
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected {
    background-color: #9C1A1A;
    opacity: 1
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
    background-color: #1B870B
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
    background-color: #9C1A1A
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
    color: #333;
    font-size: 12px
}

#tarteaucitron .tarteaucitronH3 {
    font-size: 18px
}

#tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {
    width: auto !important;
    margin-left: 0 !important;
    font-size: 14px
}

.tarteaucitronAlertBigTop {
    top: 0
}

.tarteaucitronAlertBigBottom {
    bottom: 0
}

#tarteaucitronRoot #tarteaucitronAlertBig {
    background: #333;
    color: #fff;
    display: none;
    font-size: 15px !important;
    left: 0;
    position: fixed;
    box-sizing: content-box;
    z-index: 2147483645;
    text-align: center;
    padding: 10px;
    margin: auto;
    width: 100%
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    font: 15px verdana;
    color: #fff
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    font-weight: 700
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
    cursor: pointer
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog {
    background: #008300;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    padding: 5px 10px;
    text-decoration: none;
    margin-left: 7px
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog {
    background: #fff;
    color: #333;
    font-size: 13px;
    margin-bottom: 3px;
    margin-left: 7px;
    padding: 4px 10px
}

#tarteaucitronPercentage {
    background: #0A0 !important;
    box-shadow: 0 0 2px #fff, 0 1px 2px #555;
    height: 5px;
    left: 0;
    position: fixed;
    width: 0;
    z-index: 2147483644
}

.tarteaucitronAlertSmallTop,
.tarteaucitronAlertSmallBottom {
    bottom: 0
}

#tarteaucitronAlertSmall {
    background: #333;
    display: none;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: center;
    width: auto;
    z-index: 2147483646
}

#tarteaucitronAlertSmall #tarteaucitronManager {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px !important;
    padding: 8px 10px 8px
}

#tarteaucitronAlertSmall #tarteaucitronManager:hover {
    background: rgba(255, 255, 255, 0.05)
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
    background-color: gray;
    border-radius: 5px;
    display: block;
    height: 8px;
    margin-bottom: 1px;
    margin-top: 5px;
    overflow: hidden;
    width: 100%
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
    display: block;
    float: left;
    height: 100%;
    width: 0%
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
    background-color: #1B870B
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
    background-color: #FBDA26
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
    background-color: #9C1A1A
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 30px;
    padding: 0px 10px;
    vertical-align: top
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
    background: rgba(255, 255, 255, 0.3)
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
    display: none;
    max-height: 70%;
    max-width: 500px;
    position: fixed;
    right: 0;
    width: 100%
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
    background: #fff;
    border: 2px solid #333;
    color: #333;
    font-size: 11px;
    height: auto;
    overflow: auto;
    text-align: left
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {
    color: #333
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
    background: #333;
    margin-top: 21px;
    padding: 13px 0 9px 13px;
    text-align: left
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {
    color: #fff;
    font-size: 16px
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
    background: rgba(51, 51, 51, 0.1);
    padding: 7px 5px 10px;
    word-wrap: break-word
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
    background: rgba(51, 51, 51, 0.2)
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
    color: #333;
    text-decoration: none
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
    display: inline-block;
    width: 50%
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {
    color: darkred
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
    color: #333;
    display: inline-block;
    font-size: 11px;
    margin-left: 10%;
    vertical-align: top;
    width: 30%
}

.tac_activate {
    background: #333;
    color: #fff;
    display: table;
    font-size: 12px;
    height: 100%;
    line-height: initial;
    margin: auto;
    text-align: center;
    width: 100%
}

.tac_float {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.tac_activate .tac_float strong {
    color: #fff
}

.tac_activate .tac_float .tarteaucitronAllow {
    background-color: #1B870B;
    display: inline-block
}

ins.ferank-publicite,
ins.adsbygoogle {
    text-decoration: none
}

div.amazon_product {
    height: 240px;
    width: 120px
}

.tarteaucitronIsAllowed .tarteaucitronDeny {
    opacity: 0.4 !important
}

.tarteaucitronIsDenied .tarteaucitronAllow {
    opacity: 0.4 !important
}

.tarteaucitronIsAllowed .tarteaucitronAllow {
    opacity: 1 !important
}

.tarteaucitronIsDenied .tarteaucitronDeny {
    opacity: 1 !important
}

.tarteaucitronLine .tarteaucitronAllow,
.tarteaucitronLine .tarteaucitronDeny {
    opacity: 0.4
}

div#tarteaucitronInfo {
    display: block !important;
    position: relative !important;
    text-align: center !important;
    max-width: 80% !important;
    padding: 15px 0 !important;
    margin: -10px auto 40px !important;
    font-size: 1em !important;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #555
}

a.tarteaucitronSelfLink {
    position: absolute;
    left: 0;
    right: 0;
    padding-top: 13px !important;
    display: block;
    text-shadow: 0 0 14px white;
    text-transform: uppercase
}

.tarteaucitronMainLine .tarteaucitronH2 {
    font-size: 1.2em !important;
    margin-top: 4px !important
}

span.tarteaucitronTitle.tarteaucitronH3 {
    margin-top: 12px !important
}

#tarteaucitronRoot * {
    font-size: 14px
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronPrivacyUrl {
    font-weight: 200;
    font-size: .875rem;
    line-height: 1.875rem;
    letter-spacing: 0.075rem
}

span#check {
    padding-left: 7px;
    font-size: 20px
}

span#tarteaucitronDisclaimerAlert {
    position: relative;
    top: 12px
}

#tarteaucitronRoot #tarteaucitronAlertBig {
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    display: none;
    left: 0;
    text-align: center;
    padding: 7px 10px 0px 10px;
    margin: auto;
    width: 100%
}

@media only screen and (max-width: 550px) {
    #tarteaucitronRoot #tarteaucitronAlertBig {
        padding: 7px 2px 10px
    }
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    color: #fff
}

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

    #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
    #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
        display: block;
        text-align: center
    }
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    font-weight: 500
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
    cursor: pointer;
    top: 10px;
    transition: all .2s
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog:hover {
    color: #ccc
}

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

    #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
    #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
        margin: auto
    }
}

#tarteaucitronAlertBig #tarteaucitronPersonalize {
    background-color: #343796;
    border-color: #2a2c78;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    margin-left: 20px;
    border-radius: 3px;
    top: 10px;
    transition: all 0.2s
}

#tarteaucitronAlertBig #tarteaucitronPersonalize:hover,
#tarteaucitronAlertBig #tarteaucitronPersonalize:focus {
    background-color: #2a2c78
}

#tarteaucitronAlertBig #tarteaucitronPersonalize:hover,
#tarteaucitronAlertBig #tarteaucitronPersonalize:focus {
    color: #fff
}

@media only screen and (max-width: 550px) {
    #tarteaucitronAlertBig #tarteaucitronPersonalize {
        margin-left: 0px;
        margin-top: 10px
    }
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    padding: 11.5px 38px;
    margin-left: 7px;
    border-radius: 3px;
    top: 9px
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert:hover,
#tarteaucitronAlertBig #tarteaucitronCloseAlert:focus {
    background-color: #b9b9b9
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert:hover,
#tarteaucitronAlertBig #tarteaucitronCloseAlert:focus {
    color: #333
}

@media only screen and (max-width: 550px) {
    #tarteaucitronAlertBig #tarteaucitronCloseAlert {
        margin-left: 0px
    }
}

#overlay-search {
    top: 0 !important
}

#overlay-search .overlay-form {
    display: flex;
    flex-wrap: wrap;
    height: 100%
}

#overlay-search .overlay-form>.row {
    align-self: center
}

#overlay-search .button-xlarge,
#overlay-search .input-xlarge {
    padding: 1.25rem 2.5rem 1.3125rem 2.5rem;
    font-size: 1.875rem
}

#overlay-search .button-xlarge {
    background-color: #343796;
    border-color: #2a2c78;
    color: #fff
}

#overlay-search .button-xlarge:hover,
#overlay-search .button-xlarge:focus {
    background-color: #2a2c78
}

#overlay-search .button-xlarge:hover,
#overlay-search .button-xlarge:focus {
    color: #fff
}

#overlay-search .input-xlarge {
    height: 5.0625rem
}

#overlay-search {
    height: 100%;
    position: fixed
}

#overlay-search .close-reveal-modal {
    top: 7rem;
    right: 4rem
}

.home .wonbusiness {
    background-image: linear-gradient(#f5f5f5 0%, #f5f5f5 40vh, white 40vh, white 100%)
}

.home .wonbusiness.affaires_interne {
    background: none
}

@media only screen and (max-width: 75em) {
    .home .wonbusiness__desktop {
        display: none
    }
}

.home .wonbusiness__mobile {
    display: none
}

@media only screen and (max-width: 75em) {
    .home .wonbusiness__mobile {
        display: block
    }
}

.home .wonbusiness__mobile .wonbusiness__item {
    padding: 1.5rem 2rem;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: white
}

@media only screen and (min-width: 40.0625em) and (max-width: 75em) {
    .home .wonbusiness__mobile.affaires_interne {
        display: grid
    }
}

@media (max-width: 480px) {
    .home .wonbusiness__mobile.affaires_interne {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #f4f4f4
    }
}

@media (max-width: 480px) {
    .home .wonbusiness__mobile.affaires_interne .wonbusiness__item {
        padding: 2rem 3rem;
        width: 80%
    }
}

@media only screen and (max-width: 75em) {
    .home .wonbusiness {
        background: #f5f5f5
    }
}

.home .wonbusiness__title {
    font-size: 3rem;
    color: #000;
    font-weight: 700;
    letter-spacing: -.025rem;
    line-height: 5rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    padding: 6rem 0 2rem
}

@media only screen and (max-width: 75em) {
    .home .wonbusiness__title {
        padding: 2rem 1rem;
        font-size: 2.5rem;
        line-height: 2.875rem
    }
}

.home .wonbusiness__container {
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    background-color: white;
    max-width: 78.125rem;
    margin: auto;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
}

@media (max-width: 480px) {
    .home .wonbusiness__container {
        border: none
    }
}

.home .wonbusiness__item {
    border-bottom: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-left: none;
    border-top: none;
    padding: 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (min-width: 75.0625em) {
    .home .wonbusiness__item:hover {
        transition: ease-in-out 0.5s;
        background-color: #343796;
        color: white
    }

    .home .wonbusiness__item:hover .wonbusiness__juridiction,
    .home .wonbusiness__item:hover .wonbusiness__who,
    .home .wonbusiness__item:hover .wonbusiness__theme,
    .home .wonbusiness__item:hover .wonbusiness__amount,
    .home .wonbusiness__item:hover .wonbusiness__more {
        color: white !important
    }
}

@media (max-width: 480px) {
    .home .wonbusiness__item {
        border: 1px solid lightgrey
    }
}

.home .wonbusiness__juridiction {
    font-size: .75rem;
    color: #9a9a9a;
    font-weight: 300;
    letter-spacing: .075rem;
    line-height: .875rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 2rem
}

.home .wonbusiness__who {
    font-size: .875rem;
    color: #343796;
    font-weight: 400;
    letter-spacing: .025rem;
    line-height: 1.25rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 1rem
}

.home .wonbusiness__theme {
    font-size: .875rem;
    color: #343796;
    font-weight: 400;
    letter-spacing: .025rem;
    line-height: 1.25rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 1rem
}

.home .wonbusiness__amount {
    font-size: 1.125rem;
    color: #000;
    font-weight: 600;
    letter-spacing: .01rem;
    line-height: 1.875rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 1rem
}

.home .wonbusiness__more {
    font-size: .75rem;
    color: #343796;
    font-weight: 300;
    letter-spacing: .1rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

.home .wonbusiness__seeall {
    padding: 1rem 0 4rem;
    text-align: center
}

@media only screen and (max-width: 75em) {
    .home .wonbusiness__seeall {
        padding-top: 4rem
    }
}

.home .wonbusiness__seeall a {
    font-size: .875rem;
    color: #9a9a9a;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 4.125rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase
}

.wonbusiness__pagination {
    padding-top: 2rem
}

.listewin {
    background-color: #f5f5f5;
    padding: 2rem 0
}

@media only screen and (max-width: 75em) {
    .listewin {
        padding: 2 0.7rem
    }
}

.listewin article {
    background-color: white;
    margin-bottom: 1rem;
    padding: 1rem
}

.listewin select,
.listewin input {
    font-size: .875rem;
    color: #545454;
    font-weight: 300;
    letter-spacing: .025rem;
    line-height: 1.5rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    background: none;
    border: 1x solid #545454;
    padding: 1rem 0.5rem;
    height: auto
}

.listewin option {
    padding: 1rem 0.5rem;
    background-color: white
}

.listewin #theme-submit {
    padding: 1rem 0.5rem;
    background-color: #b1b1b1;
    color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #b1b1b1
}

.listewin hr {
    border: none
}

.breadcrumbs {
    margin: 0
}

.bloc-temoignages {
    background: #f5f5f5
}

@media only screen and (max-width: 75em) {
    .bloc-temoignages {
        padding: 0 1.25rem
    }
}

.temoignagesbloc__url {
    padding: 1.5625rem 2.1875rem;
    transition: 300ms;
    display: flex;
    margin: 2.8125rem auto 0;
    width: fit-content;
    background: #343796
}

@media only screen and (max-width: 40em) {
    .temoignagesbloc__url {
        padding: .625rem 1.25rem
    }
}

.temoignagesbloc__url .temoignagesbloc__container {
    display: flex;
    margin: auto
}

@media only screen and (max-width: 40em) {
    .temoignagesbloc__url .temoignagesbloc__container {
        flex-direction: column;
        text-align: center
    }
}

.temoignagesbloc__url .temoignagesbloc__container img {
    margin: auto
}

.temoignagesbloc__url .temoignagesbloc__content {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    font-weight: 700;
    margin: auto;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    margin: auto;
    filter: brightness(0) invert(1)
}

@media only screen and (max-width: 40em) {
    .temoignagesbloc__url .temoignagesbloc__content {
        font-size: .875rem;
        line-height: 1.375rem
    }
}

.temoignagesbloc__url:hover {
    background: #000
}

@media only screen and (max-width: 75em) {
    .cabinet {
        padding-bottom: 4rem
    }
}

.cabinet__quote {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: .5rem;
    font-family: "Playfair Display", serif;
    text-align: center
}

@media only screen and (max-width: 75em) {
    .cabinet__quote {
        color: #343796;
        position: relative !important;
        transform: none;
        text-align: center;
        left: auto;
        top: auto;
        padding: 1rem;
        color: #343796;
        font-size: 1.25rem;
        line-height: 1.5rem;
        letter-spacing: 0.25rem
    }
}

.cabinet__right {
    padding: 8rem !important
}

@media only screen and (max-width: 75em) {
    .cabinet__right {
        padding: 1rem !important
    }
}

.cabinet__txt h3 {
    font-size: 1.875rem;
    color: #343796;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 2.25rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 1rem
}

.cabinet__txt p {
    font-size: 1rem;
    color: #333339;
    font-weight: 300;
    letter-spacing: .075rem;
    font-family: "Poppins", sans-serif;
    text-align: justify;
    line-height: 1.875rem
}

@media only screen and (max-width: 75em) {
    .cabinet__txt p {
        text-align: left
    }
}

.cabinet__urls a {
    font-size: .875rem;
    color: #333339;
    font-weight: 700;
    letter-spacing: 0rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

.cabinet__urls a:hover {
    color: #343796
}

.cabinet .leftcol {
    background: #343796;
    height: 100%
}

@media only screen and (max-width: 75em) {
    .cabinet .leftcol {
        background: none
    }
}

.cabinet .rightcol {
    background: transparent;
    overflow: hidden;
    padding: 0
}

@media only screen and (max-width: 75em) {
    .cabinet .rightcol {
        background: none
    }
}

.cabinet .rightcol>div {
    height: 100%
}

.cabinet .rightcol img {
    max-width: none !important
}

@media screen and (min-width: 1200px) {
    .cabinet .rightcol img {
        max-height: 890px
    }
}

@media screen and (min-width: 1335px) {
    .cabinet .rightcol img {}
}

@media screen and (min-width: 1506px) {
    .cabinet .rightcol img {}
}

@media screen and (min-width: 1790px) {
    .cabinet .rightcol img {}
}

.numbers {
    padding: 5.625rem 0;
    font-size: 1.5rem;
    color: #000;
    font-weight: 700;
    letter-spacing: .01rem;
    line-height: 2rem;
    font-family: "Playfair Display", serif;
    text-align: center;
    font-style: italic
}

@media only screen and (max-width: 75em) {
    .numbers {
        background: #343796;
        color: white;
        padding: 7rem 2rem
    }
}

@media only screen and (max-width: 75em) {
    .numbers>div>div {
        padding: 0rem
    }
}

@media only screen and (max-width: 75em) {

    .numbers__success:after,
    .numbers__success:before {
        margin: 2rem 40%;
        display: block;
        content: "";
        width: 60px;
        height: 1px;
        border-bottom: #4d50b3 solid 1px
    }
}

.numbers__stat,
.numbers span {
    color: #343796
}

@media only screen and (max-width: 75em) {

    .numbers__stat,
    .numbers span {
        color: white
    }
}

.container_footer_menu {
    position: relative;
    z-index: 999;
    display: none
}

.footerMenu {
    background: rgba(38, 38, 38, 0.8);
    position: fixed;
    height: 4.375rem;
    bottom: 0;
    width: 100%;
    box-shadow: 1px 1px 1px #e7e7e7
}

.footerMenu .title-area {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 1.25rem
}

.footerMenu .title-area li {
    margin: auto 0
}

.footerMenu .toggle-topbar.menu-icon {
    background: url(../images/burger.png) no-repeat;
    border-radius: 18.75rem;
    cursor: pointer;
    display: flex;
    width: 3.4375rem;
    height: 3.4375rem;
    margin: 0;
    top: 0
}

.footerMenu .top-bar.expanded .toggle-topbar.menu-icon {
    background: url(../images/menu-close.png) no-repeat;
    margin: auto;
    width: 1.3125rem;
    height: 1.125rem
}

.footerMenu .top-bar.expanded .top-bar__link {
    display: none
}

.footerMenu .top-bar__link {
    cursor: pointer
}

.footerMenu .top-bar {
    z-index: 2;
    background: transparent;
    overflow: visible;
    width: 100%;
    padding-top: .625rem
}

.footerMenu .top-bar .toggle-topbar.menu-icon a {
    line-height: 0;
    height: 0;
    margin: auto
}

.footerMenu .top-bar .toggle-topbar.menu-icon a span::after {
    all: unset;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    margin-top: unset;
    top: 123%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.footerMenu .top-bar.expanded .title-area {
    padding-top: 5.9375rem
}

.footerMenu .top-bar.expanded {
    position: absolute !important;
    bottom: 0px !important;
    background: #fff;
    width: 100% !important;
    text-align: center;
    height: 100vh !important;
    z-index: 99999999999;
    animation: showNav 500ms ease-in-out;
    border: solid .625rem #fff
}

.footerMenu .top-bar.expanded .top-bar-section a {
    padding-left: 2rem !important
}

.footerMenu .top-bar-section .has-dropdown>a:after {
    display: none
}

.footerMenu .top-bar-section ul li {
    line-height: 2.375rem
}

.footerMenu .top-bar-section ul li a:not(.back) {
    color: #343796;
    font-size: 1rem !important;
    line-height: 1.5rem;
    text-transform: none;
    padding: .5rem 0;
    transition: color 300ms
}

.footerMenu .top-bar-section ul li:hover:not(.has-form)>a:not(.back) {
    color: #e7e7e7
}

.footerMenu .top-bar-section .dropdown li:not(.back) a {
    color: #343796;
    text-align: left
}

.footerMenu .top-bar-section .dropdown li.title h5 {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.footerMenu .top-bar-section .dropdown li.title h5 a {
    color: #e7e7e7;
    font-size: 1rem;
    background: none;
    text-align: left
}

.footerMenu .top-bar-section .dropdown li:not(.back) a {
    font-size: 1rem !important
}

.footerMenu .top-bar-section .dropdown li:not(.back) a:before {
    all: unset
}

@keyframes showNav {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.footerMenu .top-bar .toggle-topbar {
    position: inherit
}

.footerMenu li.name {
    display: none
}

.footerMenu .top {
    background: url(../images/icone-top.png) no-repeat;
    width: 2.1875rem;
    height: 2.1875rem
}

.footerMenu .top-bar.expanded .title-area,
.footerMenu .top-bar-section ul li:hover:not(.has-form)>a,
.footerMenu .top-bar-section ul li {
    background: transparent
}

.footerMenu .top-bar.expanded .title-area {
    display: block
}

@media only screen and (max-width: 75em) {
    .container_footer_menu {
        display: block
    }

    .top-bar-section>ul li .dropdown {
        border: 0 !important
    }

    .title.back.js-generated a {
        text-align: center;
        text-transform: uppercase;
        color: #e7e7e7
    }
}

.footer {
    padding-top: 8rem
}

@media only screen and (max-width: 40em) {
    .footer {
        padding-top: 4rem
    }
}

.footer__back-on-top {
    display: none;
    position: relative
}

@media only screen and (min-width: 75.0625em) {
    .footer__back-on-top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 2rem
    }
}

.footer__back-on-top:after {
    content: "";
    border: 0.01px solid #f5f5f5;
    width: 400px;
    position: absolute;
    bottom: 28px
}

.footer__back-on-top--title {
    padding-top: 1rem;
    font-size: 1rem;
    color: #343796;
    font-weight: 400;
    letter-spacing: 0rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase
}

.footer__infos {
    display: flex;
    align-items: center;
    padding-bottom: 4rem
}

@media only screen and (max-width: 40em) {
    .footer__infos {
        flex-direction: column;
        justify-content: center;
        padding-bottom: 2rem
    }
}

@media only screen and (max-width: 40em) {
    .footer__infos>div {
        padding-bottom: 2rem
    }
}

.footer__infos .footer__follow-title {
    font-size: 1rem;
    color: #343796;
    font-weight: 400;
    letter-spacing: 0rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

@media only screen and (max-width: 40em) {
    .footer__infos .footer__follow-title {
        text-align: center
    }
}

.footer__infos p {
    font-size: 1rem;
    color: #9a9a9a;
    font-weight: 300;
    letter-spacing: .1rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    margin: 0
}

@media only screen and (max-width: 40em) {
    .footer__infos p {
        text-align: center;
        padding: 0 2rem
    }
}

@media only screen and (max-width: 40em) {

    .footer__logo,
    .footer__follow,
    .footer__coord {
        display: flex;
        justify-content: center
    }
}

.footer__logo img {
    width: 188px
}

.footer__follow-item {
    display: flex;
    justify-content: center;
    align-items: center
}

.footer__follow-title {
    padding-bottom: 1rem
}

@media only screen and (max-width: 40em) {
    .footer__poi {
        position: absolute;
        top: 40%
    }
}

.footer__coord {
    padding-bottom: 5rem;
    font-size: 1rem;
    color: #9a9a9a;
    font-weight: 300;
    letter-spacing: .075rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    justify-items: center
}

@media only screen and (max-width: 40em) {
    .footer__coord {
        flex-direction: column;
        padding-bottom: 2rem
    }
}

@media only screen and (max-width: 40em) {
    .footer__coord>div {
        padding-top: 1rem
    }
}

@media only screen and (max-width: 40em) {
    .footer__coord p {
        padding-left: 3rem;
        margin: 0;
        padding-bottom: 0
    }
}

.footer__coord h4,
.footer__coord .grid-item__title {
    display: inline;
    font-size: 1rem;
    color: #545454;
    font-weight: 500;
    letter-spacing: .05rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

@media only screen and (max-width: 40em) {

    .footer__coord h4,
    .footer__coord .grid-item__title {
        padding: 2rem 0 1rem !important
    }
}

.footer__coord span {
    font-size: .875rem;
    color: #9a9a9a;
    font-weight: 400;
    letter-spacing: .1rem;
    line-height: 1.625rem;
    font-family: "Playfair Display", serif;
    text-align: left;
    font-style: italic
}

.footer__coord hr {
    border: 0.2px solid #f5f5f5;
    width: 60px
}

@media only screen and (max-width: 40em) {
    .footer__coord hr {
        margin: 1rem 0 1rem
    }
}

.footer__legals p {
    font-size: .6875rem;
    color: #9a9a9a;
    font-weight: 300;
    letter-spacing: .15rem;
    line-height: 1.625rem;
    font-family: "Poppins", sans-serif;
    text-align: center
}

@media only screen and (max-width: 40em) {
    .footer__legals p {
        letter-spacing: 0.075rem;
        text-align: left;
        line-height: 1.125rem
    }
}

@media only screen and (max-width: 40em) {
    .footer__legals {
        padding-bottom: 4rem;
        padding-left: 1rem
    }
}

.footer__maps iframe {
    width: 100%
}

.contact .contact-inline {
    display: none
}

.contact-inline {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 75em) {
    .contact-inline {
        background: #c6c6c7 !important
    }
}

.contact-inline .contact-container {
    position: relative;
    z-index: 9;
    min-width: 100%
}

.contact-inline .contact-container fieldset {
    border: none !important;
    font-size: 1rem;
    color: #9a9a9a;
    font-weight: 300;
    letter-spacing: .05rem;
    line-height: 3rem;
    font-family: "Poppins", sans-serif;
    text-align: left
}

.contact-inline .contact-container fieldset legend {
    display: none
}

.contact-inline .contact-container label {
    color: white
}

.contact-inline .contact-container .contact-inline__title {
    padding-top: 2rem;
    font-size: 1.875rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: .05rem;
    line-height: 3rem;
    font-family: "Poppins", sans-serif;
    text-align: center
}

@media only screen and (max-width: 75em) {
    .contact-inline .contact-container .contact-inline__title {
        padding: 2rem 2rem 0
    }
}

.contact-inline .contact-container input,
.contact-inline .contact-container select,
.contact-inline .contact-container textarea {
    color: #000 !important
}

.contact-inline .contact-container .button {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: .075rem;
    line-height: 2.4375rem;
    font-family: "Playfair Display", serif;
    text-align: center;
    font-style: italic;
    padding: 0.5rem
}

.para-contact {
    min-height: 28.125rem;
    overflow: hidden
}

.para-contact:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/contact-avocats.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    background-attachment: fixed;
    transform: scale(1.07)
}

@media (max-width: 1200px) {
    .para-contact:after {
        background-image: url(../images/vousetesvictimesde.jpg)
    }
}

@media (max-width: 960px) {
    .para-contact:after {
        background-position: center left;
        background-attachment: scroll !important
    }
}

.contact-inline.isnotindex {
    background: #343796 !important;
    padding: 10.625rem 0;
    color: #bcbcbc
}

@media only screen and (max-width: 75em) {
    .contact-inline.isnotindex {
        background: #343796 !important;
        padding: 14.375rem 0
    }
}

.contact-inline.isnotindex input,
.contact-inline.isnotindex select,
.contact-inline.isnotindex textarea {
    background: none;
    border: solid 1px #5357c1;
    color: #bcbcbc !important
}

.contact-inline.isnotindex .button {
    background-color: #323583
}

.contact-inline.isnotindex label {
    color: #bcbcbc
}

.header {
    display: none !important
}

@media only screen and (min-width: 75.0625em) {
    .header {
        display: flex !important;
        padding: 2rem 0;
        background: white;
        transition: all .5s ease-in-out;
        z-index: 99999
    }
}

.bloc__logo img {
    width: 180px
}

.bloc__menu-langue {
    font-size: .875rem;
    color: #343796;
    font-weight: 600;
    letter-spacing: .025rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase
}

.bloc__menu-langue .dropdown li {
    border-bottom: solid 0.05rem #8385d7
}

.bloc__contact {
    font-size: .875rem;
    color: #141414;
    font-weight: 900;
    letter-spacing: 0rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase
}

.bloc__contact a {
    padding: 1rem
}

.bloc__contact a:hover {
    background: #343796;
    padding: 1rem;
    color: white;
    transition: 0.2s ease-in-out
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 1rem 0;
    transition: ease-in-out 0.5s
}

.sticky .bloc__logo img {
    transition: ease-in-out 0.5s;
    width: 110px
}

.sticky+.content {
    padding-top: 60px
}

.top-bar-section li {
    font-weight: 700 !important;
    font-size: 1.125rem
}

ul.dropdown {
    box-shadow: 0px 0px 6px 2px rgba(255, 255, 255, 0.59)
}

header .top-bar-section ul:not(.dropdown)>li a.aselect {
    color: #343796
}

header .top-bar-section ul.dropdown>li a.aselect {
    color: #fff !important;
    background-color: #000 !important;
    background: #000 !important
}

.grid-items {
    position: relative
}

.grid-items-list {
    display: grid
}

.grid-items-list__item {
    border-right: 0.1rem solid #f5f5f5;
    border-bottom: 0.1rem solid #f5f5f5
}

.grid-items-list__item:hover .grid-item__date,
.grid-items-list__item:hover .grid-item__title>a,
.grid-items-list__item:hover .grid-item__text>p,
.grid-items-list__item:hover .grid-item__readmore {
    color: #343796 !important
}

.grid-item__date {
    font-size: .625rem;
    color: #333339;
    font-weight: 300;
    letter-spacing: .1rem;
    line-height: 1.5625rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

.grid-item {
    display: flex
}

@media screen and (max-width: 75em) {
    .grid-item {
        flex-direction: column
    }
}

.grid-item__contents {
    flex-basis: 100%
}

.grid-item__contents {
    background: white;
    padding: 1.875rem;
    padding-bottom: .9375rem;
    padding-top: .9375rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

@media (min-width: 1200px) {
    .grid-item__contents {
        min-height: 440px
    }
}

.grid-items__showmore {
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 100%
}

.homenews {
    background-color: #f5f5f5
}

@media (min-width: 1200px) {
    .homenews {
        padding-top: 5rem
    }
}

@media (min-width: 1300px) {
    .homenews {
        padding: 10rem 9.375rem 4rem
    }
}

@media (min-width: 1750px) {
    .homenews {
        padding: 10rem 21.875rem 4rem
    }
}

@media only screen and (max-width: 75em) {
    .homenews {
        padding: 0rem
    }

    .homenews .grid-items__showmore {
        display: none
    }
}

.homenews .grid-items-header span.closeform1 {
    top: -5%;
    right: -4%
}

.homenews .grid-items-header span.closeform1 .fas {
    font-size: 1.5rem
}

.homenews .grid-items-header__title {
    font-size: 1.875rem;
    color: #333339;
    font-weight: 700;
    letter-spacing: 0rem;
    font-family: "Poppins", sans-serif;
    text-align: left
}

@media only screen and (max-width: 75em) {
    .homenews .grid-items-header__title {
        padding: 3rem 0 1rem
    }
}

@media only screen and (max-width: 40em) {
    .homenews .grid-items-header__title {
        text-align: center
    }
}

.homenews .grid-items-list {
    background-color: white
}

.homenews .grid-item__title a {
    font-size: 1.5rem;
    color: #000;
    font-weight: 400;
    letter-spacing: .05rem;
    line-height: 1.75rem;
    font-family: "Playfair Display", serif;
    text-align: left
}

@media only screen and (max-width: 40em) {
    .homenews .grid-item__text {
        display: none
    }
}

.homenews .grid-item__text p {
    font-size: .875rem;
    color: #333339;
    font-weight: 300;
    letter-spacing: .05rem;
    line-height: 1.5rem;
    font-family: "Poppins", sans-serif;
    text-align: left
}

.homenews .grid-item__readmore {
    font-size: .75rem;
    color: #333339;
    font-weight: 300;
    letter-spacing: .025rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

@media only screen and (max-width: 40em) {
    .homenews__juri {
        padding: 0rem
    }
}

.homenews__juri--seeall {
    font-size: .875rem;
    color: #9a9a9a;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 4.125rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding-top: 3rem
}

.homenews__juri--seeall a {
    color: #9a9a9a
}

@media only screen and (max-width: 40em) {
    .homenews__cabinet {
        padding: 0
    }
}

.homenews__cabinet--seeall {
    font-size: .875rem;
    color: #9a9a9a;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 4.125rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding-top: 3rem
}

.homenews__cabinet--seeall a {
    color: #9a9a9a
}

.homenews__link {
    display: none;
    padding-top: 1rem;
    text-align: center
}

.homenews__link a {
    font-size: .875rem;
    color: #343796;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 4.125rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase
}

.jumbotron {
    min-height: 60vh;
    background: center url(../images/aviron.jpg);
    color: white;
    width: 80vw;
    margin: auto;
    margin-bottom: 5rem;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width: 75em) {
    .jumbotron {
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start !important;
        width: 100vw;
        margin: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 80% 50%;
        grid-template-rows: 100%
    }
}

@media only screen and (max-width: 75em) {
    .jumbotron {
        height: 100vh
    }
}

.jumbotron__background {
    background-image: linear-gradient(white 0%, white 30vh, #f5f5f5 30vh, #f5f5f5 100%)
}

.jumbotron a {
    color: white
}

.jumbotron__bloc {
    padding-top: 15%
}

@media only screen and (max-width: 75em) {
    .jumbotron__bloc {
        padding: 5%;
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center
    }
}

@media only screen and (min-width: 40.0625em) {
    .jumbotron__bloc {
        padding: 4%
    }
}

.jumbotron__pretext {
    font-size: 1.125rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: .4rem;
    font-family: "Playfair Display", serif;
    text-align: center;
    max-width: 75%;
    margin: auto;
}

@media only screen and (max-width: 75em) {
    .jumbotron__pretext {
        padding: 0.5rem;
        letter-spacing: 0.20rem;
        line-height: 1.5rem;
        max-width: unset;
    }
}

@media only screen and (min-width: 75.0625em) {
    .jumbotron__pretext {
        padding-top: 2rem
    }
}

.jumbotron__maintext {
    font-size: 3rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: .05rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    padding-bottom: 2.25rem
}

@media only screen and (max-width: 75em) {
    .jumbotron__maintext {
        padding: 0.5rem;
        font-size: 2.5rem;
        line-height: 3rem
    }
}

.jumbotron__urls {
    max-width: 100vw;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: .1rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    margin: none
}

.jumbotron__urls li {
    margin: 0 0.5rem;
    width: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media only screen and (min-width: 75.0625em) {
    .jumbotron__urls li {
        margin: 0 0.5rem
    }
}

.jumbotron__urls a {
    padding: 1rem;
    font-weight: 400
}

.jumbotron__urls--title {
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: .1rem;
    line-height: 1.25rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    padding: 0;
    margin: 0
}

.jumbotron__urls--desktop {
    display: flex;
    margin: 0
}

@media only screen and (max-width: 75em) {
    .jumbotron__urls--desktop {
        display: none
    }
}

.jumbotron__urls--mobile {
    display: none;
    margin: 0
}

@media only screen and (max-width: 75em) {
    .jumbotron__urls--mobile {
        display: flex;
        padding-top: 2rem
    }

    .jumbotron__urls--mobile a {
        border: solid 1px white;
        padding: 1.5rem
    }

    .jumbotron__urls--mobile li.slick-slide {
        display: flex !important;
        justify-content: center
    }

    .jumbotron__urls--mobile li.slick-active>button:before {
        color: white !important
    }

    .jumbotron__urls--mobile .slick-dots button:before {
        color: white !important
    }

    .jumbotron__urls--mobile .slick-prev:before,
    .jumbotron__urls--mobile .slick-next:before {
        color: white !important
    }

    .jumbotron__urls--mobile .slick-prev,
    .jumbotron__urls--mobile .slick-next {
        top: 59%
    }

    .jumbotron__urls--mobile .slick-next {
        right: 5%
    }

    .jumbotron__urls--mobile .slick-prev {
        left: 5%
    }
}

@media only screen and (max-width: 75em) {
    .jumbotron__logo {
        padding: 2rem
    }
}

.jumbotron__arrow {
    align-content: end;
    padding-top: 6%;
    padding-bottom: 5%
}

@media only screen and (max-width: 75em) {
    .jumbotron__arrow {
        padding: 0.5rem
    }
}

.jumbotron__arrow a:before {
    display: inline-block;
    content: "";
    margin: 4px;
    width: 40px;
    border-top: 1px white solid
}

.jumbotron__arrow a:after {
    display: inline-block;
    content: "";
    margin: 4px;
    width: 40px;
    border-top: 1px white solid
}

.jumbotron .jumbotron_animation {
    cursor: pointer;
    position: relative;
    background: none;
    transition: all ease 0.3s
}

.jumbotron .jumbotron_animation:after,
.jumbotron .jumbotron_animation:before {
    content: " ";
    width: 10px;
    height: 10px;
    position: absolute;
    border: 0px solid #fff;
    transition: all ease 0.3s;
    width: 100%;
    height: 100%
}

.jumbotron .jumbotron_animation:after {
    top: 0px;
    left: 0px;
    border-top: 0.5px solid white;
    border-left: 0.5px solid white
}

.jumbotron .jumbotron_animation:before {
    bottom: 0px;
    right: 0px;
    border-bottom: 0.5px solid white;
    border-right: 0.5px solid white
}

.jumbotron .jumbotron_animation:hover {
    border-top-right-radius: -1px;
    border-bottom-left-radius: -1px
}

.jumbotron .jumbotron_animation:hover:before,
.jumbotron .jumbotron_animation:hover:after {
    width: 5%;
    height: 10%
}

.liste-equipe {
    background-color: #f5f5f5;
    padding: 2rem 0
}

@media only screen and (max-width: 75em) {
    .liste-equipe {
        padding: 2 0.7rem
    }
}

.liste-equipe__detail li:before {
    content: ">";
    font-weight: 700;
    padding-right: 0.5rem;
    color: #343796
}

#liste-equipe figcaption {
    font-size: 1.125rem;
    color: #343796;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 1.375rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase
}

.expert-list {
    background-color: #f5f5f5
}

@media only screen and (min-width: 40.0625em) {
    .expert-list .expertises {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center
    }
}

.expert-list .expertises__item {
    margin: 1rem;
    padding: 1rem;
    background: white
}

@media only screen and (min-width: 40.0625em) and (max-width: 75em) {
    .expert-list .expertises__item {
        width: 40%
    }
}

@media only screen and (min-width: 75.0625em) {
    .expert-list .expertises__item {
        width: 22%
    }
}

.expert-list__referent {
    padding-top: 2rem
}

.expert-list__referent--name {
    margin: 0;
    padding: 1rem 0 0.1rem;
    font-size: 1.25rem;
    color: #343796;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 2.125rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase
}

.expert-list__referent--status {
    margin: 0;
    padding: 0;
    font-size: .875rem;
    color: #000;
    font-weight: 400;
    letter-spacing: 0rem;
    line-height: 1.125rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: none
}

@media only screen and (max-width: 75em) {
    .news__list {
        padding: 0 0.7rem
    }
}

.news__list .subheader {
    font-size: .625rem;
    color: #000;
    font-weight: 300;
    letter-spacing: .1rem;
    line-height: 1.5rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

.news__list h2,
.news__list .grid-items-header__title {
    font-size: 1.5rem;
    color: #000;
    font-weight: 600;
    letter-spacing: .05rem;
    line-height: 1.75rem;
    font-family: "Playfair Display", serif;
    text-align: left
}

.news__list h2 a,
.news__list .grid-items-header__title a {
    color: black
}

.news__list p {
    font-size: .875rem;
    color: #545454;
    font-weight: 300;
    letter-spacing: .05rem;
    line-height: 1.5rem;
    font-family: "Poppins", sans-serif;
    text-align: left
}

.news__list .seeall {
    font-size: .75rem;
    color: #000;
    font-weight: 300;
    letter-spacing: .025rem;
    line-height: 1.5rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

.news {
    background: #f5f5f5
}

.news__filter {
    padding: 4rem 0
}

@media only screen and (max-width: 40em) {
    .news__filter {
        padding: 2rem 0
    }
}

.news__filter option {
    padding: 1rem 0.5rem;
    background-color: white
}

.news__filter>div {
    display: flex;
    justify-content: center
}

@media only screen and (max-width: 40em) {
    .news__filter>div {
        flex-direction: column;
        align-items: center
    }
}

.news__list {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: .625rem
}

.news__list:before {
    all: unset
}

.news__list .button {
    font-family: "Poppins", sans-serif
}

.news .article__preview {
    background: white;
    padding: 1.5rem;
    border: 6px solid #fff;
    transition: border 300ms
}

.news .article__preview:hover {
    border: 6px solid #343796
}

.news .article__preview:hover .news__list .subheader {
    color: #9a9a9a
}

.news .article__preview:hover .news__list h2,
.news .article__preview:hover .news__list .grid-items-header__title {
    color: #343796
}

.news .article__preview:hover .news__list p {
    color: #343796
}

.news .article__preview:hover .news__list .seeall {
    color: #9a9a9a
}

.news .bloc-chapo {
    background: white;
    padding-bottom: 2rem;
    padding-top: 2rem
}

@media only screen and (max-width: 75em) {
    .news .bloc-chapo {
        padding-right: 0.7rem;
        padding-left: 0.7rem
    }
}

.news .bloc-chapo p {
    font-size: 1rem
}

.news .contenu {
    padding-top: 2rem
}

@media only screen and (max-width: 75em) {
    .news .contenu {
        padding-left: 0.7rem;
        padding-right: 0.7rem
    }
}

.js-bottom-detector {
    display: none
}

.mediasbloc {
    background: #343796
}

@media only screen and (max-width: 75em) {
    .mediasbloc {
        height: 28.125rem
    }
}

.mediasbloc__title {
    font-size: 1.875rem;
    color: #333339;
    font-weight: 700;
    letter-spacing: 0rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    padding: 4rem 0 1rem;
    background-color: #f5f5f5
}

.mediasbloc__press {
    padding: 2.5rem !important
}

.mediasbloc__press .press__container {
    min-height: 96%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 1rem
}

.mediasbloc__url {
    background-color: #f5f5f5;
    padding: 3rem 0;
    font-size: .875rem;
    color: #343796;
    font-weight: 700;
    letter-spacing: 0rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 75em) {
    .mediasbloc__url {
        padding-top: 6rem
    }
}

.mediasbloc .press__title a {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: .05rem;
    line-height: 1.75rem;
    font-family: "Playfair Display", serif;
    text-align: left
}

.mediasbloc .press__title a:hover {
    color: #b1b1b1;
    transition: 0.1s
}

.mediasbloc .press__title--small a {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: .05rem;
    line-height: 1.75rem;
    font-family: "Playfair Display", serif;
    text-align: left
}

.youtube__video {
    height: 100%
}

.youtube__infos {
    background: black;
    bottom: 0
}

@media only screen and (max-width: 75em) {
    .youtube__infos {
        bottom: 451px
    }
}

.youtube__date {
    font-size: .625rem;
    color: #9a9a9a;
    font-weight: 300;
    letter-spacing: .01rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

.youtube__title {
    padding: 1rem;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: .01rem;
    line-height: 2rem;
    font-family: "Poppins", sans-serif;
    text-align: left
}

@media only screen and (max-width: 75em) {
    .youtube__title {
        width: 100vw
    }
}

.player-button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.press__maintitle {
    font-size: 1.0625rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 1.5rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

.press__title {
    padding-top: 50%
}

.press__title--small {
    padding-top: .625rem
}

.press__link {
    padding-top: 4rem
}

.press__link a {
    font-size: .75rem;
    color: #9a9a9a;
    font-weight: 300;
    letter-spacing: .01rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

.press__link a:hover {
    color: white;
    transition: 0.1s
}

.press__datesource {
    font-size: .625rem;
    color: #9a9a9a;
    font-weight: 300;
    letter-spacing: .01rem;
    line-height: 1rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase;
    padding-top: 4rem
}

.press__container {
    padding-right: 1rem
}

@media only screen and (max-width: 75em) {
    .press__container {
        padding-right: 0.001rem
    }
}

.press__container4:after {
    content: "";
    border-right: 0.1px solid #e7e7e7;
    height: 77%;
    position: absolute;
    right: 11px;
    padding: 0.2rem;
    top: 53px;
    opacity: 0.2
}

@media only screen and (max-width: 75em) {
    .press__maintitle {
        padding: 2rem
    }

    .press__title--small {
        padding: 0;
        padding-top: 2rem
    }

    .press__container {
        height: 450px !important
    }

    .press__content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 80%;
        padding: 2rem
    }

    .press__datesource {
        padding: 0
    }

    .press__link {
        padding: 0
    }
}

.tv .tv__title {
    padding: 2rem;
    font-size: 1.0625rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 1.5rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

.tv__title {
    z-index: 99;
    padding: 2rem
}

@media only screen and (max-width: 40em) {
    .tv__title.absolute {
        bottom: 2px
    }
}

@media only screen and (max-width: 40em) {
    .tv__video {
        height: 100%;
        object-fit: cover
    }
}

.tv__video .tv__title {
    bottom: 1rem;
    bottom: 0;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: .01rem;
    line-height: 2rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: none
}

.mediaslist {
    background-color: #f5f5f5;
    padding: 2rem 0
}

@media only screen and (max-width: 75em) {
    .mediaslist {
        padding: 2rem 0.7rem
    }
}

.mediaslist hr {
    border: none
}

.mediaslist option {
    padding: 1rem 0.5rem;
    background-color: white
}

.mediaslist img {
    width: 250px;
    height: 170px;
    object-fit: cover;
    overflow: hidden
}

.medias__list--article {
    margin-bottom: 2rem
}

.medias__list--article>div {
    display: flex;
    align-content: center
}

@media only screen and (max-width: 40em) {
    .medias__list--article>div {
        flex-direction: column;
        justify-content: center
    }
}

.medias__list--article .title,
.medias__list--article .subheader,
.medias__list--article .rte {
    margin: 0;
    padding: 0.2rem 0
}

.medias__list--article img {
    margin: 0 !important
}

@media only screen and (max-width: 40em) {
    .medias__list--article img {
        width: 100%
    }
}

.fullwidth {
    max-width: 100% !important
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.align-justify {
    justify-content: space-between
}

.align-middle {
    align-items: center
}

.content-center {
    place-content: center
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 !important
}

.vosavocats {
    background-image: linear-gradient(white 0%, white 40vh, #f5f5f5 40vh, #f5f5f5 100%)
}

.vosavocats__container {
    background: #343796;
    width: 80vw;
    margin: auto
}

@media only screen and (max-width: 40em) {
    .vosavocats__container {
        width: 100vw;
        background: none
    }
}

@media only screen and (min-width: 40.0625em) and (max-width: 75em) {
    .vosavocats__container {
        margin: 1rem 0;
        width: 100vw;
        background: none
    }
}

@media only screen and (max-width: 40em) {
    .vosavocats__left {
        padding: 0
    }
}

@media only screen and (min-width: 40.0625em) and (max-width: 75em) {
    .vosavocats__left {
        background: none;
        position: absolute;
        width: 40vw
    }
}

.vosavocats__maintitle {
    z-index: 20;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: .5rem;
    font-family: "Playfair Display", serif;
    text-align: center
}

@media only screen and (max-width: 40em) {
    .vosavocats__maintitle {
        left: 25%;
        top: 38%
    }
}

.vosavocats__img {
    z-index: 10;
    right: 0;
    top: 0;
    box-shadow: 0px 14px 27px 0px rgba(0, 0, 0, 0.38)
}

@media only screen and (max-width: 40em) {
    .vosavocats__img {
        position: relative;
        background: none
    }
}

@media only screen and (min-width: 40.0625em) and (max-width: 75em) {
    .vosavocats__img {
        position: relative;
        background: black;
        height: 100%
    }
}

.vosavocats__img img {
    object-fit: cover;
    max-width: 460px
}

@media only screen and (max-width: 40em) {
    .vosavocats__img img {
        width: 100%
    }
}

@media only screen and (max-width: 40em) {
    .vosavocats__right {
        padding: 0
    }
}

@media only screen and (min-width: 40.0625em) and (max-width: 75em) {
    .vosavocats__right {
        background: #343796;
        width: 60vw
    }
}

.vosavocats__text {
    padding: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

@media only screen and (max-width: 40em) {
    .vosavocats__text {
        position: absolute;
        z-index: 10;
        padding: 1rem;
        background: linear-gradient(rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 20vh, black 20vh, black 100%);
        top: -12rem;
        padding-bottom: 8rem;
        text-align: center
    }
}

@media only screen and (min-width: 40.0625em) and (max-width: 75em) {
    .vosavocats__text {
        padding: 1rem
    }
}

.vosavocats__text h3 {
    font-size: 1.875rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 2.25rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 2rem
}

@media only screen and (max-width: 40em) {
    .vosavocats__text h3 {
        text-align: center
    }
}

.vosavocats__text p {
    font-size: 1rem;
    color: #b1b1b1;
    font-weight: 300;
    letter-spacing: .075rem;
    line-height: 1.875rem;
    font-family: "Poppins", sans-serif;
    text-align: justify
}

@media only screen and (max-width: 40em) {
    .vosavocats__text p {
        display: none
    }
}

.vosavocats__more a {
    font-size: .875rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0rem;
    line-height: 1.5rem;
    font-family: "Poppins", sans-serif;
    text-align: left;
    text-transform: uppercase
}

.contact .victim {
    padding-bottom: 7.5rem
}

.victim {
    background-color: #f5f5f5;
    padding-top: 17rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto
}

@media screen and (min-width: 1200px) and (max-width: 1800px) {
    .victim {
        padding-top: 10rem
    }
}

@media only screen and (max-width: 75em) {
    .victim {
        background: #c6c6c7
    }
}

@media only screen and (max-width: 40em) {
    .victim {
        padding: 6rem 0 6rem
    }
}

@media only screen and (min-width: 40.0625em) and (max-width: 75em) {
    .victim {
        padding: 4rem 0 4rem
    }
}

.victim__item {
    width: 11.25rem;
    height: 11.25rem;
    background: black;
    border-radius: 50%
}

.victim__item:hover {
    width: 11.875rem;
    height: 11.875rem;
    background-color: #343796;
    transition: ease-in-out 0.4s
}

@media (max-width: 1120px) {
    .victim__item {
        width: 10rem;
        height: 10rem
    }
}

@media (max-width: 400px) {
    .victim__item {
        width: 9.375rem;
        height: 9.375rem
    }
}

@media (min-width: 1400px) {
    .victim__item {
        width: 13.4375rem;
        height: 13.4375rem
    }

    .victim__item:hover {
        width: 14.0625rem;
        height: 14.0625rem;
        background-color: #343796;
        transition: ease-in-out 0.4s
    }
}

.victim__item--contact {
    width: 12.8125rem;
    height: 12.8125rem;
    background: #343796;
    border-radius: 50%
}

.victim__item--contact:hover {
    background-color: #9a9a9a;
    transition: ease-in-out 0.4s
}

@media (max-width: 1120px) {
    .victim__item--contact {
        grid-area: contact;
        width: 11.5625rem;
        height: 11.5625rem
    }
}

@media (min-width: 1400px) {
    .victim__item--contact {
        width: 17.1875rem;
        height: 17.1875rem
    }

    .victim__item--contact:hover {
        transition: ease-in-out 0.4s;
        background-color: #9a9a9a
    }
}

@media (max-width: 730px) {
    .victim__item.harcel {
        justify-self: flex-end
    }

    .victim__item.burn {
        justify-self: flex-start
    }

    .victim__item.licen {
        justify-self: flex-end
    }

    .victim__item.discri {
        justify-self: flex-start
    }
}

.victim__item.harcel {
    grid-area: harcel
}

.victim__item.burn {
    grid-area: burn
}

.victim__item.licen {
    grid-area: licen
}

.victim__item.discri {
    grid-area: discri
}

.victim__container {
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 1.875rem;
    grid-template-areas: " harcel burn licen discri contact ";
    justify-items: center
}

@media (max-width: 730px) {
    .victim__container {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: " harcel burn " " licen discri " " contact contact ";
        justify-items: center;
        grid-column-gap: 1.25rem;
        grid-row-gap: .8125rem
    }
}

@media (min-width: 730px) and (max-width: 1120px) {
    .victim__container {
        width: 100%;
        margin: 2%;
        grid-template-columns: repeat(4, 1fr);
        grid-template-areas: " harcel burn licen discri" " contact contact contact contact ";
        justify-items: center;
        grid-column-gap: .625rem;
        grid-row-gap: .625rem
    }
}

@media only screen and (min-width: 75.0625em) and (max-width: 90em) {
    .victim__container {
        width: 80%
    }
}

.victim__title {
    font-size: 2.25rem;
    color: #343796;
    font-weight: 600;
    letter-spacing: .05rem;
    line-height: 3rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    padding-bottom: 2rem
}

@media only screen and (max-width: 75em) {
    .victim__title {
        color: white;
        padding: 0 3rem 2rem
    }
}

.victim__link {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.125rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: .05rem;
    line-height: 1.5rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    width: 90%;
    padding: 0.2rem
}

@media only screen and (max-width: 40em) {
    .victim__link {
        font-size: 1rem
    }
}

.victim.isnotindex {
    padding-top: 2rem;
    background-image: linear-gradient(white 0%, white 50vh, #343796 50vh, #343796 100%)
}

@media only screen and (max-width: 75em) {
    .victim.isnotindex {
        background: #c6c6c7
    }
}

.victim.isnotindex .victim__container {
    background: no-repeat url(../images/vousetesvictimesde.jpg);
    background-size: cover;
    width: 85vw;
    padding: 3rem;
    margin: auto;
    grid-template-areas: "titre titre contact" "harcel burn contact" "licen discri contact";
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto
}

@media only screen and (max-width: 75em) {
    .victim.isnotindex .victim__container {
        grid-template-columns: repeat(2, 1fr);
        background: #c6c6c7;
        grid-template-areas: "titre titre" " harcel burn" "licen discri" "contact contact";
        padding: 1rem 0;
        margin: 0.5rem;
        width: 100%
    }
}

.victim.isnotindex .victim__title {
    grid-area: titre;
    font-size: 2.25rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: .05rem;
    line-height: 3rem;
    font-family: "Poppins", sans-serif;
    text-align: center
}

.victim.isnotindex .victim__item {
    margin: 0.5rem;
    font-size: 1.125rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: .05rem;
    line-height: 1.5rem;
    font-family: "Poppins", sans-serif;
    text-align: center
}

.victim.isnotindex .victim__item:hover {
    width: 11.25rem;
    height: 11.25rem
}

@media (min-width: 1400px) {
    .victim.isnotindex .victim__item:hover {
        width: 13.4375rem;
        height: 13.4375rem
    }
}

.victim.isnotindex .harcel {
    justify-self: end;
    grid-area: harcel
}

.victim.isnotindex .burn {
    grid-area: burn;
    justify-self: start
}

.victim.isnotindex .licen {
    grid-area: licen;
    justify-self: end
}

.victim.isnotindex .discri {
    grid-area: discri;
    justify-self: start
}

.victim.isnotindex .victim__item--contact {
    grid-area: contact;
    justify-self: center
}

.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #343796;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.slick-dots {
    position: absolute;
    bottom: -46px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 12px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 26px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #343796;
    opacity: .75
}

.top-bar-section ul ul {
    display: none
}

/*# sourceMappingURL=app.css.map */

.avocats-salaries table td:hover {
    background: #222 !important;
}


@media (max-width: 768px) {

    table th,
    table td,
    table tr td {
        float: left !important;
        width: 100% !important;
    }

    table thead tr th,
    table tfoot tr th,
    table tfoot tr td,
    table tbody tr th,
    table tbody tr td,
    table tr td {
        display: block;
    }

    table {
        margin-bottom: 0;
        border: 0;
        table-layout: fixed;
    }
}


.rte h3 {
    font-size: 25px;
    line-height: 36px;
    letter-spacing: -0.025em;
    color: #343796;
    font-weight: 900;
    position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
}


.rte h4 {
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.015em;
    color: #343796;
    font-weight: 500 margin-bottom: 30px;
}



.rte h3:before,
.rte h3:after {
    position: absolute;
    height: 5px;
    width: 50px;
    background: #343796;
    content: "";
    left: 0;
}

.rte h3:before {
    top: -10px;
}

.rte h3:after {
    bottom: 5px;
}


.rte p,
.rte blockquote,
.rte blockquote p {
    letter-spacing: 0.05em;
    line-height: 30px !important;
    font-weight: 500;
    margin-bottom: 10px;
    color: #3b3633;
}

.rte ul {
    list-style: none;
}

.rte ul li {
    position: relative;
    padding-left: 15px;
    letter-spacing: 0.05em;
    line-height: 30px !important;
    font-weight: 500;
    margin-bottom: 10px;
    color: #3b3633;
    list-style: none;
}

.rte ul li:before {
    content: ">";
    font-family: 'Poppins';
    color: #343796;
    font-size: 20px;
    font-weight: 300;
    top: 0px;
    position: absolute;
    left: 0;
}

.rte ul li li:before {
    content: "\2022";
    color: #343796;
    font-weight: bold;
    width: 1em;
    left: 0;
}

.encadre h3:after,
.encadre h3:before {
    display: none;
}

article.article__preview h3:before,
article.article__preview h3:after {
    display: none;
}

.contact  #contact {
    background: white;
    padding: 0 2rem;
    border: 1px solid #ccc;
    margin: 2rem 0;
}

#contact label.inline {
    margin-bottom: 0;
    color:#000;
}

#contact input{
    background-repeat: no-repeat;
    background-position: 95%;
}
#contact label {
    color:#595959;
    letter-spacing: 0.05em;
    font-weight: 600;
}
#contact #rrgpd label.choice {
    font-weight: 400;
}

#contact .alignradio {
    display: flex;
    gap: 1rem;
}

#contact input#nom, #contact input#prenom{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAwLjg3NSAwLjg3NSIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMzNDM3OTYiIGQ9Ik0uNDM4LjQxQS4yMDIuMjAyIDAgMSAxIC42NC4yMDguMi4yIDAgMCAxIC40MzguNDFtMC0uMzQxYS4xMzkuMTM5IDAgMSAwIC4xMzkuMTM5LjE0LjE0IDAgMCAwLS4xMzktLjEzOW0uMzQ5LjhBLjAzLjAzIDAgMCAxIC43NTYuODQzLjMyLjMyIDAgMCAwIC40MzguNTcxYS4zMi4zMiAwIDAgMC0uMzE5LjI3Mi4wMzEuMDMxIDAgMCAxLS4wNjItLjAxMS4zOC4zOCAwIDAgMSAuMzgxLS4zMjMuMzguMzggMCAwIDEgLjM4LjMyMy4wMy4wMyAwIDAgMS0uMDI2LjAzNnoiLz48L3N2Zz4=);
}
#contact input#email {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAwLjkgMC45IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMzNDM3OTYiIGQ9Ik0uOC4xNUguMUEuMDUuMDUgMCAwIDAgLjA1LjJ2LjVBLjA1LjA1IDAgMCAwIC4xLjc1aC43QS4wNS4wNSAwIDAgMCAuODUuN1YuMkEuMDUuMDUgMCAwIDAgLjguMTVNLjc2MS43SC4xNDJMLjMxNy41MTkuMjgxLjQ4NC4xLjY3MVYuMjM4bC4zMTEuMzA5YS4wNS4wNSAwIDAgMCAuMDcgMEwuOC4yM3YuNDM4TC42MTYuNDg0LjU4MS41MTlaTS4xMzMuMkguNzZMLjQ0Ni41MTJaIi8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGguOXYuOUgweiIvPjwvc3ZnPg==)
}
#contact input#tel {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzNDM3OTYiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNOC41IDUuMzEzIDUuOTM4IDIuNjg4YS44NS44NSAwIDAgMC0xLjA2MyAwbC0xLjkzNyAyYy0uNDM4LjM3NS0uNTYzIDEtLjM3NSAxLjUuNSAxLjQzOCAxLjgxMyA0LjMxMyA0LjM3NSA2Ljg3NXM1LjQzOCAzLjgxMyA2Ljg3NSA0LjM3NWExLjU4IDEuNTggMCAwIDAgMS41NjMtLjMxM2wxLjkzOC0xLjkzOGMuMzEzLS4zMTMuMzEzLS43NSAwLTEuMDYzbC0yLjU2My0yLjU2M2MtLjMxMy0uMzEzLS43NS0uMzEzLTEuMDYzIDBsLTEuNTYzIDEuNTY0cy0xLjc1LS43NS0zLjEyNS0yLjA2My0yLjA2My0zLjEyNS0yLjA2My0zLjEyNUw4LjUgNi4zNzRjLjMxMy0uMzEzLjMxMy0uODEzIDAtMS4wNjN6Ii8+PC9zdmc+);
}
#contact input#poste {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAwLjggMC44IiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzM0Mzc5NiIgZD0iTS43LjJILjUyNVYuMTVBLjA1LjA1IDAgMCAwIC40NzUuMWgtLjE1YS4wNS4wNSAwIDAgMC0uMDUuMDVWLjJILjFhLjA1LjA1IDAgMCAwLS4wNS4wNXYuNEEuMDUuMDUgMCAwIDAgLjEuN2guNkEuMDUuMDUgMCAwIDAgLjc1LjY1di0uNEEuMDUuMDUgMCAwIDAgLjcuMk0uMzI1LjE1aC4xNVYuMmgtLjE1Wk0uNy4yNXYuMjI1SC4xVi4yNVptLS42LjRWLjUyNWguNlYuNjVaIi8+PHBhdGggZmlsbD0iIzM0Mzc5NiIgZD0iTS4zNzUuNDVoLjA1YS4wMjUuMDI1IDAgMCAwIDAtLjA1aC0uMDVhLjAyNS4wMjUgMCAwIDAgMCAuMDUiLz48L3N2Zz4=);
}
#contact textarea#message {
    background-repeat: no-repeat;
    background-position: 97% 88%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAwLjYgMC42IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIHN0cm9rZT0iIzM0Mzc5NiIgc3Ryb2tlLXdpZHRoPSIuMDUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTS4wNzUuNTI1aC40NU0uMTEzLjMzOGwuMjUtLjI1YS4wNTMuMDUzIDAgMSAxIC4wNzUuMDc1bC0uMjUuMjUtLjEuMDI1eiIvPjwvc3ZnPg==);
}
.contact-inline #contact label, .contact-inline #contact label.inline {
    color: #fff;
}
.contact-inline #contact-submit {
    margin-top:3rem;
}