html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background-color: #e1eff8;
}

body {
    margin: 0;
}

.content {
    min-height: calc(100vh - 50px);
}

.errors li::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin-right: 6px;
    background-color: #61696f;
    background-clip: padding-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.errors li {
    text-decoration: none;
    color: #cb4130;
}

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 {
    margin: 0.67em 0;
    font-size: 2em;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    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 {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        padding: 0;
        border: 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-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

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

fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    border: 1px solid #c0c0c0;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

.introjs-overlay {
    position: absolute;
    box-sizing: content-box;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-fixParent {
    z-index: auto !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
    z-index: 9999999 !important;
}

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
    background-color: #fff;
    opacity: 0;
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
    position: relative;
}

.introjs-helperLayer {
    box-sizing: content-box;
    position: absolute;
    z-index: 9999998;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #777;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: hidden;
    z-index: 100000000;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer :after,
.introjs-helperLayer :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.introjs-helperNumberLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999 !important;
    padding: 2px;
    font-family: Arial, verdana, tahoma;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background: #ff3019;
    background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff3019), color-stop(100%, #cf0404));
    background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -ms-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -o-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.introjs-arrow {
    border: 5px solid transparent;
    content: "";
    position: absolute;
}

    .introjs-arrow.top {
        top: -10px;
        border-bottom-color: #fff;
    }

    .introjs-arrow.top-right {
        top: -10px;
        right: 10px;
        border-bottom-color: #fff;
    }

    .introjs-arrow.top-middle {
        top: -10px;
        left: 50%;
        margin-left: -5px;
        border-bottom-color: #fff;
    }

    .introjs-arrow.right {
        right: -10px;
        top: 10px;
        border-left-color: #fff;
    }

    .introjs-arrow.right-bottom {
        bottom: 10px;
        right: -10px;
        border-left-color: #fff;
    }

    .introjs-arrow.bottom {
        bottom: -10px;
        border-top-color: #fff;
    }

    .introjs-arrow.bottom-right {
        bottom: -10px;
        right: 10px;
        border-top-color: #fff;
    }

    .introjs-arrow.bottom-middle {
        bottom: -10px;
        left: 50%;
        margin-left: -5px;
        border-top-color: #fff;
    }

    .introjs-arrow.left {
        left: -10px;
        top: 10px;
        border-right-color: #fff;
    }

    .introjs-arrow.left-bottom {
        left: -10px;
        bottom: 10px;
        border-right-color: #fff;
    }

.introjs-tooltip {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    padding: 10px;
    background-color: #fff;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
    -ms-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
    text-align: right;
    white-space: nowrap;
}

.introjs-button {
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.3em 0.8em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font: 11px / normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    zoom: 1;
    margin-top: 10px;
}

    .introjs-button:hover {
        border-color: #bcbcbc;
        text-decoration: none;
        box-shadow: 0 1px 1px #e3e3e3;
    }

    .introjs-button:active,
    .introjs-button:focus {
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
        background-image: -moz-linear-gradient(#ececec, #f4f4f4);
        background-image: -o-linear-gradient(#ececec, #f4f4f4);
        background-image: linear-gradient(#ececec, #f4f4f4);
    }

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

.introjs-skipbutton {
    box-sizing: content-box;
    margin-right: 5px;
    color: #7a7a7a;
}

.introjs-prevbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em;
    border-right: none;
}

    .introjs-prevbutton.introjs-fullbutton {
        border: 1px solid #d4d4d4;
        -webkit-border-radius: 0.2em;
        -moz-border-radius: 0.2em;
        border-radius: 0.2em;
    }

.introjs-nextbutton {
    -webkit-border-radius: 0 0.2em 0.2em 0;
    -moz-border-radius: 0 0.2em 0.2em 0;
    border-radius: 0 0.2em 0.2em 0;
}

    .introjs-nextbutton.introjs-fullbutton {
        -webkit-border-radius: 0.2em;
        -moz-border-radius: 0.2em;
        border-radius: 0.2em;
    }

.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
    color: #9a9a9a;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none;
}

.introjs-hidden {
    display: none;
}

.introjs-bullets {
    text-align: center;
}

    .introjs-bullets ul {
        box-sizing: content-box;
        clear: both;
        margin: 15px auto 0;
        padding: 0;
        display: inline-block;
    }

        .introjs-bullets ul li {
            box-sizing: content-box;
            list-style: none;
            float: left;
            margin: 0 2px;
        }

            .introjs-bullets ul li a {
                box-sizing: content-box;
                display: block;
                width: 6px;
                height: 6px;
                background: #ccc;
                border-radius: 10px;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                text-decoration: none;
                cursor: pointer;
            }

                .introjs-bullets ul li a:hover {
                    background: #999;
                }

                .introjs-bullets ul li a.active {
                    background: #999;
                }

.introjs-progress {
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px 0;
    border-radius: 4px;
    background-color: #ecf0f1;
}

.introjs-progressbar {
    box-sizing: content-box;
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c;
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
}

.introjs-fixedTooltip {
    position: fixed;
}

.introjs-hint {
    box-sizing: content-box;
    position: absolute;
    background: 0 0;
    width: 20px;
    height: 15px;
    cursor: pointer;
}

    .introjs-hint:focus {
        border: 0;
        outline: 0;
    }

.introjs-hidehint {
    display: none;
}

.introjs-fixedhint {
    position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60, 60, 60, 0.27);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: rgba(136, 136, 136, 0.24);
    z-index: 10;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.introjs-hint-no-anim .introjs-hint-dot {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.introjs-hint-dot {
    box-sizing: content-box;
    border: 10px solid rgba(146, 146, 146, 0.36);
    background: 0 0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: introjspulse 3s ease-out;
    -moz-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0;
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }

    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }

    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }

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

@-moz-keyframes introjspulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }

    25% {
        -moz-transform: scale(0);
        opacity: 0.1;
    }

    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }

    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0;
    }
}

@keyframes introjspulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    25% {
        transform: scale(0);
        opacity: 0.1;
    }

    50% {
        transform: scale(0.1);
        opacity: 0.3;
    }

    75% {
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.skip-menu-link,
.skip-content-link {
    z-index: 100;
    position: fixed;
    top: 6px;
    left: 6px;
    background-color: #fff;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    .skip-menu-link:focus,
    .skip-content-link:focus {
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto;
        margin: 0;
    }

@media only screen and (max-width: 767px) {
    .skip-menu-link {
        display: none;
    }
}

:focus {
    outline: none;
}

[data-state="keyboard"] :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000, 0 0 0 4px #fff !important;
}

[data-state="keyboard"] .mobile-search-trigger:focus,
[data-state="keyboard"] .mobile-nav-trigger:focus {
    z-index: 1000;
}

html {
    box-sizing: border-box;
    font-size: 16px;
}

html,
body {
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

img {
    box-sizing: content-box;
}

body {
    overflow-x: hidden;
    min-width: 1310px;
    font-family: Open sans, "Arial", sans-serif;
    color: #182226;
    background-color: #fff;
}

@media (max-width: 768px) {
    .col-xs-12.text-right, .col-xs-12.text-left {
        text-align: center;
    }
}

@media (min-width: 1310px) {
    body {
        width: 1310px;
        margin: 0 auto;
        padding: 0 0px;
    }
}

@media (max-width: 320px) {
    body {
        min-width: 320px;
    }
}

@media (min-width: 320px) and (max-width: 1310px) {
    body {
        min-width: 0;
    }
}

p {
    max-width: 935px;
}

em {
    font-weight: inherit;
    color: inherit;
}

a {
    color: #085da2;
}

    a em {
        color: #085da2;
    }

strong a,
em a,
li a,
p a {
    font-weight: inherit;
    font-style: inherit;
    text-decoration: underline;
}

    strong a:hover,
    em a:hover,
    li a:hover,
    p a:hover {
        text-decoration: none;
    }

a[id] {
    display: block;
}

a[href^="tel:"] {
    display: inline-block;
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
    a[href^="tel:"] {
        text-decoration: underline;
    }
}

sup a[id] {
    display: inline-block;
}

strong {
    color: inherit;
}

img,
svg,
iframe {
    max-width: 100%;
}

iframe {
    border: 0;
}

img {
    height: auto;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

small {
    font-size: 75%;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

textarea {
    resize: vertical;
}

div.indent,
blockquote {
    margin: 0 40px;
}

    div.indent p,
    blockquote p {
        font-style: italic;
    }

hr {
    margin: 2em 0;
    border-top: 0;
    border-bottom: 1px solid #eceeef;
}

    hr.is-hidden {
        display: block;
        border-bottom-color: transparent;
    }

ul,
ol {
    margin-left: 0;
    padding: 5px 0;
}

    ul:before,
    ul:after,
    ol:before,
    ol:after {
        content: "";
        display: table;
        line-height: 0;
    }

    ul:after,
    ol:after {
        clear: both;
    }

li > ul:first-child,
li > ol:first-child {
    margin-top: 10px;
}

ul ol,
ul ul,
ol ol,
ol ul {
    margin-left: 25px;
    margin-bottom: 0;
}

.ios .nav-icons ul:before,
.ios .nav-icons ul:after {
    content: none;
}

ul > li {
    padding-left: 0;
    background-image: url("../svg/originals/puce.svg");
    background-repeat: no-repeat;
    background-position: left 9px;
    list-style: none;
}

    ul > li ul > li {
        padding-left: 22px;
        background-image: url("../svg/originals/puce-niveau2.svg");
        background-position: left 6px;
    }

        ul > li ul > li ul > li {
            padding-left: 16px;
            background-image: url("../svg/originals/puce-org-niveau3.svg");
            background-position: left 8px;
        }

        ul > li ul > li ol > li {
            padding-left: 30px;
        }

        ul > li ul > li:last-child {
            margin-bottom: 0;
        }

    ul > li ol > li {
        padding-left: 30px;
    }

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

            ul > li ol > li ul li {
                padding-left: 16px !important;
                background-image: url("../svg/originals/puce.svg") !important;
                background-repeat: no-repeat !important;
                background-position: left 9px !important;
            }

            ul > li ol > li ol li {
                padding-left: 0;
                background: 0;
            }

        ul > li ol > li:last-child {
            margin-bottom: 0;
        }

nav ul {
    line-height: 0;
}

    nav ul li {
        background-image: none;
    }

ol {
    list-style-type: none;
    counter-reset: item;
}

    ol li {
        position: relative;
        padding-left: 30px;
    }

        ol li li:before {
            position: static;
            width: auto;
            font-weight: 400;
            font-size: 15px;
            font-size: 0.9375rem;
            line-height: 21px;
            line-height: 1.3125rem;
        }

        ol li ol > li {
            padding-left: 0px;
        }

            ol li ol > li:before {
                content: counters(item, ".") " ";
                width: 30px;
                font-size: 12px;
                font-weight: 600;
                background-clip: padding-box;
                -webkit-border-radius: 20%;
                border-radius: 20%;
            }

            ol li ol > li ol > li:before {
                content: counters(item, ".") " ";
                width: 40px;
                font-size: 12px;
                font-weight: 600;
                background-clip: padding-box;
                -webkit-border-radius: 20%;
                border-radius: 20%;
            }

            ol li ol > li:last-child {
                margin-bottom: 0;
            }

        ol li ul > li {
            padding-left: 16px;
        }

            ol li ul > li ul > li {
                padding-left: 22px;
            }

            ol li ul > li:before {
                display: none;
            }

            ol li ul > li:last-child {
                margin-bottom: 0;
            }

        ol li:before {
            content: counter(item);
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            width: 21px;
            height: 21px;
            margin-right: 8px;
            font-weight: 600;
            text-align: center;
            background-color: #e1eff8;
            counter-increment: item;
            font-size: 12px;
            line-height: 21px !important;
            background-clip: padding-box;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

.panel-alert ol li::before,
.panel-insight ol li::before,
.bg-blue ol li::before {
    background: #fff;
}

.panel-alert ul li,
.panel-insight ul li,
.bg-blue ul li {
    background-image: url("../svg/originals/puce-grey.svg");
    background-repeat: no-repeat;
}

    .panel-alert ul li li,
    .panel-insight ul li li,
    .bg-blue ul li li {
        background-image: url("../svg/originals/puce-niveau2-grey.svg");
    }

        .panel-alert ul li li li,
        .panel-insight ul li li li,
        .bg-blue ul li li li {
            background-image: url("../svg/originals/puce-org-niveau3-grey.svg");
        }

nav ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style-type: none;
}

    nav ul li {
        display: inline-block;
        margin: 0;
        padding: 0;
        font-size: 1rem;
    }

nav a {
    text-decoration: none;
}

code,
kbd,
pre,
samp {
    font-size: 1rem;
}

::selection,
::-moz-selection {
    color: #fff;
    background: #000;
    text-shadow: none;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.bg-grey-light {
    background-color: #f5f7f7;
}

.bg-grey {
    background-color: #eceeef;
}

.bg-grey-dark {
    background-color: #61696f;
}

.bg-blue {
    background-color: #e1eff8;
}

.is-mirrored {
    display: inline-block;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.inline-block {
    font-size: 0;
}

    .inline-block > * {
        display: inline-block;
        font-size: 1rem;
    }

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

.clearfix:before,
.ce-textpic:before,
.clearfix:after,
.ce-textpic:after {
    content: "";
    display: table;
    line-height: 0;
}

.clearfix:after,
.ce-textpic:after {
    clear: both;
}

.svg-fallback {
    display: none;
}

.no-svg .svg-fallback {
    display: inline;
}

.icon-wrapper {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}

.no-svg .icon-wrapper {
    display: inline;
}

.iframe-wrapper {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
}

    .iframe-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

html:not(.ie) .iframe-wrapper iframe {
    height: 100%;
}

.map-wrapper.is-locked iframe {
    pointer-events: none;
}

.table {
    display: table;
    width: 100%;
}

.tbody {
    display: table-row-group;
}

.tr {
    display: table-row;
}

.td,
.th {
    display: table-cell;
}

.is-hidden {
    display: none;
}

.is-centered {
    text-align: center;
}

.is-text-align-left {
    text-align: left;
}

.is-text-align-right {
    text-align: right;
}

.is-text-align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.is-bold {
    font-weight: bold;
}

.is-italic {
    font-style: italic;
}

.is-underline {
    text-decoration: underline;
}

.float-left-content {
    float: left;
    margin-top: 3px;
    margin-right: 30px;
    margin-bottom: 3px;
}

.float-right-content {
    float: right;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 30px;
}

.overflow-scroll {
    overflow: scroll;
}

.is-absolute {
    position: absolute;
}

.is-relative {
    position: relative;
}

.uppercase {
    text-transform: uppercase;
}

.is-mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    .is-mobile {
        display: block;
    }
}

@media print {
    html {
        font-size: 16px;
    }

    @page {
        margin: 1.5cm 1cm;
        size: 8.5in 11in;
    }

    * {
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    pre,
    blockquote {
        border: 1px solid #999 !important;
        page-break-inside: avoid !important;
    }

    table,
    thead,
    tbody,
    th,
    td,
    tr {
        border-color: #000 !important;
    }

    thead {
        display: table-header-group !important;
    }

    tr,
    img,
    dl,
    p {
        page-break-inside: avoid !important;
    }

    img {
        max-width: 100% !important;
    }

    body,
    p,
    h2,
    h3 {
        orphans: 3 !important;
        widows: 3 !important;
    }

    h1 {
        margin: 16px 0 !important;
        font-size: 20px;
        line-height: 1.2;
    }

    h2,
    h3 {
        page-break-after: avoid !important;
        page-break-inside: avoid !important;
    }

    .l-content-wrapper {
        padding: 0 !important;
    }

    .tab-content,
    .folder-content {
        display: block !important;
        position: static !important;
    }

    .tab,
    .tab-trigger {
        display: block !important;
        position: static !important;
    }

    header.l-header {
        padding: 10px 0 0 !important;
    }

        header.l-header .header-meta,
        header.l-header nav.nav-main {
            display: none !important;
        }

        header.l-header a.logo {
            position: static !important;
        }

        header.l-header .l-banner::before {
            display: none !important;
        }

        header.l-header .mobile-search-trigger {
            display: none !important;
        }

        header.l-header .l-page-wrapper {
            padding: 0 20px !important;
        }

        header.l-header .breadcrumb-wrapper {
            margin: 20px 0 !important;
        }

    .l-block-sidebar {
        display: none !important;
    }

    .section-nav {
        display: none !important;
    }

    .grid > .grid-wrapper {
        margin: 0 !important;
    }

        .grid > .grid-wrapper > [class^="col"] {
            display: block !important;
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

    .l-block-content {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin-left: 0 !important;
    }

        .l-block-content a,
        .l-block-content a:visited {
            text-decoration: underline !important;
        }

            .l-block-content a[href^="http"]:after {
                content: " (" attr(href) ") " !important;
            }

            .l-block-content a[href^="tel"] {
                text-decoration: none !important;
            }

        .l-block-content div.tab {
            padding-top: 2em !important;
        }

            .l-block-content div.tab button.tab-trigger {
                left: 0 !important;
                width: auto !important;
                height: auto !important;
                padding: 0 !important;
            }

        .l-block-content .search-module-wrapper .search-filters,
        .l-block-content .tx-lpiframe-pi1 {
            display: none !important;
        }

        .l-block-content div.ce-gallery button.video {
            display: none !important;
        }

        .l-block-content div.ce-gallery div.lightbox-video {
            display: block !important;
        }

            .l-block-content div.ce-gallery div.lightbox-video div.lightbox-shadow,
            .l-block-content div.ce-gallery div.lightbox-video .lightbox-close-button {
                display: none !important;
            }

        .l-block-content div.ce-gallery iframe:after {
            content: " <" attr(src) "> " !important;
        }

        .l-block-content div.ce-gallery div.lightbox-slider {
            display: block !important;
            padding: 0 !important;
        }

            .l-block-content div.ce-gallery div.lightbox-slider button.btn-lightbox {
                display: none !important;
            }

            .l-block-content div.ce-gallery div.lightbox-slider .slider-wrapper .slide {
                width: 100% !important;
            }

            .l-block-content div.ce-gallery div.lightbox-slider .lightbox-shadow {
                display: none !important;
            }

        .l-block-content .panel-default,
        .l-block-content .panel-alert,
        .l-block-content .panel.bg-blue,
        .l-block-content .panel-insight,
        .l-block-content .panel-jumbo {
            height: auto !important;
            border: 1px solid black !important;
            page-break-inside: avoid !important;
        }

        .l-block-content .panel.panel-information,
        .l-block-content .panel.panel-insight,
        .l-block-content .panel.panel-alert {
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

            .l-block-content .panel.panel-information::before,
            .l-block-content .panel.panel-insight::before,
            .l-block-content .panel.panel-alert::before {
                display: none !important;
            }

        .l-block-content div.org .org-member-avatar img {
            width: auto !important;
        }

        .l-block-content div.org .org-folder-content {
            display: block !important;
        }

        .l-block-content div.folder .folder-trigger {
            display: block !important;
            padding: 17px 20px 17px 17px !important;
            border: 1px solid black !important;
            border-radius: 5px 5px 0 0;
        }

            .l-block-content div.folder .folder-trigger::before {
                content: none !important;
                display: none !important;
            }

        .l-block-content div.folder .folder-content {
            padding: 17px 25px 35px 35px !important;
            border: 1px solid black !important;
            border-top: 0 !important;
            border-radius: 0 0 5px 5px;
        }

            .l-block-content div.folder .folder-content:last-child {
                margin-bottom: 0 !important;
                padding-bottom: 0 !important;
            }

        .l-block-content div.folder svg.doc {
            display: none !important;
        }

        .l-block-content div.consultation-group .consultation-folder-content {
            display: block !important;
        }

        .l-block-content div.minitest div.minitest-question,
        .l-block-content div.minitest div.minitest-results {
            display: block !important;
        }

        .l-block-content div.minitest div.minitest-navigation {
            display: none !important;
        }

        .l-block-content div.share {
            display: none !important;
        }

    footer.l-footer .nav-main-footer,
    footer.l-footer .l-footer-left .l-footer-left-left h3,
    footer.l-footer .l-footer-left .l-footer-left-left p,
    footer.l-footer .l-footer-left .l-footer-left-right,
    footer.l-footer .l-footer-right,
    footer.l-footer .l-footer-bottom .nav-footer {
        display: none !important;
    }

        footer.l-footer .l-footer-left:before,
        footer.l-footer .l-footer-right:before,
        footer.l-footer .l-footer-bottom:after,
        footer.l-footer .l-footer-bottom:before {
            content: none !important;
            display: none !important;
        }

    footer.l-footer .l-footer-left,
    footer.l-footer .l-footer-left .l-footer-left-left {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 0 !important;
    }

    footer.l-footer .l-footer-left,
    footer.l-footer .l-footer-bottom {
        padding: 0 !important;
    }

    footer.l-footer .l-page-wrapper {
        padding: 0 20px !important;
    }

    footer.l-footer .l-footer-left,
    footer.l-footer .l-footer-left-left {
        display: block !important;
        text-align: left !important;
        width: 100% !important;
    }

        footer.l-footer .l-footer-left h2,
        footer.l-footer .l-footer-left-left h2 {
            margin-bottom: 0 !important;
        }

    .nous-joindre .l-block-sidebar {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        padding-bottom: 20px !important;
    }

    .nous-joindre .amf-btn-default-arrow {
        padding-left: 0;
    }

    .nous-joindre .col-1-3 {
        padding: 0 !important;
    }

    .nous-joindre .ce-gallery {
        display: none !important;
    }

    .nous-joindre .grid.is-narrow .grid-wrapper .panel {
        display: none !important;
    }

    .is-home .l-block-content .nav-icons {
        margin-top: 0 !important;
    }

    .is-home .l-banner .btn {
        display: none !important;
    }

    .l-page ul li {
        list-style-type: disc;
    }
}

h1,
.h1 {
    font-family: Open Sans;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-size: 2.75rem;
    line-height: 3rem;
    color: #f4e6b7;
    margin-top: 0rem;
    margin-right: 0rem;
    margin-bottom: 2rem;
    margin-left: 0rem;
}

@media only screen and (max-width: 767px) {
    h1,
    .h1 {
        font-family: Open Sans;
        font-weight: 300;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        font-size: 1.625rem;
        line-height: 2rem;
        color: #f4e6b7;
        margin-top: 0rem;
        margin-right: 0rem;
        margin-bottom: 2rem;
        margin-left: 0rem;
    }
}

h2,
.h2 {
    font-family: Open Sans;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-size: 1.75rem;
    line-height: 2.125rem;
    color: #364349;
    margin-top: 1.5rem;
    margin-right: 0rem;
    margin-bottom: 1.5rem;
    margin-left: 0rem;
}

@media only screen and (max-width: 767px) {
    h2,
    .h2 {
        font-family: Open Sans;
        font-weight: 600;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        font-size: 1.25rem;
        line-height: 1.625rem;
        color: #364349;
        margin-top: 1.5rem;
        margin-right: 0rem;
        margin-bottom: 1.5rem;
        margin-left: 0rem;
    }
}

h3,
.h3 {
    font-family: Open Sans;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-size: 1.25rem;
    line-height: 1.625rem;
    color: #364349;
    margin-top: 1.25rem;
    margin-right: 0rem;
    margin-bottom: 1.25rem;
    margin-left: 0rem;
}

@media only screen and (max-width: 767px) {
    h3,
    .h3 {
        font-family: Open Sans;
        font-weight: 600;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        font-size: 1.125rem;
        line-height: 1.5rem;
        color: #364349;
        margin-top: 1.25rem;
        margin-right: 0rem;
        margin-bottom: 1.25rem;
        margin-left: 0rem;
    }
}

h4,
.h4 {
    font-family: Open Sans;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #364349;
    margin-top: 1.125rem;
    margin-right: 0rem;
    margin-bottom: 1.125rem;
    margin-left: 0rem;
}

@media only screen and (max-width: 767px) {
    h4,
    .h4 {
        font-family: Open Sans;
        font-weight: 600;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        font-size: 1rem;
        line-height: 1.375rem;
        color: #364349;
        margin-top: 1.125rem;
        margin-right: 0rem;
        margin-bottom: 1.125rem;
        margin-left: 0rem;
    }
}

h5,
.h5 {
    font-family: Open Sans;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8125rem;
    line-height: 0.9375rem;
    color: #364349;
    margin-top: 0.9375rem;
    margin-right: 0rem;
    margin-bottom: 0.9375rem;
    margin-left: 0rem;
}

@media only screen and (max-width: 767px) {
    h5,
    .h5 {
        font-family: Open Sans;
        font-weight: 700;
        font-style: normal;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 0.8125rem;
        line-height: 1rem;
        color: #364349;
        margin-top: 0.9375rem;
        margin-right: 0rem;
        margin-bottom: 0.9375rem;
        margin-left: 0rem;
    }
}

h6,
.h6 {
    font-family: Open Sans;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    color: #364349;
    margin-top: 0.75rem;
    margin-right: 0rem;
    margin-bottom: 0.75rem;
    margin-left: 0rem;
}

@media only screen and (max-width: 767px) {
    h6,
    .h6 {
        font-family: Open Sans;
        font-weight: 700;
        font-style: normal;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 0.75rem;
        line-height: 0.9375rem;
        color: #364349;
        margin-top: 0.75rem;
        margin-right: 0rem;
        margin-bottom: 0.75rem;
        margin-left: 0rem;
    }
}

p,
.p {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    color: #61696f;
    margin-top: 1.125rem;
    margin-right: 0rem;
    margin-bottom: 1.125rem;
    margin-left: 0rem;
}

pre.p {
    word-break: normal;
}

@media only screen and (max-width: 767px) {
    p,
    .p {
        font-family: Open Sans;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        font-size: 0.9375rem;
        line-height: 1.3125rem;
        color: #61696f;
        margin-top: 1.125rem;
        margin-right: 0rem;
        margin-bottom: 1.125rem;
        margin-left: 0rem;
    }
}

a,
.a {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    text-decoration: underline;
    text-transform: none;
    font-size: inherit;
    line-height: inherit;
    color: #085da2;
    margin-top: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
}

@media only screen and (max-width: 767px) {
    a,
    .a {
        font-family: Open Sans;
        font-weight: 400;
        font-style: normal;
        text-decoration: underline;
        text-transform: none;
        font-size: inherit;
        line-height: inherit;
        color: #085da2;
        margin-top: 0rem;
        margin-right: 0rem;
        margin-bottom: 0rem;
        margin-left: 0rem;
    }
}

ul,
.ul {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    color: #61696f;
    margin-top: 1.125rem;
    margin-right: 0rem;
    margin-bottom: 1.125rem;
    margin-left: 0rem;
}

@media only screen and (max-width: 767px) {
    ul,
    .ul {
        font-family: Open Sans;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        font-size: 0.9375rem;
        line-height: 1.3125rem;
        color: #61696f;
        margin-top: 1.125rem;
        margin-right: 0rem;
        margin-bottom: 0rem;
        margin-left: 0.625rem;
    }
}

ol,
.ol {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    color: #61696f;
    margin-top: 1.125rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 1.25rem;
}

@media only screen and (max-width: 767px) {
    ol,
    .ol {
        font-family: Open Sans;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        font-size: 0.9375rem;
        line-height: 1.3125rem;
        color: #61696f;
        margin-top: 1.125rem;
        margin-right: 0rem;
        margin-bottom: 0rem;
        margin-left: 0.625rem;
    }
}

li,
.li {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    color: #61696f;
    margin-top: 0.625rem;
    margin-right: 0rem;
    margin-bottom: 0.625rem;
    margin-left: 0rem;
}

@media only screen and (max-width: 767px) {
    li,
    .li {
        font-family: Open Sans;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        font-size: 0.9375rem;
        line-height: 1.3125rem;
        color: #61696f;
        margin-top: 0.875rem;
        margin-right: 0rem;
        margin-bottom: 0.875rem;
        margin-left: 0rem;
    }
}

b,
.b {
    font-family: Open Sans;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-size: inherit;
    line-height: inherit;
    color: #364349;
    margin-top: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
}

@media only screen and (max-width: 767px) {
    b,
    .b {
        font-family: Open Sans;
        font-weight: 600;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        font-size: inherit;
        line-height: inherit;
        color: #364349;
        margin-top: 0rem;
        margin-right: 0rem;
        margin-bottom: 0rem;
        margin-left: 0rem;
    }
}

em,
.em {
    font-family: Open Sans;
    font-weight: 400;
    font-style: italic;
    text-decoration: none;
    text-transform: none;
    font-size: inherit;
    line-height: inherit;
    color: #61696f;
    margin-top: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
}

@media only screen and (max-width: 767px) {
    em,
    .em {
        font-family: Open Sans;
        font-weight: 400;
        font-style: italic;
        text-decoration: none;
        text-transform: none;
        font-size: inherit;
        line-height: inherit;
        color: #61696f;
        margin-top: 0rem;
        margin-right: 0rem;
        margin-bottom: 0rem;
        margin-left: 0rem;
    }
}

.intro {
    font-family: Open Sans;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-size: 1.625rem;
    line-height: 2.0625rem;
    color: #364349;
    margin-top: 1.125rem;
    margin-right: 0rem;
    margin-bottom: 1.125rem;
    margin-left: 0rem;
}

@media only screen and (max-width: 767px) {
    .intro {
        font-family: Open Sans;
        font-weight: 300;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        font-size: 1.375rem;
        line-height: 1.75rem;
        color: #364349;
        margin-top: 1.125rem;
        margin-right: 0rem;
        margin-bottom: 1.125rem;
        margin-left: 0rem;
    }
}

.blockquote {
    font-family: Open Sans;
    font-weight: 300;
    font-style: italic;
    text-decoration: none;
    text-transform: none;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #61696f;
    margin-top: 1.125rem;
    margin-right: 2.5rem;
    margin-bottom: 1.125rem;
    margin-left: 2.5rem;
}

@media only screen and (max-width: 767px) {
    .blockquote {
        font-family: Open Sans;
        font-weight: 300;
        font-style: italic;
        text-decoration: none;
        text-transform: none;
        font-size: 1.125rem;
        line-height: 1.5rem;
        color: #61696f;
        margin-top: 1.125rem;
        margin-right: 1.875rem;
        margin-bottom: 1.125rem;
        margin-left: 1.875rem;
    }
}

em {
    font-weight: inherit;
    color: inherit;
}

.l-banner {
    position: relative;
    background-image: url("../img/grand-public-1600.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .l-banner {
        background-image: url("../img/grand-public-1024.jpg");
    }
}

@media only screen and (max-width: 767px) {
    .l-banner {
        background-image: url("../img/grand-public-768.jpg");
        background-position: bottom right;
    }
}

.professionnel .l-banner {
    background-image: url("../img/professionnel-1600.jpg");
}

@media (min-width: 768px) and (max-width: 1023px) {
    .professionnel .l-banner {
        background-image: url("../img/professionnel-1024.jpg");
    }
}

@media only screen and (max-width: 767px) {
    .professionnel .l-banner {
        background-image: url("../img/professionnel-768.jpg");
    }
}

.devenir-professionnel .l-banner {
    background-image: url("../img/devenir-professionnel-1600.jpg");
}

@media (min-width: 768px) and (max-width: 1023px) {
    .devenir-professionnel .l-banner {
        background-image: url("../img/devenir-professionnel-1024.jpg");
    }
}

@media only screen and (max-width: 767px) {
    .devenir-professionnel .l-banner {
        background-image: url("../img/devenir-professionnel-768.jpg");
    }
}

.mandats .l-banner {
    background-image: url("../img/autres-mandats-1600.jpg");
    background-position: bottom right;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mandats .l-banner {
        background-image: url("../img/autres-mandats-1024.jpg");
    }
}

@media only screen and (max-width: 767px) {
    .mandats .l-banner {
        background-image: url("../img/autres-mandats-768.jpg");
    }
}

.l-banner p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

.l-banner h1 span.subtitle {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    display: block;
    margin-top: 3px;
}

.is-home .l-banner {
    position: relative;
}

    .is-home .l-banner .l-page-wrapper {
        padding: 67px 20px 145px;
    }

@media (max-width: 1440px) {
    .is-home .l-banner .l-page-wrapper {
        padding: 17px 20px 0px;
        height: 410px;
    }
}

@media (max-width: 1280px) {
    .is-home .l-banner .l-page-wrapper {
        padding: 37px 20px 0px;
        height: 375px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .is-home .l-banner .l-page-wrapper {
        height: 328px;
    }
}

@media only screen and (max-width: 767px) {
    .is-home .l-banner .l-page-wrapper {
        height: auto;
        padding: 27px 20px 250px;
    }
}

@media print {
    .is-home .l-banner .l-page-wrapper {
        height: auto;
    }
}

.is-home .l-banner h1,
.is-home .l-banner .l-banner-content {
    max-width: calc(100% - 645px);
}

@media (min-width: 768px) and (max-width: 1023px) {
    .is-home .l-banner h1,
    .is-home .l-banner .l-banner-content {
        max-width: calc(100% - 400px);
    }
}

@media only screen and (max-width: 767px) {
    .is-home .l-banner h1,
    .is-home .l-banner .l-banner-content {
        max-width: 540px;
    }
}

@media print {
    .is-home .l-banner h1,
    .is-home .l-banner .l-banner-content {
        max-width: none;
    }
}

.is-home .l-banner h1 {
    margin: 30px 0 20px;
    font-weight: 600;
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 50px;
    line-height: 3.125rem;
}

@media (max-width: 1280px) {
    .is-home .l-banner h1 {
        margin: 0 0 20px;
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 32px;
        line-height: 2rem;
    }
}

@media (max-width: 790px) {
    .is-home .l-banner h1 {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 32px;
        line-height: 2rem;
    }
}

.is-home .l-banner p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
}

@media (max-width: 1280px) {
    .is-home .l-banner p {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
        line-height: 1.125rem;
    }
}

@media (max-width: 790px) {
    .is-home .l-banner p {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
        line-height: 1.125rem;
    }
}

.is-home .l-banner h1,
.is-home .l-banner p,
.is-home .l-banner p a {
    color: #364349;
}

.is-home .l-banner .amf-btn-default,
.is-home .l-banner .amf-btn-default-arrow,
.is-home .l-banner .btn {
    position: absolute;
    bottom: 0;
    left: 20px;
    color: #fff;
    background-clip: padding-box;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

    .is-home .l-banner .amf-btn-default:hover,
    .is-home .l-banner .amf-btn-default-arrow:hover,
    .is-home .l-banner .btn:hover {
        background-color: #003767;
    }

.is-home .l-banner .l-banner-content {
    min-height: 225px;
}

@media (max-width: 1023px) {
    .is-home .l-banner .l-banner-content {
        min-height: 135px;
    }
}

.is-hub .l-banner:before,
.is-page .l-banner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    background-color: #182226;
}

.is-hub .l-banner strong,
.is-hub .l-banner p,
.is-page .l-banner strong,
.is-page .l-banner p {
    color: #fff;
}

.is-hub .l-banner .l-page-wrapper {
    padding: 30px 20px;
}

.is-hub .l-banner:before {
    opacity: 0.8;
}

.is-hub .l-banner h1 {
    margin: 85px 0 20px;
    font-size: 48px;
    font-size: 3rem;
    line-height: 52px;
    line-height: 3.25rem;
}

@media only screen and (max-width: 767px) {
    .is-hub .l-banner h1 {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 32px;
        line-height: 2rem;
    }
}

.is-hub .l-banner .l-banner-content {
    max-width: 1000px;
}

    .is-hub .l-banner .l-banner-content.with-aside {
        width: calc(100% - 270px);
        max-width: 810px;
    }

@media (max-width: 620px) {
    .is-hub .l-banner .l-banner-content.with-aside {
        width: 100%;
        max-width: 100%;
        padding-bottom: 90px;
    }
}

.is-hub .l-banner p {
    font-weight: 300;
}

    .is-hub .l-banner p a {
        text-decoration: none;
        color: #c2e1f6;
    }

        .is-hub .l-banner p a:hover {
            text-decoration: underline;
        }

.is-page .l-banner .l-page-wrapper {
    padding: 25px 20px 15px;
}

.is-page .l-banner:before {
    opacity: 0.95;
}

.is-page .l-banner h1 {
    margin-top: 75px;
    margin-bottom: 0;
}

    .is-page .l-banner h1.visuallyhidden {
        margin-top: 0;
    }

        .is-page .l-banner h1.visuallyhidden:focus {
            overflow: visible;
            clip: auto;
            width: auto;
            height: auto;
            margin: 0;
            position: relative;
        }

.with-sidemenu.is-news .l-banner h1,
.with-sidemenu.is-news .l-banner .with-arrow,
.with-sidemenu .l-banner h1,
.with-sidemenu .l-banner .with-arrow {
    margin-left: 315px;
}

@media (max-width: 950px) {
    .with-sidemenu.is-news .l-banner h1,
    .with-sidemenu.is-news .l-banner .with-arrow,
    .with-sidemenu .l-banner h1,
    .with-sidemenu .l-banner .with-arrow {
        margin-left: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .with-sidemenu.is-news .l-banner h1,
    .with-sidemenu.is-news .l-banner .with-arrow,
    .with-sidemenu .l-banner h1,
    .with-sidemenu .l-banner .with-arrow {
        margin-left: 0;
    }
}

.is-news .l-banner .with-arrow {
    position: absolute;
    top: 98px;
    left: 20px;
    font-weight: 300;
    color: #fff;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 15px;
    line-height: 0.9375rem;
}

@media only screen and (max-width: 767px) {
    .is-news .l-banner .with-arrow {
        display: none;
    }
}

.l-banner-aside {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media (max-width: 620px) {
    .l-banner-aside {
        left: 0;
        width: 100%;
        text-align: center;
    }

        .l-banner-aside img {
            width: 120px;
        }
}

.is-zoomed .is-home .l-header .l-banner .l-page-wrapper h1,
.is-zoomed .is-home .l-header .l-banner .l-page-wrapper .l-banner-content p {
    position: relative;
    z-index: 100;
}

    .is-zoomed .is-home .l-header .l-banner .l-page-wrapper .l-banner-content p.p-bouton {
        position: static;
    }

        .is-zoomed .is-home .l-header .l-banner .l-page-wrapper .l-banner-content p.p-bouton a {
            position: absolute;
            z-index: 100;
        }

.is-zoomed .is-home .l-header .l-banner .l-page-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px;
    width: auto;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 90;
}

@media screen and (max-width: 1770px) {
    .is-font-32 .with-sidemenu.is-news .l-banner h1,
    .is-font-32 .with-sidemenu.is-news .l-banner .with-arrow,
    .is-font-32 .with-sidemenu .l-banner h1,
    .is-font-32 .with-sidemenu .l-banner .with-arrow {
        margin-left: 360px;
    }

    .is-font-32 .l-header.is-mobile .l-banner .l-page-wrapper,
    .is-font-38 .l-header.is-mobile .l-banner .l-page-wrapper,
    .is-font-42 .l-header.is-mobile .l-banner .l-page-wrapper {
        padding: 60px 15px;
    }
}

@media screen and (max-width: 1555px) {
    .is-font-27 .l-header.is-mobile .l-banner .l-page-wrapper,
    .is-font-24 .l-header.is-mobile .l-banner .l-page-wrapper {
        padding: 60px 15px;
    }
}

@media screen and (max-width: 1440px) {
    .is-font-27 .with-sidemenu.is-news .l-banner h1,
    .is-font-27 .with-sidemenu.is-news .l-banner .with-arrow,
    .is-font-27 .with-sidemenu .l-banner h1,
    .is-font-27 .with-sidemenu .l-banner .with-arrow,
    .is-font-24 .with-sidemenu.is-news .l-banner h1,
    .is-font-24 .with-sidemenu.is-news .l-banner .with-arrow,
    .is-font-24 .with-sidemenu .l-banner h1,
    .is-font-24 .with-sidemenu .l-banner .with-arrow {
        margin-left: 360px;
    }
}

@media screen and (max-width: 1210px) {
    .is-font-21 .l-header.is-mobile .l-banner .l-page-wrapper,
    .is-font-19 .l-header.is-mobile .l-banner .l-page-wrapper,
    .is-font-17 .l-header.is-mobile .l-banner .l-page-wrapper {
        padding: 60px 15px;
    }
}

@media screen and (max-width: 1200px) {
    .is-font-21 .with-sidemenu.is-news .l-banner h1,
    .is-font-21 .with-sidemenu.is-news .l-banner .with-arrow,
    .is-font-21 .with-sidemenu .l-banner h1,
    .is-font-21 .with-sidemenu .l-banner .with-arrow,
    .is-font-19 .with-sidemenu.is-news .l-banner h1,
    .is-font-19 .with-sidemenu.is-news .l-banner .with-arrow,
    .is-font-19 .with-sidemenu .l-banner h1,
    .is-font-19 .with-sidemenu .l-banner .with-arrow,
    .is-font-17 .with-sidemenu.is-news .l-banner h1,
    .is-font-17 .with-sidemenu.is-news .l-banner .with-arrow,
    .is-font-17 .with-sidemenu .l-banner h1,
    .is-font-17 .with-sidemenu .l-banner .with-arrow {
        margin-left: 360px;
    }
}

@media screen and (max-width: 950px) {
    .is-zoomed .with-sidemenu.is-news .l-banner h1,
    .is-zoomed .with-sidemenu.is-news .l-banner .with-arrow,
    .is-zoomed .with-sidemenu .l-banner h1,
    .is-zoomed .with-sidemenu .l-banner .with-arrow {
        margin-left: 240px;
    }
}

@media screen and (max-width: 950px) {
    .is-fontzoombigger-130 .with-sidemenu.is-news .l-banner h1,
    .is-fontzoombigger-130 .with-sidemenu.is-news .l-banner .with-arrow,
    .is-fontzoombigger-130 .with-sidemenu .l-banner h1,
    .is-fontzoombigger-130 .with-sidemenu .l-banner .with-arrow {
        margin-left: 10px;
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 32px;
        line-height: 2rem;
    }
}

@media screen and (max-width: 768px) {
    .is-zoomed .with-sidemenu.is-news .l-banner h1,
    .is-zoomed .with-sidemenu.is-news .l-banner .with-arrow,
    .is-zoomed .with-sidemenu .l-banner h1,
    .is-zoomed .with-sidemenu .l-banner .with-arrow {
        margin-left: 10px;
    }
}

.l-footer {
    overflow: hidden;
}

    .l-footer p {
        margin: 10px 0;
        font-weight: 300;
        color: #364349;
    }

        .l-footer p:first-child {
            margin-top: 0;
        }

@media only screen and (max-width: 767px) {
    .l-footer > .l-page-wrapper {
        padding: 0;
    }
}

.l-footer-left,
.l-footer-right {
    position: relative;
    padding: 80px 0 60px;
}

@media (max-width: 1024px) {
    .l-footer-left,
    .l-footer-right {
        padding: 80px 30px 40px;
    }
}

@media only screen and (max-width: 767px) {
    .l-footer-left,
    .l-footer-right {
        height: auto !important;
        padding: 25px 20px;
    }
}

.l-footer-left:before,
.l-footer-right:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 300%;
}

.l-footer-left {
    width: 57.31707%;
    background-color: #eceeef;
}

@media (max-width: 1023px) {
    .l-footer-left {
        width: 62%;
    }
}

@media (max-width: 980px) {
    .l-footer-left {
        width: 50%;
    }
}

.l-footer-left div {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
}

    .l-footer-left div strong {
        margin-right: 4px;
        font-weight: 400;
    }

@media only screen and (max-width: 767px) {
    .l-footer-left p {
        margin: 10px 0 0;
    }
}

.l-footer-left ul {
    margin-left: 0;
}

    .l-footer-left ul li {
        margin: 0;
        background-image: url("../svg/originals/puce-grey.svg");
        color: #364349;
        font-weight: 300;
    }

        .l-footer-left ul li strong {
            font-weight: 600;
        }

.l-footer-left .has-bottom-margin + p {
    margin-bottom: 0;
}

    .l-footer-left .has-bottom-margin + p + ul {
        margin-top: 0;
    }

.l-footer-left:before {
    left: -300%;
    background-color: #eceeef;
}

.l-footer-right {
    width: 42.68293%;
    background-color: #d0d3d5;
}

@media (max-width: 1023px) {
    .l-footer-right {
        width: 38%;
    }
}

@media (max-width: 980px) {
    .l-footer-right {
        width: 50%;
    }
}

.l-footer-right:before {
    right: -300%;
    background-color: #d0d3d5;
}

.l-footer-right a {
    display: block;
    font-weight: 600;
    text-decoration: none;
}

    .l-footer-right a:hover {
        text-decoration: underline;
    }

.l-footer-right p:last-child {
    margin-bottom: 0;
}

.l-footer-right-right,
.l-footer-left-left {
    width: calc(45% - 30px);
}

.l-footer-right-left {
    width: calc(100% - 30px);
}

.l-footer-left-right {
    width: calc(55% - 30px);
    padding-top: 58px;
}

.l-footer-left .l-footer-left-right strong {
    font-weight: 600;
}

.l-footer-left .l-footer-left-right .icon-wrapper.assistance-wrapper svg {
    width: 24px;
    height: 24px;
}

@media (max-width: 980px) {
    .l-footer-left-right {
        padding-top: 0;
    }
}

.l-footer-left-left,
.l-footer-left-right {
    margin-right: 30px;
}

@media only screen and (max-width: 767px) {
    .l-footer-left-left,
    .l-footer-left-right {
        margin-right: 0;
    }
}

.l-footer-right-left,
.l-footer-right-right {
    margin-left: 30px;
}

@media (max-width: 980px) {
    .l-footer-right-left,
    .l-footer-right-right {
        margin-left: 0;
    }
}

@media (max-width: 1124px) {
    .l-footer-right-left,
    .l-footer-right-right {
        width: calc(100% - 30px);
    }
}

@media only screen and (max-width: 767px) {
    .l-footer-right-left,
    .l-footer-right-right {
        margin-left: 0;
    }
}

@media (max-width: 1220px) {
    .l-footer-left-left {
        width: 265px;
    }
}

@media (max-width: 980px) {
    .l-footer-left-left {
        width: 100%;
    }
}

@media (max-width: 980px) {
    .l-footer-left-left {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .l-footer-left-left {
        margin-bottom: 0;
    }
}

.l-footer-left-left [href^="tel:"] {
    font-weight: 300;
}

@media (max-width: 1220px) {
    .l-footer-left-right {
        width: calc(100% - 330px);
    }
}

@media (max-width: 980px) {
    .l-footer-left-right {
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 1124px) {
    .l-footer-right-left {
        margin-bottom: 20px;
    }
}

.l-footer-left,
.l-footer-right,
.l-footer-left-left,
.l-footer-left-right,
.l-footer-right-left,
.l-footer-right-right {
    display: inline-block;
    vertical-align: top;
}

@media only screen and (max-width: 767px) {
    .l-footer-left,
    .l-footer-right,
    .l-footer-left-left,
    .l-footer-left-right,
    .l-footer-right-left,
    .l-footer-right-right {
        width: 100%;
    }
}

.l-footer-title {
    font-weight: 300;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 34px;
    line-height: 2.125rem;
}

    .l-footer-title a {
        color: #364349;
        text-decoration: none;
    }

        .l-footer-title a:hover {
            text-decoration: underline;
        }

.l-footer-subtitle {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

@media only screen and (max-width: 767px) {
    .l-footer-subtitle,
    .l-footer-subtitle + p,
    .l-footer-subtitle + p + ul {
        display: none;
    }
}

.l-footer-subtitle + p {
    margin-top: 0;
}

p + .l-footer-subtitle {
    margin-top: 30px;
}

.l-footer-subtitle.is-font-bigger {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

.l-footer-subtitle.has-bottom-margin {
    margin-bottom: 20px;
}

.l-footer-bottom {
    position: relative;
    padding: 19px 0 30px 0;
    background-color: #182226;
}

    .l-footer-bottom:before,
    .l-footer-bottom:after {
        content: "";
        display: table;
        line-height: 0;
    }

    .l-footer-bottom:after {
        clear: both;
    }

@media only screen and (max-width: 767px) {
    .l-footer-bottom {
        padding: 15px 20px 15px;
    }
}

.l-footer-bottom:after,
.l-footer-bottom:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #182226;
}

.l-footer-bottom:before {
    left: -100%;
}

.l-footer-bottom:after {
    right: -100%;
}

.l-footer-bottom * {
    color: #eceeef;
}

.l-footer-bottom .copyright {
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 15px;
    line-height: 0.9375rem;
}

@media (max-width: 800px) {
    .l-footer-bottom .copyright {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 15px;
        line-height: 0.9375rem;
    }
}

@media only screen and (max-width: 767px) {
    .l-footer-bottom .copyright {
        margin-bottom: 10px;
    }

        .l-footer-bottom .copyright span {
            display: block;
        }
}

@media screen and (max-width: 1780px) {
    .is-zoomed .l-footer-bottom .copyright,
    .is-zoomed .l-footer-bottom .nav-footer {
        display: block;
        float: none;
        width: 100%;
        margin: auto;
        text-align: center;
    }

    .is-zoomed .l-footer-bottom .copyright {
        margin-bottom: 20px;
    }
}

.grid {
    clear: both;
    margin: 30px 0;
    font-size: 0;
}

    .grid > .grid-wrapper {
        position: relative;
        margin: 0 -15px;
    }

        .grid > .grid-wrapper:before,
        .grid > .grid-wrapper:after {
            content: "";
            height: 1px;
            display: block;
        }

        .grid > .grid-wrapper:before {
            margin-bottom: -16px;
        }

        .grid > .grid-wrapper:after {
            margin-top: -16px;
        }

.ie .grid > .grid-wrapper {
    margin: 0 -15px;
}

.grid > .grid-wrapper > [class^="col"] {
    display: inline-block;
    vertical-align: top;
    margin: 15px 14px;
    font-size: 1rem;
    -webkit-transition: all, 150ms;
    -moz-transition: all, 150ms;
    -ms-transition: all, 150ms;
    -o-transition: all, 150ms;
    transition: all, 150ms;
}

.grid > .grid-wrapper > .col-1-1 {
    width: calc(100% / 1 * 1 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-1-1-mobile {
        width: calc(100% / 1 * 1 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-1-1-not-mobile {
        width: calc(100% / 1 * 1 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-1-1-small-tablet {
        width: calc(100% / 1 * 1 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-1-1-tablet {
        width: calc(100% / 1 * 1 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-1-1-desktop {
        width: calc(100% / 1 * 1 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-1-1-mobile-tablet {
        width: calc(100% / 1 * 1 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-1-1-small-mobile {
        width: calc(100% / 1 * 1 - 30px);
    }
}

.grid > .grid-wrapper > .col-1-2 {
    width: calc(100% / 2 * 1 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-1-2-mobile {
        width: calc(100% / 2 * 1 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-1-2-not-mobile {
        width: calc(100% / 2 * 1 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-1-2-small-tablet {
        width: calc(100% / 2 * 1 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-1-2-tablet {
        width: calc(100% / 2 * 1 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-1-2-desktop {
        width: calc(100% / 2 * 1 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-1-2-mobile-tablet {
        width: calc(100% / 2 * 1 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-1-2-small-mobile {
        width: calc(100% / 2 * 1 - 30px);
    }
}

.grid > .grid-wrapper > .col-2-2 {
    width: calc(100% / 2 * 2 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-2-2-mobile {
        width: calc(100% / 2 * 2 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-2-2-not-mobile {
        width: calc(100% / 2 * 2 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-2-2-small-tablet {
        width: calc(100% / 2 * 2 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-2-2-tablet {
        width: calc(100% / 2 * 2 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-2-2-desktop {
        width: calc(100% / 2 * 2 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-2-2-mobile-tablet {
        width: calc(100% / 2 * 2 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-2-2-small-mobile {
        width: calc(100% / 2 * 2 - 30px);
    }
}

.grid > .grid-wrapper > .col-1-3 {
    width: calc(100% / 3 * 1 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-1-3-mobile {
        width: calc(100% / 3 * 1 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-1-3-not-mobile {
        width: calc(100% / 3 * 1 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-1-3-small-tablet {
        width: calc(100% / 3 * 1 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-1-3-tablet {
        width: calc(100% / 3 * 1 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-1-3-desktop {
        width: calc(100% / 3 * 1 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-1-3-mobile-tablet {
        width: calc(100% / 3 * 1 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-1-3-small-mobile {
        width: calc(100% / 3 * 1 - 30px);
    }
}

.grid > .grid-wrapper > .col-2-3 {
    width: calc(100% / 3 * 2 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-2-3-mobile {
        width: calc(100% / 3 * 2 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-2-3-not-mobile {
        width: calc(100% / 3 * 2 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-2-3-small-tablet {
        width: calc(100% / 3 * 2 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-2-3-tablet {
        width: calc(100% / 3 * 2 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-2-3-desktop {
        width: calc(100% / 3 * 2 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-2-3-mobile-tablet {
        width: calc(100% / 3 * 2 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-2-3-small-mobile {
        width: calc(100% / 3 * 2 - 30px);
    }
}

.grid > .grid-wrapper > .col-3-3 {
    width: calc(100% / 3 * 3 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-3-3-mobile {
        width: calc(100% / 3 * 3 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-3-3-not-mobile {
        width: calc(100% / 3 * 3 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-3-3-small-tablet {
        width: calc(100% / 3 * 3 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-3-3-tablet {
        width: calc(100% / 3 * 3 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-3-3-desktop {
        width: calc(100% / 3 * 3 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-3-3-mobile-tablet {
        width: calc(100% / 3 * 3 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-3-3-small-mobile {
        width: calc(100% / 3 * 3 - 30px);
    }
}

.grid > .grid-wrapper > .col-1-4 {
    width: calc(100% / 4 * 1 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-1-4-mobile {
        width: calc(100% / 4 * 1 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-1-4-not-mobile {
        width: calc(100% / 4 * 1 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-1-4-small-tablet {
        width: calc(100% / 4 * 1 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-1-4-tablet {
        width: calc(100% / 4 * 1 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-1-4-desktop {
        width: calc(100% / 4 * 1 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-1-4-mobile-tablet {
        width: calc(100% / 4 * 1 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-1-4-small-mobile {
        width: calc(100% / 4 * 1 - 30px);
    }
}

.grid > .grid-wrapper > .col-2-4 {
    width: calc(100% / 4 * 2 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-2-4-mobile {
        width: calc(100% / 4 * 2 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-2-4-not-mobile {
        width: calc(100% / 4 * 2 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-2-4-small-tablet {
        width: calc(100% / 4 * 2 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-2-4-tablet {
        width: calc(100% / 4 * 2 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-2-4-desktop {
        width: calc(100% / 4 * 2 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-2-4-mobile-tablet {
        width: calc(100% / 4 * 2 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-2-4-small-mobile {
        width: calc(100% / 4 * 2 - 30px);
    }
}

.grid > .grid-wrapper > .col-3-4 {
    width: calc(100% / 4 * 3 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-3-4-mobile {
        width: calc(100% / 4 * 3 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-3-4-not-mobile {
        width: calc(100% / 4 * 3 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-3-4-small-tablet {
        width: calc(100% / 4 * 3 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-3-4-tablet {
        width: calc(100% / 4 * 3 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-3-4-desktop {
        width: calc(100% / 4 * 3 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-3-4-mobile-tablet {
        width: calc(100% / 4 * 3 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-3-4-small-mobile {
        width: calc(100% / 4 * 3 - 30px);
    }
}

.grid > .grid-wrapper > .col-4-4 {
    width: calc(100% / 4 * 4 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-4-4-mobile {
        width: calc(100% / 4 * 4 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-4-4-not-mobile {
        width: calc(100% / 4 * 4 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-4-4-small-tablet {
        width: calc(100% / 4 * 4 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-4-4-tablet {
        width: calc(100% / 4 * 4 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-4-4-desktop {
        width: calc(100% / 4 * 4 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-4-4-mobile-tablet {
        width: calc(100% / 4 * 4 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-4-4-small-mobile {
        width: calc(100% / 4 * 4 - 30px);
    }
}

.grid > .grid-wrapper > .col-1-5 {
    width: calc(100% / 5 * 1 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-1-5-mobile {
        width: calc(100% / 5 * 1 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-1-5-not-mobile {
        width: calc(100% / 5 * 1 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-1-5-small-tablet {
        width: calc(100% / 5 * 1 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-1-5-tablet {
        width: calc(100% / 5 * 1 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-1-5-desktop {
        width: calc(100% / 5 * 1 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-1-5-mobile-tablet {
        width: calc(100% / 5 * 1 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-1-5-small-mobile {
        width: calc(100% / 5 * 1 - 30px);
    }
}

.grid > .grid-wrapper > .col-2-5 {
    width: calc(100% / 5 * 2 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-2-5-mobile {
        width: calc(100% / 5 * 2 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-2-5-not-mobile {
        width: calc(100% / 5 * 2 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-2-5-small-tablet {
        width: calc(100% / 5 * 2 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-2-5-tablet {
        width: calc(100% / 5 * 2 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-2-5-desktop {
        width: calc(100% / 5 * 2 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-2-5-mobile-tablet {
        width: calc(100% / 5 * 2 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-2-5-small-mobile {
        width: calc(100% / 5 * 2 - 30px);
    }
}

.grid > .grid-wrapper > .col-3-5 {
    width: calc(100% / 5 * 3 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-3-5-mobile {
        width: calc(100% / 5 * 3 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-3-5-not-mobile {
        width: calc(100% / 5 * 3 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-3-5-small-tablet {
        width: calc(100% / 5 * 3 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-3-5-tablet {
        width: calc(100% / 5 * 3 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-3-5-desktop {
        width: calc(100% / 5 * 3 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-3-5-mobile-tablet {
        width: calc(100% / 5 * 3 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-3-5-small-mobile {
        width: calc(100% / 5 * 3 - 30px);
    }
}

.grid > .grid-wrapper > .col-4-5 {
    width: calc(100% / 5 * 4 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-4-5-mobile {
        width: calc(100% / 5 * 4 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-4-5-not-mobile {
        width: calc(100% / 5 * 4 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-4-5-small-tablet {
        width: calc(100% / 5 * 4 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-4-5-tablet {
        width: calc(100% / 5 * 4 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-4-5-desktop {
        width: calc(100% / 5 * 4 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-4-5-mobile-tablet {
        width: calc(100% / 5 * 4 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-4-5-small-mobile {
        width: calc(100% / 5 * 4 - 30px);
    }
}

.grid > .grid-wrapper > .col-5-5 {
    width: calc(100% / 5 * 5 - 30px);
}

@media (max-width: 767px) {
    .grid > .grid-wrapper > [class^="col"].col-5-5-mobile {
        width: calc(100% / 5 * 5 - 30px);
    }
}

@media (min-width: 768px) {
    .grid > .grid-wrapper > [class^="col"].col-5-5-not-mobile {
        width: calc(100% / 5 * 5 - 30px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid > .grid-wrapper > [class^="col"].col-5-5-small-tablet {
        width: calc(100% / 5 * 5 - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-5-5-tablet {
        width: calc(100% / 5 * 5 - 30px);
    }
}

@media (min-width: 1024px) {
    .grid > .grid-wrapper > [class^="col"].col-5-5-desktop {
        width: calc(100% / 5 * 5 - 30px);
    }
}

@media (max-width: 1023px) {
    .grid > .grid-wrapper > [class^="col"].col-5-5-mobile-tablet {
        width: calc(100% / 5 * 5 - 30px);
    }
}

@media (max-width: 510px) {
    .grid > .grid-wrapper > [class^="col"].col-5-5-small-mobile {
        width: calc(100% / 5 * 5 - 30px);
    }
}

.grid.is-narrow {
    margin: 30px 0;
    font-size: 0;
}

    .grid.is-narrow > .grid-wrapper {
        position: relative;
        margin: 0 -6px;
    }

        .grid.is-narrow > .grid-wrapper:before,
        .grid.is-narrow > .grid-wrapper:after {
            content: "";
            height: 1px;
            display: block;
        }

        .grid.is-narrow > .grid-wrapper:before {
            margin-bottom: -6px;
        }

        .grid.is-narrow > .grid-wrapper:after {
            margin-top: -6px;
        }

.ie .grid.is-narrow > .grid-wrapper {
    margin: 0 -6px;
}

.grid.is-narrow > .grid-wrapper > [class^="col"] {
    display: inline-block;
    vertical-align: top;
    margin: 5px 5px;
    font-size: 1rem;
    -webkit-transition: all, 150ms;
    -moz-transition: all, 150ms;
    -ms-transition: all, 150ms;
    -o-transition: all, 150ms;
    transition: all, 150ms;
}

.grid.is-narrow > .grid-wrapper > .col-1-1 {
    width: calc(100% / 1 * 1 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-1-mobile {
        width: calc(100% / 1 * 1 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-1-not-mobile {
        width: calc(100% / 1 * 1 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-1-small-tablet {
        width: calc(100% / 1 * 1 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-1-tablet {
        width: calc(100% / 1 * 1 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-1-desktop {
        width: calc(100% / 1 * 1 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-1-mobile-tablet {
        width: calc(100% / 1 * 1 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-1-small-mobile {
        width: calc(100% / 1 * 1 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-1-2 {
    width: calc(100% / 2 * 1 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-2-mobile {
        width: calc(100% / 2 * 1 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-2-not-mobile {
        width: calc(100% / 2 * 1 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-2-small-tablet {
        width: calc(100% / 2 * 1 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-2-tablet {
        width: calc(100% / 2 * 1 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-2-desktop {
        width: calc(100% / 2 * 1 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-2-mobile-tablet {
        width: calc(100% / 2 * 1 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-2-small-mobile {
        width: calc(100% / 2 * 1 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-2-2 {
    width: calc(100% / 2 * 2 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-2-mobile {
        width: calc(100% / 2 * 2 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-2-not-mobile {
        width: calc(100% / 2 * 2 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-2-small-tablet {
        width: calc(100% / 2 * 2 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-2-tablet {
        width: calc(100% / 2 * 2 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-2-desktop {
        width: calc(100% / 2 * 2 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-2-mobile-tablet {
        width: calc(100% / 2 * 2 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-2-small-mobile {
        width: calc(100% / 2 * 2 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-1-3 {
    width: calc(100% / 3 * 1 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-3-mobile {
        width: calc(100% / 3 * 1 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-3-not-mobile {
        width: calc(100% / 3 * 1 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-3-small-tablet {
        width: calc(100% / 3 * 1 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-3-tablet {
        width: calc(100% / 3 * 1 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-3-desktop {
        width: calc(100% / 3 * 1 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-3-mobile-tablet {
        width: calc(100% / 3 * 1 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-3-small-mobile {
        width: calc(100% / 3 * 1 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-2-3 {
    width: calc(100% / 3 * 2 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-3-mobile {
        width: calc(100% / 3 * 2 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-3-not-mobile {
        width: calc(100% / 3 * 2 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-3-small-tablet {
        width: calc(100% / 3 * 2 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-3-tablet {
        width: calc(100% / 3 * 2 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-3-desktop {
        width: calc(100% / 3 * 2 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-3-mobile-tablet {
        width: calc(100% / 3 * 2 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-3-small-mobile {
        width: calc(100% / 3 * 2 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-3-3 {
    width: calc(100% / 3 * 3 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-3-mobile {
        width: calc(100% / 3 * 3 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-3-not-mobile {
        width: calc(100% / 3 * 3 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-3-small-tablet {
        width: calc(100% / 3 * 3 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-3-tablet {
        width: calc(100% / 3 * 3 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-3-desktop {
        width: calc(100% / 3 * 3 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-3-mobile-tablet {
        width: calc(100% / 3 * 3 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-3-small-mobile {
        width: calc(100% / 3 * 3 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-1-4 {
    width: calc(100% / 4 * 1 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-4-mobile {
        width: calc(100% / 4 * 1 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-4-not-mobile {
        width: calc(100% / 4 * 1 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-4-small-tablet {
        width: calc(100% / 4 * 1 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-4-tablet {
        width: calc(100% / 4 * 1 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-4-desktop {
        width: calc(100% / 4 * 1 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-4-mobile-tablet {
        width: calc(100% / 4 * 1 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-4-small-mobile {
        width: calc(100% / 4 * 1 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-2-4 {
    width: calc(100% / 4 * 2 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-4-mobile {
        width: calc(100% / 4 * 2 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-4-not-mobile {
        width: calc(100% / 4 * 2 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-4-small-tablet {
        width: calc(100% / 4 * 2 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-4-tablet {
        width: calc(100% / 4 * 2 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-4-desktop {
        width: calc(100% / 4 * 2 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-4-mobile-tablet {
        width: calc(100% / 4 * 2 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-4-small-mobile {
        width: calc(100% / 4 * 2 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-3-4 {
    width: calc(100% / 4 * 3 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-4-mobile {
        width: calc(100% / 4 * 3 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-4-not-mobile {
        width: calc(100% / 4 * 3 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-4-small-tablet {
        width: calc(100% / 4 * 3 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-4-tablet {
        width: calc(100% / 4 * 3 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-4-desktop {
        width: calc(100% / 4 * 3 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-4-mobile-tablet {
        width: calc(100% / 4 * 3 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-4-small-mobile {
        width: calc(100% / 4 * 3 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-4-4 {
    width: calc(100% / 4 * 4 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-4-mobile {
        width: calc(100% / 4 * 4 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-4-not-mobile {
        width: calc(100% / 4 * 4 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-4-small-tablet {
        width: calc(100% / 4 * 4 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-4-tablet {
        width: calc(100% / 4 * 4 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-4-desktop {
        width: calc(100% / 4 * 4 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-4-mobile-tablet {
        width: calc(100% / 4 * 4 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-4-small-mobile {
        width: calc(100% / 4 * 4 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-1-5 {
    width: calc(100% / 5 * 1 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-5-mobile {
        width: calc(100% / 5 * 1 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-5-not-mobile {
        width: calc(100% / 5 * 1 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-5-small-tablet {
        width: calc(100% / 5 * 1 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-5-tablet {
        width: calc(100% / 5 * 1 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-5-desktop {
        width: calc(100% / 5 * 1 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-5-mobile-tablet {
        width: calc(100% / 5 * 1 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-1-5-small-mobile {
        width: calc(100% / 5 * 1 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-2-5 {
    width: calc(100% / 5 * 2 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-5-mobile {
        width: calc(100% / 5 * 2 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-5-not-mobile {
        width: calc(100% / 5 * 2 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-5-small-tablet {
        width: calc(100% / 5 * 2 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-5-tablet {
        width: calc(100% / 5 * 2 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-5-desktop {
        width: calc(100% / 5 * 2 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-5-mobile-tablet {
        width: calc(100% / 5 * 2 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-2-5-small-mobile {
        width: calc(100% / 5 * 2 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-3-5 {
    width: calc(100% / 5 * 3 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-5-mobile {
        width: calc(100% / 5 * 3 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-5-not-mobile {
        width: calc(100% / 5 * 3 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-5-small-tablet {
        width: calc(100% / 5 * 3 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-5-tablet {
        width: calc(100% / 5 * 3 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-5-desktop {
        width: calc(100% / 5 * 3 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-5-mobile-tablet {
        width: calc(100% / 5 * 3 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-3-5-small-mobile {
        width: calc(100% / 5 * 3 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-4-5 {
    width: calc(100% / 5 * 4 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-5-mobile {
        width: calc(100% / 5 * 4 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-5-not-mobile {
        width: calc(100% / 5 * 4 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-5-small-tablet {
        width: calc(100% / 5 * 4 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-5-tablet {
        width: calc(100% / 5 * 4 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-5-desktop {
        width: calc(100% / 5 * 4 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-5-mobile-tablet {
        width: calc(100% / 5 * 4 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-4-5-small-mobile {
        width: calc(100% / 5 * 4 - 12px);
    }
}

.grid.is-narrow > .grid-wrapper > .col-5-5 {
    width: calc(100% / 5 * 5 - 12px);
}

@media (max-width: 767px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-5-5-mobile {
        width: calc(100% / 5 * 5 - 12px);
    }
}

@media (min-width: 768px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-5-5-not-mobile {
        width: calc(100% / 5 * 5 - 12px);
    }
}

@media (min-width: 511px) and (max-width: 820px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-5-5-small-tablet {
        width: calc(100% / 5 * 5 - 12px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-5-5-tablet {
        width: calc(100% / 5 * 5 - 12px);
    }
}

@media (min-width: 1024px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-5-5-desktop {
        width: calc(100% / 5 * 5 - 12px);
    }
}

@media (max-width: 1023px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-5-5-mobile-tablet {
        width: calc(100% / 5 * 5 - 12px);
    }
}

@media (max-width: 510px) {
    .grid.is-narrow > .grid-wrapper > [class^="col"].col-5-5-small-mobile {
        width: calc(100% / 5 * 5 - 12px);
    }
}

.grid.is-narrow + .grid.is-narrow,
.grid.is-narrow + .anchor + .grid.is-narrow,
.grid.is-narrow + .anchor + .anchor + .grid.is-narrow,
.grid.is-narrow + .anchor + .anchor + .anchor + .grid.is-narrow,
.grid.is-narrow + .anchor + .anchor + .anchor + .anchor + .grid.is-narrow {
    margin-top: -20px;
}

.l-header {
    overflow: hidden;
    padding: 10px 0 0;
}

@media only screen and (max-width: 767px) {
    .l-header {
        display: none;
        padding-top: 0;
    }
}

.l-header .l-page-wrapper {
    line-height: 0;
}

.l-header.is-mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    .l-header.is-mobile {
        display: block;
    }
}

.l-header .logo {
    display: block;
    z-index: 1;
    position: absolute;
    top: 26px;
    left: 30px;
    width: 210px;
}

@media (max-width: 1120px) {
    .l-header .logo {
        top: 36px;
        width: 180px;
    }
}

@media (max-width: 1020px) {
    .l-header .logo {
        width: 175px;
    }
}

@media only screen and (max-width: 767px) {
    .l-header .logo {
        position: absolute;
        top: 12px;
        left: 10px;
        width: 114px;
        margin: 0;
    }
}

@media only screen and (max-width: 767px) {
    .l-header .l-page-wrapper {
        padding: 60px 0 0;
    }
}

.l-content-wrapper .l-header {
    overflow: visible;
}

.header-meta {
    float: right;
}

@media only screen and (max-width: 767px) {
    .header-meta {
        float: none;
        padding: 20px;
        background-color: #d0d3d5;
        background-clip: padding-box;
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }
}

.header-meta > * {
    vertical-align: middle;
}

.header-meta-lang {
    position: relative;
    line-height: 1.2;
    text-decoration: none;
    color: #003767;
}

@media only screen and (max-width: 767px) {
    .header-meta-lang {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
        line-height: 1.125rem;
    }
}

.header-meta-lang:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #003767;
}

@media only screen and (max-width: 767px) {
    .header-meta-lang:after {
        display: none;
    }
}

.header-meta-lang:hover:after {
    display: none;
}

.l-intro.with-icon .intro-text {
    width: calc(100% - 130px);
}

@media (max-width: 600px) {
    .l-intro.with-icon .intro-text {
        width: 100%;
        margin-top: 15px;
    }
}

.l-intro .intro {
    max-width: 100%;
}

.l-intro .intro-image,
.l-intro .intro-text {
    vertical-align: middle;
}

.l-intro .intro-text {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eceeef;
}

    .l-intro .intro-text p {
        max-width: 100%;
        margin: 0;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        font-style: normal;
        text-decoration: none;
        text-transform: none;
        color: #364349;
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 33px;
        line-height: 2.0625rem;
    }

.l-intro img,
.l-intro .icon-wrapper {
    max-width: 100%;
    margin-right: 30px;
}

.l-intro svg {
    fill: #d9ab0d;
}

.l-intro .intro-image {
    width: 100px;
}

.l-intro .file {
    margin-top: 30px;
}

.l-meta {
    margin-bottom: 20px;
}

    .l-meta:first-child {
        margin-top: -10px;
    }

    .l-meta .categories,
    .meta-date {
        vertical-align: middle;
    }

        .l-meta .categories,
        .l-meta .categories:first-child,
        .meta-date,
        .meta-date:first-child {
            margin-top: 10px;
        }

.meta-date {
    margin-right: 35px;
    color: #61696f;
}

:first-child:not("li.tab-trigger") {
    margin-top: 0;
}

a.anchor:first-child + * {
    margin-top: 0;
}

a.anchor:first-child + a.anchor + * {
    margin-top: 0;
}

a.anchor:first-child + a.anchor + a.anchor + * {
    margin-top: 0;
}

a.anchor:first-child + table + .mobile-tables {
    margin-top: 0;
}

a.anchor:first-child + a.anchor + table + .mobile-tables {
    margin-top: 0;
}

a.anchor:first-child + a.anchor + a.anchor + table + .mobile-tables {
    margin-top: 0;
}

:last-child:not("button.tab-trigger.is-active") {
    margin-bottom: 0;
}

.l-page h1 {
    color: #364349;
}

.l-page-wrapper {
    position: relative;
    /*width: 1310px;*/
    margin: 0 auto;
    padding: 0 20px;
    font-size: 0;
}


@media (min-width: 768px) and (max-width: 1023px) {
    .l-page-wrapper {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    .l-page-wrapper {
        padding: 0 20px;
    }
}

@media (min-width: 1024px) {
    .is-zoomed .l-page-wrapper {
        margin: 0 20px;
    }
}

.l-content-section {
    position: relative;
}

.l-content-wrapper {
    padding: 45px 0 35px;
}

.is-home .l-content-wrapper {
    overflow: hidden;
}

.l-fullwidth {
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ie8 .l-fullwidth {
    left: auto;
    width: auto;
    padding: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.l-block-content,
.l-block-sidebar {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    font-size: 1rem;
}

    .l-block-content > :last-child {
        margin-bottom: 0;
    }

.is-two-columns .l-block-content {
    width: calc(100% - 295px);
    padding-left: 30px;
}

@media (max-width: 950px) {
    .is-two-columns .l-block-content {
        width: calc(100% - 170px);
    }
}

@media only screen and (max-width: 767px) {
    .is-two-columns .l-block-content {
        padding-left: 0;
        width: 100%;
    }
}

@media (max-width: 950px) {
    .is-fontzoombigger-130 .is-two-columns .l-block-content {
        padding-left: 0;
        width: 100%;
    }
}

.is-two-columns .l-block-sidebar {
    width: 295px;
    margin-top: -6.5625em;
}

@media (max-width: 950px) {
    .is-two-columns .l-block-sidebar {
        width: 170px;
    }
}

@media only screen and (max-width: 767px) {
    .is-two-columns .l-block-sidebar {
        display: none;
    }
}

@media (max-width: 950px) {
    .is-fontzoombigger-130 .is-two-columns .l-block-sidebar {
        display: none;
    }
}

.l-temp {
    padding: 60px 0 200px;
}

ul.list-files li:last-child {
    margin-bottom: 1.125rem;
}

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 1.3;
    text-decoration: none;
    border: 0;
    outline: 0;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    pointer-events: none;
    cursor: default !important;
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    width: 16px;
    height: 16px;
    margin-top: -0.25em;
    text-indent: -99999px;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    display: block;
    left: 50%;
    margin-left: -8px;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: #aaa;
    filter: alpha(Opacity=30);
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    display: block;
    margin: 0;
    padding: 0;
    outline: 0;
    list-style: none;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
        cursor: pointer;
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px 0.4em;
    }

    .ui-menu .ui-menu-divider {
        height: 0;
        margin: 5px 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.2em;
    margin: auto 0;
}

.ui-menu .ui-menu-icon {
    right: 0;
    left: auto;
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }

.ui-widget-content {
    color: #333;
    border: 1px solid #ddd;
    background: #fff;
}

    .ui-widget-content a {
        color: #333;
    }

.ui-widget-header {
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    background: #e9e9e9;
}

    .ui-widget-header a {
        color: #333;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        font-weight: normal;
        color: #454545;
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button,
        .ui-button {
            text-decoration: none;
            color: #454545;
        }

            .ui-state-hover,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-hover,
            .ui-state-focus,
            .ui-widget-content .ui-state-focus,
            .ui-widget-header .ui-state-focus,
            .ui-button:hover,
            .ui-button:focus {
                font-weight: normal;
                color: #2b2b2b;
                border: 1px solid #ccc;
                background: #ededed;
            }

                .ui-state-hover a,
                .ui-state-hover a:hover,
                .ui-state-hover a:link,
                .ui-state-hover a:visited,
                .ui-state-focus a,
                .ui-state-focus a:hover,
                .ui-state-focus a:link,
                .ui-state-focus a:visited,
                a.ui-button:hover,
                a.ui-button:focus {
                    text-decoration: none;
                    color: #2b2b2b;
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    font-weight: normal;
    color: #fff;
    border: 1px solid #003eff;
    background: #007fff;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #fff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        text-decoration: none;
        color: #fff;
    }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: #777620;
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    color: #5f3f3f;
    border: 1px solid #f1a899;
    background: #fddfdf;
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    font-weight: normal;
    opacity: 0.7;
    filter: alpha(Opacity=70);
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    background-image: none;
    filter: alpha(Opacity=35);
}

    .ui-state-disabled .ui-icon {
        filter: alpha(Opacity=35);
    }

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
}

.back-to-top {
    opacity: 0.67;
    position: fixed;
    z-index: 2000;
    bottom: -35px;
    right: 17px;
    width: 29px;
    height: 29px;
    line-height: 29px;
    border: none;
    border-radius: 2px;
    background-color: #003767;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0 0 12px -2px rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 12px -2px rgba(255, 255, 255, 0.8);
}

    .back-to-top .retour-haut-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -3px;
        margin-left: -5px;
    }

    .back-to-top svg {
        fill: white;
        height: 6px;
    }

    .back-to-top:hover {
        opacity: 1;
    }

    .back-to-top.is-active {
        bottom: 17px;
    }

    .back-to-top.is-in-footer {
        opacity: 1;
        background-color: #182226;
    }

.breadcrumb {
    margin-bottom: 14px;
}

    .breadcrumb .breadcrumb-element {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

        .breadcrumb .breadcrumb-element + .breadcrumb-element::before {
            content: "";
            width: 9px;
            height: 8px;
            margin: 0 0.5em;
            background-image: url("../img/icn-arrow-breadcrumb.png");
            background-size: 100%;
        }

        .breadcrumb a,
        .breadcrumb .breadcrumb-element::before {
            display: inline-block;
            vertical-align: middle;
        }

    .breadcrumb a {
        font-weight: 300;
        text-decoration: underline;
        color: #fff;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 17px;
        line-height: 1.0625rem;
        text-decoration: underline;
    }

        .breadcrumb a:hover {
            color: #c2e1f6;
        }

.hidden {
    display: none;
}

.btn,
.amf-btn-default,
.amf-btn-gris,
.amf-btn-default-arrow {
    display: inline-block;
    padding: 15px 20px 13px;
    text-decoration: none !important;
    border: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 17px;
    line-height: 1.0625rem;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .amf-btn-gris {
        background-color: #D0D4D7;
        color: #364349;
    }

    .amf-btn-gris:hover {
        background-color: #8FC3EA;
    }

    .btn .icon-wrapper,
    .amf-btn-default .icon-wrapper,
    .amf-btn-default-arrow .icon-wrapper {
        margin-left: 6px;
    }

    .btn.is-bigger,
    .amf-btn-default.is-bigger,
    .amf-btn-default-arrow.is-bigger {
        padding-top: 20px;
        padding-bottom: 20px;
    }

.is-search .btn.btn-black {
    margin-top: 42px;
}

.amf-btn-default-arrow,
.amf-btn-default,
.btn-black {
    color: #fff;
}

    .amf-btn-default-arrow:hover,
    .amf-btn-default:hover,
    .btn-black:hover {
        background-color: #003767;
    }

.amf-btn-default-arrow,
.amf-btn-default {
    background-color: #364349;
}

.amf-btn-default-arrow {
    position: relative;
    padding-right: 40px;
}

    .amf-btn-default-arrow:after {
        content: "";
        display: block;
        position: absolute;
        top: calc(50% - 6px);
        right: 15px;
        width: 14px;
        height: 12px;
        background-image: url("../img/icn-arrow-button.png");
        background-repeat: no-repeat;
        background-size: 100%;
    }

.btn-grey {
    color: #364349;
    background-color: #d0d4d7;
}

    .btn-grey svg {
        fill: #085da2;
    }

    .btn-grey:hover {
        background-color: #c2e1f6;
    }

.l-banner .amf-btn-default-arrow,
.btn-black,
.btn-black.is-external {
    background-color: #182226;
}

    .l-banner .amf-btn-default-arrow svg,
    .btn-black svg,
    .btn-black.is-external svg {
        fill: #8fc3ea;
    }

    .l-banner .amf-btn-default-arrow:hover,
    .btn-black:hover,
    .btn-black.is-external:hover {
        background-color: #003767;
    }

.btn-remove {
    vertical-align: middle;
    padding: 0;
    text-align: center;
    color: #085da2;
    background: 0;
}

    .btn-remove .icon-wrapper {
        display: block;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .btn-remove svg {
        fill: #61696f;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .btn-remove:hover {
        color: #cb4130;
    }

        .btn-remove:hover svg {
            fill: #cb4130;
        }

.panel-header-link::after,
.with-arrow::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100%;
}

.with-arrow {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    text-decoration: none;
}

    .with-arrow .arrow-wrapper {
        position: absolute;
        top: calc(50% - 6px);
        right: 0;
    }

    .with-arrow svg {
        fill: #8fc3ea;
    }

.bg-grey-dark .with-arrow svg {
    fill: #d9ab0d;
}

.with-arrow.arrow-back {
    padding-right: 0;
    padding-left: 22px;
}

    .with-arrow.arrow-back .arrow-wrapper {
        right: auto;
        left: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

a.with-arrow:hover,
a.with-arrow:hover span {
    text-decoration: underline !important;
    background-color:transparent!important;
}

a.with-arrow {
    border: 0px !important;
}

.is-external .external-wrapper {
    margin-left: 5px !important;
}

.is-external.amf-btn-default .external-wrapper svg,
.is-external.amf-btn-default-arrow .external-wrapper svg {
    fill: white;
}

.is-external svg {
    fill: #085da2;
}

.is-external:hover {
    text-decoration: none;
}

p span.icon-wrapper.external-wrapper {
    position: static !important;
}

.arrow-link {
    padding-right: 25px;
    background-image: url(../img/icn-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 18px;
}

.l-banner .arrow-link {
    background-image: url("../svg/originals/arrow-black.svg");
}

strong .icon-link {
    font-weight: 900;
}

.panel .icon-link,
.icon-link {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 10px;
}

    .panel .icon-link .file-info,
    .icon-link .file-info {
        font-weight: normal;
    }

    .panel .icon-link:hover,
    .icon-link:hover {
        text-decoration: underline;
    }

    .panel .icon-link .icon-wrapper,
    .icon-link .icon-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
    }

    .panel .icon-link svg,
    .icon-link svg {
        fill: #364349;
    }

    .panel .icon-link .external-wrapper svg,
    .icon-link .external-wrapper svg {
        fill: #085da2;
    }

    .panel .icon-link .justice-wrapper,
    .icon-link .justice-wrapper {
        left: -3px;
        width: 26px;
    }

        .panel .icon-link .justice-wrapper svg,
        .icon-link .justice-wrapper svg {
            width: 100%;
        }

    .icon-link.has-date:hover {
        text-decoration: none !important;
    }

        .icon-link.has-date:hover span {
            text-decoration: underline !important;
        }

        .icon-link.has-date:hover .file-info {
            text-decoration: none !important;
        }

.mobile-search-trigger,
.mobile-nav-trigger {
    display: block;
    position: absolute;
    top: 0;
    float: right;
    width: 60px;
    height: 60px;
    border: 0;
}

.mobile-search-trigger {
    right: 60px;
    background-color: #fff;
}

.mobile-nav-trigger {
    right: 0;
    background-color: #eceeef;
}

    .mobile-nav-trigger:focus {
        width: 57px;
        right: 3px;
        height: 57px;
        top: 3px;
    }

.mobile-search-trigger:focus {
    height: 57px;
    top: 3px;
}

.mobile-nav-trigger-wrap {
    display: block;
    width: 18px;
    margin: 0 auto;
    text-align: center;
}

.mobile-nav-trigger-stroke {
    display: block;
    position: relative;
    top: 0;
    width: 100%;
    height: 2px;
    margin: 5px 0;
    background-color: #364349;
    transform: rotate(0);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    .mobile-nav-trigger-stroke:last-child,
    .mobile-nav-trigger-stroke:last-child {
        margin: 0;
    }

.is-active .mobile-nav-trigger-stroke {
    transform: rotate(45deg);
}

    .is-active .mobile-nav-trigger-stroke:first-child {
        top: 7px;
        opacity: 0;
        transform: rotate(45deg);
    }

    .is-active .mobile-nav-trigger-stroke:last-child {
        top: -7px;
        transform: rotate(135deg);
    }

.btn-reset {
    margin-right: 15px;
    padding: 0;
    padding-right: 22px;
    color: #085da2;
    border: 0;
    background-color: transparent;
    background-image: url("../svg/originals/reset.svg");
    background-repeat: no-repeat;
    background-position: right;
}

    .btn-reset:hover {
        text-decoration: underline;
    }

.is-bulletin .btn-reset {
    margin-right: 50px;
}

.btn-lightbox {
    display: inline-block;
    position: relative;
    max-width: 480px;
    background-color: #61696f;
    border: 0;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .btn-lightbox {
        max-width: 100%;
    }
}

.btn-lightbox img {
    display: block;
    width: 100%;
    opacity: 0.5;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.btn-lightbox:hover img {
    opacity: 1;
}

.btn-lightbox:before {
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    top: calc(50% - 18px);
    left: calc(50% - 18px);
    width: 36px;
    height: 36px;
    background-image: url("../svg/originals/gallerie.svg");
    background-size: 100%;
}

.btn-lightbox.video:before {
    background-image: url("../svg/originals/play.svg");
}

.file {
    position: relative;
    font-weight: 300;
    color: #61696f;
    display: block;
    margin-top: 15px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

    .file.file-override-calculateur-html {
        min-height: 27px;
    }

    .file.file-override-calculateur-jeux {
        min-height: 37px;
    }

.panel .file {
    min-height: 0;
}

    .panel .file a {
        min-height: 30px;
        display: inline-block;
    }

        .panel .file a.is-video {
            min-height: 0;
        }

.file + .file {
    margin-bottom: 15px;
}

.file > p {
    display: inline-block;
    margin-top: 0;
}

.file .icon-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

.file small {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

.file .external-wrapper {
    position: static;
}

    .file .external-wrapper svg {
        fill: #085da2;
    }

.file svg {
    fill: #364349;
}

.file .is-external .external-wrapper svg {
    fill: #085da2 !important;
}

.panel .file .is-external svg {
    fill: #364349;
}

.panel .file svg {
    fill: #364349;
}

.panel .file .play-wrapper svg {
    width: 22px;
    height: 22px;
}

.panel .file .doc-wrapper svg {
    width: 22px;
    height: 30px;
}

.file:hover {
    text-decoration: none;
}

    .file:hover .icon-padding {
        text-decoration: underline;
    }

    .file:hover .file-info.icon-padding,
    .file:hover .file-info.icon-padding * {
        text-decoration: none !important;
    }

.file .file-link-date:hover,
.file .file-link-no-date:hover,
.file .file-date:hover,
.file .file-link:hover,
.file .file-link-with-icon:hover {
    text-decoration: underline;
}

    .file .file-link-date:hover .file-info,
    .file .file-link-no-date:hover .file-info,
    .file .file-date:hover .file-info,
    .file .file-link:hover .file-info,
    .file .file-link-with-icon:hover .file-info {
        text-decoration: none !important;
    }

        .file .file-link-date:hover .file-info sup,
        .file .file-link-no-date:hover .file-info sup,
        .file .file-date:hover .file-info sup,
        .file .file-link:hover .file-info sup,
        .file .file-link-with-icon:hover .file-info sup {
            text-decoration: none !important;
        }

.file.has-date .file-link-date:hover,
.file.has-date .file-link-no-date:hover,
.file.has-date .file-date:hover,
.file.has-date .file-link:hover,
.file.has-date .file-link-with-icon:hover {
    text-decoration: none !important;
}

    .file.has-date .file-link-date:hover span,
    .file.has-date .file-link-no-date:hover span,
    .file.has-date .file-date:hover span,
    .file.has-date .file-link:hover span,
    .file.has-date .file-link-with-icon:hover span {
        text-decoration: underline;
    }

.file .icon-padding {
    padding-left: 38px;
}

.file-link-date,
.file-link-no-date,
.file-date,
.file-link,
.file-link-with-icon {
    font-weight: 600;
    text-decoration: none;
}

    .file-link-date:hover,
    .file-link-date:hover *,
    .file-link-no-date:hover,
    .file-link-no-date:hover *,
    .file-date:hover,
    .file-date:hover *,
    .file-link:hover,
    .file-link:hover *,
    .file-link-with-icon:hover,
    .file-link-with-icon:hover * {
        text-decoration: underline;
    }

    .file-link.icon-link {
        font-weight: 600;
        text-decoration: none;
    }

        .file-link.icon-link .file-info {
            font-weight: normal;
        }

        .file-link.icon-link:hover .file-info {
            text-decoration: none !important;
        }

            .file-link.icon-link:hover .file-info sup {
                text-decoration: none !important;
            }

    .file-link.has-date.icon-link .icon-wrapper {
        top: calc(50% - 20px);
    }

    .file-link.icon-link {
        font-weight: normal;
        text-decoration: none;
    }

        .file-link.icon-link:hover .file-info {
            text-decoration: none !important;
        }

.file-link-simple.icon-link {
    font-weight: 600;
    text-decoration: none;
}

    .file-link-simple.icon-link .file-info {
        font-weight: normal;
    }

    .file-link-simple.icon-link:hover {
        text-decoration: none;
    }

        .file-link-simple.icon-link:hover .file-info {
            text-decoration: none;
        }

            .file-link-simple.icon-link:hover .file-info sup {
                text-decoration: none !important;
            }

        .file-link-simple.icon-link:hover * {
            text-decoration: underline;
        }

.file-link-simple,
.file-link-simple.has-date {
    font-weight: 600;
    text-decoration: none !important;
}

    .file-link-simple:hover span,
    .file-link-simple.has-date:hover span {
        text-decoration: underline;
    }

    .file-link-simple:hover .file-info,
    .file-link-simple.has-date:hover .file-info {
        text-decoration: none;
    }

        .file-link-simple:hover .file-info sup,
        .file-link-simple.has-date:hover .file-info sup {
            text-decoration: none !important;
        }

.show-date .file-info {
    display: block;
}

.file-link.has-date.icon-link .icon-wrapper {
    top: calc(50% - 20px);
}

.file-date {
    margin: 20px 0;
    padding: 20px 0 0;
    border-top: 1px solid #d0d4d7;
}

.file-link-date {
    text-decoration: none;
}

.icon-padding {
    display: inline-block;
    padding-left: 55px;
}

.panel .icon-padding {
    padding-left: 38px;
}

.file-link-date-link,
.file-link-date-data,
.file-link-date-info {
    display: block;
}

.file-link-date-link {
    font-weight: 600;
}

.file-link-date-data,
.file-link-date-info {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
}

.file-link-date-data {
    margin: 5px 0 10px;
    color: #939fa8;
}

.file-link-date-info {
    color: #61696f;
}

.file-info {
    display: none;
    font-weight: 400;
    color: #61696f;
}

.has-date .file-info {
    display: block;
}

.panel .file-link-date,
.panel .file-link-no-date,
.panel .file-date,
.panel .file-link,
.panel .file-link-with-icon {
    font-weight: 600;
    text-decoration: none;
}

    .panel .file-link-date:hover,
    .panel .file-link-date:hover *,
    .panel .file-link-no-date:hover,
    .panel .file-link-no-date:hover *,
    .panel .file-date:hover,
    .panel .file-date:hover *,
    .panel .file-link:hover,
    .panel .file-link:hover *,
    .panel .file-link-with-icon:hover,
    .panel .file-link-with-icon:hover * {
        text-decoration: underline;
    }

.amf-btn-default.is-absolute {
    top: -58px;
    right: 0;
}

.icon-wrapper svg.html-page {
    width: 37px;
    height: 50px;
}

.icon-wrapper svg.calculateur-html {
    width: 37px;
    height: 27px;
}

.icon-wrapper svg.calculateur-jeux {
    width: 37px;
    height: 37px;
}

.panel .icon-wrapper svg.html-page {
    width: 22px;
    height: 30px;
}

.panel .icon-wrapper svg.calculateur-html {
    width: 22px;
    height: 22px;
}

.panel .icon-wrapper svg.calculateur-jeux {
    width: 22px;
    height: 22px;
}

.panel .file-description {
    display: none;
}

.file-description-padding {
    margin-top: -10px !important;
    margin-bottom: 0;
    display: none;
    padding-left: 35px;
}

.file-description-nopadding {
    display: none;
}

.show-description {
    display: block;
}

.file-size strong {
    padding-right: 5px;
}

.list-files {
    margin-left: 0;
}

    .list-files li {
        background-image: none;
        padding-left: 0;
        margin-top: 10px !important;
    }

    .list-files .file-description {
        margin-top: 0 !important;
        margin-bottom: 0;
        display: block;
    }

        .list-files .file-description * {
            display: inline-block;
        }

    .list-files .icon-padding {
        padding-left: 38px;
    }

    .list-files .indented-list {
        margin: 0 0 0 37px !important;
    }

        .list-files .indented-list .doc-wrapper svg {
            width: 16px;
            height: 22px;
        }

        .list-files .indented-list .icon-padding {
            padding-left: 26px;
        }

        .list-files .indented-list .file-description {
            padding-left: 26px;
            margin-top: 0 !important;
            margin-bottom: 0;
            display: block;
        }

            .list-files .indented-list .file-description * {
                display: inline-block;
            }

    .list-files .file.has-date {
        margin-top: 10px !important;
    }

svg.contact {
    width: 22px;
    height: 30px;
}

ul li .icon-wrapper.external-wrapper {
    position: static;
}

ul li ul li.nobullet {
    padding-left: 11px;
}

ul li ul li .icon-wrapper.doc-wrapper svg {
    width: 16px;
    height: 22px;
}

a.no-date .file-info {
    display: none !important;
}

.carrousel-wrapper {
    border-radius: 5px;
    background-color: #f5f7f7;
    margin: 30px 0;
}

    .carrousel-wrapper:before,
    .carrousel-wrapper:after {
        content: "";
        display: table;
        line-height: 0;
    }

    .carrousel-wrapper:after {
        clear: both;
    }

@media (max-width: 600px) {
    .carrousel-wrapper {
        background: none;
    }
}

.carrousel-spacing {
    width: 100%;
    position: relative;
    z-index: -100;
    height: 0;
    padding-bottom: 33%;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    float: left;
}

@media (max-width: 959px) {
    .carrousel-spacing {
        display: none;
    }
}

.carrousel {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 0;
}

@media (max-width: 959px) {
    .carrousel {
        height: auto;
        min-height: 308px;
        padding-bottom: 0;
    }
}

@media (max-width: 600px) {
    .carrousel {
        height: auto;
        min-height: 0;
        margin: 0 auto;
        padding: 0;
        background: none;
    }
}

.is-zoomed .carrousel {
    height: auto;
    padding-bottom: 0;
}

.carrousel .with-arrow .arrow-wrapper {
    position: static;
    padding-left: 6px;
}

.carrousel .with-arrow .icon-wrapper {
    margin-top: -0.2em;
}

.carrousel .with-arrow:after {
    display: none;
}

.carrousel-slide {
    font-size: 0;
    background: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 959px) {
    .carrousel-slide {
        margin-bottom: 32px;
    }
}

@media (max-width: 600px) {
    .carrousel-slide {
        margin-bottom: 32px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 1px 2px rgba(173, 177, 177, 0.1);
        -moz-box-shadow: 0 0 1px 2px rgba(173, 177, 177, 0.1);
        box-shadow: 0 0 1px 2px rgba(173, 177, 177, 0.1);
        -ms-box-shadow: 0 0 1px 2px rgba(173, 177, 177, 0.1);
    }
}

.carrousel-slide:first-child {
    padding-top: 30px;
}

@media (max-width: 959px) {
    .carrousel-slide:first-child .carrousel-slide-content:before {
        display: none;
    }
}

@media (max-width: 600px) {
    .carrousel-slide:first-child {
        padding-top: 0;
    }
}

.carrousel-slide:first-child .carrousel-slide-content {
    padding-top: 0;
}

@media (max-width: 600px) {
    .carrousel-slide:first-child .carrousel-slide-content {
        padding-top: 16px;
    }
}

@media (min-width: 960px) {
    .carrousel-slide:last-child {
        padding-bottom: 30px;
    }
}

@media (max-width: 600px) {
    .carrousel-slide:last-child {
        padding-bottom: 0;
    }
}

.carrousel-slide:last-child .carrousel-slide-content {
    padding-bottom: 0;
    border-bottom: 0;
}

@media (max-width: 600px) {
    .carrousel-slide:last-child .carrousel-slide-content {
        padding-bottom: 16px;
    }
}

.carrousel-slide.is-active .carrousel-slide-image .carrousel-slide-image-wrapper {
    display: block;
    z-index: 2000;
}

.carrousel-slide .file-info {
    display: none;
}

.carrousel-slide-image {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

@media (max-width: 959px) {
    .carrousel-slide-image {
        width: 40%;
    }
}

@media (max-width: 600px) {
    .carrousel-slide-image {
        display: block;
        width: 100%;
    }
}

.carrousel-slide-image .carrousel-slide-image-wrapper {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    padding: 30px 15px 30px 30px;
}

@media (max-width: 959px) {
    .carrousel-slide-image .carrousel-slide-image-wrapper {
        display: block;
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        padding: 0 15px 0 30px;
    }
}

@media (max-width: 600px) {
    .carrousel-slide-image .carrousel-slide-image-wrapper {
        display: block;
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        padding: 0;
    }
}

.featured-slide .carrousel-slide-image .carrousel-slide-image-wrapper {
    display: inline-block;
}

.carrousel-slide-image img {
    width: 100%;
    max-width: 590px;
    border-radius: 5px;
}

@media (max-width: 600px) {
    .carrousel-slide-image img {
        border-radius: 5px 5px 0 0;
    }
}

.carrousel-slide-content {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: calc(50% - 45px);
    margin: 0 30px 0 15px;
    padding: 20px 0;
    border-bottom: solid 1px #d0d3d5;
}

@media (max-width: 959px) {
    .carrousel-slide-content {
        width: calc(60% - 45px);
        padding-top: 0;
        border-bottom: 0;
    }

        .carrousel-slide-content:before {
            content: "";
            display: inline-block;
            position: absolute;
            top: -10px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #d0d3d5;
        }
}

@media (max-width: 600px) {
    .carrousel-slide-content {
        width: 100%;
        margin: 0;
        padding: 16px;
        border-bottom: 0;
        border-radius: 0 0 5px 5px;
        background-color: #f5f7f7;
    }

        .carrousel-slide-content:before {
            display: none;
        }
}

.featured-slide .carrousel-slide-content {
    padding-bottom: 30px;
}

@media (max-width: 1170px) {
    .featured-slide .carrousel-slide-content {
        padding-bottom: 16px;
    }
}

@media (max-width: 600px) {
    .featured-slide .carrousel-slide-content {
        padding-bottom: 16px;
    }
}

.carrousel-slide-content p {
    margin: 0;
}

.is-active .carrousel-slide-content .triangle {
    display: block;
}

@media (max-width: 959px) {
    .is-active .carrousel-slide-content .triangle {
        display: none;
    }
}

@media (max-width: 600px) {
    .is-active .carrousel-slide-content .triangle {
        display: none;
    }
}

.carrousel-slide-title {
    margin-bottom: 8px;
}

@media (max-width: 1024px) {
    .carrousel-slide-title {
        margin-bottom: 3px;
    }
}

.carrousel-slide-title a,
.carrousel-slide-title span {
    font-weight: 600;
    display: inline-block;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
}

@media only screen and (max-width: 767px) {
    .carrousel-slide-title a,
    .carrousel-slide-title span {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 21px;
        line-height: 1.3125rem;
    }
}

.carrousel-slide-title a.is-external .arrow-wrapper {
    display: none;
}

.triangle {
    display: none;
    z-index: 2001;
    position: absolute;
    top: 50%;
    left: -22px;
    width: 30px;
    height: 50px;
    margin-top: -25px;
    fill: #f5f7f7;
}

.categories .tag {
    display: inline-block;
    vertical-align: top;
    margin: 4px 2px;
    padding: 5px 8px;
    text-decoration: none;
    color: #364349;
    background-color: #f5f7f7;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .categories .tag:hover {
        background-color: #e1eff8;
    }

.chart {
    margin-bottom: 36px;
    padding: 24px 24px 24px 20px;
    border: solid 1px #e9ebed;
    border-radius: 10px;
}

    .chart .noUi-target {
        border: 0;
        border-radius: 7px;
        box-shadow: none;
    }

    .chart .noUi-connect {
        border-radius: 7px;
        background-color: #2f3b40;
    }

    .chart .noUi-connects {
        border-radius: 7px;
        background-color: #e9ebed;
        cursor: pointer;
    }

    .chart .noUi-pips-horizontal {
        padding: 0;
    }

        .chart .noUi-pips-horizontal div:first-child,
        .chart .noUi-pips-horizontal div:nth-last-child(2) {
            display: none;
        }

    .chart .noUi-marker.noUi-marker-horizontal.noUi-marker-large {
        z-index: 1;
        width: 1px;
        height: 15px;
        margin-top: -15px;
        background: #fff;
    }

    .chart .noUi-value.noUi-value-horizontal.noUi-value-large {
        font-size: 12px;
        color: #2f3b40;
    }

    .chart .noUi-horizontal {
        height: 15px;
    }

        .chart .noUi-horizontal .noUi-handle {
            top: -3px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            cursor: pointer;
        }

            .chart .noUi-horizontal .noUi-handle:before,
            .chart .noUi-horizontal .noUi-handle:after {
                display: none;
            }

html:not([dir="rtl"]) .chart .noUi-horizontal .noUi-handle {
    right: -10px;
}

.chart__wrapper {
    position: relative;
    margin-right: -30px;
}

@media (max-width: 1000px) {
    .chart__wrapper {
        margin-right: -30px;
        margin-left: -30px;
    }
}

.chart-title {
    margin: 30px 0;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.chart-slider {
    position: relative;
    padding: 36px 0 24px 128px;
}

@media (max-width: 1000px) {
    .chart-slider {
        display: none;
    }
}

.chart-label {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2f3b40;
}

.chart-label--hypotheque {
    position: absolute;
    bottom: 2px;
    left: 0;
}

@media (max-width: 1000px) {
    .chart-label--hypotheque {
        bottom: 30px;
        left: 8.5%;
    }
}

.chart-label--slider {
    position: absolute;
    top: 16px;
    left: 0;
}

.chart-label--select {
    margin-right: 24px;
    flex-shrink: 0;
}

.chart-select {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
    line-height: 1rem;
    display: none;
    font-weight: bold;
    color: #2f3b40;
}

@media (max-width: 1000px) {
    .chart-select {
        display: flex;
        margin-top: 24px;
        align-items: center;
    }
}

.chart-select__wrapper {
    display: flex;
    width: 100%;
    padding: 11px 13px;
    border-radius: 24px;
    background: #e9ebed;
    justify-content: center;
}

.chart-select__select {
    padding: 0;
    border: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.chart-svg {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.consultation-section {
    margin-bottom: 10px;
}

.consultation-wrapper {
    display: flex;
    position: relative;
    min-height: 6.875em;
    padding-left: 13.75em;
    background-color: #eceeef;
    justify-content: flex-start;
    flex-flow: row;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

@media only screen and (max-width: 767px) {
    .consultation-wrapper {
        flex-flow: row wrap;
    }
}

@media (max-width: 600px) {
    .consultation-wrapper {
        padding-top: 4.375em;
        padding-left: 0;
    }
}

.is-active .consultation-wrapper {
    border-radius: 5px 5px 0 0;
}

.consultation-infos {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 10em;
}

@media (max-width: 600px) {
    .consultation-infos {
        width: auto;
    }
}

.consultation-title {
    margin-bottom: 0;
    padding: 20px;
    font-weight: 400;
    max-width: 100%;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
}

@media (max-width: 600px) {
    .consultation-title {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 22px;
        line-height: 1.375rem;
    }
}

.consultation-folder .consultation-title {
    padding-bottom: 60px;
}

.consultation-title a {
    text-decoration: none;
}

    .consultation-title a:hover {
        text-decoration: underline;
    }

.consultation-folder-trigger {
    position: absolute;
    right: 20px;
    bottom: 0;
    padding: 12px 48px 12px 27px;
    font-weight: 600;
    border: 0;
    border-radius: 5px 5px 0 0;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16px;
    line-height: 1rem;
}

@media only screen and (max-width: 767px) {
    .consultation-folder-trigger {
        margin-left: auto;
    }
}

.consultation-folder-trigger .folder-trigger-symbol {
    right: 17px;
    left: auto;
}

.consultation-folder-content {
    display: none;
    padding: 36px 60px;
    border-radius: 0 0 5px 5px;
    background-color: #f5f7f7;
}

@media only screen and (max-width: 767px) {
    .consultation-folder-content {
        padding: 36px 30px;
    }
}

.consultation-folder-content ul {
    margin: 0;
    padding: 0;
}

.is-fnb .fund-page {
    padding: 22px 40px 42px;
    border: 1px solid #d0d4d7;
}

@media (max-width: 1024px) {
    .is-fnb .fund-page {
        padding: 8px;
    }
}

.is-fnb .block-head {
    display: flex;
    margin-bottom: 18px;
    justify-content: space-between;
    align-items: center;
}

    .is-fnb .block-head .h2 {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 32px;
        line-height: 2rem;
        margin: 0;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: #085da2;
    }

@media (max-width: 1024px) {
    .is-fnb .block-head .h2 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.4;
    }
}

@media (max-width: 400px) {
    .is-fnb .block-head .h2 {
        margin-bottom: 10px;
    }
}

.is-fnb .block-head img {
    flex-grow: 0;
    margin-right: 10px;
}

@media (max-width: 400px) {
    .is-fnb .block-head img {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.is-fnb .block-head .subtitle {
    flex-grow: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 700;
    text-align: right;
    color: #085da2;
}

    .is-fnb .block-head .subtitle.subtitle--larger {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.4;
    }

@media (max-width: 1024px) {
    .is-fnb .block-head .subtitle {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.4;
        margin-left: 10px;
    }
}

@media (max-width: 400px) {
    .is-fnb .block-head .subtitle {
        margin-left: 0;
        flex-grow: 1;
        width: 100%;
        text-align: center;
    }
}

.is-fnb .block-head .subtitle span {
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.4;
}

@media (max-width: 1024px) {
    .is-fnb .block-head .subtitle span {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.4;
    }
}

@media (max-width: 400px) {
    .is-fnb .block-head {
        flex-flow: row wrap;
    }
}

.is-fnb .block-intro {
    position: relative;
    margin-bottom: 27px;
    color: #61696f;
    background: #f5f7f7;
    border: solid 1px #d0d3d5;
    padding: 8px 20px;
}

.is-fnb h4 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 2px;
    font-weight: 700;
    color: #085da2;
    letter-spacing: -0.2px;
}

    .is-fnb h4 span {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.4;
        font-weight: 400;
    }

.is-fnb h5,
.is-fnb .h5 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 2px;
    font-weight: 700;
    text-transform: none;
    color: #182226;
}

    .is-fnb h5.blue,
    .is-fnb .h5.blue {
        padding: 2px 4px;
        color: #fff;
        background: #085da2;
    }

.is-fnb h6 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 2px;
    font-weight: 700;
    text-transform: none;
    color: #182226;
}

.is-fnb .data-list + .data-list {
    margin-top: 16px;
}

.is-fnb dl {
    margin: 0;
    color: #61696f;
}

    .is-fnb dl dt {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px;
        line-height: 1.25rem;
        margin: 0;
        font-weight: 700;
        letter-spacing: -0.2px;
    }

    .is-fnb dl dd {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px;
        line-height: 1.25rem;
        letter-spacing: -0.2px;
    }

        .is-fnb dl dd:last-child {
            margin-bottom: 0;
        }

    .is-fnb dl .row {
        display: flex;
        padding: 4px 0;
        justify-content: space-between;
        height: 100%;
        border-bottom: 1px solid #d0d3d5;
        align-items: flex-end;
    }

    .is-fnb dl .data-value {
        text-align: right;
    }

.is-fnb .block-border {
    padding: 24px 20px;
    border: solid 1px #d0d3d5;
}

@media (max-width: 1024px) {
    .is-fnb .block-border {
        padding: 8px;
    }
}

.is-fnb .block-border + :not(.block-half).block-border {
    border-top: 0;
}

.is-fnb .block-border + .block-flex .block-border {
    border-top: 0;
}

.is-fnb .block-bg {
    background: #f5f7f7;
}

.is-fnb .block-flex {
    display: flex;
    justify-content: space-between;
    margin: 0 -15px;
}

@media (max-width: 1024px) {
    .is-fnb .block-flex {
        flex-direction: column;
        margin: 0;
    }
}

.is-fnb .block-flex > .block-half {
    flex-basis: 50%;
    margin: 0 15px;
}

@media (max-width: 1024px) {
    .is-fnb .block-flex > .block-half {
        width: 100%;
        margin: 0;
    }
}

.is-fnb .block-flex > .block-sidebar {
    width: 230px;
    margin: 0 15px;
}

@media (max-width: 1024px) {
    .is-fnb .block-flex > .block-sidebar {
        width: 100%;
        margin: 0;
    }
}

.is-fnb .block-flex > .block-main {
    width: 607px;
    margin: 0 15px;
}

@media (max-width: 1024px) {
    .is-fnb .block-flex > .block-main {
        width: 100%;
        margin: 30px 0 0 0;
    }
}

@media (max-width: 1200px) {
    .is-fnb .block-flex .block-flex {
        flex-flow: row wrap;
    }
}

@media (max-width: 1200px) {
    .is-fnb .block-flex .block-flex > .block-half {
        width: 100%;
        flex-basis: auto;
    }
}

@media (max-width: 1200px) {
    .is-fnb .block-flex .block-flex > .block-half + .block-half {
        padding-top: 18px;
    }
}

.is-fnb .block-flex > dl:first-child {
    margin-right: 8px;
}

@media (max-width: 1024px) {
    .is-fnb .block-flex > dl:first-child {
        margin-right: 0;
    }
}

.is-fnb .block-flex > dl:last-child {
    margin-left: 8px;
}

@media (max-width: 1024px) {
    .is-fnb .block-flex > dl:last-child {
        margin-left: 0;
    }
}

@media (max-width: 1024px) {
    .is-fnb .block-half + .block-half {
        padding-top: 18px;
    }
}

.is-fnb table {
    border-color: #d0d3d5;
    border-right: 0;
}

    .is-fnb table th {
        font-weight: 700;
        color: #61696f;
        background-color: #f5f7f7;
    }

    .is-fnb table .th {
        font-weight: 700;
        color: #61696f;
        background-color: #f5f7f7 !important;
    }

    .is-fnb table th,
    .is-fnb table td {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 13px;
        line-height: 0.8125rem;
        padding: 4px 8px 6px;
        text-transform: none;
        border-color: #d0d3d5;
        border-radius: 0 !important;
    }

        .is-fnb table th:last-child,
        .is-fnb table td:last-child {
            border-right: 1px solid #d0d3d5;
        }

    .is-fnb table .text-align-right {
        text-align: right;
    }

    .is-fnb table tbody th {
        color: #61696f;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 13px;
        line-height: 0.8125rem;
    }

    .is-fnb table tbody th,
    .is-fnb table tbody td {
        vertical-align: top;
    }

    .is-fnb table tbody tr:nth-child(even) th,
    .is-fnb table tbody tr:nth-child(even) td,
    .is-fnb table tbody tr:nth-child(odd) th,
    .is-fnb table tbody tr:nth-child(odd) td {
        background: none;
    }

    .is-fnb table .col-highlight {
        color: #fff;
        background: #085da2;
    }

    .is-fnb table tfoot th,
    .is-fnb table tfoot td {
        font-weight: 700;
        color: #182226;
    }

.is-fnb .js-table-no-wrap {
    margin: 0;
}

.is-fnb .table-noborder {
    width: 100%;
    border: 0;
}

    .is-fnb .table-noborder tr,
    .is-fnb .table-noborder th,
    .is-fnb .table-noborder td {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.4;
        padding-top: 3px;
        padding-bottom: 3px;
        border: 0;
    }

@media (max-width: 1024px) {
    .is-fnb .table-noborder tr,
    .is-fnb .table-noborder th,
    .is-fnb .table-noborder td {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.4;
    }
}

.is-fnb .table-noborder td:last-child {
    border-right: 0;
}

.is-fnb .table-noborder .no-left-padding {
    padding-left: 0;
}

.is-fnb .table-noborder .small-padding {
    padding-left: 2px;
    padding-right: 2px;
}

.is-fnb .table-noborder .no-right-padding {
    padding-right: 0;
}

.is-fnb .table-noborder .col-number {
    width: 20px;
    text-align: right;
}

.is-fnb .table-noborder .col-name {
    padding-right: 5px;
    padding-left: 5px;
}

.is-fnb .table-noborder .col-value {
    vertical-align: bottom;
    padding-right: 0;
    padding-left: 0;
    text-align: right;
}

.is-fnb .table-noborder .text-align-left {
    text-align: left;
}

.is-fnb .table-noborder .td--border-top {
    border-top: 1px solid #d0d3d5;
    padding-top: 6px;
}

.is-fnb .table-noborder .td--border-bottom {
    border-bottom: 1px solid #d0d3d5;
    padding-bottom: 6px;
}

.is-fnb .table-noborder tfoot th,
.is-fnb .table-noborder tfoot td {
    font-weight: 700;
    color: #61696f;
    background-color: #f5f7f7;
    padding-left: 2px;
    padding-right: 2px;
}

    .is-fnb .table-noborder tfoot th.no-bg,
    .is-fnb .table-noborder tfoot td.no-bg {
        background: none;
    }

.is-fnb .table-noborder tfoot tr:first-child th,
.is-fnb .table-noborder tfoot tr:first-child td {
    border-top: 1px solid #d0d3d5;
}

.is-fnb .table-noborder tfoot tr:last-child th,
.is-fnb .table-noborder tfoot tr:last-child td {
    border-bottom: 1px solid #d0d3d5;
}

.is-fnb .table-noborder tfoot .text-right {
    padding-right: 2px;
}

.is-fnb p {
    color: #61696f;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 8px;
    letter-spacing: -0.2px;
    margin-top: 0;
}

.is-fnb ul {
    margin-top: 0;
    margin-bottom: 1.125rem;
    margin-left: 0;
    padding: 0;
}

    .is-fnb ul li {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.4;
        background: none;
        margin: 0;
        margin-left: 18px;
        padding: 0;
        list-style: disc;
    }

.is-fnb strong {
    color: #61696f;
}

.is-fnb small {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.4;
    display: inline-block;
    margin-top: 12px;
    color: #61696f;
}

.is-fnb .text-center {
    text-align: center;
}

.is-fnb .text-right {
    text-align: right;
}

.is-fnb blockquote p {
    font-style: normal;
}

.is-fnb .table-wrapper {
    overflow-x: auto;
    margin-top: 0;
    max-width: 100%;
}

.is-fnb .fund-warning-wrapper {
    padding-right: 10px;
    fill: #939fa8;
    flex-shrink: 0;
}

.is-fnb .flex-container {
    display: flex;
}

.is-fnb .text-indent {
    padding-left: 24px;
}

.is-fnb .block-graph {
    margin: 20px 0;
}

.is-fnb .block-pie {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1200px) {
    .is-fnb .block-pie {
        flex-direction: column;
    }
}

.is-fnb .block-pie-chart {
    padding-top: 20px;
    margin-right: 10px;
}

@media (max-width: 1200px) {
    .is-fnb .block-pie-chart {
        padding-bottom: 20px;
    }
}

@media (max-width: 1024px) {
    .is-fnb .block-pie-chart {
        display: none;
    }
}

.is-fnb .block-pie-chart-data .data-label {
    display: flex;
    color: #61696f;
    font-weight: normal;
}

    .is-fnb .block-pie-chart-data .data-label::before {
        content: "";
        display: block;
        width: 12px;
        height: auto;
        margin-top: -4px;
        margin-bottom: -4px;
        margin-right: 4px;
        flex-shrink: 0;
    }

.is-fnb .block-pie-chart-data .data-value {
    padding-left: 3px;
}

.is-fnb .block-pie-chart-data .row:nth-child(1) .data-label::before {
    background-color: #7ac143;
}

.is-fnb .block-pie-chart-data .row:nth-child(2) .data-label::before {
    background-color: #71ae4c;
}

.is-fnb .block-pie-chart-data .row:nth-child(3) .data-label::before {
    background-color: #679c51;
}

.is-fnb .block-pie-chart-data .row:nth-child(4) .data-label::before {
    background-color: #5c8954;
}

.is-fnb .block-pie-chart-data .row:nth-child(5) .data-label::before {
    background-color: #517856;
}

.is-fnb .block-pie-chart-data .row:nth-child(6) .data-label::before {
    background-color: #446855;
}

.is-fnb .block-pie-chart-data .row:nth-child(7) .data-label::before {
    background-color: #375751;
}

.is-fnb .block-pie-chart-data .row:nth-child(8) .data-label::before {
    background-color: #28484a;
}

.is-fnb .block-pie-chart-data .row:nth-child(9) .data-label::before {
    background-color: #193a3e;
}

.is-fnb .block-pie-chart-data .row:nth-child(10) .data-label::before {
    background-color: #092e20;
}

.ie11 .is-fnb .block-pie-chart-data {
    width: 100%;
}

.is-fnb .no-list li {
    display: flex;
    padding: 0;
    background: none;
    justify-content: space-between;
}

    .is-fnb .no-list li :last-child {
        flex-shrink: 0;
    }

.is-fnb .block-subblock {
    margin: 0 -21px -25px;
}

@media (max-width: 1024px) {
    .is-fnb .block-subblock {
        margin: 0 -9px -9px;
    }
}

.is-fnb .risk-level {
    display: flex;
    background-color: #f5f7f7;
}

    .is-fnb .risk-level span {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 18px;
        line-height: 1.125rem;
        padding: 7px 4px 6px;
        text-align: center;
        flex-grow: 1;
        color: #182226;
    }

    .is-fnb .risk-level .risk-level-low {
        background: #f5f7f7;
    }

    .is-fnb .risk-level .risk-level-low-mid {
        background: #dde1e3;
    }

    .is-fnb .risk-level .risk-level-mid {
        background: #c4cbd0;
    }

    .is-fnb .risk-level .risk-level-mid-high {
        background: #acb5bc;
    }

    .is-fnb .risk-level .risk-level-high {
        background: #939fa8;
    }

    .is-fnb .risk-level .selected {
        position: relative;
        font-weight: 700;
    }

        .is-fnb .risk-level .selected::before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 8px;
            background-image: url("../svg/originals/fnb-risk.svg");
            background-position: bottom;
            background-size: cover;
        }

.is-fnb .footer-note {
    margin-top: 54px;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4;
    letter-spacing: -0.2px;
    color: #61696f;
}

    .is-fnb .footer-note.footer-note--right {
        text-align: right;
    }

.is-fnb .nowrap {
    white-space: nowrap;
}

.folder {
    margin-bottom: 10px;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .folder .has-button {
        margin: 0;
        font-weight: 600;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 26px;
        line-height: 1.625rem;
    }

    .folder > h2,
    .folder > h3,
    .folder > h4,
    .folder > h5 {
        margin: 0;
    }

.folder-trigger {
    position: relative;
    width: 100%;
    padding: 17px 20px 17px 70px;
    font-weight: 600;
    text-align: left;
    color: #085da2;
    border: 0;
    background-color: #eceeef;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .folder-trigger::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 100%;
        background-color: #d0d4d7;
        background-clip: padding-box;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
    }

.folder.is-active .folder-trigger {
    background-clip: padding-box;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

    .folder.is-active .folder-trigger::before {
        background-clip: padding-box;
        -webkit-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0;
    }

.is-nav .folder-trigger {
    padding: 17px 70px 20px 17px;
    color: #003767;
    background-color: #8fc3ea;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .is-nav .folder-trigger:before {
        right: 0;
        left: auto;
        width: 57px;
        background-color: #085da2;
        background-clip: padding-box;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

.folder-trigger-symbol {
    position: absolute;
    top: calc(50% - 7px);
    left: 17px;
    width: 15px;
    height: 15px;
}

.is-nav .folder-trigger-symbol {
    right: 21px;
    left: auto;
    background-image: url(../img/icn-arrow-sublevel-trigger.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.folder.is-active.is-nav .folder-trigger-symbol {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.folder-trigger-stroke {
    position: absolute;
    top: 0;
    left: 7px;
    width: 2px;
    height: 15px;
    background-color: #085da2;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    .folder-trigger-stroke.horizontal {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.folder.is-active .folder-trigger-stroke.horizontal {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.folder.is-active .folder-trigger-stroke.vertical {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.folder-content {
    display: none;
    padding: 17px 25px 35px;
    background-color: #f5f7f7;
    background-clip: padding-box;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.is-nav .folder-content {
    padding: 0;
    background: 0;
}

.folder-alternate .folder-trigger {
    color: #fff;
    background-color: #61696f;
}

    .folder-alternate .folder-trigger::before {
        background-color: #364349;
    }

.folder-alternate .folder-trigger-stroke {
    background-color: #fff;
}

.footnotes {
    padding: 32px 0;
    border-top: solid 1px #d0d4d7;
    margin-top: 40px;
}

    .footnotes .footnote {
        margin-bottom: 26px;
        color: #364349;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 21px;
        line-height: 1.3125rem;
    }

        .footnotes .footnote :target {
            background: #f4e6b7;
        }

        .footnotes .footnote p {
            margin: 0;
            padding: 0;
            color: #364349;
            display: inline;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 21px;
            line-height: 1.3125rem;
        }

.folder .footnotes {
    padding: 20px 0 0;
}

    .folder .footnotes .footnote {
        margin: 15px;
    }

.footnote-icon {
    display: inline-block;
    margin-left: 6px;
}

.fn {
    background: #eceeef;
}

form.form-search-header {
    position: relative;
}

    form.form-search-header .form-group {
        margin-bottom: 0;
    }

    form.form-search-header .form-control {
        width: 300px;
        height: 1.25em;
        padding: 5px 10px;
        border: 0;
        background-color: #f5f7f7;
        background-clip: padding-box;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 14px;
        line-height: 0.875rem;
    }

@media (max-width: 1020px) {
    form.form-search-header .form-control {
        width: 260px;
    }
}

@media only screen and (max-width: 767px) {
    form.form-search-header .form-control {
        width: calc(100% - 20px);
        height: 40px;
        background-clip: padding-box;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
}

form.form-search-header button {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    padding: 0;
    border: 0;
    background: 0;
}

@media only screen and (max-width: 767px) {
    form.form-search-header button {
        right: 16px;
    }
}

form.form-search-header svg {
    fill: #364349;
}

.mobile-search-content {
    display: none;
}

form.form-search-header .form-group input::-webkit-input-placeholder {
    color: #61696f;
}

form.form-search-header .form-group input::-moz-placeholder {
    color: #61696f;
}

form.form-search-header .form-group input:-ms-input-placeholder {
    color: #61696f;
}

form.form-search-header .form-group input:-moz-placeholder {
    color: #61696f;
}

form.form-search-header .form-group input::placeholder {
    color: #61696f;
}

form.form-search {
    position: relative;
    margin-top: 42px !important;
}

    form.form-search .form-control {
        width: calc(100% - 215px);
        background-clip: padding-box;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
    }

@media only screen and (max-width: 767px) {
    form.form-search .form-control {
        width: calc(100% - 60px);
    }
}

form.form-search label,
form.form-search .btn {
    position: absolute;
}

form.form-search label {
    top: -44px;
    left: 0;
    font-weight: 300;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 40px;
    line-height: 2.5rem;
}

form.form-search .btn {
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 215px;
    color: #003767;
    background-color: #eceeef;
    background-clip: padding-box;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

@media only screen and (max-width: 767px) {
    form.form-search .btn {
        width: 60px;
    }
}

form.form-search .btn:hover {
    background-color: #d0d4d7;
}

@media only screen and (max-width: 767px) {
    form.form-search .btn-text {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
}

form.form-search .icon-wrapper {
    margin-left: 10px;
}

@media only screen and (max-width: 767px) {
    form.form-search .icon-wrapper {
        margin-left: 0;
    }
}

form.form-search svg {
    fill: #8fc3ea;
}

.btn + form.form-search {
    margin-top: 60px;
}

.is-zoomed form.form-search label {
    top: -75px;
}

fieldset {
    padding: 0;
    border: 0;
}

    fieldset .error-message-explanation span {
        top: 0;
        padding: 3px 8px 2px;
    }

input,
textarea,
select {
    z-index: 2;
    position: relative;
    box-sizing: border-box;
    color: #61696f;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

    input[type="password"],
    input[type="mail"],
    input[type="search"],
    input[type="text"],
    textarea {
        padding: 15px;
    }

.is-zoomed input[type="password"],
.is-zoomed input[type="mail"],
.is-zoomed input[type="search"],
.is-zoomed input[type="text"],
.is-zoomed textarea {
    padding: 5px 15px;
}

input[type="text"],
textarea,
select {
    display: block;
}

select {
    padding: 0 18px;
}

textarea {
    width: 100%;
    min-height: 150px;
}

.form-group input[type="file"] {
    display: inline-block;
    width: auto;
    padding-top: 5px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 15px;
    line-height: 0.9375rem;
}

.radio-field,
.checkbox-field {
    position: relative;
    margin: 3px 0;
    padding-left: 25px;
}

    .radio-field label,
    .checkbox-field label {
        color: #61696f;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 21px;
        line-height: 1.3125rem;
    }

    .radio-field input,
    .checkbox-field input {
        position: absolute;
        top: 1px;
        left: 4px;
    }

    .radio-field + .form-group,
    .checkbox-field + .form-group {
        margin-top: 20px;
    }

.field-genders .radio-field-wrapper {
    display: flex;
}

.field-genders .radio-field + .radio-field {
    margin-left: 2em;
}

.format,
.required {
    font-size: 0.9em;
    opacity: 0.7;
}

.format {
    font-style: italic;
}

ul > li {
    list-style: disc;
}

ol > li {
    list-style: decimal;
}

li {
    margin-left: 20px;
}

.errors p {
    font-weight: bold;
}

.errors ul {
    margin-bottom: 20px;
    padding: 0;
    list-style-type: none;
}

    .errors ul li {
        padding-left: 0;
        background-image: none;
        list-style: none;
    }
       
.errors a {
    text-decoration: none;
    color: #cb4130;
}

    .errors a::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 4px;
        height: 4px;
        margin-right: 6px;
        background-color: #61696f;
        background-clip: padding-box;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .errors a:hover {
        text-decoration: underline;
    }

.field.is-error input[type="text"],
.field.is-error textarea,
.field.is-error select {
    border: 2px solid #cb4130;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.error-message {
    color: #cb4130;
}

.fields .error-message-explanation {
    display: block;
    position: relative;
    top: 4px;
}

    .fields .error-message-explanation span {
        display: inline-block;
        position: relative;
        padding: 3px 8px 5px;
        color: #fff;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background-color: #cb4130;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 15px;
        line-height: 0.9375rem;
    }

    .fields .error-message-explanation + .error-message-explanation span {
        border-top-left-radius: 0;
    }

.lbo-aif {
    display: block;
    position: relative;
    padding: 8px 0 2px 52px;
}

    .lbo-aif .btn {
        display: block;
        position: absolute;
        top: 10px;
        width: 20px;
        height: 20px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background-color: #182226;
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: center;
    }

        .lbo-aif .btn.btn-remove {
            left: 0;
            background-image: url("../img//remove.png");
        }

        .lbo-aif .btn.btn-replace {
            left: 25px;
            background-image: url("../img//replace.png");
        }

.lbo-aif-filename {
    color: #61696f;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 15px;
    line-height: 0.9375rem;
}

.form-note {
    margin-bottom: 16px;
    color: #61696f;
    font-size: 15px!important;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

.form-default fieldset {
    box-sizing: border-box;
    border: 0;
}

.form-default .btn {
    float: right;
}

.form-header {
    position: relative;
    padding: 40px 40px 40px 255px;
}

@media (max-width: 1024px) {
    .form-header {
        padding: 40px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .form-header {
        padding: 20px;
    }
}

.form-header p {
    margin-top: 10px;
    color: #364349;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
    line-height: 0.875rem;
}

.form-body {
    max-width: 450px;
    margin: 0 auto;
    padding: 50px 20px;
}

.form-header-wrapper {
    position: relative;
}

@media (max-width: 1024px) {
    .form-header-wrapper {
        max-width: 410px;
        margin: 0 auto;
    }
}

.form-header-wrapper .icon-wrapper {
    position: absolute;
    top: 3px;
    left: -80px;
}

@media only screen and (max-width: 767px) {
    .form-header-wrapper .icon-wrapper {
        left: calc(50% - 30px);
    }
}

.form-header-wrapper svg {
    fill: #d9ab0d;
}

.form-header-title {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

@media only screen and (max-width: 767px) {
    .form-header-title {
        padding-top: 60px;
    }
}

.radio-field-wrapper,
.checkbox-field-wrapper,
.form-group {
    margin-bottom: 20px;
}

    .form-group.document label {
        display: inline-block;
    }

.form-group {
    position: relative;
}

    .form-group.is-disabled {
        opacity: 0.45;
    }

    .form-group input,
    .form-group textarea,
    .form-group select {
        width: 100%;
        background: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
    }

    .form-group .error-message {
        padding-left: 0;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 14px;
        line-height: 0.875rem;
    }

    .form-group .form-control,
    .form-group label {
        display: block;
    }

    .form-group label {
        margin-bottom: 4px;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 21px;
        line-height: 1.3125rem;
    }

        .form-group label.no-label {
            display: none;
        }

    .form-group .label-text,
    .form-group .form-control {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .form-group .label-text {
        z-index: 1;
        position: absolute;
        bottom: 20px;
        left: 18px;
        padding: 0 3px;
        color: #364349;
        background: 0;
    }

    .form-group.is-error label.no-label {
        display: block;
    }

    .form-group.is-error .label-text {
        position: static;
    }

    .form-group.has-focus:not(.is-error) .label-text,
    .form-group.is-filled .label-text {
        bottom: 53px;
        left: 12px;
        color: #085da2;
        background: #fff;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 12px;
        line-height: 0.75rem;
        z-index:999;
    }

    .form-group select {
        display: block;
        position: relative;
        background-image: url("../img/icn-select.png");
        background-repeat: no-repeat;
        background-position: right 18px center;
        background-size: 11px;
    }

    .form-group .textarea-counter {
        color: #61696f;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.4;
    }

.folder .form-group.has-focus:not(.is-error) .label-text,
.folder .form-group.is-filled .label-text {
    background-color: #f5f7f7;
}

.form-group.textarea .label-text {
    top: 20px;
    bottom: auto !important;
}

.form-group.textarea.has-focus .label-text,
.form-group.textarea.is-filled .label-text {
    top: -5px;
}

.bg-grey-light .form-group.has-focus .label-text,
.bg-grey-light .form-group.is-filled .label-text {
    background: #f5f7f7;
}

.label-title {
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem;
}

.label-text {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

.checkbox-block-label,
.form-control {
    border: 2px solid #eceeef;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.checkbox-block-label {
    display: block;
    position: relative;
    padding: 25px 30px 40px 50px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .checkbox-block-label .label-text {
        font-weight: 300;
    }

    .checkbox-block-label input {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
    }

    .checkbox-block-label::before {
        content: "";
        display: block;
        position: absolute;
        top: 30px;
        left: 20px;
        width: 18px;
        height: 18px;
        border: 2px solid;
        border-color: #085da2;
        background-color: #fff;
        background-image: url("../img/icn-checkbox.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 12px;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        background-clip: padding-box;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    .checkbox-block-label.is-checked::before {
        border-color: #364349;
        background-color: #364349;
    }

    .checkbox-block-label:hover {
        cursor: pointer;
    }

    .checkbox-block-label.is-focused {
        border-color: #085da2;
    }

    .checkbox-block-label.is-checked,
    .checkbox-block-label:hover {
        background-color: #eceeef;
    }

.form-group input::-webkit-input-placeholder {
    color: #fff;
}

.form-group input::-moz-placeholder {
    color: #fff;
}

.form-group input:-ms-input-placeholder {
    color: #fff;
}

.form-group input:-moz-placeholder {
    color: #fff;
}

.form-group input::placeholder {
    color: #fff;
}

.form-group.has-focus input::-webkit-input-placeholder,
.form-group.is-error input::-webkit-input-placeholder {
    color: #61696f;
}

.form-group.has-focus input::-moz-placeholder,
.form-group.is-error input::-moz-placeholder {
    color: #61696f;
}

.form-group.has-focus input:-ms-input-placeholder,
.form-group.is-error input:-ms-input-placeholder {
    color: #61696f;
}

.form-group.has-focus input:-moz-placeholder,
.form-group.is-error input:-moz-placeholder {
    color: #61696f;
}

.form-group.has-focus input::placeholder,
.form-group.is-error input::placeholder {
    color: #61696f;
}

.form-control {
    box-sizing: border-box;
    height: 58px;
}

.is-filled:not(.has-error) .form-control,
.has-focus:not(.has-error) .form-control {
    border-color: #085da2;
}

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

.important-field {
    display: none;
}

.DialogInsightFormSubmit .DialogInsightFormSubmitLoader {
    visibility: hidden;
    margin-left: 5px;
    vertical-align: middle;
}

.DialogInsightFormSubmit.DialogInsightFormSubmitInProgress .DialogInsightFormSubmitLoader {
    visibility: visible !important;
}

.DialogInsightFormContainer {
    margin-bottom: 20px;
}

.DialogInsightFormRow + .form-group {
    margin-top: 20px;
}

.DialogInsightFormDiv .table-wrapper {
    margin: 0;
}

.DialogInsightFormDiv table {
    width: auto !important;
    border: 0;
}

    .DialogInsightFormDiv table td,
    .DialogInsightFormDiv table th {
        border: 0;
        padding: 0;
        padding-right: 2em;
    }

.DialogInsightFormDiv .form-control {
    max-width: 500px;
}

.DialogInsightFormDiv .label-text {
    bottom: auto;
    top: 18px;
    pointer-events: none;
}

.DialogInsightFormDiv .form-group {
    margin-bottom: 0;
}

.DialogInsightFormDiv .DialogInsightFormRow {
    margin-bottom: 20px;
}

.DialogInsightFormDiv .form-group.has-focus:not(.is-error) .label-text,
.DialogInsightFormDiv .form-group.is-filled .label-text {
    bottom: auto;
    top: -7px;
}

.DialogInsightFormDiv .DialogInsightFieldInError {
    border: 2px solid #cb4130;
    border-bottom-left-radius: 0;
}

.DialogInsightFormDiv .DialogInsightErrorContents {
    display: inline-block;
    clear: both;
    background: #cb4130;
    color: #fff;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 15px;
    line-height: 0.9375rem;
    padding: 3px 8px 5px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.DialogInsightFormDiv .DialogInsightErrorContainer {
    margin-top: -2px;
}

.DialogInsightFieldDescription {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #61696f;
}

.DialogInsightGlobalErrors {
    font-weight: bold;
    color: #61696f;
    margin: 0 0 18px;
}

.fund-page .l-page-wrapper {
    position: static;
}

.fund-page .l-block-content {
    position: static;
}

.fund-page #fundVisit {
    margin-bottom: 30px;
}

    .fund-page #fundVisit svg {
        fill: white;
    }

.is-funds .fund-page {
    padding: 22px 40px 42px;
    border: 1px solid #d0d4d7;
}

@media (max-width: 1024px) {
    .is-funds .fund-page {
        padding: 8px;
    }
}

.is-funds .block-head {
    display: flex;
    margin-bottom: 18px;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1024px) {
    .is-funds .block-head {
        align-items: flex-start;
    }
}

.is-funds .block-head .h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.4;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #003767;
}

@media (max-width: 1024px) {
    .is-funds .block-head .h2 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.4;
    }
}

@media (max-width: 1024px) {
    .is-funds .block-head img {
        height: 22px;
    }
}

.is-funds .block-head span {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 700;
    text-align: right;
    color: #085da2;
}

@media (max-width: 1024px) {
    .is-funds .block-head span {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.4;
        max-width: 180px;
    }
}

.is-funds .block-intro {
    position: relative;
    margin-bottom: 14px;
    text-align: center;
    color: #085da2;
}

    .is-funds .block-intro .h3 {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.4;
        display: inline-block;
        margin: 0 auto;
        font-weight: 700;
        color: #085da2;
    }

@media (max-width: 1024px) {
    .is-funds .block-intro .h3 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.4;
        max-width: 250px;
        margin: 0 auto;
    }
}

.is-funds .block-intro span {
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 700;
}

@media (max-width: 1200px) {
    .is-funds .block-intro span {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.4;
        display: block;
        position: static;
        text-align: center;
    }
}

.is-funds h4 {
    margin-bottom: 2px;
    font-weight: 700;
    color: #085da2;
}

.is-funds h5 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 2px;
    font-weight: 700;
    text-transform: none;
}

    .is-funds h5 + ul {
        margin-top: 0 !important;
    }

.is-funds h6 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 2px;
    font-weight: 700;
    text-transform: none;
    color: #61696f;
}

.is-funds dl {
    margin: 0;
    color: #61696f;
}

    .is-funds dl .row {
        display: flex;
        padding: 4px 0;
        justify-content: space-between;
        height: 100%;
    }

    .is-funds dl .data-value {
        text-align: right;
    }

@media (max-width: 1024px) {
    .is-funds dl .data-value {
        text-align: left;
    }
}

.is-funds dl.dl-yellow .row {
    border-bottom: 1px solid #d9ab0d;
}

@media (max-width: 1024px) {
    .is-funds dl.dl-yellow .row {
        flex-direction: column;
    }
}

.is-funds dl.dl-blue .row {
    border-bottom: 1px solid #c2e1f6;
}

.is-funds dt {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    margin: 0;
    font-weight: 700;
}

.is-funds dd {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
}

    .is-funds dd:last-child {
        margin-bottom: 0;
    }

.is-funds .block-border {
    padding: 24px 20px;
    border: 1px solid #d9ab0d;
}

@media (max-width: 1024px) {
    .is-funds .block-border {
        padding: 8px;
    }
}

.is-funds .block-border + :not(.block-half).block-border {
    border-top: 0;
}

.is-funds .block-border + .block-flex .block-border {
    border-top: 0;
}

.is-funds .block-flex {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .is-funds .block-flex {
        flex-direction: column;
    }
}

.is-funds .block-flex > .block-half {
    flex-basis: 50%;
}

@media (max-width: 1024px) {
    .is-funds .block-flex > .block-half {
        flex-basis: auto;
    }
}

.is-funds .block-flex.align-center {
    align-items: center;
}

.is-funds .block-flex .block-border + .block-border {
    border-left: 0;
}

@media (max-width: 1024px) {
    .is-funds .block-flex .block-border + .block-border {
        margin-top: -1px;
        border-left: 1px solid #d9ab0d;
    }
}

.is-funds .block-flex > dl:first-child {
    margin-right: 8px;
}

@media (max-width: 1024px) {
    .is-funds .block-flex > dl:first-child {
        margin-right: 0;
    }
}

.is-funds .block-flex > dl:last-child {
    margin-left: 8px;
}

@media (max-width: 1024px) {
    .is-funds .block-flex > dl:last-child {
        margin-left: 0;
    }
}

@media (max-width: 1024px) {
    .is-funds .block-half + .block-half {
        padding-top: 18px;
    }
}

@media (max-width: 1024px) {
    .is-funds .block-brief .block-half + .block-half {
        padding-top: 0;
    }
}

.is-funds .block-padding {
    padding-right: 10px;
}

@media (max-width: 1024px) {
    .is-funds .block-padding {
        padding-right: 0;
    }
}

.is-funds .block-padding + .block-padding {
    padding-right: 0;
    padding-left: 10px;
}

@media (max-width: 1024px) {
    .is-funds .block-padding + .block-padding {
        padding-left: 0;
    }
}

.is-funds .block-jaune {
    background: #f4e6b7;
}

.is-funds table {
    border-color: #c2e1f6;
    border-right: 0;
}

    .is-funds table th {
        font-weight: 700;
        color: #085da2;
        background-color: #f7fbfd;
    }

    .is-funds table th,
    .is-funds table td {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.4;
        padding: 4px 8px 6px;
        text-transform: none;
        border-color: #c2e1f6;
        border-radius: 0 !important;
    }

        .is-funds table td:last-child {
            border-right: 1px solid #c2e1f6;
        }

    .is-funds table tbody th {
        color: #182226;
    }

    .is-funds table tbody th,
    .is-funds table tbody td {
        vertical-align: top;
    }

    .is-funds table tbody tr:nth-child(even) th,
    .is-funds table tbody tr:nth-child(even) td,
    .is-funds table tbody tr:nth-child(odd) th,
    .is-funds table tbody tr:nth-child(odd) td {
        background: none;
    }

    .is-funds table .col-hightlight {
        background-color: #c2e1f6;
    }

    .is-funds table tfoot th,
    .is-funds table tfoot td {
        font-weight: 700;
        color: #182226;
    }

    .is-funds table ul {
        margin: 0;
        padding: 0;
    }

        .is-funds table ul li {
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.4;
            margin: 8px 0;
        }

            .is-funds table ul li:first-child {
                margin-top: 0;
            }

.is-funds .js-table-no-wrap {
    margin: 0;
}

.is-funds .table-scroll {
    min-width: 821px;
}

.is-funds .table-noborder {
    width: 100%;
    border: 0;
}

    .is-funds .table-noborder tr,
    .is-funds .table-noborder th,
    .is-funds .table-noborder td {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.4;
        padding-top: 3px;
        padding-bottom: 3px;
        border: 0;
    }

@media (max-width: 1024px) {
    .is-funds .table-noborder tr,
    .is-funds .table-noborder th,
    .is-funds .table-noborder td {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.4;
    }
}

.is-funds .table-noborder td:last-child {
    border-right: 0;
}

.is-funds .table-noborder .col-number {
    width: 20px;
    text-align: right;
}

.is-funds .table-noborder .col-name {
    padding-right: 5px;
    padding-left: 5px;
}

.is-funds .table-noborder .text-right {
    vertical-align: bottom;
    padding-right: 0;
    padding-left: 0;
}

.is-funds .table-noborder .text-align-left {
    text-align: left;
}

.is-funds .table-noborder tfoot th,
.is-funds .table-noborder tfoot td {
    font-weight: 700;
    color: #182226;
    border-top: 1px solid #c2e1f6;
    border-bottom: 1px solid #c2e1f6;
    background-color: #f7fbfd;
}

.is-funds p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-top: 0;
}

.is-funds ul li {
    margin: 8px 0;
}

.is-funds ul {
    margin-top: -1.125rem;
    margin-bottom: 0;
}

.is-funds strong {
    color: #182226;
}

.is-funds small {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.4;
    display: inline-block;
    margin-top: 12px;
    color: #61696f;
}

.is-funds .text-center {
    text-align: center;
}

.is-funds .text-right {
    text-align: right;
}

.is-funds .table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 0;
    max-width: 100%;
}

    .is-funds .table-wrapper:last-child {
        margin-bottom: 0;
    }

.is-funds .fund-warning-wrapper {
    padding-right: 10px;
    fill: #d9ab0d;
    flex-shrink: 0;
}

.is-funds .flex-container {
    display: flex;
}

.is-funds .max-width-360 {
    max-width: 360px;
    padding-right: 20px;
}

@media (max-width: 1024px) {
    .is-funds .max-width-360 {
        max-width: none;
        padding-right: 0;
    }
}

.is-funds .text-indent {
    padding-left: 24px;
    margin-bottom: 18px;
}

.is-funds .block-graph {
    margin: 20px 0;
}

@media (max-width: 1200px) {
    .is-funds .block-pie {
        flex-direction: column;
    }
}

.is-funds .block-pie-chart {
    width: 36%;
    padding-top: 20px;
}

@media (max-width: 1200px) {
    .is-funds .block-pie-chart {
        width: auto;
        padding-bottom: 20px;
    }
}

@media (max-width: 1024px) {
    .is-funds .block-pie-chart {
        display: none;
    }
}

.is-funds .block-pie-chart-data {
    flex-shrink: 0;
}

    .is-funds .block-pie-chart-data .data-label {
        display: flex;
        padding-right: 6px;
    }

        .is-funds .block-pie-chart-data .data-label::before {
            content: "";
            display: block;
            width: 12px;
            height: calc(100% + 8px);
            margin-top: -4px;
            margin-right: 4px;
            flex-shrink: 0;
        }

    .is-funds .block-pie-chart-data .row:nth-child(1) .data-label::before {
        background-color: #003767;
    }

    .is-funds .block-pie-chart-data .row:nth-child(2) .data-label::before {
        background-color: #034a84;
    }

    .is-funds .block-pie-chart-data .row:nth-child(3) .data-label::before {
        background-color: #085ca1;
    }

    .is-funds .block-pie-chart-data .row:nth-child(4) .data-label::before {
        background-color: #3470b0;
    }

    .is-funds .block-pie-chart-data .row:nth-child(5) .data-label::before {
        background-color: #4f85bf;
    }

    .is-funds .block-pie-chart-data .row:nth-child(6) .data-label::before {
        background-color: #679ace;
    }

    .is-funds .block-pie-chart-data .row:nth-child(7) .data-label::before {
        background-color: #7db1dd;
    }

    .is-funds .block-pie-chart-data .row:nth-child(8) .data-label::before {
        background-color: #95c6eb;
    }

    .is-funds .block-pie-chart-data .row:nth-child(9) .data-label::before {
        background-color: #b9dbf4;
    }

    .is-funds .block-pie-chart-data .row:nth-child(10) .data-label::before {
        background-color: #e1eff8;
    }

.is-funds .no-list li {
    display: flex;
    padding: 0;
    background: none;
    justify-content: space-between;
}

    .is-funds .no-list li :last-child {
        flex-shrink: 0;
    }

.is-funds .block-subblock {
    margin: 0 -21px -25px;
}

@media (max-width: 1024px) {
    .is-funds .block-subblock {
        margin: 0 -9px -9px;
    }
}

.is-funds .risk-level {
    display: flex;
    border-top: 1px solid #d9ab0d;
    background-color: #f4e6b7;
}

    .is-funds .risk-level > span {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.4;
        padding: 9px 4px 4px;
        text-align: center;
        flex-grow: 1;
    }

    .is-funds .risk-level .selected {
        position: relative;
        font-weight: 700;
    }

        .is-funds .risk-level .selected::before {
            content: "";
            display: block;
            position: absolute;
            top: -1px;
            left: 0;
            width: 100%;
            height: 10px;
            background-image: url("../svg/originals/fund-risk.svg");
            background-position: bottom;
            background-size: cover;
        }

.ce-textpic {
    margin: 30px 0;
}

.with-big-title .col-1-4 .ce-textpic {
    margin-top: 0;
}

.ce-textpic figure {
    margin: 0;
}

.ce-textpic.ce-center .ce-gallery {
    text-align: center;
}

.ce-below .ce-gallery {
    margin-top: 30px;
}

.ce-above .ce-gallery {
    margin-bottom: 30px;
}

.ce-gallery figcaption {
    margin-top: 10px;
    font-style: italic;
    color: #61696f;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16px;
    line-height: 1rem;
}

.ce-intext .ce-gallery {
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
}

@media (max-width: 580px) {
    .ce-intext .ce-gallery {
        float: none;
        margin: 0 0 30px;
    }
}

.ce-intext.ce-right .ce-gallery {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

@media (max-width: 580px) {
    .ce-intext.ce-right .ce-gallery {
        float: none;
        margin: 0 0 30px;
    }
}

.with-big-title .ce-intext .ce-gallery {
    margin: 0;
}

@media (max-width: 950px) {
    .ce-intext.is-big-on-mobile .ce-gallery {
        width: 200px;
    }

    .ce-intext.is-big-on-mobile.ce-right.ce-nowrap .ce-bodytext {
        margin-right: 230px !important;
    }

    .ce-intext.is-big-on-mobile.ce-left.ce-nowrap .ce-bodytext {
        margin-left: 230px !important;
    }
}

@media (max-width: 580px) {
    .ce-intext.ce-right.ce-nowrap .ce-bodytext,
    .ce-intext.ce-right.is-big-on-mobile.ce-nowrap .ce-bodytext {
        margin-right: 0 !important;
    }

    .ce-intext.ce-left.ce-nowrap .ce-bodytext,
    .ce-intext.ce-left.is-big-on-mobile.ce-nowrap .ce-bodytext {
        margin-left: 0 !important;
    }

    .ce-intext.is-big-on-mobile .ce-gallery {
        width: auto;
    }
}

.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
    margin-right: 0;
    margin-left: 0;
}

.ce-gallery .is-external {
    display: inline-block;
    position: relative;
}

    .ce-gallery .is-external .external-wrapper {
        position: absolute;
        top: 4px;
        right: 4px;
        z-index: 2;
        background: #f5f7f7;
        padding: 5px;
        border-radius: 2px;
    }

.fund-page-wrapper {
    padding: 0 0 28px;
}

    .fund-page-wrapper .table-wrapper {
        margin-right: -8px;
        width: auto;
    }

.fund-page-number {
    display: inline-block;
    padding: 0 0 20px;
    font-weight: bold;
}

.introjs-hintReference {
    display: none;
}

.introjs-hint {
    border: 0;
    padding: 0;
    margin: 0;
    width: 28px;
    height: 28px;
    opacity: 0;
    transform: scale(0);
}

    .introjs-hint.in-viewport {
        opacity: 1;
        transition: opacity 2000ms ease, transform 1000ms ease;
        transform: scale(1);
    }

    .introjs-hint:hover .introjs-hint-pulse {
        border: 0;
    }

    .introjs-hint[data-side="right"] {
        margin-left: 30px;
    }

@media (max-width: 1024px) {
    .introjs-hint[data-side="right"] {
        margin-left: 27px;
    }
}

@media (max-width: 1024px) {
    .is-fnb .introjs-hint[data-side="right"] {
        margin-left: 20px;
    }
}

.introjs-hint[data-side="left"] {
    margin-left: -38px;
}

@media (max-width: 1024px) {
    .introjs-hint[data-side="left"] {
        margin-left: -34px;
    }
}

@media (max-width: 1024px) {
    .is-fnb .introjs-hint[data-side="left"] {
        margin-left: -28px;
    }
}

.introjs-hint-dot {
    display: none;
}

.introjs-hint-pulse {
    display: block;
    position: relative;
    width: 28px;
    height: 28px;
    border: 0;
    background: #003767;
}

    .introjs-hint-pulse::before {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.4;
        content: attr(data-index);
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        font-weight: bold;
        color: #fff;
        transform: translate(-50%, -50%);
    }

.is-fnb .introjs-hint-pulse {
    background: #7ac143;
}

    .is-fnb .introjs-hint-pulse::before {
        color: #364349;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 14px;
        line-height: 0.875rem;
    }

.introjs-tooltip {
    min-width: 270px;
    padding: 20px;
    border-radius: 5px;
}

    .introjs-tooltip .step-count {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.4;
        margin-right: auto;
        font-weight: 700;
        color: #61696f;
    }

    .introjs-tooltip dt {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.4;
        margin: 0;
        padding-right: 30px;
        font-weight: 700;
        color: #085da2;
    }

    .introjs-tooltip dd {
        font-weight: 400;
        margin: 0.5em 0;
    }

.introjs-tooltipbuttons {
    display: flex;
    margin: 20px -20px -20px;
    padding: 12px 20px;
    border-radius: 0 0 5px 5px;
    background-color: #c2e1f6;
    align-items: center;
}

.introjs-button {
    font-family: "Open Sans", sans-serif;
    margin: 0;
}

    .introjs-button,
    .introjs-button:focus,
    .introjs-button:hover {
        background: none;
        box-shadow: none;
    }

.introjs-prevbutton,
.introjs-nextbutton {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: bold;
    color: #085da2;
    border: 0;
    text-shadow: none;
    transition: all 250ms ease;
}

    .introjs-prevbutton.introjs-disabled,
    .introjs-nextbutton.introjs-disabled {
        color: #61696f;
    }

.introjs-nextbutton {
    margin-right: -0.8em;
}

.introjs-skipbutton {
    position: absolute;
    top: 22px;
    right: 20px;
    padding: 0;
    font-size: 0;
    border: 0;
}

    .introjs-skipbutton::before {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        background-image: url("../svg/originals/close.svg");
        background-repeat: no-repeat;
        background-size: contain;
    }

.lightbox {
    display: none;
    vertical-align: middle;
    z-index: 9000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 60px 100px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .lightbox {
        overflow: scroll;
        padding: 60px 20px;
    }
}

.lightbox:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.lightbox-wrapper {
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    position: relative;
    overflow: visible;
    max-width: 100%;
    max-height: 100%;
    padding: 10px;
    font-size: 16px;
    line-height: 0;
    border-radius: 3px;
}

    .lightbox-wrapper p {
        line-height: 1.25em;
    }

.lightbox-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 180%;
    background-color: rgba(5, 30, 47, 0.9);
}

.lightbox-close-button {
    position: absolute;
    top: -32px;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    font-size: 0;
    opacity: 1;
    border: 0;
    background: 0;
    background-image: url("../img/icn-lightbox-close.png");
    background-size: 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .lightbox-close-button:hover {
        opacity: 0.7;
    }

.lightbox-prev-button {
    position: absolute;
    top: 50%;
    left: -80px;
    padding: 15px;
    transform: translateY(-50%);
}

.lightbox-next-button {
    position: absolute;
    top: 50%;
    right: -80px;
    padding: 15px;
    transform: translateY(-50%);
}

ul.list-arrows,
ul.publication-list,
ul.list-icon,
ul.news-list {
    padding: 0;
}

    ul.list-arrows li,
    ul.publication-list li,
    ul.list-icon li,
    ul.news-list li {
        background-image: none;
    }

    ul.list-arrows a,
    ul.publication-list a,
    ul.list-icon a,
    ul.news-list a {
        text-decoration: none;
    }

        ul.list-arrows a:hover,
        ul.publication-list a:hover,
        ul.list-icon a:hover,
        ul.news-list a:hover {
            text-decoration: underline;
        }

ul.news-list {
    margin: 0;
}

    ul.news-list li {
        padding-left: 0;
    }

        ul.news-list li > a {
            display: block;
            margin-bottom: 3px;
            font-weight: 600;
        }

    ul.news-list a {
        color: #085da2;
    }

    ul.news-list .news-list-tag {
        display: inline-block;
        margin: 0;
        font-weight: 300;
        color: #61696f;
    }

        ul.news-list .news-list-tag::before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 2px;
            height: 2px;
            margin: 0 7px 0 5px;
            background: #61696f;
            background-clip: padding-box;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

        ul.news-list .news-list-tag svg {
            fill: #61696f;
        }

.panel ul.news-list {
    margin-top: 0;
}

    .panel ul.news-list li {
        margin: 0 0 30px;
    }

        .panel ul.news-list li:last-child {
            margin-bottom: 0;
        }

ul.list-icon {
    margin: 0;
    border-top: 1px solid #939fa8;
}

.l-footer ul.list-icon {
    margin-top: -10px;
}

    .l-footer ul.list-icon,
    .l-footer ul.list-icon li {
        border: 0;
    }

ul.list-icon li {
    position: relative;
    margin: 0;
    padding: 18px 0 18px 60px;
    border-bottom: 1px solid #939fa8;
    list-style: none;
}

ul.list-icon a {
    display: inline-block;
    font-weight: 600;
}

ul.list-icon .icon-wrapper {
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
    width: 40px;
}

    ul.list-icon .icon-wrapper.facebook-wrapper,
    ul.list-icon .icon-wrapper.liens-wrapper {
        width: 34px;
        margin-left: 3px;
    }

ul.list-icon svg {
    width: 90%;
    fill: #364349;
}

.l-block-content ul.list-icon {
    margin-top: 10px;
    border-top: 0;
}

    .l-block-content ul.list-icon li {
        padding: 20px 0 20px 90px;
        border-bottom: 1px solid #eceeef;
    }

        .l-block-content ul.list-icon li:last-child {
            border-bottom: 0;
        }

    .l-block-content ul.list-icon .icon-wrapper {
        left: 30px;
    }

ul.list-arrows {
    margin: 0 0 20px;
}

    ul.list-arrows li {
        padding: 0;
    }

    ul.list-arrows a {
        padding-right: 22px;
        font-weight: 300;
        background-image: url(../img/icn-arrow.png);
        background-repeat: no-repeat;
        background-position: 100% 8px;
        background-size: 14px;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 24px;
        line-height: 1.5rem;
    }

    ul.list-arrows .icon-wrapper {
        margin-left: 5px;
    }

dl {
    max-width: 780px;
    margin: 60px 0 0;
}

dt {
    margin-bottom: 5px;
    color: #364349;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem;
}

dd {
    margin: 0 0 35px;
    font-weight: 300;
    color: #61696f;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 20px;
    line-height: 1.25rem;
}

    dd:last-child {
        margin-bottom: 0;
    }

ul.list-files,
ul.file-list {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    list-style: none;
}

    ul.list-files > li:not(:first-child),
    ul.file-list > li:not(:first-child) {
        list-style: none;
        margin-top: 10px !important;
        padding-left: 0;
        background-image: none;
    }

    ul.file-list ul {
        margin: 8px 0 0 37px !important;
    }

        ul.file-list ul li.nobullet,
        ul.file-list ul li {
            padding-left: 0;
            list-style: none;
            margin-top: 10px !important;
            background-image: none;
        }

            ul.file-list ul li.nobullet .icon-link,
            ul.file-list ul li.nobullet .file-description-padding,
            ul.file-list ul li .icon-link,
            ul.file-list ul li .file-description-padding {
                padding-left: 26px;
            }

        ul.file-list ul .doc-wrapper svg {
            width: 16px;
            height: 22px;
        }

        ul.file-list ul .icon-padding {
            padding-left: 26px;
        }

        ul.file-list ul .file-description {
            padding-left: 26px;
            margin-top: 0 !important;
            margin-bottom: 0;
            display: block;
        }

            ul.file-list ul .file-description * {
                display: inline-block;
            }

li.nobullet {
    background: none;
    padding-left: 0;
}

ul.list-files span.file {
    min-height: 30px;
}

ul.list-files li ul li:last-child {
    margin-bottom: 10px;
}

ul .indented-list li:last-child,
ul.list-files .indented-list li:last-child {
    margin-bottom: 0;
}

.minitest {
    position: relative;
    margin-top: 20px;
}

.minitest-question {
    display: none;
    margin-bottom: 20px;
}

    .minitest-question .panel {
        min-height: 330px;
    }

.minitest-question-question {
    margin-bottom: 16px;
}

.minitest-question-answer input[type="radio"],
.minitest-question-answer label {
    cursor: pointer;
}

.minitest-question-answer .icon-wrapper {
    display: none;
    position: absolute;
    top: 5px;
    left: 0;
}

.minitest-question-answer .check,
.minitest-question-answer .check use > svg {
    fill: #7ac143;
}

.minitest-question-answer .x,
.minitest-question-answer .x use > svg {
    fill: #cb4130;
}

.is-finished .minitest-question-answer input[type="radio"] {
    display: none;
}

.is-finished .minitest-question-answer .icon-wrapper {
    display: block;
}

.minitest-question-explanation {
    display: none;
}

.minitest-navigation {
    display: flex;
    margin: 16px 0;
    flex-flow: row nowrap;
}

    .minitest-navigation a {
        display: inline-block;
        display: none;
        margin: 0 16px;
    }

@media (max-width: 600px) {
    .minitest-navigation a {
        margin-left: 0;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
        line-height: 1.125rem;
    }

        .minitest-navigation a:hover {
            text-decoration: none;
        }
}

.minitest-navigation a:last-child {
    margin-right: 0;
}

.minitest-navigation a:hover {
    text-decoration: underline;
}

.minitest-navigation .pagination {
    position: absolute;
    top: 20px;
    right: 23px;
    padding: 5px 8px;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

@media (max-width: 600px) {
    .minitest-navigation .pagination {
        top: 10px;
        right: 10px;
    }
}

.minitest-top-navigation {
    position: absolute;
    top: -38px;
    right: 20px;
}

    .minitest-top-navigation a {
        display: inline-block;
        margin: 0 8px;
        text-decoration: none;
    }

@media (max-width: 600px) {
    .minitest-top-navigation a:hover {
        text-decoration: none;
    }
}

.minitest-top-navigation a:last-child {
    margin-right: 0;
}

.minitest-top-navigation a:hover {
    text-decoration: underline;
}

.minitest-results {
    display: none;
    position: relative;
    margin-bottom: 20px;
}

@media (max-width: 600px) {
    .minitest-results .goto-question:hover {
        text-decoration: none;
    }
}

.minitest-results .check,
.minitest-results .check use > svg {
    fill: #7ac143;
}

.minitest-results .x,
.minitest-results .x use > svg {
    fill: #cb4130;
}

.minitest-results .panel {
    min-height: 330px;
}

.minitest-results td.answer {
    text-align: center;
}

.minitest-results .score-label {
    text-align: right;
}

.minitest-results .score {
    text-align: center;
}

.minitest-results .print {
    position: absolute;
    top: 30px;
    right: 30px;
}

.nav-footer {
    float: right;
}

@media only screen and (max-width: 767px) {
    .nav-footer {
        float: none;
    }
}

.nav-footer li {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 15px;
    line-height: 0.9375rem;
    background-image: none;
    margin: 0 15px;
}

@media (max-width: 800px) {
    .nav-footer li {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 15px;
        line-height: 0.9375rem;
        margin: 0 10px 0 0;
    }
}

.nav-footer li:last-child {
    margin-right: 0;
}

.nav-footer li a:hover {
    text-decoration: underline;
}

.nav-footer ul {
    padding-right: 4px;
}

.nav-glossaire {
    background-color: #f5f7f7;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .nav-glossaire ul {
        margin: 0;
        padding: 15px 30px;
        text-align: center;
    }

    .nav-glossaire li,
    .nav-glossaire li::before,
    .nav-glossaire button,
    .nav-glossaire span {
        display: inline-block;
    }

    .nav-glossaire li {
        display: inline-block;
        vertical-align: middle;
    }

        .nav-glossaire li::before {
            content: "";
            vertical-align: middle;
            width: 2px;
            height: 2px;
            margin: 0 5px;
            background-color: #364349;
            background-clip: padding-box;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

        .nav-glossaire li:first-child::before {
            display: none;
        }

    .nav-glossaire button {
        min-width: 31px;
        height: 31px;
        padding: 8px;
        text-transform: uppercase;
        color: #364349;
        border: 0;
        background-color: #f5f7f7;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 15px;
        line-height: 0.9375rem;
        background-clip: padding-box;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

        .nav-glossaire button.is-active,
        .nav-glossaire button:hover {
            background-color: #d0d4d7;
        }

.glossaire .tab-content:before {
    background-color: transparent;
}

.nav-hub {
    font-size: 0;
}

    .nav-hub li {
        padding: 0;
        list-style: none;
    }

.nav-icons {
    display: flex;
    position: relative;
    background: #f5f7f7;
    flex-flow: row;
    align-items: stretch;
    justify-content: space-between;
    flex-shrink: 1;
    flex-grow: 0;
    overflow: visible;
}

@media (max-width: 1023px) {
    .nav-icons {
        flex-flow: row wrap;
    }
}

.nav-icons:after,
.nav-icons:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f5f7f7;
}

.nav-icons:before {
    left: -100%;
}

.nav-icons:after {
    right: -100%;
}

.l-block-content .nav-icons {
    margin-top: -45px !important;
}

.nav-icons .external-wrapper {
    opacity: 0;
    position: absolute;
}

.nav-icons .is-external .icon-wrapper:first-child {
    position: relative;
}

    .nav-icons .is-external .icon-wrapper:first-child:after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        background-image: url(../svg/originals//external-black.svg);
        background-size: 100%;
        position: absolute;
        top: -14px;
        right: -14px;
    }

.nav-icons ul {
    display: flex;
    flex-flow: row;
    align-items: stretch;
    justify-content: space-between;
    flex-shrink: 1;
    flex-grow: 0;
    margin: 0;
    padding: 0;
}

    .nav-icons ul:before {
        display: none;
    }

@media (max-width: 1023px) {
    .nav-icons ul {
        flex-flow: row wrap;
    }
}

.nav-icons ul li {
    margin: 0;
    padding: 0;
    background: none;
    flex-basis: 180px;
    list-style: none;
}

@media (max-width: 1023px) {
    .nav-icons ul li {
        width: 33%;
        flex-basis: auto;
    }
}

@media only screen and (max-width: 767px) {
    .nav-icons ul li {
        width: 50%;
        flex-basis: auto;
    }
}

.nav-icons-title {
    display: inline-block;
    max-width: 250px;
    padding-top: 30px;
    padding-right: 2.75%;
    font-weight: 600;
    text-align: right;
    color: #364349;
    flex-basis: auto;
    margin: 0;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 42px;
    line-height: 2.625rem;
}

@media (max-width: 1023px) {
    .nav-icons-title {
        max-width: none;
        padding-top: 20px;
        padding-right: 0;
        padding-bottom: 20px;
        text-align: center;
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .nav-icons-title {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 32px;
        line-height: 2rem;
    }
}

.nav-icon {
    display: flex;
    min-height: 180px;
    height: 100%;
    padding: 30px 24px;
    text-align: center;
    text-decoration: none;
    flex-flow: column;
    justify-content: flex-start;
}

@media (max-width: 1023px) {
    .nav-icon {
        min-height: 160px;
        padding: 30px 12px;
    }
}

@media (max-width: 600px) {
    .nav-icon {
        min-height: 170px;
    }
}

.nav-icon > .nav-icon-icon:first-child {
    min-width: 60px;
    margin-bottom: 10px;
}

.nav-icon svg {
    fill: #d9ab0d;
}

.nav-icon:hover {
    background: #eceeef;
}

.nav-icon-text {
    color: #61696f;
    font-size: 16px;
    font-size: 1rem;
    line-height: normal;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .nav-icon-text {
        min-height: 0;
    }
}

.ie10 .nav-icons {
    flex-flow: row wrap;
}

.ie10 .nav-icons-title {
    max-width: none;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    flex-basis: 100%;
}

.ie10 .nav-icon {
    width: 16%;
    flex-basis: auto;
}

@media (max-width: 1023px) {
    .ie10 .nav-icon {
        width: 33%;
        min-height: 0;
        padding: 20px 12px;
    }
}

@media only screen and (max-width: 767px) {
    .ie10 .nav-icon {
        width: 50%;
    }
}

.is-font-21 .nav-icons,
.is-font-24 .nav-icons,
.is-font-27 .nav-icons,
.is-font-32 .nav-icons,
.is-font-38 .nav-icons,
.is-font-48 .nav-icons {
    flex-flow: row wrap;
}

.is-font-21 .nav-icons-title,
.is-font-24 .nav-icons-title,
.is-font-27 .nav-icons-title,
.is-font-32 .nav-icons-title,
.is-font-38 .nav-icons-title,
.is-font-48 .nav-icons-title {
    max-width: none;
    text-align: left;
    flex-basis: 100%;
}

.is-font-21 .nav-icon,
.is-font-24 .nav-icon,
.is-font-27 .nav-icon,
.is-font-32 .nav-icon,
.is-font-38 .nav-icon,
.is-font-48 .nav-icon {
    flex-grow: 1;
    flex-shrink: 1;
}

.is-font-32 .nav-icons ul,
.is-font-38 .nav-icons ul,
.is-font-48 .nav-icons ul {
    flex-flow: row wrap;
}

.is-home .l-page {
    position: relative;
    z-index: 1000;
}

.is-home .nav-icons ul li {
    padding-top: 3px;
}

    .is-home .nav-icons ul li a:focus {
        z-index: 1000;
        position: relative;
    }

.nav-main-footer {
    z-index: 10;
    position: relative;
    top: 40px;
    padding: 20px;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

@media (max-width: 950px) {
    .nav-main-footer {
        padding: 13px 20px;
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .nav-main-footer {
        display: none;
    }
}

.nav-main-footer li {
    vertical-align: middle;
    position: relative;
    min-width: 85px;
    padding: 3px 15px;
    background-image: none;
    border-left: 1px solid #939fa8;
}

@media (max-width: 950px) {
    .nav-main-footer li {
        display: inline-block;
        min-width: 19%;
        max-width: calc(35% - 10px);
        margin: 5px 35px 5px 0;
        padding: 0 6px;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 16px;
        line-height: 1rem;
    }
}

.nav-main-footer li:first-child {
    border: 0;
}

@media (max-width: 950px) {
    .nav-main-footer li:first-child {
        border-left: 1px solid #939fa8;
    }
}

.nav-main-footer a {
    color: #364349;
    display: inline-block;
}

    .nav-main-footer a:hover {
        text-decoration: underline;
    }

@media screen and (max-width: 1350px) {
    .is-zoomed .l-footer .l-page-wrapper,
    .is-fontzoombigger-105 .l-footer .l-page-wrapper,
    .is-fontzoombigger-110 .l-footer .l-page-wrapper,
    .is-fontzoombigger-115 .l-footer .l-page-wrapper,
    .is-fontzoombigger-120 .l-footer .l-page-wrapper,
    .is-fontzoombigger-125 .l-footer .l-page-wrapper,
    .is-fontzoombigger-130 .l-footer .l-page-wrapper,
    .is-fontzoombigger-135 .l-footer .l-page-wrapper,
    .is-fontzoombigger-140 .l-footer .l-page-wrapper,
    .is-fontzoombigger-145 .l-footer .l-page-wrapper,
    .is-fontzoombigger-150 .l-footer .l-page-wrapper,
    .is-fontzoombigger-155 .l-footer .l-page-wrapper,
    .is-fontzoombigger-160 .l-footer .l-page-wrapper,
    .is-fontzoombigger-165 .l-footer .l-page-wrapper,
    .is-fontzoombigger-170 .l-footer .l-page-wrapper,
    .is-fontzoombigger-175 .l-footer .l-page-wrapper,
    .is-fontzoombigger-180 .l-footer .l-page-wrapper,
    .is-fontzoombigger-185 .l-footer .l-page-wrapper,
    .is-fontzoombigger-190 .l-footer .l-page-wrapper,
    .is-fontzoombigger-195 .l-footer .l-page-wrapper {
        margin: 0 5px;
        padding: 0 5px;
    }

        .is-zoomed .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-105 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-110 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-115 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-120 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-125 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-130 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-135 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-140 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-145 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-150 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-155 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-160 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-165 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-170 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-175 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-180 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-185 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-190 .l-footer .l-page-wrapper .nav-main-footer,
        .is-fontzoombigger-195 .l-footer .l-page-wrapper .nav-main-footer {
            padding-left: 5px;
            padding-right: 5px;
        }

            .is-zoomed .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-105 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-110 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-115 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-120 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-125 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-130 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-135 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-140 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-145 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-150 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-155 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-160 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-165 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-170 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-175 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-180 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-185 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-190 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
            .is-fontzoombigger-195 .l-footer .l-page-wrapper .nav-main-footer ul.tr {
                display: block;
            }

            .is-zoomed .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-105 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-110 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-115 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-120 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-125 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-130 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-135 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-140 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-145 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-150 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-155 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-160 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-165 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-170 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-175 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-180 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-185 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-190 .l-footer .l-page-wrapper .nav-main-footer li,
            .is-fontzoombigger-195 .l-footer .l-page-wrapper .nav-main-footer li {
                padding-left: 10px;
                padding-right: 10px;
            }

                .is-zoomed .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-105 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-110 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-115 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-120 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-125 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-130 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-135 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-140 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-145 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-150 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-155 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-160 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-165 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-170 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-175 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-180 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-185 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-190 .l-footer .l-page-wrapper .nav-main-footer li a,
                .is-fontzoombigger-195 .l-footer .l-page-wrapper .nav-main-footer li a {
                    line-height: 120%;
                }

                .is-zoomed .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-105 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-110 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-115 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-120 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-125 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-130 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-135 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-140 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-145 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-150 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-155 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-160 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-165 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-170 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-175 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-180 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-185 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-190 .l-footer .l-page-wrapper .nav-main-footer li.td,
                .is-fontzoombigger-195 .l-footer .l-page-wrapper .nav-main-footer li.td {
                    display: inline-block;
                    margin-bottom: 7px;
                    float: none;
                    overflow: hidden;
                }
}

.nav-main {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 6em;
    font-size: 15px;
}

@media (max-width: 1270px) {
    .nav-main {
        padding-bottom: 65px;
    }
}

@media (max-width: 1020px) {
    .nav-main {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .nav-main {
        display: none;
        margin: 0;
        padding: 0;
    }
}

.no-sublevel .nav-main {
    padding-bottom: 0;
}

[data-state="keyboard"] .nav-main a:focus {
    position: relative;
    z-index: 1000;
}

[data-state="keyboard"] .nav-main.js-mobile-nav-content a:focus {
    box-sizing: border-box;
    margin-left: 3px;
    margin-right: 3px;
    width: calc(100% - 6px);
}

    [data-state="keyboard"] .nav-main.js-mobile-nav-content a:focus + button.sublevel-trigger {
        z-index: 1035;
        right: 3px;
        width: 57px;
    }

[data-state="keyboard"] .nav-main.js-mobile-nav-content button:focus {
    right: 3px;
    z-index: 1000;
    width: 57px;
}

.nav-media a {
    display: inline-block;
}

.is-zoomed .nav-main {
    margin-top: 3.75em;
}

.is-zoomed .toplevel-item:nth-child(1) .sublevel .sublevel-item,
.is-zoomed .toplevel-item:nth-child(2) .sublevel .sublevel-item {
    min-width: auto;
    width: 14.28571%;
}

.is-zoomed .toplevel-item:nth-child(3) .sublevel .sublevel-item {
    min-width: auto;
    width: 16.66667%;
}

.is-zoomed .toplevel-item:nth-child(4) .sublevel .sublevel-item {
    min-width: auto;
    width: 20%;
}

.is-zoomed.is-font-21 .nav-main {
    margin-top: 2.5em;
}

.is-zoomed.is-font-24 .nav-main,
.is-zoomed.is-font-27 .nav-main,
.is-zoomed.is-font-32 .nav-main,
.is-zoomed.is-font-38 .nav-main,
.is-zoomed.is-font-48 .nav-main {
    margin-top: 2em;
}

.toplevel {
    float: right;
}

@media only screen and (max-width: 767px) {
    .toplevel {
        float: none;
    }
}

.toplevel-item {
    display: table-cell;
    vertical-align: bottom;
    min-width: 11.25em;
    max-width: 16.875em;
    padding-left: 15px;
}

@media (max-width: 1270px) {
    .toplevel-item {
        min-width: 9.375em;
        max-width: 14.375em;
    }
}

@media (max-width: 1080px) {
    .toplevel-item {
        padding-left: 10px;
    }

        .toplevel-item:nth-child(2) {
            width: 12.1875em;
        }

        .toplevel-item:nth-child(3) {
            width: 12.8125em;
        }
}

@media (max-width: 1020px) {
    .toplevel-item {
        min-width: 0;
        max-width: 9.375em;
        padding-left: 10px;
    }

        .toplevel-item:nth-child(2) {
            width: auto;
        }

        .toplevel-item:nth-child(3) {
            width: 8.75em;
        }
}

@media only screen and (max-width: 767px) {
    .toplevel-item {
        display: block;
        position: relative;
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        border-bottom: 1px solid #fff;
    }

        .toplevel-item:nth-child(2),
        .toplevel-item:nth-child(3) {
            width: 100%;
        }
}

.toplevel-item:first-child {
    max-width: 176px;
    text-align: center;
}

@media (max-width: 1270px) {
    .toplevel-item:first-child {
        max-width: 140px;
    }
}

@media (max-width: 1270px) and (max-width: 1270px) {
    .toplevel-item:first-child > a {
        padding: 7px 12px;
    }
}

@media (max-width: 1270px) and (max-width: 1080px) {
    .toplevel-item:first-child > a {
        padding: 7px 14px;
    }
}

@media only screen and (max-width: 1270px) and (max-width: 767px) {
    .toplevel-item:first-child > a {
        padding: 0 80px 0 20px;
    }
}

@media (max-width: 1020px) {
    .toplevel-item:first-child {
        width: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .toplevel-item:first-child {
        width: 100%;
        max-width: 100%;
        text-align: left;
    }
}

.toplevel-item > a {
    display: block;
    vertical-align: middle;
    width: 100%;
    height: 87px;
    padding: 15px 30px;
    border: 1px solid #eceeef;
    border-bottom: 0;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-clip: padding-box;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

@media (max-width: 1270px) {
    .toplevel-item > a {
        padding: 7px 10px;
    }
}

@media (max-width: 1020px) {
    .toplevel-item > a {
        height: 73px;
    }
}

@media only screen and (max-width: 767px) {
    .toplevel-item > a {
        display: block;
        height: 60px;
        margin: 0;
        padding: 0 80px 0 20px;
        background-color: #eceeef;
        background-clip: padding-box;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
}

.toplevel-item.is-current > a,
.toplevel-item > a:hover {
    background-color: #eceeef;
}

.nav-main-title {
    display: block;
    margin-bottom: 3px;
    font-weight: 600;
    color: #364349;
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem;
}

@media (max-width: 1020px) {
    .nav-main-title {
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 18px;
        line-height: 1.125rem;
    }
}

.nav-main-text {
    display: block;
    color: #61696f;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 15px;
    line-height: 0.9375rem;
}

@media (max-width: 1020px) {
    .nav-main-text {
        display: none;
    }
}

.sublevel {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #eceeef;
}

@media only screen and (max-width: 767px) {
    .sublevel {
        display: block;
        position: static;
        padding: 15px 0;
        background-color: #364349;
    }
}

.sublevel:after,
.sublevel:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #eceeef;
}

.sublevel:before {
    left: -100%;
}

.sublevel:after {
    right: -100%;
}

.sublevel-item {
    vertical-align: top;
    position: relative;
    padding-left: 0;
    width: 14.28571%;
    min-width: 14.28571%;
    text-align: left;
    background: 0;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 20px;
    line-height: 1.25rem;
}

@media (max-width: 1270px) {
    .sublevel-item {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 16px;
        line-height: 1rem;
    }
}

@media (max-width: 1020px) {
    .sublevel-item {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 15px;
        line-height: 0.9375rem;
    }
}

@media only screen and (max-width: 767px) {
    .sublevel-item {
        display: block;
        position: static;
        width: 100% !important;
        padding: 0;
    }
}

.has-2-items .sublevel-item {
    width: 50%;
}

.has-3-items .sublevel-item {
    width: 33.33333%;
}

.has-4-items .sublevel-item {
    width: 25%;
}

.has-5-items .sublevel-item {
    width: 20%;
}

.has-6-items .sublevel-item {
    width: 16.66667%;
}

.sublevel-item:first-child:before {
    display: none;
}

.sublevel-item:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
    width: 1px;
    height: 40px;
    background-color: #939fa8;
}

@media only screen and (max-width: 767px) {
    .sublevel-item:before {
        display: none;
    }
}

.sublevel-item a {
    display: block;
    position: relative;
    height: 6.0625em;
    padding: 0 15px;
    color: #364349;
}

@media (max-width: 1270px) {
    .sublevel-item a {
        height: 5em;
    }
}

@media (max-width: 1020px) {
    .sublevel-item a {
        padding: 0 15px 0 7px;
    }
}

@media only screen and (max-width: 767px) {
    .sublevel-item a {
        height: auto;
        padding: 8px 20px;
        font-weight: 400;
        color: #fff;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 17px;
        line-height: 1.0625rem;
    }
}

.sublevel-item a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    width: calc(100% - 30px);
    height: 3px;
    opacity: 0;
    background-color: #d9ab0d;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 767px) {
    .sublevel-item a:after {
        display: none;
    }
}

.sublevel-item.is-current a:after,
.sublevel-item a:hover:after {
    bottom: 0;
    opacity: 1;
}

@media (max-width: 1270px) {
    .sublevel-item.is-current a:after,
    .sublevel-item a:hover:after {
        bottom: 0;
    }
}

.toplevel-item-wrap,
.sublevel-item-text {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bottomlevel {
    padding: 20px;
    border-bottom: 1px solid #fff;
    background-color: #d7d9db;
}

.bottomlevel-item {
    display: block;
    padding: 6px 0;
}

    .bottomlevel-item a {
        color: #364349;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 17px;
        line-height: 1.0625rem;
    }

.sublevel-trigger {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    padding: 0;
    border: 0;
    background-color: #364349;
}

    .sublevel-trigger:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: calc(50% - 4px);
        left: calc(50% - 7px);
        width: 14px;
        height: 8px;
        background-image: url("../img/icn-arrow-sublevel-trigger.png");
        background-size: 100%;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -ms-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }

    .sublevel-trigger.is-active:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.is-font-21 .nav-main-text,
.is-font-24 .nav-main-text,
.is-font-27 .nav-main-text,
.is-font-32 .nav-main-text,
.is-font-38 .nav-main-text,
.is-font-48 .nav-main-text {
    display: none;
}

@media screen and (max-width: 1770px) {
    .is-font-32 .l-header.is-mobile,
    .is-font-38 .l-header.is-mobile,
    .is-font-48 .l-header.is-mobile {
        display: block;
        padding-top: 0;
    }

        .is-font-32 .l-header.is-mobile .l-page-wrapper,
        .is-font-38 .l-header.is-mobile .l-page-wrapper,
        .is-font-48 .l-header.is-mobile .l-page-wrapper {
            padding: 60px 0 0;
            margin: 0;
        }

            .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel,
            .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel,
            .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel {
                float: none;
            }

                .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item,
                .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item,
                .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item {
                    border-bottom: 1px solid #fff;
                    min-width: 0;
                    display: block;
                    max-width: 100%;
                    padding-left: 0;
                    position: relative;
                    width: 100%;
                }

                    .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child,
                    .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child,
                    .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child {
                        max-width: 100%;
                        text-align: left;
                        width: 100%;
                    }

                    .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a,
                    .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a,
                    .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a {
                        background-clip: padding-box;
                        background-color: #eceeef;
                        border-radius: 0;
                        display: block;
                        height: 60px;
                        margin: 0;
                        padding: 0 80px 0 20px;
                    }

                    .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a,
                    .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a,
                    .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a {
                        padding: 0 80px 0 20px;
                    }

                .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel,
                .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel,
                .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel {
                    background-color: #364349;
                    display: block;
                    padding: 15px 0;
                    position: static;
                }

                    .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
                    .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before,
                    .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
                    .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before,
                    .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
                    .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before {
                        background-color: #eceeef;
                        content: "";
                        display: block;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        width: 100%;
                    }

                    .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
                    .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
                    .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after {
                        right: -100%;
                    }

                .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item,
                .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item,
                .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item {
                    font-size: 0.75rem;
                    line-height: 0.9375rem;
                    display: block;
                    padding: 0;
                    position: static;
                    width: 100%;
                }

                    .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
                    .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
                    .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
                        background-color: #939fa8;
                        content: "";
                        display: inline-block;
                        height: 40px;
                        left: 0;
                        position: absolute;
                        top: calc(50% - 20px);
                        width: 1px;
                    }

                    .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before,
                    .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before,
                    .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before {
                        display: none;
                    }

                    .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
                    .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
                    .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
                        display: none;
                    }

                    .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a,
                    .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a,
                    .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a {
                        display: block;
                        position: relative;
                        color: #fff;
                        font-size: 0.875rem;
                        font-weight: 400;
                        height: auto;
                        line-height: 1.0625rem;
                        padding: 8px 20px;
                    }

                        .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after,
                        .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after,
                        .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after {
                            background-color: #e9b51a;
                            bottom: -5px;
                            content: "";
                            display: block;
                            height: 3px;
                            opacity: 0;
                            position: absolute;
                            transition: all 0.3s ease 0s;
                            width: calc(100% - 30px);
                        }

            .is-font-32 .l-header.is-mobile .l-page-wrapper .header-meta,
            .is-font-38 .l-header.is-mobile .l-page-wrapper .header-meta,
            .is-font-48 .l-header.is-mobile .l-page-wrapper .header-meta {
                background-clip: padding-box;
                background-color: #d0d3d5;
                border-radius: 0 0 5px 5px;
                float: none;
                padding: 20px;
            }

                .is-font-32 .l-header.is-mobile .l-page-wrapper .header-meta > *,
                .is-font-38 .l-header.is-mobile .l-page-wrapper .header-meta > *,
                .is-font-48 .l-header.is-mobile .l-page-wrapper .header-meta > * {
                    vertical-align: middle;
                }

            .is-font-32 .l-header.is-mobile .l-page-wrapper .header-meta-lang,
            .is-font-38 .l-header.is-mobile .l-page-wrapper .header-meta-lang,
            .is-font-48 .l-header.is-mobile .l-page-wrapper .header-meta-lang {
                color: #003767;
                position: relative;
                text-decoration: none;
                font-size: 0.875rem;
                line-height: 1.125rem;
            }

                .is-font-32 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after,
                .is-font-38 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after,
                .is-font-48 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after {
                    background-color: #003767;
                    bottom: 1px;
                    content: "";
                    display: block;
                    height: 1px;
                    left: 0;
                    position: absolute;
                    width: 100%;
                }

            .is-font-32 .l-header.is-mobile .l-page-wrapper .nav-media,
            .is-font-38 .l-header.is-mobile .l-page-wrapper .nav-media,
            .is-font-48 .l-header.is-mobile .l-page-wrapper .nav-media {
                float: right;
                margin: 0;
            }

        .is-font-32 .l-header.is-mobile .logo,
        .is-font-38 .l-header.is-mobile .logo,
        .is-font-48 .l-header.is-mobile .logo {
            left: 10px;
            margin: 0;
            position: absolute;
            top: 12px;
            width: 114px;
        }

        .is-font-32 .l-header.is-mobile .nav-main,
        .is-font-38 .l-header.is-mobile .nav-main,
        .is-font-48 .l-header.is-mobile .nav-main {
            margin: 0;
            padding-bottom: 0;
        }

    .is-font-32 .l-header,
    .is-font-38 .l-header,
    .is-font-48 .l-header {
        display: none;
    }

    .is-home.is-font-32 .l-banner .l-page-wrapper,
    .is-home.is-font-38 .l-banner .l-page-wrapper,
    .is-home.is-font-48 .l-banner .l-page-wrapper {
        padding: 37px 20px 60px;
    }
}

@media screen and (max-width: 1560px) {
    .is-font-27 .l-header.is-mobile {
        display: block;
        padding-top: 0;
    }

        .is-font-27 .l-header.is-mobile .l-page-wrapper {
            padding: 60px 0 0;
            margin: 0;
        }

            .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel {
                float: none;
            }

                .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item {
                    border-bottom: 1px solid #fff;
                    min-width: 0;
                    display: block;
                    max-width: 100%;
                    padding-left: 0;
                    position: relative;
                    width: 100%;
                }

                    .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child {
                        max-width: 100%;
                        text-align: left;
                        width: 100%;
                    }

                    .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a {
                        background-clip: padding-box;
                        background-color: #eceeef;
                        border-radius: 0;
                        display: block;
                        height: 60px;
                        margin: 0;
                        padding: 0 80px 0 20px;
                    }

                    .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a {
                        padding: 0 80px 0 20px;
                    }

                .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel {
                    background-color: #364349;
                    display: block;
                    padding: 15px 0;
                    position: static;
                }

                    .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
                    .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before {
                        background-color: #eceeef;
                        content: "";
                        display: block;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        width: 100%;
                    }

                    .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after {
                        right: -100%;
                    }

                .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item {
                    font-size: 0.75rem;
                    line-height: 0.9375rem;
                    display: block;
                    padding: 0;
                    position: static;
                    width: 100%;
                }

                    .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
                        background-color: #939fa8;
                        content: "";
                        display: inline-block;
                        height: 40px;
                        left: 0;
                        position: absolute;
                        top: calc(50% - 20px);
                        width: 1px;
                    }

                    .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before {
                        display: none;
                    }

                    .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
                        display: none;
                    }

                    .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a {
                        display: block;
                        position: relative;
                        color: #fff;
                        font-size: 0.875rem;
                        font-weight: 400;
                        height: auto;
                        line-height: 1.0625rem;
                        padding: 8px 20px;
                    }

                        .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after {
                            background-color: #e9b51a;
                            bottom: -5px;
                            content: "";
                            display: block;
                            height: 3px;
                            opacity: 0;
                            position: absolute;
                            transition: all 0.3s ease 0s;
                            width: calc(100% - 30px);
                        }

            .is-font-27 .l-header.is-mobile .l-page-wrapper .header-meta {
                background-clip: padding-box;
                background-color: #d0d3d5;
                border-radius: 0 0 5px 5px;
                float: none;
                padding: 20px;
            }

                .is-font-27 .l-header.is-mobile .l-page-wrapper .header-meta > * {
                    vertical-align: middle;
                }

            .is-font-27 .l-header.is-mobile .l-page-wrapper .header-meta-lang {
                color: #003767;
                position: relative;
                text-decoration: none;
                font-size: 0.875rem;
                line-height: 1.125rem;
            }

                .is-font-27 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after {
                    background-color: #003767;
                    bottom: 1px;
                    content: "";
                    display: block;
                    height: 1px;
                    left: 0;
                    position: absolute;
                    width: 100%;
                }

            .is-font-27 .l-header.is-mobile .l-page-wrapper .nav-media {
                float: right;
                margin: 0;
            }

        .is-font-27 .l-header.is-mobile .logo {
            left: 10px;
            margin: 0;
            position: absolute;
            top: 12px;
            width: 114px;
        }

        .is-font-27 .l-header.is-mobile .nav-main {
            margin: 0;
            padding-bottom: 0;
        }

    .is-font-27 .l-header {
        display: none;
    }

    .is-home.is-font-32 .l-banner .l-page-wrapper,
    .is-home.is-font-38 .l-banner .l-page-wrapper,
    .is-home.is-font-48 .l-banner .l-page-wrapper {
        padding: 37px 20px 60px;
    }
}

@media screen and (max-width: 1445px) {
    .is-font-24 .l-header.is-mobile {
        display: block;
        padding-top: 0;
    }

        .is-font-24 .l-header.is-mobile .l-page-wrapper {
            padding: 60px 0 0;
            margin: 0;
        }

            .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel {
                float: none;
            }

                .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item {
                    border-bottom: 1px solid #fff;
                    min-width: 0;
                    display: block;
                    max-width: 100%;
                    padding-left: 0;
                    position: relative;
                    width: 100%;
                }

                    .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child {
                        max-width: 100%;
                        text-align: left;
                        width: 100%;
                    }

                    .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a {
                        background-clip: padding-box;
                        background-color: #eceeef;
                        border-radius: 0;
                        display: block;
                        height: 60px;
                        margin: 0;
                        padding: 0 80px 0 20px;
                    }

                    .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a {
                        padding: 0 80px 0 20px;
                    }

                .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel {
                    background-color: #364349;
                    display: block;
                    padding: 15px 0;
                    position: static;
                }

                    .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
                    .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before {
                        background-color: #eceeef;
                        content: "";
                        display: block;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        width: 100%;
                    }

                    .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after {
                        right: -100%;
                    }

                .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item {
                    font-size: 0.75rem;
                    line-height: 0.9375rem;
                    display: block;
                    padding: 0;
                    position: static;
                    width: 100%;
                }

                    .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
                        background-color: #939fa8;
                        content: "";
                        display: inline-block;
                        height: 40px;
                        left: 0;
                        position: absolute;
                        top: calc(50% - 20px);
                        width: 1px;
                    }

                    .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before {
                        display: none;
                    }

                    .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
                        display: none;
                    }

                    .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a {
                        display: block;
                        position: relative;
                        color: #fff;
                        font-size: 0.875rem;
                        font-weight: 400;
                        height: auto;
                        line-height: 1.0625rem;
                        padding: 8px 20px;
                    }

                        .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after {
                            background-color: #e9b51a;
                            bottom: -5px;
                            content: "";
                            display: block;
                            height: 3px;
                            opacity: 0;
                            position: absolute;
                            transition: all 0.3s ease 0s;
                            width: calc(100% - 30px);
                        }

            .is-font-24 .l-header.is-mobile .l-page-wrapper .header-meta {
                background-clip: padding-box;
                background-color: #d0d3d5;
                border-radius: 0 0 5px 5px;
                float: none;
                padding: 20px;
            }

                .is-font-24 .l-header.is-mobile .l-page-wrapper .header-meta > * {
                    vertical-align: middle;
                }

            .is-font-24 .l-header.is-mobile .l-page-wrapper .header-meta-lang {
                color: #003767;
                position: relative;
                text-decoration: none;
                font-size: 0.875rem;
                line-height: 1.125rem;
            }

                .is-font-24 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after {
                    background-color: #003767;
                    bottom: 1px;
                    content: "";
                    display: block;
                    height: 1px;
                    left: 0;
                    position: absolute;
                    width: 100%;
                }

            .is-font-24 .l-header.is-mobile .l-page-wrapper .nav-media {
                float: right;
                margin: 0;
            }

        .is-font-24 .l-header.is-mobile .logo {
            left: 10px;
            margin: 0;
            position: absolute;
            top: 12px;
            width: 114px;
        }

        .is-font-24 .l-header.is-mobile .nav-main {
            margin: 0;
            padding-bottom: 0;
        }

    .is-font-24 .l-header {
        display: none;
    }

    .is-home.is-font-32 .l-banner .l-page-wrapper,
    .is-home.is-font-38 .l-banner .l-page-wrapper,
    .is-home.is-font-48 .l-banner .l-page-wrapper {
        padding: 37px 20px 60px;
    }
}

@media screen and (max-width: 1210px) {
    .is-font-21 .l-header.is-mobile,
    .is-font-19 .l-header.is-mobile,
    .is-font-17 .l-header.is-mobile {
        display: block;
        padding-top: 0;
    }

        .is-font-21 .l-header.is-mobile .l-page-wrapper,
        .is-font-19 .l-header.is-mobile .l-page-wrapper,
        .is-font-17 .l-header.is-mobile .l-page-wrapper {
            padding: 60px 0 0;
            margin: 0;
        }

            .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel,
            .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel,
            .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel {
                float: none;
            }

                .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item,
                .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item,
                .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item {
                    border-bottom: 1px solid #fff;
                    min-width: 0;
                    display: block;
                    max-width: 100%;
                    padding-left: 0;
                    position: relative;
                    width: 100%;
                }

                    .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child,
                    .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child,
                    .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child {
                        max-width: 100%;
                        text-align: left;
                        width: 100%;
                    }

                    .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a,
                    .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a,
                    .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a {
                        background-clip: padding-box;
                        background-color: #eceeef;
                        border-radius: 0;
                        display: block;
                        height: 60px;
                        margin: 0;
                        padding: 0 80px 0 20px;
                    }

                    .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a,
                    .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a,
                    .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a {
                        padding: 0 80px 0 20px;
                    }

                .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel,
                .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel,
                .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel {
                    background-color: #364349;
                    display: block;
                    padding: 15px 0;
                    position: static;
                }

                    .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
                    .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before,
                    .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
                    .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before,
                    .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
                    .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before {
                        background-color: #eceeef;
                        content: "";
                        display: block;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        width: 100%;
                    }

                    .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
                    .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
                    .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after {
                        right: -100%;
                    }

                .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item,
                .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item,
                .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item {
                    font-size: 0.75rem;
                    line-height: 0.9375rem;
                    display: block;
                    padding: 0;
                    position: static;
                    width: 100%;
                }

                    .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
                    .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
                    .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
                        background-color: #939fa8;
                        content: "";
                        display: inline-block;
                        height: 40px;
                        left: 0;
                        position: absolute;
                        top: calc(50% - 20px);
                        width: 1px;
                    }

                    .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before,
                    .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before,
                    .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before {
                        display: none;
                    }

                    .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
                    .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
                    .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
                        display: none;
                    }

                    .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a,
                    .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a,
                    .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a {
                        display: block;
                        position: relative;
                        color: #fff;
                        font-size: 0.875rem;
                        font-weight: 400;
                        height: auto;
                        line-height: 1.0625rem;
                        padding: 8px 20px;
                    }

                        .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after,
                        .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after,
                        .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after {
                            background-color: #e9b51a;
                            bottom: -5px;
                            content: "";
                            display: block;
                            height: 3px;
                            opacity: 0;
                            position: absolute;
                            transition: all 0.3s ease 0s;
                            width: calc(100% - 30px);
                        }

            .is-font-21 .l-header.is-mobile .l-page-wrapper .header-meta,
            .is-font-19 .l-header.is-mobile .l-page-wrapper .header-meta,
            .is-font-17 .l-header.is-mobile .l-page-wrapper .header-meta {
                background-clip: padding-box;
                background-color: #d0d3d5;
                border-radius: 0 0 5px 5px;
                float: none;
                padding: 20px;
            }

                .is-font-21 .l-header.is-mobile .l-page-wrapper .header-meta > *,
                .is-font-19 .l-header.is-mobile .l-page-wrapper .header-meta > *,
                .is-font-17 .l-header.is-mobile .l-page-wrapper .header-meta > * {
                    vertical-align: middle;
                }

            .is-font-21 .l-header.is-mobile .l-page-wrapper .header-meta-lang,
            .is-font-19 .l-header.is-mobile .l-page-wrapper .header-meta-lang,
            .is-font-17 .l-header.is-mobile .l-page-wrapper .header-meta-lang {
                color: #003767;
                position: relative;
                text-decoration: none;
                font-size: 0.875rem;
                line-height: 1.125rem;
            }

                .is-font-21 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after,
                .is-font-19 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after,
                .is-font-17 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after {
                    background-color: #003767;
                    bottom: 1px;
                    content: "";
                    display: block;
                    height: 1px;
                    left: 0;
                    position: absolute;
                    width: 100%;
                }

            .is-font-21 .l-header.is-mobile .l-page-wrapper .nav-media,
            .is-font-19 .l-header.is-mobile .l-page-wrapper .nav-media,
            .is-font-17 .l-header.is-mobile .l-page-wrapper .nav-media {
                float: right;
                margin: 0;
            }

        .is-font-21 .l-header.is-mobile .logo,
        .is-font-19 .l-header.is-mobile .logo,
        .is-font-17 .l-header.is-mobile .logo {
            left: 10px;
            margin: 0;
            position: absolute;
            top: 12px;
            width: 114px;
        }

        .is-font-21 .l-header.is-mobile .nav-main,
        .is-font-19 .l-header.is-mobile .nav-main,
        .is-font-17 .l-header.is-mobile .nav-main {
            margin: 0;
            padding-bottom: 0;
        }

    .is-font-21 .l-header,
    .is-font-19 .l-header,
    .is-font-17 .l-header {
        display: none;
    }

    .is-home.is-font-32 .l-banner .l-page-wrapper,
    .is-home.is-font-38 .l-banner .l-page-wrapper,
    .is-home.is-font-48 .l-banner .l-page-wrapper {
        padding: 37px 20px 60px;
    }
}

.nav-media {
    margin: 0 30px;
}

@media only screen and (max-width: 767px) {
    .nav-media {
        float: right;
        margin: 0;
    }
}

.nav-media li {
    margin: 0 6px;
    width: 28px;
    max-height: 100%;
}

    .nav-media li img {
        background-clip: padding-box;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        overflow: hidden;
        display: inline-block;
    }

@media (max-width: 800px) {
    .nav-media li {
        margin: 0 10px 0 0;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 15px;
        line-height: 0.9375rem;
    }
}

@media only screen and (max-width: 767px) {
    .nav-media li {
        margin-right: 17px;
    }
}

.nav-media li img {
    width: 100%;
}

.nav-media li:last-child {
    margin-right: 0;
}

.nav-media li a:hover {
    text-decoration: underline;
}

.nav-media li.nav-media-linkedin {
    position: relative;
}

    .nav-media li.nav-media-linkedin:after {
        content: "";
        width: 10px;
        height: 5px;
        position: absolute;
        bottom: 4px;
        right: -11px;
        background: url("../img/sm/in-tm.png");
        background-size: 100% 100%;
    }

.pagination {
    text-align: center;
}

    .pagination ul {
        overflow: hidden;
        background-clip: padding-box;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        display: flex;
        justify-content: center;
    }

        .pagination ul > :first-child a {
            background-clip: padding-box;
            -webkit-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
            border: none;
        }

        .pagination ul > :last-child a {
            background-clip: padding-box;
            -webkit-border-radius: 0 5px 5px 0;
            border-radius: 0 5px 5px 0;
            border: none;
        }

    .pagination.with-padding {
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .pagination .pagination-element {
        display: inline-block;
        vertical-align: middle;
        margin: 3px 0;
    }

@media (max-width: 1080px) {
    .pagination .pagination-element .amf-btn-default-arrow {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 13px;
        line-height: 0.8125rem;
    }
}

@media only screen and (max-width: 767px) {
    .pagination .pagination-element .amf-btn-default-arrow:after {
        top: calc(50% - 4px);
        height: 9px;
        width: 9px;
    }
}

.pagination .pagination-element:first-child .amf-btn-default-arrow {
    position: relative;
    padding-right: 20px;
    padding-left: 43px;
}

@media (max-width: 1080px) {
    .pagination .pagination-element:first-child .amf-btn-default-arrow {
        padding-right: 15px;
        padding-left: 38px;
    }
}

@media (max-width: 850px) {
    .pagination .pagination-element:first-child .amf-btn-default-arrow {
        padding-left: 29px;
    }
}

.pagination .pagination-element:first-child .amf-btn-default-arrow:after {
    left: 15px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media only screen and (max-width: 767px) {
    .pagination .pagination-element:first-child .amf-btn-default-arrow:after {
        left: 7px;
    }
}

.pagination .pagination-element:first-child .icon-wrapper {
    position: absolute;
    top: calc(50% - 4px);
    left: 20px;
    margin-right: 6px;
    margin-left: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (max-width: 1080px) {
    .pagination .pagination-element:last-child .amf-btn-default-arrow {
        padding-right: 38px;
        padding-left: 15px;
    }
}

@media (max-width: 850px) {
    .pagination .pagination-element:last-child .amf-btn-default-arrow {
        padding-right: 29px;
    }
}

@media only screen and (max-width: 767px) {
    .pagination .pagination-element:last-child .amf-btn-default-arrow:after {
        right: 7px;
    }
}

@media (max-width: 850px) {
    .pagination .pagination-element:first-child .amf-btn-default-arrow,
    .pagination .pagination-element:last-child .amf-btn-default-arrow {
        font-size: 0px;
        font-size: 0rem;
        line-height: 13px;
        line-height: 0.8125rem;
    }
}

@media only screen and (max-width: 767px) {
    .pagination .pagination-element:first-child .amf-btn-default-arrow,
    .pagination .pagination-element:last-child .amf-btn-default-arrow {
        width: 24px;
        height: 41px;
        padding: 0;
        font-size: 0px;
        font-size: 0rem;
        line-height: 17px;
        line-height: 1.0625rem;
    }

        .pagination .pagination-element:first-child .amf-btn-default-arrow .icon-wrapper,
        .pagination .pagination-element:last-child .amf-btn-default-arrow .icon-wrapper {
            margin: 0;
        }
}

.pagination .pagination-element.first,
.pagination .pagination-element.last {
    display: flex;
    flex-direction: row;
    flex-basis: 6.75em;
}

@media (max-width: 1080px) {
    .pagination .pagination-element.first,
    .pagination .pagination-element.last {
        flex-basis: 5em;
    }
}

@media only screen and (max-width: 767px) {
    .pagination .pagination-element.first,
    .pagination .pagination-element.last {
        flex-basis: 3.75em;
    }
}

.pagination .pagination-element.first .dots,
.pagination .pagination-element.last .dots {
    width: 50%;
    padding-top: 15px;
}

.pagination .pagination-element.first .btn,
.pagination .pagination-element.last .btn {
    width: 50%;
    line-height: 15px;
    line-height: 0.9375rem;
}

@media (max-width: 1080px) {
    .pagination .pagination-element.first .btn,
    .pagination .pagination-element.last .btn {
        line-height: 10px;
        line-height: 0.625rem;
    }
}

.pagination a,
.pagination span {
    display: inline-block;
    vertical-align: middle;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.pagination .is-page {
    flex-basis: 3.375em;
    flex-grow: 0;
    flex-shring: 1;
}

@media (max-width: 1080px) {
    .pagination .is-page {
        flex-basis: 2.5em;
    }
}

@media only screen and (max-width: 767px) {
    .pagination .is-page {
        flex-basis: 1.875em;
    }
}

.pagination .is-page + .is-page {
    border-left: 1px solid #d0d4d7;
}

.pagination .is-page .btn {
    background-color: #eceeef;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    color: #364349;
}

@media (max-width: 1080px) {
    .pagination .is-page .btn {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 13px;
        line-height: 0.8125rem;
    }
}

.pagination .is-page .btn .element1 {
    display: block;
}

.pagination .is-page .btn:focus {
    position: relative;
    z-index: 1000;
}

.pagination .is-active .btn,
.pagination .is-active a,
.pagination .is-active span,
.pagination .is-page a:hover {
    background-color: #d0d4d7;
}

.pagination .pagination-element {
    background-color: #eceeef;
}

.pagination .dots-left {
    border-left: 1px solid #d0d4d7;
}

.pagination .dots-right {
    border-right: 1px solid #d0d4d7;
}

.nav-secondary {
    padding: 0;
    margin: 0;
}

    .nav-secondary > li {
        margin: 0 0 16px 0;
        padding: 0;
        list-style: none;
    }

    .nav-secondary a {
        display: inline-block;
        width: 100%;
        padding: 20px;
        font-weight: 700;
        text-decoration: none;
        color: #364349;
        background: #d0d4d7;
        margin: 1px 0 0;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px;
        line-height: 1.25rem;
    }

        .nav-secondary a:hover,
        .nav-secondary a:focus {
            background: #8fc3ea;
        }

    .nav-secondary ul {
        margin: 0 0 0 10px;
        padding: 0;
    }

        .nav-secondary ul li {
            width: 100%;
            padding: 0;
            list-style: none;
            margin: 0;
        }

            .nav-secondary ul li a {
                font-weight: 400;
                color: #364349;
                background: #e1eff8;
            }

                .nav-secondary ul li a:hover,
                .nav-secondary ul li a:focus {
                    background: #c2e1f6;
                }

            .nav-secondary ul li.is-active > a {
                font-weight: 700;
                color: #085da2;
                background: #c2e1f6;
            }

@media screen and (max-width: 950px) {
    .is-fontzoombigger-130 .section-nav {
        display: block;
    }
}

.nav-section {
    margin-bottom: 16px;
}

    .nav-section ul {
        margin: 0;
        padding: 0;
    }

        .nav-section ul ul {
            margin-left: 10px;
        }

        .nav-section ul.alt-style ul {
            margin-left: 0;
        }

        .nav-section ul.alt-style li a:not(.accueil) {
            font-weight: normal;
            color: #364349;
            background: #eceeef;
        }

            .nav-section ul.alt-style li a:not(.accueil):hover,
            .nav-section ul.alt-style li a:not(.accueil):focus {
                background: #d0d4d7;
            }

        .nav-section ul.alt-style li.is-active > a:not(.accueil) {
            font-weight: 700;
            background: #d0d4d7;
        }

        .nav-section ul.alt-style li.is-active ul {
            margin-left: 10px;
        }

            .nav-section ul.alt-style li.is-active ul li a {
                color: #364349;
                background: #e1eff8;
            }

                .nav-section ul.alt-style li.is-active ul li a:hover,
                .nav-section ul.alt-style li.is-active ul li a:focus {
                    background: #c2e1f6;
                }

            .nav-section ul.alt-style li.is-active ul li.is-active a {
                font-weight: 700;
                color: #085da2;
                background: #c2e1f6;
            }

    .nav-section li {
        display: block;
        margin: 0 0 1px;
        padding: 0;
        list-style: none;
    }

        .nav-section li ul {
            margin-top: 1px;
        }

        .nav-section li li a {
            color: #364349;
            background: #e1eff8;
        }

            .nav-section li li a:hover,
            .nav-section li li a:focus {
                background: #c2e1f6;
            }

        .nav-section li li.is-active a {
            font-weight: 700;
            color: #085da2;
            background: #c2e1f6;
        }

        .nav-section li.is-active > a {
            font-weight: 700;
            background: #d0d4d7;
        }

        .nav-section li:last-child {
            margin-bottom: 0;
        }

    .nav-section a {
        display: inline-block;
        width: 100%;
        padding: 20px;
        text-decoration: none;
        color: #364349;
        background: #eceeef;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px;
        line-height: 1.25rem;
    }

        .nav-section a:hover,
        .nav-section a:focus {
            background: #d0d4d7;
        }

        .nav-section a:focus {
            z-index: 1000;
            position: relative;
        }

        .nav-section a.accueil {
            color: white;
            background-color: #434c50;
        }

            .nav-section a.accueil:hover,
            .nav-section a.accueil:focus {
                background-color: #717173;
            }

.news.news-single footer {
    margin-bottom: 20px;
}

.news.news-single .news-img-wrap {
    float: left;
    margin: 0 30px 20px 0;
}

@media (max-width: 850px) {
    .news.news-single .news-img-wrap {
        float: none;
    }
}

@media (max-width: 767px) {
    .news.news-single .news-img-wrap {
        float: left;
    }
}

@media (max-width: 550px) {
    .news.news-single .news-img-wrap {
        float: none;
    }
}

.news.news-single .news-list-date {
    padding-right: 15px;
    color: #939fa8;
}

.news.news-single .news-list-category {
    display: inline-block;
    margin: 3px;
    padding: 3px 7px;
    text-decoration: none;
    color: #fff;
    background-color: #364349;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .news.news-single .news-list-category:hover {
        background-color: #003767;
    }

.news.news-single .news-related {
    margin-top: 30px;
}
/*! nouislider - 12.1.0 - 10/25/2018 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    direction: ltr;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
}

.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    position: absolute;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-horizontal {
    height: 18px;
}

    .noUi-horizontal .noUi-handle {
        width: 34px;
        height: 28px;
        left: -17px;
        top: -6px;
    }

.noUi-vertical {
    width: 18px;
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px;
    }

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto;
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background: #3fb8af;
}

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

[disabled] .noUi-connect {
    background: #b8b8b8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

.noUi-marker {
    position: absolute;
    background: #ccc;
}

.noUi-marker-sub {
    background: #aaa;
}

.noUi-marker-large {
    background: #aaa;
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%, 0);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.nous-joindre .l-block-sidebar {
    width: 17.8125em;
    padding: 35px 30px;
}

@media (max-width: 700px) {
    .nous-joindre .l-block-sidebar {
        width: 100%;
    }
}

.nous-joindre .l-block-sidebar h2 {
    margin: 0;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
}

.nous-joindre .l-block-sidebar h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
}

.nous-joindre .l-block-sidebar p {
    margin: 0 0 8px;
}

    .nous-joindre .l-block-sidebar p:last-child {
        margin: 0;
    }

    .nous-joindre .l-block-sidebar p strong {
        font-weight: 600;
    }

.nous-joindre .l-block-sidebar hr {
    margin: 20px -30px;
}

.nous-joindre .l-block-content {
    width: calc(100% - 315px);
    margin-left: 30px;
    padding-top: 50px;
}

@media (max-width: 700px) {
    .nous-joindre .l-block-content {
        width: 100%;
        margin-left: 0;
    }
}

.nous-joindre .l-block-content hr {
    margin: 35px 0;
}

.nous-joindre .l-block-content .grid {
    margin-top: 0;
}

.nous-joindre .ce-above .ce-gallery {
    margin-bottom: 20px;
}

.nous-joindre .col-1-3 {
    padding: 0 3%;
}

@media (max-width: 1023px) {
    .nous-joindre .col-1-3 {
        padding: 0;
    }
}

.nous-joindre .col-1-3:first-child {
    padding-left: 0;
}

.nous-joindre a {
    text-decoration: none;
}

    .nous-joindre a:hover {
        text-decoration: underline;
    }

.org-section {
    margin-bottom: 10px;
}

.org-member {
    display: flex;
    background-color: #eceeef;
    justify-content: flex-start;
    flex-flow: row;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

@media only screen and (max-width: 767px) {
    .org-member {
        flex-flow: row wrap;
    }
}

.org-member.is-ceo {
    background: none;
    flex-flow: row;
}

.is-active .org-member {
    border-radius: 5px 5px 0 0;
}

.org-member-avatar {
    width: 135px;
    padding-top: 20px;
    padding-bottom: 15px;
    flex-grow: 0;
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .org-member-avatar {
        width: auto;
        padding-right: 16px;
        padding-left: 10px;
        flex-shrink: 1;
    }

    .is-ceo .org-member-avatar {
        padding-left: 0;
    }
}

.org-member-avatar img {
    display: block;
    box-sizing: border-box;
    max-width: 86px;
    height: 86px;
    margin: 0 auto;
    border: solid 4px #f4e6b7;
    border-radius: 50%;
}

.is-ceo .org-member-avatar img {
    max-width: 108px;
    height: 108px;
}

@media (max-width: 600px) {
    .is-ceo .org-member-avatar img {
        width: 86px;
        height: 88px;
    }
}

.org-member-details {
    padding: 24px 0 15px;
    flex-grow: 1;
    flex-shrink: 1;
}

@media only screen and (max-width: 767px) {
    .org-member-details {
        padding-right: 20px;
        flex-basis: 60%;
    }
}

.org-member-name {
    font-weight: 600;
    color: #364349;
    margin-bottom: 0;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
}

@media (max-width: 600px) {
    .org-member-name {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 28px;
        line-height: 1.75rem;
    }
}

.org-member-jobtitle {
    color: #364349;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

.org-member-bio {
    margin-top: 2px;
}

    .org-member-bio p {
        color: #364349;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 21px;
        line-height: 1.3125rem;
    }

.org-member-links {
    margin-top: 10px;
}

    .org-member-links a {
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 21px;
        line-height: 1.3125rem;
    }

.org-folder-trigger {
    position: relative;
    margin-right: 21px;
    padding: 12px 48px 12px 27px;
    font-weight: 600;
    border: 0;
    border-radius: 5px 5px 0 0;
    flex-grow: 0;
    flex-shrink: 0;
    align-self: flex-end;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16px;
    line-height: 1rem;
}

@media only screen and (max-width: 767px) {
    .org-folder-trigger {
        margin-left: auto;
    }
}

.org-folder-trigger .folder-trigger-symbol {
    right: 17px;
    left: auto;
}

.org-folder-content {
    display: none;
    padding: 36px 60px;
    border-radius: 0 0 5px 5px;
    background-color: #f5f7f7;
}

@media only screen and (max-width: 767px) {
    .org-folder-content {
        padding: 36px 30px;
    }
}

.org-folder-content ul {
    margin: 0;
    padding: 0;
}

.org-folder-content li {
    padding-left: 18px;
    background-image: url("../svg/originals/puce-org-niveau1.svg");
    background-repeat: no-repeat;
    background-position: left 9px;
    list-style: none;
}

    .org-folder-content li b,
    .org-folder-content li strong {
        display: block;
        font-weight: 600;
        color: #364349;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 21px;
        line-height: 1.3125rem;
    }

    .org-folder-content li li {
        padding-left: 20px;
        background-image: url("../svg/originals/puce-org-niveau2.svg");
        background-position: left 6px;
    }

        .org-folder-content li li b,
        .org-folder-content li li strong {
            font-size: 15px;
            font-size: 0.9375rem;
            line-height: 21px;
            line-height: 1.3125rem;
        }

        .org-folder-content li li ul {
            margin-left: 24px;
        }

@media (max-width: 600px) {
    .org-folder-content li li ul {
        margin-left: 0;
    }
}

.org-folder-content li li li {
    padding-left: 18px;
    background-image: url("../svg/originals/puce-org-niveau3.svg");
    background-position: left 7px;
}

.org-folder-content li.nobullet {
    background: none;
}

.panel-alert {
    background-color: #f6d7d6;
}

.panel.panel-information,
.panel.panel-insight,
.panel.panel-alert {
    position: relative;
    width: calc(100% - 20px);
    margin-left: 20px !important;
    padding-left: 20px;
}

    .on-top.panel.panel-information,
    .on-top.panel.panel-insight,
    .panel.panel-alert.on-top {
        padding-left: 0;
    }

@media (max-width: 500px) {
    .panel.panel-information,
    .panel.panel-insight,
    .panel.panel-alert {
        width: auto;
        margin-top: 36px;
        margin-left: 0 !important;
        padding: 20px 0 0;
    }
}

.panel.panel-information::before,
.panel.panel-insight::before,
.panel.panel-alert::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 20px);
    left: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: padding-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

@media (max-width: 500px) {
    .panel.panel-information::before,
    .panel.panel-insight::before,
    .panel.panel-alert::before {
        top: -20px;
        left: calc(50% - 20px);
    }
}

.panel.panel-information h2,
.panel.panel-insight h2,
.panel.panel-information h3,
.panel.panel-insight h3,
.panel.panel-information h4,
.panel.panel-insight h4,
.panel.panel-information h5,
.panel.panel-insight h5,
.panel.panel-alert h2,
.panel.panel-alert h3,
.panel.panel-alert h4,
.panel.panel-alert h5 {
    margin: 0 0 5px;
    color: #364349;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
}

.panel.panel-information p,
.panel.panel-insight p,
.panel.panel-information ol,
.panel.panel-insight ol,
.panel.panel-information ul,
.panel.panel-insight ul,
.panel.panel-information li,
.panel.panel-insight li,
.panel.panel-alert p,
.panel.panel-alert ol,
.panel.panel-alert ul,
.panel.panel-alert li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

.panel-alert::before {
    background-color: #cb4130;
    background-image: url("../img/icn-alert.png");
    background-size: 5px;
}

.panel-alert.on-top::before {
    top: -20px;
    left: calc(50% - 20px);
}

.panel-alert.on-left::before {
    top: calc(50% - 20px);
    left: -20px;
}

@media (max-width: 540px) {
    .panel-grid {
        height: auto !important;
    }
}

.panel-grid .panel {
    display: table;
    vertical-align: top;
    width: 100%;
    margin: 0 0 10px !important;
    padding-left: 0;
    background-image: none;
}

    .panel-grid .panel:nth-child(even) {
        margin-right: 0;
    }

    .panel-grid .panel:last-child {
        margin-bottom: 0;
    }

    .panel-grid .panel a {
        position: static;
        max-width: 245px;
        font-weight: 300;
        text-decoration: none;
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 34px;
        line-height: 2.125rem;
    }

@media (max-width: 1115px) {
    .panel-grid .panel a {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 29px;
        line-height: 1.8125rem;
    }
}

@media (max-width: 990px) {
    .panel-grid .panel a {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem;
    }
}

@media only screen and (max-width: 767px) {
    .panel-grid .panel a {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 29px;
        line-height: 1.8125rem;
    }
}

.panel-grid .panel svg {
    fill: #085da2;
}

.panel-grid .panel .panel-body {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-top: 0;
    padding-right: 25px;
    padding-bottom: 0;
    background-image: url(../img/icn-arrow.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 18px;
}

@media (max-width: 990px) {
    .panel-grid .panel .panel-body {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .panel-grid .panel .panel-body {
        padding-top: 15px;
        padding-right: 60px;
        padding-bottom: 15px;
    }
}

.panel-grid .panel .arrow-wrapper {
    position: absolute;
    top: calc(50% - 6px);
    right: 13px;
}

.panel-grid-col {
    vertical-align: top;
    width: calc(50% - 5px);
    height: 100%;
    height: 280px;
}

@media only screen and (max-width: 767px) {
    .panel-grid-col {
        min-height: 0;
    }
}

@media (max-width: 540px) {
    .panel-grid-col {
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }
}

.panel-grid-col:first-child {
    margin-right: 10px;
}

    .panel-grid-col:first-child .panel {
        height: calc(33% - 6px) !important;
    }

@media (max-width: 540px) {
    .panel-grid-col:first-child .panel {
        height: auto !important;
        margin-right: 0;
    }
}

.panel-grid-col:last-child {
    margin-right: 0;
}

    .panel-grid-col:last-child .panel {
        height: calc(50% - 5px) !important;
    }

@media (max-width: 540px) {
    .panel-grid-col:last-child .panel {
        height: auto !important;
    }
}

.panel.panel-information {
    background-color: #f4e6b7;
}

.panel-information::before {
    background-color: #d9ab0d;
    background-image: url("../img/q-mark-hover.png");
    background-size: 14px;
}

.panel-information.on-top::before {
    top: -20px !important;
    left: calc(50% - 20px) !important;
}

.panel-information.on-left::before {
    top: calc(50% - 20px) !important;
    left: -20px !important;
}

.panel.panel-insight {
    background-color: #e4f3d9;
}

.panel-insight::before {
    background-color: #7ac143;
    background-image: url("../img/icn-insight.png");
    background-size: 14px;
}

.panel-insight.on-top::before {
    top: -20px;
    left: calc(50% - 20px);
}

.panel-insight.on-left::before {
    top: calc(50% - 20px);
    left: -20px;
}

.panel-link .panel-body {
    padding-right: 60px;
}

a.panel {
    display: block;
    position: relative;
    text-decoration: none;
    border: 2px solid #eceeef;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    a.panel .panel-title {
        position: static;
        font-weight: 600;
        color: #364349;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 28px;
        line-height: 1.75rem;
    }

@media (max-width: 950px) {
    a.panel .panel-title {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 24px;
        line-height: 1.5rem;
    }
}

a.panel svg {
    fill: #8fc3ea;
}

a.panel .panel-body {
    position: relative;
    height: 100%;
    padding-right: 60px;
}

a.panel .panel-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

a.panel .arrow-wrapper {
    position: absolute;
    top: calc(50% - 7px);
    right: 13px;
}

a.panel:hover {
    background-color: #eceeef;
}

a.panel.with-icon .panel-body {
    padding-right: 30px;
    padding-left: 105px;
}

@media (max-width: 919px) {
    a.panel.with-icon .panel-body {
        padding-left: 75px;
    }
}

@media only screen and (max-width: 767px) {
    a.panel.with-icon .panel-body {
        padding-bottom: 20px;
        padding-top: 20px;
    }
}

a.panel.with-icon .icon-wrapper {
    position: absolute;
    top: calc(50% - 30px);
    left: 25px;
}

@media (max-width: 919px) {
    a.panel.with-icon .icon-wrapper {
        left: 15px;
        width: 45px;
    }
}

a.panel.with-icon svg {
    fill: #d9ab0d;
}

a.panel.with-arrow .arrow-wrapper svg {
    fill: #8fc3ea;
}

a.panel.is-external .external-wrapper {
    opacity: 0;
}

a.panel.is-external .panel-title:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background-image: url(../svg/originals//external-black.svg);
    background-size: 100%;
}

.panel-default.panel-link {
    position: relative;
    border: 2px solid #eceeef;
    background-color: #fff;
}

    .panel-default.panel-link > a {
        display: block;
        height: 100%;
        text-decoration: none;
        background-color: #fff;
        background-clip: padding-box;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .panel-default.panel-link > a:hover {
            text-decoration: none;
            background-color: #eceeef;
        }

    .panel-default.panel-link .panel-title {
        position: static;
        font-weight: 600;
        color: #364349;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 28px;
        line-height: 1.75rem;
    }

        .panel-default.panel-link .panel-title svg {
            fill: #8fc3ea;
        }

    .panel-default.panel-link .arrow-wrapper {
        position: absolute;
        top: calc(50% - 6px);
        right: 13px;
    }

    .panel-default.panel-link .is-external .external-wrapper {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .panel-default.panel-link .is-external .panel-title:after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-left: 5px;
        background-image: url(../svg/originals//external-blue.svg);
        background-size: 100%;
    }

    .panel-default.panel-link.is-grey {
        border-color: #f5f7f7;
        background-color: #f5f7f7;
    }

        .panel-default.panel-link.is-grey .panel-title {
            color: #085da2;
            font-size: 26px;
            font-size: 1.625rem;
            line-height: 34px;
            line-height: 2.125rem;
            font-weight: 300;
        }

@media (max-width: 990px) {
    .panel-default.panel-link.is-grey .panel-title {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 29px;
        line-height: 1.8125rem;
    }
}

.panel-default.panel-link.is-grey .panel-body {
    padding: 20px 40px 20px 30px;
}

@media (max-width: 990px) {
    .panel-default.panel-link.is-grey .panel-body {
        padding: 16px 40px 16px 25px;
    }
}

@media only screen and (max-width: 767px) {
    .panel-default.panel-link.is-grey .panel-body {
        padding: 12px 40px 8px 15px;
    }
}

.panel-default.panel-link.is-grey > a {
    background-color: #f5f7f7;
}

    .panel-default.panel-link.is-grey > a:hover {
        background-color: #f5f7f7;
    }

        .panel-default.panel-link.is-grey > a:hover .panel-title {
            text-decoration: underline;
        }

    .panel-default.panel-link.is-grey > a svg {
        fill: #085da2;
    }

.panel-default.panel-link.is-grey .arrow-wrapper {
    top: calc(50% - 8px);
}

    .panel-default.panel-link.is-grey .arrow-wrapper svg {
        width: 18px;
        height: 16px;
    }

@media (min-width: 768px) {
    .panel-default.panel-link[data-equalheight] .panel-body {
        top: 50%;
        position: relative;
        transform: translateY(-50%);
    }
}

.panel {
    margin: 50px 0;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .panel .grid {
        margin: 0 0 25px;
    }

.grid-wrapper .panel {
    margin: 0 0 30px;
}

.grid.is-narrow .grid-wrapper .panel {
    margin: 0 0 10px;
}

    .grid.is-narrow .grid-wrapper .panel:last-child {
        margin-bottom: 0;
    }

.grid-wrapper .panel:last-child {
    margin-bottom: 0;
}

.panel + * {
    margin-top: 30px;
}

.panel + .anchor {
    margin-top: 0;
}

    .panel + .anchor + .panel {
        margin-top: 40px;
    }

.panel p {
    margin: 0 0 10px;
    word-wrap: break-word;
}

.panel a {
    font-weight: 400;
    text-decoration: none;
}

    .panel a:hover {
        text-decoration: underline;
    }

.panel strong a {
    font-weight: bold;
}

.panel svg {
    fill: #d9ab0d;
}

    .panel svg.external {
        fill: #085da2;
    }

.panel .btn {
    margin-right: 5px;
    margin-bottom: 15px;
}

.panel .amf-btn-default svg {
    fill: #8fc3ea;
}

.panel .btn-grey svg {
    fill: #085da2;
}

.panel ol,
.panel ul {
    margin: 20px 0;
}

.panel li {
    margin: 10px 0 0;
}

    .panel li:first-child {
        margin-top: 0;
    }

@media (max-width: 820px) {
    .col-1-1-small-tablet .panel {
        height: auto !important;
    }
}

.grid [class*="col-"] .panel.on-top {
    margin-left: 0 !important;
    width: 100%;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    div.panel {
        height: auto !important;
    }
}

.panel-header {
    padding: 16px 30px;
    background-clip: padding-box;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

    .panel-header:before,
    .panel-header:after {
        content: "";
        display: table;
        line-height: 0;
    }

    .panel-header:after {
        clear: both;
    }

@media (max-width: 600px) {
    .panel-header {
        padding: 10px 15px;
    }
}

.panel-header.bg-grey-dark,
.panel-header.bg-grey-dark .panel-title,
.panel-header.bg-grey-dark .panel-header-link {
    color: #fff;
}

.panel-header.bg-blue {
    color: #085da2;
}

.panel-header .panel-title {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 26px;
    line-height: 1.625rem;
}

@media (max-width: 850px) {
    .panel-header .panel-title {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 26px;
        line-height: 1.625rem;
    }
}

@media (max-width: 600px) {
    .panel-header .panel-title {
        margin-right: 10px;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 22px;
        line-height: 1.375rem;
    }
}

.bg-grey .panel-header .panel-title,
.bg-grey .panel-header .panel-header-link {
    color: #fff;
}

.panel-header svg {
    fill: #085da2;
}

.panel-header.bg-grey-dark .rss-wrapper svg {
    fill: #d9ab0d;
}

.rss-link {
    padding-bottom: 10px;
    border-bottom: 3px solid #e1eff8;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .rss-link:hover {
        padding-bottom: 5px;
        border-color: #085da2;
    }

.bg-grey-dark .rss-link {
    border-color: #61696f;
}

    .bg-grey-dark .rss-link:hover {
        border-color: #d9ab0d;
    }

.panel-image {
    margin: 0;
}

    .panel-image img {
        width: 100%;
    }

.panel.bg-blue h2,
.panel.bg-blue h3,
.panel.bg-blue h4 {
    color: #364349;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23px;
    line-height: 1.4375rem;
}

    .panel.bg-blue h2 + p,
    .panel.bg-blue h3 + p,
    .panel.bg-blue h4 + p {
        margin-top: 0;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23px;
    line-height: 1.4375rem;
}

    .panel-title + p {
        margin-top: 0;
        margin-bottom: 0;
    }

.with-big-title .panel-title {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 30px;
    line-height: 1.875rem;
}

@media (max-width: 1023px) {
    .panel.with-big-title .col-1-4 {
        width: 40px !important;
        margin-right: 5px !important;
    }

    .panel.with-big-title .col-3-4 {
        width: calc(100% - 90px) !important;
    }
}

.panel-header-link {
    position: relative;
    float: right;
    padding-right: 25px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 26px;
    line-height: 1.625rem;
}

@media (max-width: 600px) {
    .panel-header-link {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 26px;
        line-height: 1.625rem;
    }
}

.panel-header-link .icon-wrapper {
    position: absolute;
    top: 8px;
    right: 0;
}

.panel-body {
    padding: 30px;
}

    .panel-body:before,
    .panel-body:after {
        content: "";
        display: table;
        line-height: 0;
    }

    .panel-body:after {
        clear: both;
    }

@media (max-width: 600px) {
    .panel-body {
        padding: 20px;
    }
}

@media (max-width: 475px) {
    .panel-body .col-1-2 {
        width: calc(100% / 1 * 1 - 30px) !important;
    }
}

.panel-content a {
    display: inline-block;
}

.panel-content p a {
    display: inline;
}

    .panel-content p a.btn {
        display: inline-block;
    }

.panel-video,
.panel-jumbo,
.panel-default {
    background-color: #f5f7f7;
}

.panel.panel-rte {
    padding: 30px 30px 30px 50px;
}

@media (max-width: 600px) {
    .panel.panel-rte {
        padding: 20px 20px 20px 40px;
    }
}

@media (max-width: 500px) {
    .panel.panel-rte {
        padding: 40px 20px 20px !important;
    }
}

.panel.panel-rte h2,
.panel.panel-rte h3,
.panel.panel-rte h4 {
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

    .panel.panel-rte h2 + p,
    .panel.panel-rte h3 + p,
    .panel.panel-rte h4 + p {
        margin-top: 0;
    }

.panel-jumbo .panel-title {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 30px;
    line-height: 1.875rem;
}

.panel-jumbo p {
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
}

@media (max-width: 850px) {
    .panel-jumbo p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem;
    }
}

.panel-jumbo p b,
.panel-jumbo p strong {
    font-weight: 400;
}

.panel-jumbo .icon-link {
    font-weight: 400;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

    .panel-jumbo .icon-link svg {
        fill: #364349;
    }

.panel-jumbo .offer-salary,
.panel-jumbo .offer-site,
.panel-jumbo .offer-contract {
    padding-left: 25px;
    background-repeat: no-repeat;
    background-size: 17px;
}

.panel-jumbo .offer-site {
    background-image: url("../img/icn-offer-site.png");
}

.panel-jumbo .offer-contract {
    background-image: url("../img/icn-offer-contract.png");
}

.panel-jumbo .offer-salary {
    background-image: url("../img/icn-offer-salary.png");
}

.panel-video .btn-lightbox {
    width: 50%;
    margin-right: 30px;
}

@media (max-width: 450px) {
    .panel-video .btn-lightbox {
        width: 100%;
        margin-right: 0;
    }
}

.panel-video .panel-content {
    float: right;
    width: calc(50% - 30px);
}

@media (max-width: 450px) {
    .panel-video .panel-content {
        float: none;
        width: 100%;
    }
}

.folder-content .grid .panel.on-top {
    margin-top: 20px;
}

.progress-bar {
    display: table;
    overflow: hidden;
    width: 100%;
    margin: 20px auto;
    padding: 0;
    list-style: none;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .progress-bar li {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        width: 20%;
        padding: 20px;
        text-align: center;
        color: #61696f;
        background-color: #eceeef;
        background-image: none;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 22px;
        line-height: 1.375rem;
    }

@media only screen and (max-width: 767px) {
    .progress-bar li {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 15px;
        line-height: 0.9375rem;
    }
}

@media (max-width: 580px) {
    .progress-bar li {
        padding: 10px 15px;
    }

        .progress-bar li.is-active {
            padding-left: 37px;
        }

            .progress-bar li.is-active:first-child,
            .progress-bar li.is-active:last-child {
                padding-left: 25px;
            }

        .progress-bar li:first-child .progress-bar-number,
        .progress-bar li:last-child .progress-bar-number {
            padding-left: 10px;
        }
}

.progress-bar li span {
    z-index: 3;
}

.progress-bar li.is-active > a,
.progress-bar li.is-past > a {
    color: #fff;
}

.progress-bar li > a {
    display: block;
    text-decoration: none;
    color: #61696f;
}

    .progress-bar li > a:hover .progress-bar-text span {
        text-decoration: underline;
    }

.progress-bar li.is-active,
.progress-bar li.is-active::before,
.progress-bar li.is-active::after,
.progress-bar li.is-past,
.progress-bar li.is-past::before,
.progress-bar li.is-past::after {
    font-weight: 600;
    color: #fff;
    background-color: #364349;
}

.progress-bar li::before,
.progress-bar li::after {
    content: "";
    display: block;
    position: absolute;
    background-color: #eceeef;
}

.progress-bar li::before {
    z-index: 2;
    top: 0;
    right: 0;
    width: 15px;
    height: 100%;
    background-color: #eceeef;
}

.progress-bar li::after {
    z-index: 1;
    top: -3%;
    right: -15px;
    width: 30px;
    height: 106%;
    border: 2px solid #bfc2c5;
    background-clip: padding-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.progress-bar li:last-child::before,
.progress-bar li:last-child::after {
    display: none;
}

.progress-bar-text {
    position: relative;
}

    .progress-bar-text sup {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

@media (max-width: 580px) {
    .progress-bar-text sup {
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto;
        margin: 0;
        position: relative;
        display: inline-block;
        top: 0;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 18px;
        line-height: 1.125rem;
    }
}

@media (max-width: 580px) {
    .progress-bar-text span {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
}

.progress-bar-text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.is-zoomed.is-font-17 .progress-bar-text,
.is-zoomed.is-font-19 .progress-bar-text,
.is-zoomed.is-font-21 .progress-bar-text,
.is-zoomed.is-font-24 .progress-bar-text,
.is-zoomed.is-font-27 .progress-bar-text,
.is-zoomed.is-font-32 .progress-bar-text,
.is-zoomed.is-font-38 .progress-bar-text {
    top: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 1445px) {
    .is-zoomed.is-font-38 .progress-bar .progress-bar-text sup {
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto;
        margin: 0;
        position: relative;
        top: auto;
        display: inline-block;
        height: 18.5px;
        font-size: 1.125rem;
        vertical-align: baseline;
    }

    .is-zoomed.is-font-38 .progress-bar .progress-bar-text span {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
}

@media screen and (max-width: 1295px) {
    .is-zoomed.is-font-32 .progress-bar .progress-bar-text sup {
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto;
        margin: 0;
        position: relative;
        top: auto;
        display: inline-block;
        height: 18.5px;
        font-size: 1.125rem;
        vertical-align: baseline;
    }

    .is-zoomed.is-font-32 .progress-bar .progress-bar-text span {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
}

@media screen and (max-width: 1180px) {
    .is-zoomed.is-font-27 .progress-bar .progress-bar-text sup {
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto;
        margin: 0;
        position: relative;
        top: auto;
        display: inline-block;
        height: 18.5px;
        font-size: 1.125rem;
        vertical-align: baseline;
    }

    .is-zoomed.is-font-27 .progress-bar .progress-bar-text span {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
}

@media screen and (max-width: 1100px) {
    .is-zoomed.is-font-24 .progress-bar .progress-bar-text sup {
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto;
        margin: 0;
        position: relative;
        top: auto;
        display: inline-block;
        height: 18.5px;
        font-size: 1.125rem;
        vertical-align: baseline;
    }

    .is-zoomed.is-font-24 .progress-bar .progress-bar-text span {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
}

@media screen and (max-width: 1040px) {
    .is-zoomed.is-font-21 .progress-bar .progress-bar-text sup {
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto;
        margin: 0;
        position: relative;
        top: auto;
        display: inline-block;
        height: 18.5px;
        font-size: 1.125rem;
        vertical-align: baseline;
    }

    .is-zoomed.is-font-21 .progress-bar .progress-bar-text span {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
}

@media screen and (max-width: 990px) {
    .is-zoomed.is-font-19 .progress-bar .progress-bar-text sup {
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto;
        margin: 0;
        position: relative;
        top: auto;
        display: inline-block;
        height: 18.5px;
        font-size: 1.125rem;
        vertical-align: baseline;
    }

    .is-zoomed.is-font-19 .progress-bar .progress-bar-text span {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
}

@media screen and (max-width: 825px) {
    .progress-bar .progress-bar-text sup {
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto;
        margin: 0;
        position: relative;
        display: inline-block;
        height: 18.5px;
        font-size: 1.125rem;
        top: 0.3em;
        vertical-align: baseline;
    }

    .progress-bar .progress-bar-text span {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

    .is-zoomed.is-font-17 .progress-bar .progress-bar-text sup {
        top: 0;
    }
}

@media screen and (min-width: 825px) {
    .progress-bar sup {
        display: none;
    }
}

@media screen and (max-width: 580px) {
    .progress-bar .progress-bar-text sup {
        top: auto;
    }
}

ul.publication-catalog-list {
    margin: 0;
}

    ul.publication-catalog-list figure {
        margin: 0;
    }

.publication-catalog-item {
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #d0d4d7;
    background-image: none;
}

@media (max-width: 1060px) {
    .publication-catalog-item {
        position: relative;
        min-height: 100px;
    }
}

.publication-catalog-item .btn {
    position: relative;
    width: 165px;
    min-height: 45px;
    color: #085da2;
}

@media (max-width: 1060px) {
    .publication-catalog-item .btn {
        margin: 0 0 0 90px;
    }
}

@media (max-width: 420px) {
    .publication-catalog-item .btn {
        width: auto;
        margin-left: 90px;
        padding: 14px 10px;
        min-width: 115px;
    }
}

.publication-catalog-item .btn:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 7px);
    left: calc(50% - 9px);
    width: 17px;
    height: 13px;
    opacity: 0;
    background-image: url("../img/icn-check-white.png");
    background-size: 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.publication-catalog-item .btn.is-clicked {
    background-color: #085da2;
}

    .publication-catalog-item .btn.is-clicked .btn-text {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

    .publication-catalog-item .btn.is-clicked:after {
        opacity: 1;
        -webkit-transform: rotate(720deg);
        -moz-transform: rotate(720deg);
        -ms-transform: rotate(720deg);
        -o-transform: rotate(720deg);
        transform: rotate(720deg);
    }

.publication-catalog-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.publication-catalog-item > * {
    vertical-align: middle;
}

.publication-catalog-image {
    width: 70px;
}

@media (max-width: 1060px) {
    .publication-catalog-image {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.publication-catalog-image + .publication-catalog-text {
    width: calc(100% - 235px);
    padding-left: 30px;
}

.publication-catalog-text {
    width: calc(100% - 165px);
    padding: 0 30px 0 100px;
    color: #364349;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem;
}

@media (max-width: 840px) {
    .publication-catalog-text {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 24px;
        line-height: 1.5rem;
    }
}

@media (max-width: 1060px) {
    .publication-catalog-text {
        width: 100% !important;
        margin-bottom: 15px;
        padding-left: 90px !important;
    }
}

@media (max-width: 420px) {
    .publication-catalog-text {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem;
    }
}

.publication-catalog-panel {
    float: right;
    padding: 40px 20px;
    text-align: center;
    background-color: #eceeef;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

@media (max-width: 930px) {
    .publication-catalog-panel {
        float: none;
        width: auto !important;
        padding: 20px;
        text-align: left;
    }

        .publication-catalog-panel > div {
            display: inline-block;
            vertical-align: middle;
        }

        .publication-catalog-panel + .col-3-4 {
            width: calc(100% - 30px) !important;
        }
}

.publication-catalog-panel a {
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem;
    display: inline-block;
    padding: 5px;
    margin: -5px;
}

    .publication-catalog-panel a:hover {
        text-decoration: underline;
    }

.publication-catalog-panel .icon-wrapper {
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .publication-catalog-panel .icon-wrapper {
        margin-bottom: 5px;
    }
}

.publication-catalog-panel svg {
    fill: #364349;
}

.publication-catalog-cart {
    display: inline-block;
    position: relative;
}

.publication-catalog-counter {
    position: absolute;
    top: -2px;
    right: -9px;
    width: 20px;
    height: 20px;
    padding-top: 3px;
    font-weight: 700;
    text-align: center;
    color: #182226;
    background-color: #d9ab0d;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 13px;
    line-height: 0.8125rem;
    background-clip: padding-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.publication-catalog-cart-label {
    display: block;
}

.quantity-input input {
    background: 0;
    border: 0;
    width: 100%;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.search-module-wrapper:before,
.search-module-wrapper:after {
    content: "";
    display: table;
    line-height: 0;
}

.search-module-wrapper:after {
    clear: both;
}

.search-module-wrapper .pagination {
    clear: both;
}

.search-filters {
    float: right;
    width: 280px;
    margin-top: 82px;
}

.is-two-columns .search-filters {
    margin: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .is-two-columns .search-filters {
        width: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .is-two-columns .search-filters {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .search-filters {
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 40px;
    }
}

.search-results {
    float: left;
    width: calc(100% - 280px);
}

@media (min-width: 768px) and (max-width: 1023px) {
    .is-two-columns .search-results {
        width: calc(100% - 200px);
    }
}

@media only screen and (max-width: 767px) {
    .search-results {
        width: 100%;
    }
}

.search-results .file-info {
    display: none;
}

.search-list-result-title {
    margin-bottom: 32px;
    padding-bottom: 20px;
    font-weight: 300;
    color: #364349;
    border-bottom: 1px solid #eceeef;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 32px;
    line-height: 2rem;
}

@media only screen and (max-width: 767px) {
    .search-list-result-title {
        float: left;
        width: 100%;
    }
}

.search-list-result-title p {
    font-weight: 300;
    color: #364349;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 32px;
    line-height: 2rem;
}

.search-list-result-title span {
    color: #61696f;
}

.search-list-result {
    margin: 0;
    padding: 0 7% 0 0;
}

    .search-list-result .search-result {
        margin: 0 0 36px;
        padding: 0;
        background: 0;
        list-style: none;
    }

    .search-list-result .search-result-title {
        display: inline-block;
        margin-bottom: 6px;
        font-weight: 400;
        text-decoration: none;
        color: #085da2;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 26px;
        line-height: 1.625rem;
    }

        .search-list-result .search-result-title:hover {
            text-decoration: underline;
        }

    .search-list-result .search-result-content {
        margin: 0 0 18px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem;
    }

    .search-list-result .search-result-cat {
        font-weight: 300;
        text-decoration: none;
        color: #61696f;
    }

        .search-list-result .search-result-cat svg {
            fill: #61696f;
        }

        .search-list-result .search-result-cat:hover {
            text-decoration: underline;
        }

    .search-list-result .search-result-date {
        font-weight: 400;
        color: #364349;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 20px;
        line-height: 1.25rem;
    }

    .search-list-result .search-result-breadcrumbs {
        font-weight: 300;
        color: #61696f;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 20px;
        line-height: 1.25rem;
    }

        .search-list-result .search-result-breadcrumbs ul {
            margin: 0;
            padding: 0;
        }

        .search-list-result .search-result-breadcrumbs li {
            display: inline-block;
            margin: 0;
            padding: 0;
            background: none;
        }

            .search-list-result .search-result-breadcrumbs li + li:before {
                content: "";
                display: inline-block;
                width: 9px;
                height: 8px;
                background-image: url("../svg/originals/search-breadcrumb-arrow.svg");
                background-repeat: no-repeat;
                background-size: contain;
                margin: 0 5px 1px 8px;
            }

        .search-list-result .search-result-breadcrumbs a {
            font-weight: 300;
            text-decoration: none;
            color: #61696f;
        }

            .search-list-result .search-result-breadcrumbs a:hover {
                text-decoration: underline;
            }

.share {
    clear: both;
    text-align: right;
    padding: 12px 15px;
    border: 1px solid #eceeef;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 40px;
    background: #fff;
}

@media only screen and (max-width: 767px) {
    .share {
        display: none;
    }
}

.share h2 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 32px;
    line-height: 2rem;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    color: #364349;
}

.share ul {
    margin: 0;
    padding: 0 0 0 5px;
    display: inline-block;
    vertical-align: middle;
    list-style: none;
}

    .share ul:before,
    .share ul:after {
        content: "";
        display: table;
        line-height: 0;
    }

    .share ul:after {
        clear: both;
    }

.share li {
    float: left;
    margin: 0;
    padding: 0 0 0 15px;
    background: none;
}

.share a {
    display: inline-block;
}

.share svg.share-facebook {
    fill: #3664a2;
}

.share svg.share-twitter {
    fill: #1da1f2;
}

.share svg.share-linkedin {
    fill: #0077b5;
}

.share svg.share-email {
    fill: #364349;
}

.share .share-linkedin-wrapper {
    position: relative;
}

    .share .share-linkedin-wrapper:after {
        content: "";
        width: 10px;
        height: 5px;
        position: absolute;
        bottom: 4px;
        right: -11px;
        background: url("../img/sm/in-tm.png");
        background-size: 100% 100%;
    }

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

.slider {
    position: relative;
    max-width: 1270px;
}

    .slider.in-page {
        max-width: 965px;
        margin: 0px auto;
    }

.slider-navigation {
    margin-top: 20px;
}

.in-page .slider-navigation {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    pointer-events: none;
}

.slider-navigation-arrows-wrapper {
    position: absolute;
    top: 45%;
    left: -25px;
    width: calc(100% + 50px);
    -webkit-transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    transform: translateY(-45%);
}

.in-page .slider-navigation-arrows-wrapper {
    top: calc(50% - 15px);
    left: 0;
    width: 100%;
    transform: translateY(0);
}

.in-page .slider-navigation-pages-wrapper {
    display: flex;
    position: absolute;
    bottom: 16px;
    width: 100%;
    justify-content: center;
}

.slider-navigation-pages-wrapper {
    padding: 0;
    list-style: none;
    margin: 0;
    font-size: 0;
}

    .slider-navigation-pages-wrapper li {
        display: inline-block;
        padding: 0;
        margin: 0;
        font-size: 0;
        background-image: none;
    }

.slider-navigation-pages {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 3px;
    font-size: 0;
    border: 0;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-clip: padding-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    pointer-events: initial;
}

    .slider-navigation-pages.is-active,
    .slider-navigation-pages:hover {
        background-color: #d9ab0d;
    }

.slider-navigation-next,
.slider-navigation-prev {
    display: block;
    position: relative;
    width: 20px;
    height: 30px;
    padding: 0;
    opacity: 1;
    border: 0;
    background: 0;
    pointer-events: initial;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .slider-navigation-next:after,
    .slider-navigation-prev:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
    }

    .slider-navigation-next:hover,
    .slider-navigation-prev:hover {
        opacity: 0.7;
    }

.slider-navigation-prev {
    float: left;
}

    .slider-navigation-prev:after {
        border-width: 15px 20px 15px 0;
        border-color: transparent #fff transparent transparent;
    }

.in-page .slider-navigation-prev {
    margin-left: 16px;
}

.slider-navigation-next {
    float: right;
}

    .slider-navigation-next:after {
        border-width: 15px 0 15px 20px;
        border-color: transparent transparent transparent #fff;
    }

.in-page .slider-navigation-next {
    margin-right: 16px;
}

.slide.is-active {
    padding: 4px;
}

.tab-content {
    position: relative;
    padding-top: 35px;
}

@media (max-width: 1024px) {
    .tab-content {
        padding: 20px 0 0;
    }
}

.tab-content::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #eceeef;
}

.is-zoomed .tab-content {
    padding: 20px 0 0;
}

@media (max-width: 1024px) {
    .tab-wrapper {
        margin-bottom: 20px;
    }
}

.tab-wrapper > h1,
.tab-wrapper > h2,
.tab-wrapper > h3,
.tab-wrapper > h4,
.tab-wrapper > h5,
.tab-wrapper > h6 {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
}

.is-zoomed .tab-wrapper {
    margin-bottom: 20px;
}

.tab-trigger {
    box-sizing: border-box;
    width: 11.6875em;
    margin-right: 15px;
    /*padding: 35px 30px 30px;*/
    color: #085da2;
    border: 1px solid #eceeef;
    border-bottom: 0;
    background-color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem;
    background-clip: padding-box;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (max-width: 1300px) {
    .tab-trigger {
        width: 8.375em;
        margin-right: 10px;
        padding: 25px 10px 20px;
    }
}

@media (max-width: 1024px) {
    .tab-trigger {
        width: 100%;
        border-bottom: 1px solid #eceeef;
    }
}

.amf-onglets {
    border-bottom: 0px !important;
}

.tab-trigger {
    margin-bottom: -7px !important;
    text-align: center;
}

    .tab-trigger .close {
        position: absolute;
        top: 0px;
        right: 5px;
    }

    .tab-trigger.is-active, .tab-trigger.active {
        color: #364349;
        background-color: #eceeef;
    }

    .tab-trigger > a {
        text-decoration: none !important;
    }

    .tab-trigger.active > a,
    .tab-trigger.active > a:focus,
    .tab-trigger.active > a:hover {
        background-color: transparent !important;
        border: 0px !important;
    }

.is-zoomed .tab-trigger {
    position: static !important;
    width: 100%;
    border-bottom: 1px solid #eceeef;
}

.table-accessibility-icons {
    max-width: 60rem;
}

    .table-accessibility-icons td:first-child,
    .table-accessibility-icons th:first-child {
        width: 100px;
        text-align: center;
    }

table.table-consultation {
    width: 100%;
    border-top: 1px solid #eceeef;
}

    table.table-consultation td {
        border-right: 0;
    }

@media (max-width: 500px) {
    table.table-consultation td {
        display: block;
        margin-bottom: 0;
        text-align: left;
        border-top: 0;
    }

        table.table-consultation td:first-child {
            padding-bottom: 0;
        }
}

table.table-consultation .btn {
    margin: 5px 0 5px 10px;
    min-width: 211px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    table.table-consultation .btn {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        text-align: center;
    }
}

table.table-consultation .btn:first-child {
    margin-left: 0;
}

table.table-consultation .btn:last-child {
    margin-bottom: 0;
}

.table-filter {
    display: flex;
    position: relative;
    margin-bottom: 23px;
    color: #61696f;
    border-radius: 5px;
    background: #eceeef;
    flex-flow: row;
    justify-content: space-between;
}

@media (max-width: 460px) {
    .table-filter {
        flex-flow: row wrap;
    }
}

@media (max-width: 600px) {
    .table-filter {
        display: block;
        padding: 20px;
    }

        .table-filter:before,
        .table-filter:after {
            content: "";
            display: table;
            line-height: 0;
        }

        .table-filter:after {
            clear: both;
        }

        .table-filter .table-filter-title,
        .table-filter .table-filter-options {
            padding: 0;
        }

        .table-filter .table-filter-options {
            margin: 15px 0;
        }
}

.table-filter.is-bulletin {
    margin-top: 60px;
}

@media (max-width: 600px) {
    .table-filter.is-bulletin .form-group {
        margin: 10px 0 0 0;
    }

        .table-filter.is-bulletin .form-group .form-control {
            padding: 0 10px;
        }

        .table-filter.is-bulletin .form-group:first-child select {
            width: 105px;
        }

    .table-filter.is-bulletin .table-filter-options {
        margin: 0 0 15px;
    }

    .table-filter.is-bulletin .btn {
        margin: 0;
        border-radius: 5px;
    }
}

.table-filter .btn {
    padding: 13px 20px 13px 25px;
    border-radius: 0 5px 5px 0;
    transition: none;
    transition: background-color 0.3s;
    flex-grow: 0;
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .table-filter .btn {
        margin-left: 25px;
        padding: 13px 20px;
        border-radius: 5px;
    }
}

.table-filter .icon-wrapper {
    margin-left: 10px;
}

@media only screen and (max-width: 767px) {
    .table-filter .icon-wrapper {
        margin-left: 6px;
    }
}

.table-filter svg {
    fill: #8fc3ea;
}

.table-filter-title {
    padding: 18px 0 18px 30px;
    margin: 0px;
    font-weight: 600;
    color: #61696f;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

@media (max-width: 500px) {
    .table-filter-title {
        padding-left: 18px;
    }
}

@media (max-width: 460px) {
    .table-filter-title {
        padding-bottom: 0;
        flex-basis: 100%;
    }
}

@media (max-width: 600px) {
    .btn-reset {
        margin: 0 20px 20px 0;
    }
}

@media (max-width: 815px) {
    .table-filter .btn-reset {
        margin-right: 33px;
    }
}

@media (max-width: 600px) {
    .table-filter .btn-reset {
        margin: 10px 0 0;
    }

    .table-filter .amf-btn-default {
        float: right;
    }
}

.table-filter-options {
    padding: 18px 0;
    flex-basis: auto;
}

@media (max-width: 460px) {
    .table-filter-options {
        flex-basis: 100%;
    }
}

.is-bulletin .table-filter-options {
    padding: 11px 40px 11px 0;
    flex: 2;
}

@media (max-width: 815px) {
    .is-bulletin .table-filter-options {
        padding-right: 30px;
    }
}

.is-bulletin .table-filter-options label {
    display: inline-block;
    margin: 0 7px 0 0;
}

.table-filter-options .form-group {
    margin-bottom: 0;
    margin-left: 40px;
}

@media (max-width: 1230px) {
    .table-filter-options .form-group {
        display: block !important;
    }

        .table-filter-options .form-group label {
            min-width: 75px;
        }

        .table-filter-options .form-group:last-child {
            margin-top: 5px;
        }
}

@media (max-width: 815px) {
    .table-filter-options .form-group {
        margin-left: 28px;
    }
}

.table-filter-options .form-group,
.table-filter-options .form-group .form-control {
    display: inline-block;
}

    .table-filter-options .form-group.has-focus:not(.is-error) .label-text,
    .table-filter-options .form-group.is-filled .label-text {
        bottom: 30px;
        background-color: #eceeef;
    }

    .table-filter-options .form-group .form-control {
        width: 140px;
        height: 37px;
    }

@media (max-width: 600px) {
    .table-filter-options .form-group .form-control {
        width: calc(100% - 87px);
    }
}

.table-filter-options .form-group select {
    background-color: #fff;
}

.table-filter-option {
    float: left;
    padding: 0 30px;
}

@media (max-width: 600px) {
    .table-filter-option {
        padding: 0 25px 0 0;
    }
}

.table-filter-option input[type="checkbox"] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

[data-state="keyboard"] .table-filter-option input[type="checkbox"]:focus + label:before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000, 0 0 0 4px #fff !important;
}

.table-filter-option input[type="checkbox"]:checked + label:before {
    background-color: #61696f;
    background-image: url("../svg/originals/check-white.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.table-filter-option label {
    display: flex;
    font-weight: 600;
    color: #085da2;
    cursor: pointer;
    align-items: center;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

    .table-filter-option label:before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        margin-right: 8px;
        border: 2px solid #61696f;
        border-radius: 2px;
        transition: 0.3s;
        flex-grow: 0;
        flex-shrink: 0;
    }

.ie10 .table-filter {
    flex-flow: row wrap;
}

@media (max-width: 640px) {
    .ie10 .table-filter .btn {
        margin-bottom: 18px;
        margin-left: 30px;
        padding: 13px 20px;
        border-radius: 5px;
    }
}

@media (max-width: 640px) {
    .ie10 .table-filter-title {
        padding-bottom: 0;
        flex-basis: 100%;
    }
}

@media (max-width: 640px) {
    .ie10 .table-filter-options {
        flex-basis: 100%;
    }
}

table.jobs {
    width: 100%;
    margin-bottom: 23px;
}

    table.jobs td:first-child {
        width: calc(100% - 150px);
    }

    table.jobs td:last-child {
        width: 150px;
    }

    table.jobs .rss-link {
        margin-left: 15px;
        border-bottom-color: #364349;
    }

        table.jobs .rss-link:hover {
            border-bottom-color: #d9ab0d;
        }

        table.jobs .rss-link .rss-wrapper {
            margin-top: -2px;
        }

        table.jobs .rss-link svg {
            fill: #d9ab0d;
        }

@media only screen and (max-width: 767px) {
    table.jobs thead th:first-child {
        border-radius: 5px 5px 0 0;
    }

    table.jobs th,
    table.jobs td {
        display: block;
        width: 100%;
    }

    table.jobs tr {
        display: flex;
        flex-flow: row wrap;
    }

    table.jobs td:first-child {
        width: 100%;
        padding-top: 5px;
        border-top: 0;
        order: 2;
    }

    table.jobs td:last-child {
        width: 100%;
        padding-bottom: 5px;
        border-top: 0;
        order: 1;
    }

    table.jobs .th-job-location {
        display: none;
    }
}

table.jobs.is-bulletin .th-job-title {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

@media only screen and (max-width: 767px) {
    table.jobs.is-bulletin td {
        padding: 15px;
    }
}

table.jobs.is-bulletin tbody .job-location {
    position: relative;
    padding-left: 55px;
    color: #364349;
}

table.jobs.is-bulletin tbody a {
    display: block;
    margin-bottom: 7px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem;
}

@media only screen and (max-width: 767px) {
    table.jobs.is-bulletin tbody a {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 22px;
        line-height: 1.375rem;
    }
}

table.jobs.is-bulletin tbody .icon-wrapper {
    position: absolute;
    top: 12px;
    left: 0;
}

table.jobs td {
    padding: 30px;
}

table.jobs th {
    font-weight: 700;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 22px;
    line-height: 1.375rem;
}

table.jobs tbody a {
    text-decoration: none;
}

    table.jobs tbody a:hover {
        text-decoration: underline;
    }

.job-title a {
    font-weight: 600;
    color: #085da2;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

.job-date {
    font-weight: 300;
    color: #364349;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

@media (max-width: 460px) {
    .job-date span {
        display: block;
    }
}

.job-location {
    position: relative;
    padding-left: 26px;
    font-weight: 400;
    color: #61696f;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 15px;
    line-height: 0.9375rem;
}

    .job-location .icon-wrapper {
        position: absolute;
        top: -2px;
        left: 0;
    }

    .job-location svg {
        fill: #d9ab0d;
    }

@media only screen and (max-width: 767px) {
    .ie10 tr {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
    }

    .ie10 td:first-child {
        box-sizing: border-box;
        max-width: 100%;
        flex-basis: 100%;
    }

    .ie10 td:last-child {
        box-sizing: border-box;
        max-width: 100%;
        flex-basis: 100%;
    }
}

.table-order {
    overflow: visible;
    width: 100%;
    margin-bottom: 20px;
    border: 0;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    border-radius: 0;
}

@media only screen and (max-width: 767px) {
    .table-order thead {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
}

.table-order thead th {
    padding: 23px 40px;
    font-weight: 700;
    text-transform: uppercase;
    color: #364349;
    border: 0;
    background: 0;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 13px;
    line-height: 0.8125rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .table-order thead th {
        padding-left: 20px;
    }
}

.table-order .order-image {
    display: inline-block;
    text-align: center;
    margin-right: 40px;
    width: 70px;
    vertical-align: middle;
}

@media (max-width: 1023px) {
    .table-order .order-image {
        margin-right: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .table-order .order-image {
        height: 20px;
        float: left;
    }

        .table-order .order-image img {
            position: relative;
        }
}

.table-order .order-title {
    display: inline-block;
    max-width: calc(100% - 120px);
    vertical-align: middle;
}

@media (max-width: 1023px) {
    .table-order .order-title {
        max-width: calc(100% - 110px);
    }
}

.table-order tbody tr:first-child .order-cell {
    border-top: 1px solid #eceeef;
}

.table-order tbody .order-cell {
    padding: 20px 40px;
    border-right: 0;
    border-bottom: 1px solid #eceeef;
    border-top: 0;
}

@media (max-width: 1023px) {
    .table-order tbody .order-cell {
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .table-order tbody .order-cell {
        width: 100% !important;
    }
}

.table-order tbody .order-cell:first-child {
    border-left: 1px solid #eceeef;
    padding-right: 0;
}

    .table-order tbody .order-cell:first-child img {
        min-width: 70px;
    }

@media only screen and (max-width: 767px) {
    .table-order tbody .order-cell:first-child {
        float: left;
        top: 0;
        left: 0;
        width: 90px;
        padding: 15px 0 15px 15px;
    }
}

@media (max-width: 840px) {
    .table-order tbody .order-cell.h3 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 22px;
        line-height: 1.375rem;
    }
}

@media only screen and (max-width: 767px) {
    .table-order tbody .order-cell.h3 {
        width: calc(100% - 95px);
        margin: 0;
        padding-bottom: 0;
        padding-right: 0;
    }
}

.table-order tbody .order-cell:last-child {
    border-right: 1px solid #eceeef;
    border-left: 0;
}

@media only screen and (max-width: 767px) {
    .table-order tbody .order-cell:last-child {
        padding-right: 0;
        width: calc(100% - 95px);
        float: right;
    }
}

.table-order tbody tr:last-child .order-cell:last-child {
    border-bottom: 1px solid #eceeef;
}

@media only screen and (max-width: 767px) {
    .table-order tr {
        border-top: 1px solid #eceeef;
        min-height: 192px;
        clear: both;
        width: 100%;
        position: relative;
    }

        .table-order tr:nth-child(even) {
            background-color: #f5f7f7;
        }

        .table-order tr:last-child {
            border-bottom: 1px solid #eceeef;
        }
}

@media only screen and (max-width: 767px) {
    .table-order .order-cell {
        display: inline-block;
        vertical-align: top;
        border: 0 !important;
    }
}

.order-action {
    position: relative;
    padding-right: 5.5em;
}

@media only screen and (max-width: 767px) {
    .order-action {
        float: left;
        padding-left: 90px;
    }
}

@media (max-width: 1023px) {
    .order-action {
        padding-right: 4.5em;
    }
}

.order-action .btn {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.order-counter {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: 2px solid #eceeef;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

@media only screen and (max-width: 767px) {
    .order-counter {
        width: 95px;
    }
}

.order-counter-display {
    width: 125px;
    padding: 17px 37px 17px 0;
    text-align: center;
    color: #61696f;
}

@media only screen and (max-width: 767px) {
    .order-counter-display {
        padding-right: 68px;
    }
}

.order-counter-plus,
.order-counter-minus {
    position: absolute;
    right: 0;
    width: 35px;
    height: 50%;
    padding: 0;
    border: 0;
    border-left: 2px solid #eceeef;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
}

    .order-counter-plus svg,
    .order-counter-minus svg {
        fill: #085da2;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .order-counter-plus:hover svg,
    .order-counter-minus:hover svg {
        fill: #364349;
    }

.order-counter-plus {
    top: 0;
    border-bottom: 2px solid #eceeef;
}

.order-counter-minus {
    bottom: 0;
}

@media only screen and (max-width: 767px) {
    .order-qty {
        margin-bottom: 50px;
        margin-left: 95px;
    }
}

.table-order-footer {
    margin-top: 25px;
}

    .table-order-footer:before,
    .table-order-footer:after {
        content: "";
        display: table;
        line-height: 0;
    }

    .table-order-footer:after {
        clear: both;
    }

@media (max-width: 530px) {
    .table-order-footer {
        position: relative;
        margin-bottom: 5em;
    }
}

.table-order-footer .with-arrow.arrow-back {
    color: #085da2;
}

    .table-order-footer .with-arrow.arrow-back:before {
        display: none;
    }

@media (max-width: 530px) {
    .table-order-footer .amf-btn-default-arrow,
    .table-order-footer a {
        float: none !important;
        width: 100%;
        text-align: center;
    }
}

.table-order-footer a {
    float: left;
}

@media (max-width: 530px) {
    .table-order-footer a {
        position: absolute;
        top: 3.75em;
        left: 0;
    }
}

.table-order-footer .amf-btn-default-arrow {
    float: right;
}

@media (max-width: 1400px) {
    .is-fontzoombigger-195 .table-order thead {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

        .is-fontzoombigger-195 .table-order thead th {
            padding-left: 20px;
        }

    .is-fontzoombigger-195 .table-order .order-image {
        margin-right: 25px;
        height: 20px;
        float: left;
    }

        .is-fontzoombigger-195 .table-order .order-image img {
            position: relative;
        }

    .is-fontzoombigger-195 .table-order .order-title {
        max-width: calc(100% - 110px);
    }

    .is-fontzoombigger-195 .table-order tbody .order-cell {
        padding: 20px;
        width: 100% !important;
    }

        .is-fontzoombigger-195 .table-order tbody .order-cell:first-child {
            float: left;
            top: 0;
            left: 0;
            width: 90px;
            padding: 15px 0 15px 15px;
        }

        .is-fontzoombigger-195 .table-order tbody .order-cell.h3 {
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 22px;
            line-height: 1.375rem;
            width: calc(100% - 95px);
            margin: 0;
            padding-bottom: 0;
            padding-right: 0;
        }

        .is-fontzoombigger-195 .table-order tbody .order-cell:last-child {
            padding-right: 0;
            width: calc(100% - 95px);
            float: right;
        }

    .is-fontzoombigger-195 .table-order tr {
        border-top: 1px solid #eceeef;
        min-height: 192px;
        clear: both;
        width: 100%;
        position: relative;
    }

        .is-fontzoombigger-195 .table-order tr:nth-child(even) {
            background-color: #f5f7f7;
        }

        .is-fontzoombigger-195 .table-order tr:last-child {
            border-bottom: 1px solid #eceeef;
        }

    .is-fontzoombigger-195 .table-order .order-cell {
        display: inline-block;
        vertical-align: top;
        border: 0 !important;
    }

    .is-fontzoombigger-195 .order-action {
        float: left;
        padding-left: 90px;
        padding-right: 4.5em;
    }

    .is-fontzoombigger-195 .order-counter {
        width: 95px;
    }

    .is-fontzoombigger-195 .order-counter-display {
        padding-right: 68px;
    }

    .is-fontzoombigger-195 .order-qty {
        margin-bottom: 50px;
        margin-left: 95px;
    }
}

@media (max-width: 1200px) {
    .is-fontzoombigger-145 .table-order thead {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

        .is-fontzoombigger-145 .table-order thead th {
            padding-left: 20px;
        }

    .is-fontzoombigger-145 .table-order .order-image {
        margin-right: 25px;
        height: 20px;
        float: left;
    }

        .is-fontzoombigger-145 .table-order .order-image img {
            position: relative;
        }

    .is-fontzoombigger-145 .table-order .order-title {
        max-width: calc(100% - 110px);
    }

    .is-fontzoombigger-145 .table-order tbody .order-cell {
        padding: 20px;
        width: 100% !important;
    }

        .is-fontzoombigger-145 .table-order tbody .order-cell:first-child {
            float: left;
            top: 0;
            left: 0;
            width: 90px;
            padding: 15px 0 15px 15px;
        }

        .is-fontzoombigger-145 .table-order tbody .order-cell.h3 {
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 22px;
            line-height: 1.375rem;
            width: calc(100% - 95px);
            margin: 0;
            padding-bottom: 0;
            padding-right: 0;
        }

        .is-fontzoombigger-145 .table-order tbody .order-cell:last-child {
            padding-right: 0;
            width: calc(100% - 95px);
            float: right;
        }

    .is-fontzoombigger-145 .table-order tr {
        border-top: 1px solid #eceeef;
        min-height: 192px;
        clear: both;
        width: 100%;
        position: relative;
    }

        .is-fontzoombigger-145 .table-order tr:nth-child(even) {
            background-color: #f5f7f7;
        }

        .is-fontzoombigger-145 .table-order tr:last-child {
            border-bottom: 1px solid #eceeef;
        }

    .is-fontzoombigger-145 .table-order .order-cell {
        display: inline-block;
        vertical-align: top;
        border: 0 !important;
    }

    .is-fontzoombigger-145 .order-action {
        float: left;
        padding-left: 90px;
        padding-right: 4.5em;
    }

    .is-fontzoombigger-145 .order-counter {
        width: 95px;
    }

    .is-fontzoombigger-145 .order-counter-display {
        padding-right: 68px;
    }

    .is-fontzoombigger-145 .order-qty {
        margin-bottom: 50px;
        margin-left: 95px;
    }
}

@media (max-width: 1110px) {
    .is-fontzoombigger-115 .table-order thead {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

        .is-fontzoombigger-115 .table-order thead th {
            padding-left: 20px;
        }

    .is-fontzoombigger-115 .table-order .order-image {
        margin-right: 25px;
        height: 20px;
        float: left;
    }

        .is-fontzoombigger-115 .table-order .order-image img {
            position: relative;
        }

    .is-fontzoombigger-115 .table-order .order-title {
        max-width: calc(100% - 110px);
    }

    .is-fontzoombigger-115 .table-order tbody .order-cell {
        padding: 20px;
        width: 100% !important;
    }

        .is-fontzoombigger-115 .table-order tbody .order-cell:first-child {
            float: left;
            top: 0;
            left: 0;
            width: 90px;
            padding: 15px 0 15px 15px;
        }

        .is-fontzoombigger-115 .table-order tbody .order-cell.h3 {
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 22px;
            line-height: 1.375rem;
            width: calc(100% - 95px);
            margin: 0;
            padding-bottom: 0;
            padding-right: 0;
        }

        .is-fontzoombigger-115 .table-order tbody .order-cell:last-child {
            padding-right: 0;
            width: calc(100% - 95px);
            float: right;
        }

    .is-fontzoombigger-115 .table-order tr {
        border-top: 1px solid #eceeef;
        min-height: 192px;
        clear: both;
        width: 100%;
        position: relative;
    }

        .is-fontzoombigger-115 .table-order tr:nth-child(even) {
            background-color: #f5f7f7;
        }

        .is-fontzoombigger-115 .table-order tr:last-child {
            border-bottom: 1px solid #eceeef;
        }

    .is-fontzoombigger-115 .table-order .order-cell {
        display: inline-block;
        vertical-align: top;
        border: 0 !important;
    }

    .is-fontzoombigger-115 .order-action {
        float: left;
        padding-left: 90px;
        padding-right: 4.5em;
    }

    .is-fontzoombigger-115 .order-counter {
        width: 95px;
    }

    .is-fontzoombigger-115 .order-counter-display {
        padding-right: 68px;
    }

    .is-fontzoombigger-115 .order-qty {
        margin-bottom: 50px;
        margin-left: 95px;
    }
}

@media (max-width: 419px) {
    .is-zoomed.is-fontzoombigger-145 .order-image {
        display: none;
    }

    .is-zoomed.is-fontzoombigger-145 .order-action {
        padding-left: 0;
    }
}

@media screen and (max-width: 360px) {
    .is-zoomed.is-fontbigger-16 .l-page-wrapper,
    .is-zoomed.is-fontbigger-17 .l-page-wrapper,
    .is-zoomed.is-fontbigger-18 .l-page-wrapper,
    .is-zoomed.is-fontbigger-19 .l-page-wrapper,
    .is-zoomed.is-fontbigger-20 .l-page-wrapper,
    .is-zoomed.is-fontzoombigger-105 .l-page-wrapper,
    .is-zoomed.is-fontzoombigger-110 .l-page-wrapper,
    .is-zoomed.is-fontzoombigger-115 .l-page-wrapper,
    .is-zoomed.is-fontzoombigger-120 .l-page-wrapper,
    .is-zoomed.is-fontzoombigger-125 .l-page-wrapper,
    .is-zoomed.is-fontzoombigger-130 .l-page-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.table-wrapper {
    margin: 30px 0;
}

@media only screen and (max-width: 767px) {
    .table-wrapper {
        overflow-x: auto;
        width: 100%;
    }

        .table-wrapper > span {
            display: block;
        }
}

.table-wrapper > span {
    display: none;
}

.table-wrapper table {
    width: 100%;
    margin: 0;
}

table {
    margin: 30px 0;
    border: 1px solid #eceeef;
    border-spacing: 0;
    border-collapse: separate;
}

td,
th {
    padding: 15px;
}

    td.align-right,
    th.align-right {
        text-align: right;
    }

td {
    border-top: 1px solid #eceeef;
    border-right: 1px solid #eceeef;
    background-color: #fff;
}

    td,
    td p {
        color: #61696f;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 20px;
        line-height: 1.25rem;
    }

        td:last-child {
            border-right: 0;
        }

thead th,
tbody .thead th {
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    border-right: 1px solid #61696f;
    border-bottom: 1px solid #61696f;
    background-color: #364349;
}

    thead th p,
    thead th button,
    tbody .thead th p,
    tbody .thead th button {
        text-align: left;
        text-transform: uppercase;
        color: #fff;
    }

    thead th:first-child,
    tbody .thead th:first-child {
        background-clip: padding-box;
        -webkit-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0;
    }

    thead th:last-child,
    tbody .thead th:last-child {
        background-clip: padding-box;
        -webkit-border-radius: 0 5px 0 0;
        border-radius: 0 5px 0 0;
    }

        thead th:last-child td,
        tbody .thead th:last-child td {
            border-right: 0;
        }

    thead th:first-child:last-child,
    tbody .thead th:first-child:last-child {
        background-clip: padding-box;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

tbody th {
    font-weight: 600;
    text-align: left;
    border-top: 1px solid #eceeef;
    border-right: 1px solid #eceeef;
    background-color: #fff;
}

    tbody th p {
        font-weight: 600;
    }

tbody tr:nth-child(even) td,
tbody tr:nth-child(even) th,
tbody tr.force-even td,
tbody tr.force-even th {
    background-color: #f5f7f7;
}

.folder tbody tr:nth-child(even) td,
.folder tbody tr:nth-child(even) th,
.folder tbody tr.force-even td,
.folder tbody tr.force-even th {
    background-color: #fbfbfb;
}

tbody tr.force-odd td,
tbody tr.force-odd th {
    background-color: #fff;
}

tbody tr:first-child td,
tbody tr:first-child th,
tbody tr.force-first td,
tbody tr.force-first th {
    border-top: 0;
}

table.desktop-table {
    width: 100%;
    margin: 30px 0;
}

@media only screen and (max-width: 767px) {
    table.desktop-table {
        display: none;
    }
}

.mobile-tables {
    margin: 30px 0;
}

@media (min-width: 768px) {
    .mobile-tables {
        display: none;
    }
}

.mobile-table {
    width: 100%;
}

.mobile-tables--no-title .mobile-table {
    border-top: 1px solid #eceeef;
}

.mobile-tables .mobile-table:nth-child(even) .mobile-table--row {
    background-color: #f5f7f7;
}

.folder .mobile-tables .mobile-table:nth-child(even) .mobile-table--row {
    background-color: #fbfbfb;
}

.mobile-tables .mobile-table:nth-child(odd) .mobile-table--row {
    background-color: #fff;
}

.mobile-table + .mobile-table {
    margin-top: 10px;
}

.mobile-table--title {
    font-weight: 400;
    text-align: left;
    color: #fff;
    border: 1px solid #61696f;
    background-color: #364349;
    padding: 15px;
    background-clip: padding-box;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

    .mobile-table--title a,
    .mobile-table--title p,
    .mobile-table--title .tooltip {
        color: #fff;
        font-weight: 400;
    }

    .mobile-table--title .is-external svg {
        fill: #8fc3ea;
    }

.mobile-table--row {
    border: 1px solid #eceeef;
    border-top: none;
    padding: 15px;
}

    .mobile-table--row,
    .mobile-table--row p,
    .mobile-table--row .tooltip {
        color: #61696f;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 20px;
        line-height: 1.25rem;
    }

        .mobile-table--row :last-child {
            margin-bottom: 0;
        }

.mobile-table--row-title {
    display: block;
    font-weight: 600;
}

    .mobile-table--row-title a,
    .mobile-table--row-title p,
    .mobile-table--row-title .tooltip {
        font-weight: 600;
    }

    .mobile-table--row-title + * {
        margin-top: 0;
    }

.mobile-tables--no-title .mobile-table--row {
    border-bottom: 0;
    padding-bottom: 0;
    border-color: #d0d4d7;
}

    .mobile-tables--no-title .mobile-table--row:last-child {
        border-bottom: 1px solid #d0d4d7;
        padding-bottom: 15px;
    }

.mobile-tables--no-title .mobile-table {
    border-top: 1px solid #d0d4d7;
}

.mobile-tables .inline-title .mobile-table--row-title {
    float: left;
}

    .mobile-tables .inline-title .mobile-table--row-title:before,
    .mobile-tables .inline-title .mobile-table--row-title:after {
        content: "";
        display: table;
        line-height: 0;
    }

    .mobile-tables .inline-title .mobile-table--row-title:after {
        clear: both;
    }

.mobile-tables .inline-title .mobile-table--row {
    text-align: right;
}

.mobile-tables .inline-title :first-child.mobile-table--tag-th {
    text-align: left;
    font-weight: 600;
}

    .mobile-tables .inline-title :first-child.mobile-table--tag-th .mobile-table--row-title {
        display: none;
    }

.tooltip {
    display: inline-block;
    position: relative;
    font-weight: 600;
    text-decoration: none;
    color: #364349;
    border-bottom: 0;
    cursor: help;
}

thead .tooltip {
    text-align: left;
    color: #fff;
}

.tooltip.is-flipped [data-js="tooltip-content"]:after {
    right: 30px;
    left: auto;
}

.form-group .tooltip {
    margin-left: 8px;
}

.tooltip-title {
    display: block;
    font-weight: 600;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem;
}

.tooltip-q-mark .tooltip-title {
    margin-bottom: 15px;
}

[data-js="tooltip-trigger"] {
    display: inline-block;
    padding: 0;
    text-align: left;
    border: 0;
    background: 0;
}

    [data-js="tooltip-trigger"] > span {
        display: inline-block;
        border-bottom: 2px dotted #d9ab0d;
    }

.panel [data-js="tooltip-trigger"] {
    border-color: #182226;
}

.table-wrapper th.has-dark-bg [data-js="tooltip-trigger"] {
    color: #f9f5df;
    border-bottom: 2px dotted #f9f5df;
}

.tooltip-q-mark [data-js="tooltip-trigger"] {
    width: 39px;
    height: 39px;
    background-color: #d0d4d7;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-clip: padding-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

    .tooltip-q-mark [data-js="tooltip-trigger"] > span {
        display: inline;
        border-bottom: 0;
    }

.form-group .tooltip-q-mark [data-js="tooltip-trigger"] {
    width: 29px;
    height: 29px;
}

.tooltip-q-mark.is-open [data-js="tooltip-trigger"] {
    background-color: #085da2;
}

    .tooltip-q-mark.is-open [data-js="tooltip-trigger"] svg {
        fill: #f5f7f7;
    }

[data-js="tooltip-trigger"] svg {
    fill: #085da2;
}

.q-mark {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    line-height: 0;
    background-image: url("../img/q-mark.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
}

.is-open .q-mark {
    background-image: url("../img/q-mark-hover.png");
}

.form-group .q-mark {
    background-size: 7px;
}

.q-mark .q-mark-a11y {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

[data-js="tooltip-content"] {
    display: none;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 25em;
    padding: 30px 30px 25px;
    font-weight: 400;
    color: #364349;
    border-radius: 5px;
    background-color: #f4e6b7;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
}

    [data-js="tooltip-content"] .content-text {
        display: block;
    }

.tooltip-q-mark [data-js="tooltip-content"] {
    padding: 20px 20px 25px;
    background-color: #c2e1f6;
}

    .tooltip-q-mark [data-js="tooltip-content"]:after {
        display: none;
    }

[data-js="tooltip-content"]:before,
[data-js="tooltip-content"]:after {
    content: "";
    display: block;
    position: absolute;
}

[data-js="tooltip-content"]:before {
    bottom: -14px;
    left: 0;
    width: 100%;
    height: 14px;
}

.tooltip-q-mark [data-js="tooltip-content"]:before {
    bottom: -19px;
    height: 19px;
}

[data-js="tooltip-content"]:after {
    right: auto;
    bottom: -11px;
    left: 30px;
    width: 0;
    height: 0;
    border-width: 12px 11px 0;
    border-style: solid;
    border-color: #f9d66e transparent transparent;
}

[data-js="tooltip-content"].has-x {
    padding-right: 50px;
    background-image: url("../svg/originals/x.svg");
    background-repeat: no-repeat;
    background-position: 97% 10px;
    background-size: 10px;
}

[data-js="tooltip-content"].is-fixed {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100vw;
    border-radius: 5px 5px 0 0;
    z-index: 9999999999;
}

[data-js="tooltip-content"] span.bullet {
    padding-left: 16px;
    background-image: url("../svg/originals/puce.svg");
    background-position: left 9px;
    background-repeat: no-repeat;
    display: block;
}

    [data-js="tooltip-content"] span.bullet:first-of-type {
        margin-top: 10px;
    }

    [data-js="tooltip-content"] span.bullet:last-of-type {
        margin-bottom: 10px;
    }

.btn-fermeture {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    background: none;
    border: 0;
    padding: 15px;
}

    .btn-fermeture::before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        background-image: url("../svg/originals/x.svg");
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

.tooltip-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    background-color: #444444;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

@media screen and (max-width: 370px) {
    [data-js="tooltip-content"] {
        width: 83vw;
    }

    .tooltip.tooltip-q-mark {
        position: static;
    }
}

.ui-widget {
    display: block;
    background-color: rgba(0, 0, 0, 0.85);
}

.ui-menu .ui-widget-content {
    border: 0;
}

.ui-menu .ui-menu-item {
    padding-left: 0;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background-image: none;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
}

    .ui-menu .ui-menu-item .ui-menu-item-wrapper {
        padding: 10px 8px 10px 10px;
        border: 0;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
            background-color: rgba(255, 255, 255, 0.15);
        }

    .ui-menu .ui-menu-item:last-child {
        border-bottom: 0;
    }

.ui-menu .ui-menu-item-wrapper {
    padding: 0;
}

.ui-menu .ui-state-active {
    margin: 0;
}

.widget {
    width: 100%;
    margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
    .widget {
        margin-top: 15px;
    }
}

.widget .facet-folder {
    position: relative;
}

    .widget .facet-folder h3 {
        margin: 0;
        padding: 0;
    }

.widget form {
    padding: 0;
}

.widget .widget-header {
    overflow: auto;
    padding: 15px;
    border-radius: 5px 5px 0 0;
    background-color: #eceeef;
}

    .widget .widget-header .widget-title {
        display: inline-block;
        margin: 0;
        font-weight: 600;
        color: #61696f;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 21px;
        line-height: 1.3125rem;
    }

    .widget .widget-header .widget-reset {
        display: inline-block;
        float: right;
        padding: 0;
        font-weight: 600;
        color: #085da2;
        border: 0;
        background: none;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 21px;
        line-height: 1.3125rem;
    }

        .widget .widget-header .widget-reset .icon-wrapper {
            margin-top: -4px;
            margin-left: 5px;
        }

        .widget .widget-header .widget-reset svg {
            fill: #085da2;
        }

.widget .widget-trigger {
    position: relative;
    width: 100%;
    min-height: 50px;
    padding: 0 30px 0 12px;
    text-align: left;
    border: solid 1px #eceeef;
    border-top: 0;
    background: #fff;
}

    .widget .widget-trigger span,
    .widget .widget-trigger label,
    .widget .widget-trigger em {
        display: inline-block;
        color: #364349;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px;
        line-height: 1.25rem;
    }

    .widget .widget-trigger em {
        margin-left: 5px;
        font-weight: 300;
    }

    .widget .widget-trigger:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 16px;
        width: 14px;
        height: 8px;
        margin-top: -4px;
        background: url("../svg/originals/arrow-down.svg");
    }

.widget .widget-folder {
    border-bottom: solid 1px #eceeef;
}

.widget .options-filter {
    position: relative;
    margin-bottom: 1px;
    padding: 12px;
    background: #e1eff8;
}

    .widget .options-filter input[type="checkbox"] {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

[data-state="keyboard"] .widget .options-filter input[type="checkbox"]:focus + label:before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000, 0 0 0 4px #fff !important;
}

.widget .options-filter input[type="checkbox"]:checked + label:before {
    border: 2px solid #364349;
    background-color: #364349;
    background-image: url("../svg/originals/check-white.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.widget .options-filter input[type="checkbox"][disabled] + label {
    color: #61696f;
}

.widget .options-filter label {
    display: block;
    position: relative;
    padding-left: 23px;
    font-weight: 400;
    color: #61696f;
    cursor: pointer;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
}

    .widget .options-filter label em {
        margin-left: 5px;
    }

    .widget .options-filter label:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 2px;
        left: 0;
        width: 14px;
        height: 14px;
        margin-right: 8px;
        border: 2px solid #61696f;
        border-radius: 2px;
        transition: 0.3s;
    }

.widget .options-filter:last-child {
    margin-bottom: 0;
}

.widget [type="submit"] {
    width: 100%;
    text-align: right;
    border-radius: 0 0 5px 5px;
}

    .widget [type="submit"] svg {
        fill: #8fc3ea;
    }

.btn-widget-filter {
    display: none;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .btn-widget-filter {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .btn-widget-filter {
        display: block;
    }
}

.btn-widget-filter svg {
    fill: #8fc3ea;
}

.widget .is-active .widget-trigger {
    background: #d0d4d7;
}

    .widget .is-active .widget-trigger span,
    .widget .is-active .widget-trigger label,
    .widget .is-active .widget-trigger em {
        font-weight: 600;
    }

    .widget .is-active .widget-trigger:after {
        background-image: url("../svg/originals/arrow-up.svg");
    }

.is-zoomed .widget .is-active .widget-trigger {
    height: auto;
    padding-right: 30px;
}

.radio-field-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.radio-field + .radio-field {
    margin-left: 1em;
}

.section-info-demande {
    padding-top: 15px;
    padding-left: 65%;
}

#info-date-impression {
    margin-bottom: 50px;
}

.encadre {
    background-color: #F5F7F7;
    float: left;
    width: 100%;
    padding: 30px;
    
}

.h4-dans-encadre {
    font-family: Open Sans;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #364349;
    margin-top: 0rem;
    margin-right: 0rem;
    margin-bottom: 1.125rem;
    margin-left: 0rem;
}

.p-dans-encadre {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    color: #61696f;
    margin-top: 1.125rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
}

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