@charset "UTF-8";

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

/*! nouislider - 9.2.0 - 2017-01-11 10:35:35 */
.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;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: top .3s, right .3s, bottom .3s, left .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base,
.noUi-handle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connect {
    background: #3fb8af;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    transition: background .45s
}

.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:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled].noUi-handle,
[disabled] .noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}

.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: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding-left: 25px
}

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

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 120%
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: montserrat;
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-extrabold.eot);
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-extrabold.eot?#iefix) format("embedded-opentype"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-extrabold.woff2) format("woff2"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-extrabold.woff) format("woff"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-extrabold.svg#montserratextrabold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: montserrat;
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-extrabolditalic.eot);
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-extrabolditalic.eot?#iefix) format("embedded-opentype"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-extrabolditalic.woff2) format("woff2"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-extrabolditalic.woff) format("woff"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-extrabolditalic.svg#montserratextrabold_italic) format("svg");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: montserrat;
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-bold.eot);
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-bold.eot?#iefix) format("embedded-opentype"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-bold.woff2) format("woff2"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-bold.woff) format("woff"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-bold.svg#montserratbold) format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: montserrat;
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-bolditalic.eot);
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-bolditalic.eot?#iefix) format("embedded-opentype"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-bolditalic.woff2) format("woff2"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-bolditalic.woff) format("woff"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-bolditalic.svg#montserratbold_italic) format("svg");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: montserrat;
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-regular.eot);
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-regular.eot?#iefix) format("embedded-opentype"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-regular.woff2) format("woff2"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-regular.woff) format("woff"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-regular.svg#montserratregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: montserrat;
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-italic.eot);
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-italic.eot?#iefix) format("embedded-opentype"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-italic.woff2) format("woff2"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-italic.woff) format("woff"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-italic.svg#montserratitalic) format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: montserrat;
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-light.eot);
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-light.eot?#iefix) format("embedded-opentype"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-light.woff2) format("woff2"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-light.woff) format("woff"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-light.svg#montserratlight) format("svg");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: montserrat;
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-lightitalic.eot);
    src: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-lightitalic.eot?#iefix) format("embedded-opentype"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-lightitalic.woff2) format("woff2"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-lightitalic.woff) format("woff"), url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/assets/fonts/montserrat-lightitalic.svg#montserratlight_italic) format("svg");
    font-weight: 200;
    font-style: italic
}

* {
    box-sizing: border-box
}

html {
    position: relative;
    font-size: 16px;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html.no-scroll {
    overflow: hidden;
    height: auto
}

body {
    position: relative;
    font-size: 16px;
    height: 100%;
    margin: 0;
    font-family: montserrat, Arial, sans-serif;
    background-color: #f1f4f8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: url(../../assets/images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden
}

body.no-scroll {
    overflow: hidden;
    height: auto
}

@media (min-device-pixel-ratio:2) {
    body {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto
    }
}

::-moz-selection {
    color: #fff;
    background: #e68624
}

::selection {
    color: #fff;
    background: #e68624
}

p,
ul {
    margin: 0
}

.mobile-only {
    display: block
}

@media screen and (min-width:1024px) {
    .mobile-only {
        display: none
    }
}

.desktop-only {
    display: none
}

@media screen and (min-width:1024px) {
    .desktop-only {
        display: block
    }
}

.tiny-text {
    font-size: .75rem
}

.small-text {
    font-size: .875rem
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.italic {
    font-style: italic
}

.light-text {
    font-weight: 300
}

.color-white {
    color: #fff
}

.color-black {
    color: #000
}

.color-red {
    color: #e68624
}

.background-blue {
    background-color: #d1dce9
}

.hidden {
    display: none !important
}

.card-padding {
    padding: 0 8px
}

.full-height {
    height: 100%
}

.with-padding {
    padding: 20px
}

.with-padding.no-padding-bottom {
    padding-bottom: 0
}

.page-container {
    max-width: 100%;
    height: 100%;
    padding-bottom: 65px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

@media screen and (min-width:1024px) {
    .page-container {
        padding-bottom: 0;
        padding-left: 60px
    }
}

.page-container.no-overflow-x {
    overflow-x: hidden;
    overflow-y: hidden
}

.wrapper-site {
    display: block;
    position: relative;
    width: 100%
}

.wrapper-site.decal-top {
    margin-top: -30px;
    z-index: 1
}



@media screen and (min-width:1024px) {
    .main-content {
        width: 75%
    }
}

.wrap-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .wrap-page {
        padding: 0 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width:1024px) and (max-width:1140px) {
    .wrap-page {
        max-width: 980px
    }
}

@media screen and (min-width:1140px) {
    .wrap-page {
        max-width: 1140px
    }
}

.col-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

.content-main {
    display: block;
    position: relative;
    width: 100%;
    height: auto
}

.page-header {
    margin: 50px 0
}

.wrapper-block {
    display: block;
    height: auto;
    width: 100%;
    min-height: 100%
}

.container-site {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
    padding: 0 15px
}

.container-site.no-relative {
    position: static
}

@media screen and (min-width:1024px) and (max-width:1140px) {
    .container-site {
        max-width: 980px
    }
}

@media screen and (min-width:1024px) {
    .wrapper-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .wrapper-flex.align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .wrapper-flex.vertically-centered {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .wrapper-flex.full-height {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .wrapper-flex.space-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .wrapper-flex.wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .wrapper-flex .link-read {
        margin-left: 50px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .wrapper-flex .column {
        width: 50%
    }

    .wrapper-flex .column.flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .wrapper-flex .column+.column {
        margin-left: 60px
    }
}

@media screen and (min-width:1024px) {
    .wrapper-flex .column {
        width: 50%
    }
}

.wrapper-flex .column+.column {
    margin-top: 30px
}

@media screen and (min-width:1024px) {
    .wrapper-flex .column+.column {
        margin-top: 0;
        margin-left: 60px
    }
}

.inline-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inline-flex+.inline-flex {
    margin-top: 30px
}

.inline-flex.relative {
    position: relative
}

.inline-flex.align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.inline-flex.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.inline-flex.no-margin {
    margin: 0
}

.inline-flex.full-width {
    width: 100%
}

[data-tooltip] {
    position: relative
}

[data-tooltip]:focus {
    outline: none
}

[data-tooltip]:focus:before {
    font-size: .75rem;
    top: 100%;
    min-width: 100px;
    padding: 5px;
    content: attr(data-tooltip);
    font-family: montserrat, Arial, sans-serif;
    font-weight: 300;
    text-align: center;
    font-style: italic;
    color: #00101c;
    white-space: nowrap
}

[data-tooltip]:focus:after,
[data-tooltip]:focus:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

[data-tooltip]:focus:after {
    top: calc(100% - 10px);
    border: 5px solid transparent;
    border-bottom-color: #d1dce9
}

@media screen and (min-width:1024px) {
    [data-tooltip]:hover:before {
        font-size: .75rem;
        top: 100%;
        min-width: 100px;
        padding: 5px;
        content: attr(data-tooltip);
        font-family: montserrat, Arial, sans-serif;
        font-weight: 300;
        text-align: center;
        font-style: italic;
        color: #00101c;
        white-space: nowrap
    }

    [data-tooltip]:hover:after,
    [data-tooltip]:hover:before {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    [data-tooltip]:hover:after {
        top: calc(100% - 10px);
        border: 5px solid transparent;
        border-bottom-color: #d1dce9
    }
}

.wrapper-content {
    margin-top: 30px
}

@media screen and (min-width:1024px) {
    .wrapper-content {
        margin-top: 50px
    }
}

.iframe-wrapper {
    position: relative;
    overflow: hidden
}

.iframe-wrapper:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 56.25%
}

.iframe-wrapper>.content-ratio,
.iframe-wrapper>iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    width: 100%;
    margin: 0
}

.iframe-process {
    display: block;
    position: relative;
    margin: 0 auto
}

.wrapper-loader {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: hsla(0, 0%, 100%, .6);
    z-index: 2
}

.wrapper-loader .loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 32px;
    width: 32px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wrapper-loader .icon-loader {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-animation: rotate .8s infinite;
    animation: rotate .8s infinite
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes line1transition {
    0% {
        top: 0
    }

    50% {
        top: 10px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 10px
    }
}

@keyframes line1transition {
    0% {
        top: 0
    }

    50% {
        top: 10px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 10px
    }
}

@-webkit-keyframes line2transition {
    0% {
        top: 9px
    }

    50% {
        top: 10px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 10px
    }
}

@keyframes line2transition {
    0% {
        top: 9px
    }

    50% {
        top: 10px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 10px
    }
}

@-webkit-keyframes line3transition {
    0% {
        top: 18px
    }

    50% {
        top: 10px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 10px
    }
}

@keyframes line3transition {
    0% {
        top: 18px
    }

    50% {
        top: 10px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 10px
    }
}

.wrapper-accordion {
    border-bottom: 1px solid #d1dce9;
    border-top: 1px solid #d1dce9;
    margin-top: -1px
}

.accordion,
.wrapper-accordion {
    display: block;
    position: relative
}

.accordion:not(:last-child) {
    margin-bottom: 1px
}

.head-accordion {
    display: block;
    position: relative;
    background-color: #fff;
    padding: 15px 45px 15px 25px;
    cursor: pointer
}

.filters .head-accordion {
    background-color: #d1dce9
}

.head-accordion:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    width: 12px;
    height: 12px;
    border-style: solid;
    border-color: #2c3439;
    border-width: 2px 2px 0 0;
    -webkit-transform: translateY(-75%) rotate(135deg);
    transform: translateY(-75%) rotate(135deg);
    transition: all .15s ease-in-out
}

.head-accordion.is-expanded:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.content-accordion {
    display: block;
    position: relative;
    height: auto;
    max-height: 100em;
    overflow: hidden;
    transition: max-height 1s
}

.content-accordion.is-collapsed {
    max-height: 0
}

.container-accordion {
    display: block;
    position: relative
}

@media screen and (min-width:768px) {
    .container-accordion {
        padding: 10px 20%
    }
}

.filters .container-accordion {
    padding: 20px
}

.animateIn {
    -webkit-animation: accordionIn .45s normal ease-in-out both 1;
    animation: accordionIn .45s normal ease-in-out both 1
}

.animateOut {
    -webkit-animation: accordionOut .45s alternate ease-in-out both 1;
    animation: accordionOut .45s alternate ease-in-out both 1
}

@-webkit-keyframes accordionIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9) rotateX(-60deg);
        transform: scale(.9) rotateX(-60deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes accordionIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9) rotateX(-60deg);
        transform: scale(.9) rotateX(-60deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.9) rotateX(-60deg);
        transform: scale(.9) rotateX(-60deg)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.9) rotateX(-60deg);
        transform: scale(.9) rotateX(-60deg)
    }
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer
}

.button,
.trans-nav-controls a {
    font-size: .875rem;
    display: inline-block;
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    padding: 15px;
    text-decoration: none;
    font-weight: 300;
    vertical-align: top;
    cursor: pointer
}

.button+.button,
.trans-nav-controls a+.button {
    margin-left: 15px
}

@media screen and (min-width:1024px) {

    .button,
    .trans-nav-controls a {
        font-size: 1.125rem
    }
}

.button.with-svg,
.trans-nav-controls a.with-svg {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button.with-svg.big-svg,
.trans-nav-controls a.with-svg.big-svg {
    padding: 10px
}

.button.with-svg.big-svg svg,
.trans-nav-controls a.with-svg.big-svg svg {
    width: 30px;
    height: 30px
}

.button.with-svg svg,
.trans-nav-controls a.with-svg svg {
    margin-left: 10px;
    width: 15px;
    height: 12px
}

@media screen and (min-width:1024px) {

    .button.with-svg svg,
    .trans-nav-controls a.with-svg svg {
        margin-left: 15px;
        width: 20px;
        height: 16px
    }
}

.button.with-svg.svg-before svg,
.trans-nav-controls a.with-svg.svg-before svg {
    margin-left: 0;
    margin-right: 10px
}

.button.red,
.trans-nav-controls a {
    color: #e68624;
    border: 2px solid #e68624
}

.button.red path,
.trans-nav-controls a path {
    fill: #e68624
}

.button.full-red,
.trans-nav-controls a.active,
.trans-nav-controls a.full-red {
    border: 0;
    color: #fff;
    background-color: #e68624
}

.button.full-red path,
.trans-nav-controls a.active path,
.trans-nav-controls a.full-red path {
    fill: #fff
}

.button.green,
.trans-nav-controls a.green {
    border: 0;
    color: #fff;
    background-color: #90c038
}

.button.green path,
.trans-nav-controls a.green path {
    fill: #fff
}

.button.inversed-svg svg,
.trans-nav-controls a.inversed-svg svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.button.backitem,
.trans-nav-controls a.backitem {
    margin-top: -10px;
    margin-bottom: 40px
}

@media screen and (min-width:1024px) {

    .button.backitem,
    .trans-nav-controls a.backitem {
        margin-top: -50px;
        margin-bottom: 50px
    }
}

.button.with-margin-left,
.trans-nav-controls a.with-margin-left {
    margin-top: 30px
}

@media screen and (min-width:1024px) {

    .button.with-margin-left,
    .trans-nav-controls a.with-margin-left {
        margin-top: 0;
        margin-left: 50px
    }
}

.button[disabled],
.trans-nav-controls a[disabled] {
    border: 2px solid #eaeced;
    color: #eaeced;
    background-color: #fff;
    cursor: default
}

.button[disabled].with-svg path,
.trans-nav-controls a[disabled].with-svg path {
    fill: #eaeced
}

.download-all-files {
    font-size: .875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #e68624;
    background-color: #fff;
    color: #e68624;
    font-weight: 300;
    text-decoration: none
}

@media screen and (min-width:1024px) {
    .download-all-files {
        font-size: 1.125rem
    }
}

.download-all-files.with-margin {
    margin: 20px 0
}

.download-all-files.align-right {
    margin-left: auto;
    margin-right: 0
}

.download-all-files.inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.download-all-files svg {
    margin-left: 15px;
    width: 27px;
    height: 29px
}

.download-all-files path {
    fill: #e68624
}

.download-pdf {
    text-align: center;
    margin-right: 15px;
    padding: 0
}

.download-pdf svg {
    width: 23px;
    height: 27px
}

.red-square-submit {
    font-size: 1.125rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 50px;
    min-height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #e68624;
    background-color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 10px 20px;
    color: #e68624;
    fill: #e68624;
    transition: all .15s ease-in-out
}

@media screen and (max-width:1024px) {
    .red-square-submit {
        font-size: 0
    }
}

.red-square-submit svg {
    display: inline;
    width: 24px;
    height: 24px;
    margin-left: 20px;
    vertical-align: middle
}

@media screen and (max-width:1024px) {
    .red-square-submit svg {
        margin-left: 0
    }
}

.red-square-submit.min {
    width: 50px;
    padding: 10px
}

.red-square-submit.min svg {
    margin-left: 0
}

@media screen and (min-width:1024px) {
    .red-square-submit:hover {
        background-color: #e68624;
        color: #fff;
        fill: #fff
    }
}

.inline-cta {
    font-size: 1.125rem;
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.inline-cta:focus {
    text-decoration: underline
}
.inline-swc {
    color:#fff;
    text-decoration: none;
    cursor: pointer
}

.inline-swc:focus {
    text-decoration: underline
}

@media screen and (min-width:1024px) {
    .inline-cta:hover {
        text-decoration: underline
    }
}

.inline-cta.red:focus,
.trans-nav-controls a.inline-cta:focus {
    color: #e68624
}

@media screen and (min-width:1024px) {

    .inline-cta.red:hover,
    .trans-nav-controls a.inline-cta:hover {
        color: #e68624
    }
}

.inline-cta.with-svg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inline-cta.with-svg svg {
    width: 20px;
    height: 16px;
    margin-left: 10px
}

.inline-cta.inversed-svg svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.inline-cta.red-svg path {
    fill: #e68624
}

.inline-cta.underlined {
    text-decoration: underline
}

.inline-cta.light {
    font-weight: 300
}

.information-link {
    font-size: .875rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    font-weight: 300;
    color: #54606c;
    cursor: pointer
}

.information-link svg {
    width: 30px;
    height: 30px
}

@media screen and (min-width:1024px) {
    .information-link svg {
        margin-left: 10px;
        width: 40px;
        height: 40px
    }
}

.information-link circle,
.information-link path {
    stroke: #54606c
}

.loadmore {
    font-size: 1.125rem;
    margin: 30px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
    font-weight: 300;
    color: #000;
    transition: all .15s ease-in-out
}

.loadmore svg {
    margin-left: 10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 20px;
    height: 16px
}

.loadmore path {
    fill: #54606c
}

@media screen and (min-width:1024px) {
    .loadmore:hover {
        color: #e68624
    }

    .loadmore:hover path {
        fill: #e68624
    }
}

.back-to-top {
    display: block;
    position: absolute;
    right: 0;
    top: -120px;
    width: 40px;
    height: 40px;
    border: 2px solid #e68624;
    cursor: pointer
}

@media screen and (min-width:1024px) {
    .back-to-top {
        right: 15px
    }
}

.back-to-top:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 11px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #e68624;
    -webkit-transform: translate(-50%, -25%) rotate(-45deg);
    transform: translate(-50%, -25%) rotate(-45deg);
    pointer-events: none
}

.inherit-link {
    text-decoration: none;
    color: inherit
}

.inherit-link:hover {
    text-decoration: underline
}

.wrapper-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wrapper-card.full-width {
    width: 100%
}

@media screen and (min-width:1024px) {
    .wrapper-card {
        margin: 0 -8px
    }
}

.wrapper-card .other-card,
.wrapper-card.toggle-active .container-card:not(.card-selected) {
    display: none
}

.container-card,
.wrapper-card.toggle-active .container-card.other-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-card {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 20px
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .container-card {
        width: 50%;
        padding: 0 8px
    }
}

@media screen and (min-width:1024px) {
    .container-card {
        width: 33.333333333333336%;
        padding: 0 8px
    }

    .four .container-card {
        width: 25%
    }
}

@media screen and (min-width:1024px) and (max-width:1140px) {
    .two-on-tablet .container-card {
        width: 50%
    }
}

.container-card.small-margin {
    margin-bottom: 5px
}

.container-card.small-margin:last-child {
    margin-bottom: 0
}

.container-card.full {
    width: 100%
}

.container-card.container-card-midd {
    width: 100%;
    min-height: 400px
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .container-card.container-card-midd {
        margin-bottom: 20px;
        min-height: 0
    }
}

@media screen and (min-width:1024px) {
    .container-card.container-card-midd {
        width: 66.66666666666667%;
        margin-bottom: 20px;
        min-height: 0
    }

    .container-card.container-card-midd.full {
        width: 100%
    }
}

.container-card.container-card-midd .card-content {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    max-height: 100%;
    background-color: rgba(0, 16, 28, .7);
    overflow-y: auto
}

@media screen and (min-width:1024px) {
    .container-card.container-card-midd .card-content {
        width: 50%
    }
}

.container-card.container-card-midd .card-content,
.container-card.container-card-midd .link-read,
.container-card.container-card-midd .title-card {
    color: #fff
}

.container-card.container-card-midd .link-read .icon-arrow {
    fill: #fff
}

.container-card.container-card-midd .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.card-crop {
    position: relative
}

.card-crop:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 25px solid #f1f4f8;
    border-left: 25px solid transparent;
    z-index: 1
}

.card-crop.card-crop-white:after {
    border-bottom-color: #fff
}

.card-hover-border.card-link:hover .picture-overlay:before {
    opacity: .5
}

.card-hover-border.card-link:hover .picture-overlay:after {
    opacity: 1
}

.card-hover-border.card-link .picture-overlay:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #e68624;
    opacity: .5;
    content: "";
    transition: opacity .15s ease-in-out
}

.card-border {
    border: 1px solid #fff;
    border-top: 10px solid #54606c
}

.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: auto;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    min-height: 100%;
    max-height: 100%
}

.card.white {
    background-color: #fff
}

.card.card-link:hover .picture-overlay:before {
    opacity: .5
}

.card.card-link:hover .title-card {
    color: #e68624
}

.card.card-nuance .card-head {
    padding: 20px 20px 0
}

.card .picture-card {
    display: block
}

.card-category {
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    height: 40px;
    margin: 0;
    padding: 15px 10px 15px 20px;
    z-index: 1;
    color: #fff;
    background-color: #000
}

.card-category:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-color: inherit;
    border-top: 40px solid #000;
    border-right: 30px solid transparent
}

.card-category.event {
    color: #8fc039;
    background-color: #8fc039
}

.card-category.event:after {
    border-top-color: #8fc039
}

.card-category.innovation {
    color: #e68624;
    background-color: #e68624
}

.card-category.innovation:after {
    border-top-color: #e68624
}

.card-category.market {
    color: #009cbc;
    background-color: #009cbc
}

.card-category.market:after {
    border-top-color: #009cbc
}

.card-category.development {
    color: #130f3d;
    background-color: #130f3d
}

.card-category.development:after {
    border-top-color: #130f3d
}

.card-category.titanium {
    color: #2eb1ab;
    background-color: #2eb1ab
}

.card-category.titanium:after {
    border-top-color: #2eb1ab
}

.card-category.powders {
    color: #ed1e79;
    background-color: #ed1e79
}

.card-category.powders:after {
    border-top-color: #ed1e79
}

.card-category.grades {
    color: #e9560d;
    background-color: #e9560d
}

.card-category.grades:after {
    border-top-color: #e9560d
}

.card-category .content-category {
    font-size: .75rem;
    display: block;
    position: relative;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.picture-card {
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden
}

.picture-card.picture-overlay {
    height: auto
}

.picture-card.picture-overlay:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #00101c;
    opacity: 0;
    transition: opacity .15s ease-in-out;
    z-index: 1
}

.picture-card:not(.picture-overlay) {
    position: relative;
    overflow: hidden
}

.picture-card:not(.picture-overlay):before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 54.0540540541%
}

.iframe-wrapper .picture-card:not(.picture-overlay)>iframe,
.picture-card:not(.picture-overlay)>.content-ratio {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    width: 100%;
    margin: 0
}

.picture-card+.title-card {
    margin-top: 10px
}

.picture-card img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto
}

.iframe-card iframe,
.picture-card img {
    display: block;
    height: auto;
    width: 100%
}

.card-head {
    display: block;
    position: relative;
    padding: 20px
}

.card-head.no-padding-bottom {
    padding-bottom: 0
}

.card-head.no-padding-bottom+.card-content {
    padding: 30px 20px 30px
}

.card-head .wrapper-list-market {
    display: none
}

.card-head+.card-content {
    padding: 0 20px
}

.select-compare {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.card-content {
    display: block;
    position: relative;
    padding: 20px 15px 30px;
    color: #54606c;
    background-color: #fff
}

@media screen and (min-width:1024px) {
    .card-content {
        padding: 20px
    }
}

.full .card-content {
    width: 100%
}

.card-content .article-subtitle {
    margin-bottom: 5px
}

.wrapper-head-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.title-share {
    vertical-align: middle
}

.card-date,
.title-share {
    font-size: .875rem;
    display: inline-block;
    font-weight: 200
}

.card-date {
    font-style: italic;
    margin-top: 10px
}

.card-date.no-marg {
    margin-top: 0
}

.card-description {
    font-size: .875rem
}

.card-description,
.link-read {
    font-weight: 200;
    margin-top: 10px
}

.link-read {
    font-size: 1.125rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    color:#54606c;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.link-read:hover {
    text-decoration: underline
}

.inline-flex .link-read,
.wrapper-flex .link-read {
    margin: 0 0 0 15%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.link-read .arrow-link {
    display: inline-block;
    position: relative;
    height: 16px;
    width: 20px;
    margin-left: 10px;
    vertical-align: middle
}

.link-read .icon-arrow {
    fill: #e68624
}

.link-read.red-hover {
    color: #fff
}

.link-read.red-hover .icon-arrow {
    fill: #fff
}

.link-read.red-hover:focus {
    color: #e68624
}

.link-read.red-hover:focus .icon-arrow {
    fill: #e68624
}

@media screen and (min-width:1024px) {
    .link-read.red-hover:hover {
        color: #e68624
    }

    .link-read.red-hover:hover .icon-arrow {
        fill: #e68624
    }
}

.wrapper-material-components {
    display: block;
    position: relative
}

.wrapper-material-components.bg {
    padding: 20px 10px;
    background-color: #e7edf4
}

.wrapper-material-components:not(:last-child) {
    margin-bottom: 20px
}

.card-footer {
    display: block;
    position: relative;
    margin-top: auto;
    padding: 0 30px 20px
}

.cards-bloc:not(.wrapper-bloc-content) {
    margin: 40px 0 0
}

@media screen and (min-width:1024px) {
    .cards-bloc:not(.wrapper-bloc-content) {
        margin: 40px 0 0
    }
}

.wrapper-bloc-picto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bloc-picto {
    width: 100%;
    padding: 10px;
    text-decoration: none
}

@media screen and (min-width:1024px) {
    .bloc-picto {
        width: 25%
    }
}

.bloc-picto .content {
    height: 100%;
    padding: 40px 30px;
    background-color: #e68624
}

.bloc-picto .title-card {
    font-size: 1.375rem;
    margin-bottom: 5px;
    line-height: 1;
    color: #fff
}

.bloc-picto svg {
    width: 40px;
    height: 50px
}

.bloc-picto p {
    font-size: .875rem;
    color: #fff;
    font-weight: 300
}

.wrapper-news {
    margin-top: 30px
}

.wrapper-news .card-content .title-card {
    text-transform: none
}

@media screen and (min-width:1024px) {
    .wrapper-news {
        margin-top: 50px
    }
}

#comparator {
    min-height: 50px
}

@media screen and (min-width:768px) {
    #comparator .wrapper-no-nuances .wrapper-flex p {
        max-width: 65%
    }
}

.wrapper-card.card-block .container-card {
    width: 100%
}

.wrapper-card.card-block .container-card .card-head .wrapper-list-market {
    display: none
}

@media screen and (min-width:768px) {
    .wrapper-card.card-block .container-card .card-head .wrapper-list-market {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: calc(66.66666666666667% - 50px);
        vertical-align: top
    }
}

.wrapper-card.card-block .container-card .title-card.title-inline {
    width: calc(100% - 50px);
    vertical-align: top
}

@media screen and (min-width:768px) {
    .wrapper-card.card-block .container-card .title-card.title-inline {
        width: 33.333333333333336%
    }
}

.wrapper-card.card-block .container-card .card-content .wrapper-list-market {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:768px) {
    .wrapper-card.card-block .container-card .card-content .wrapper-list-market {
        display: none
    }
}

.wrapper-card.card-block .container-card .wrapper-material-components {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.wrapper-card.card-block .container-card .wrapper-material-components.hidden-mobile {
    display: none
}

@media screen and (min-width:768px) {
    .wrapper-card.card-block .container-card .wrapper-material-components.hidden-mobile {
        display: inline-block
    }
}

@media screen and (min-width:768px) {
    .wrapper-card.card-block .container-card .wrapper-material-components {
        width: 33.333333333333336%;
        padding: 10px
    }
}

.sidebar-active .wrapper-push-nuances .container-card {
    width: 100%
}

@media screen and (min-width:768px) {
    .sidebar-active .wrapper-push-nuances .container-card {
        width: 33.333333333333336%
    }
}

.wrapper-bloc-content {
    display: block;
    position: relative;
    background-color: #fff;
    padding: 30px 20px
}

.wrapper-bloc-content.small-padding {
    padding: 20px
}

.wrapper-bloc-content.small-padding-horizontal {
    padding-left: 20px;
    padding-right: 20px
}

.wrapper-bloc-content.big-padding-vertical {
    padding-top: 40px;
    padding-bottom: 40px
}

@media screen and (min-width:1024px) {
    .wrapper-bloc-content {
        padding: 30px
    }
}

.wrapper-bloc-content:not(:last-child) {
    margin-bottom: 30px
}

.wrapper-bloc-content.diagonal {
    margin-top: 30px
}

.wrapper-bloc-content.diagonal:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    width: 50%;
    border-bottom: 30px solid #fff
}

.wrapper-bloc-content.diagonal.diagonal-left {
    padding-top: 10px
}

.wrapper-bloc-content.diagonal.diagonal-left:before {
    left: 0;
    border-right: 30px solid transparent
}

.wrapper-bloc-content.diagonal.diagonal-right:before {
    right: 0;
    border-left: 30px solid transparent
}

.wrapper-bloc-content.diagonal.diagonal-gray:before {
    border-bottom-color: #30509c
}

.wrapper-bloc-content+.diagonal {
    margin-top: 60px
}

.wrapper-bloc-content.no-bg {
    padding: 0;
    background-color: transparent
}

.wrapper-bloc-content.no-bg.diagonal:before {
    border-bottom-color: transparent
}

.wrapper-bloc-content.text-bg {
    overflow: hidden
}

.wrapper-bloc-content.text-bg:before {
    font-size: 23.4375rem;
    content: attr(data-text-bg);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #f1f4f8;
    font-weight: 700;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wrapper-bloc-content.with-margin-top {
    margin-top: 30px
}

.wrapper-bloc-content img {
    height: auto;
    width: auto
}

.wrapper-bloc-content iframe,
.wrapper-bloc-content img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto
}

.wrapper-bloc-content ul {
    list-style: none
}

.wrapper-bloc-content ul li {
    padding-top: .5%;
    padding-bottom: .5%
}

.wrapper-bloc-content ul li:before {
    content: "";
    display: inline-block;
    height: 6px;
    width: 6px;
    margin-right: 10px;
    background-color: #e68624;
    vertical-align: middle;
    border-radius: 100%
}

.wrapper-bloc-content ul.red-summary li:before,
.wrapper-bloc-content ul li.menu-item:before {
    display: none
}

.wrapper-bloc-content ul.red-summary li a {
    color: #fff
}

.wrapper-bloc-content ul.red-summary li a:hover {
    color: #000
}

.wrapper-bloc-content ol li a,
.wrapper-bloc-content table tr a,
.wrapper-bloc-content ul li a {
    color: #00101c
}

.wrapper-bloc-content ol li a:hover,
.wrapper-bloc-content table tr a:hover,
.wrapper-bloc-content ul li a:hover {
    color: #e68624
}

.content {
    font-size: 1.125rem;
    display: block;
    position: relative;
    color: #54606c;
    font-weight: 200;
    line-height: 1.4
}

@media screen and (min-width:768px) {

    .content.float-left iframe,
    .content.float-left img {
        float: left;
        margin-right: 20px;
        max-width: 50%
    }

    .content.float-right iframe,
    .content.float-right img {
        float: right;
        margin-left: 20px;
        max-width: 50%
    }
}

.content iframe,
.content img {
    margin: 20px auto
}

@media screen and (min-width:768px) {

    .content iframe,
    .content img {
        margin: 0
    }
}

.content p:not(:last-of-type) {
    margin-bottom: 10px
}

.content p a {
    color: #00101c
}

.content p a:hover {
    color: #e68624
}

.margin-top {
    margin-top: 20px
}

.quote {
    font-size: 2.25rem;
    color: #54606c;
    font-weight: 200;
    margin-bottom: 40px;
    line-height: 1.2
}

.quote,
.wrapper-col-content {
    display: block;
    position: relative
}

.wrapper-col-content {
    margin: 0;
    font-size: 0
}

.wrapper-col-content:not(:last-child) {
    margin-bottom: 40px
}

@media screen and (min-width:768px) {
    .wrapper-col-content {
        margin: 0 -8px
    }
}

.col-content {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    vertical-align: top;
    font-size: 1rem
}

.col-content:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .col-content {
        width: 50%;
        padding: 0 8px;
        margin-bottom: 0
    }

    .col-content.full {
        width: 100%
    }
}

.red-summary {
    margin: 15px 0;
    padding: 25px 15px;
    list-style-type: none;
    list-style: none;
    background-color: #173b8e
}

@media screen and (min-width:1024px) {
    .red-summary {
        margin: 0 16px 0 0;
        min-width: 275px
    }
}

.red-summary li+li {
    margin-top: 20px
}

.red-summary a {
    font-size: .875rem;
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase
}

.red-summary a:focus {
    text-decoration: underline
}

@media screen and (min-width:1024px) {
    .red-summary a:hover {
        text-decoration: underline
    }
}

.key-facts {
    position: relative;
    width: 100%;
    padding: 40px 15px;
    color: #fff
}

@media screen and (min-width:1024px) {
    .key-facts {
        margin-left: 20px;
        padding: 50px 30px 30px 110px;
        min-width: 66.66666666666667%;
        -ms-flex-preferred-size: 66.66666666666667%;
        flex-basis: 66.66666666666667%
    }

    .key-facts.inline {
        margin-left: 0;
        padding: 30px 30px 30px 110px
    }

    .key-facts:before {
        position: absolute;
        left: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 100%;
        width: 10%;
        content: "";
        background-image: url(../../assets/images/square-sprite.png);
        background-size: 20%;
        opacity: .3;
        z-index: 1
    }
}

.key-facts.no-margin {
    margin-left: 0
}

.key-facts .main-title {
    color: #fff
}

.key-facts .main-title:before {
    border-color: #fff
}

.key-facts .background {
    background-color: #e68624;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1
}

.key-facts .background img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    opacity: .5
}

.key-facts-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none
}

@media screen and (min-width:1024px) {
    .key-facts-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .inline .key-facts-list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.key-fact {
    margin: 30px 0;
    position: relative;
    border-left: 3px solid #fff;
    padding-left: 15px
}

@media screen and (min-width:1024px) {
    .key-fact {
        margin: 15px 0;
        width: 48%
    }

    .inline .key-fact {
        width: 100%
    }
}

.key-fact:last-child {
    margin-bottom: 0
}

.key-fact a {
    color: #fff;
    text-decoration: none
}

.key-fact a:focus .legend {
    text-decoration: underline
}

@media screen and (min-width:1024px) {
    .key-fact a:hover .legend {
        text-decoration: underline
    }
}

.key-fact .number {
    font-size: 2.625rem;
    display: inline-block;
    line-height: 0;
    font-weight: 700
}

.key-fact .legend {
    font-size: 1.375rem;
    display: inline-block;
    margin-top: 3px;
    font-weight: 300;
    width: 100%
}

.key-fact svg {
    height: 45px;
    max-width: 60px
}

.key-fact * {
    fill: #fff;
    stroke: #fff
}

.key-fact-mention {
    font-size: .875rem;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-weight: 300
}

.filters .form-group.with-padding {
    padding: 0 20px
}

.documents-bloc {
    margin-top: 30px;
    padding: 20px;
    list-style-type: none;
    list-style: none;
    background-color: #d1dce9
}

.documents-bloc.small-margin {
    margin-top: 10px
}

.documents-bloc.no-background {
    padding: 0;
    background: none
}

.documents-bloc.no-margin {
    margin: 0
}

.documents-bloc li+li {
    margin-top: 15px
}

.documents-bloc svg {
    margin-right: 10px;
    width: 23px;
    height: 27px
}

.documents-bloc a {
    font-size: .875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300;
    text-decoration: none;
    color: #000
}

.wrapper-bloc-content .documents-bloc li:before {
    display: none
}

.nuances-listing {
    margin-top: 30px
}

.nuances-listing .inline-flex:not(.no-margin) {
    margin-bottom: 60px
}

.nuances-listing .inline-flex .inline-flex {
    margin-bottom: 0
}

.nuances-listing .wrapper-bloc-content .section-title {
    margin-bottom: 15px
}

.nuances-listing .error-compare,
.nuances-listing .wrapper-bloc-content .button.green,
.nuances-listing .wrapper-bloc-content .trans-nav-controls a.green,
.trans-nav-controls .nuances-listing .wrapper-bloc-content a.green {
    margin-bottom: 15px;
    vertical-align: middle
}

.nuances-listing .error-compare {
    font-size: 1rem;
    display: inline-block;
    color: #e68624;
    width: 100%;
    line-height: 1
}

@media screen and (min-width:768px) {
    .nuances-listing .error-compare {
        width: auto;
        margin-bottom: 0;
        margin-left: 20px
    }
}

.view-switcher {
    font-size: .875rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300
}

@media screen and (min-width:1024px) {
    .view-switcher {
        margin-left: 30px
    }
}

.switch {
    display: inline-block;
    margin-left: 0
}

@media screen and (min-width:1024px) {
    .switch {
        margin-left: 30px
    }
}

.switch .view {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background-color: #fff
}

@media screen and (min-width:1024px) {
    .switch .view {
        width: 40px;
        height: 40px
    }
}

.switch .view.active {
    background-color: #54606c
}

.switch .view.active path {
    fill: #fff
}

.switch svg {
    width: 15px;
    height: 15px
}

@media screen and (min-width:1024px) {
    .switch svg {
        width: 17px;
        height: 17px
    }
}

.switch path {
    fill: #54606c
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.form-group,
.wrapper-input {
    position: relative
}

.form-group.with-padding {
    padding: 20px
}

.form-group+.form-group {
    margin-top: 30px
}

.filters .accordion .form-group+.form-group {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #d1dce9
}

.form-group.has-error .wrapper-input:after {
    font-size: .875rem;
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateX(10px) translateY(-50%);
    transform: translateX(10px) translateY(-50%);
    width: 18px;
    height: 18px;
    content: "!";
    border: 1px solid #e68624;
    border-radius: 50%;
    text-align: center;
    color: #e68624;
    line-height: 18px
}

.inline-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inline-form .inline-break {
    margin: 20px 0;
    width: 100%
}

@media screen and (min-width:1024px) {
    .inline-form .inline-break {
        width: auto;
        margin: 0 0 0 20px
    }
}

.inline-form .inline-break:last-child {
    margin-bottom: 0
}

.inline-form .wrapper-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.input-custom {
    font-size: 1rem;
    height: 50px;
    width: 100%;
    color: #000;
    padding: 0 15px;
    border: 0;
    background: #fff;
    font-weight: 300;
    font-family: montserrat, Arial, sans-serif
}

.search-form .input-custom {
    background: #e7edf4
}

.input-custom.input-custom-value+.label-custom,
.input-custom:focus+.label-custom {
    top: auto;
    bottom: 110%;
    padding: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

textarea {
    padding: 15px;
    border: 0;
    background: #fff;
    font-weight: 300;
    resize: vertical;
    font-family: montserrat, Arial, sans-serif
}

.label-custom,
textarea {
    font-size: .875rem;
    width: 100%;
    color: #000
}

.label-custom {
    display: inline-block;
    position: absolute;
    bottom: 50%;
    left: 0;
    padding: 0 10px;
    text-align: left;
    overflow: hidden;
    pointer-events: none;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: top, bottom, padding, -webkit-transform;
    transition-property: transform, top, bottom, padding;
    transition-property: transform, top, bottom, padding, -webkit-transform;
    transition-duration: .25s;
    transition-timing-function: ease-in-out
}

@media screen and (min-width:1024px) {
    .label-custom {
        padding: 0 15px
    }
}

.toolbar .label-custom {
    font-size: .75rem
}

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

.custom-select {
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.custom-select:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 11px;
    height: 11px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    pointer-events: none
}

.custom-select select {
    font-size: 1rem;
    padding: 15px 40px 15px 15px;
    width: 100%;
    height: 50px;
    border: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 300;
    font-family: montserrat, Arial, sans-serif
}

.custom-select+.custom-select {
    margin-top: 20px
}

.custom-check {
    display: block
}

.custom-check+.custom-check {
    margin-top: 10px
}

.custom-check.box .custom-check-label:after,
.custom-check.box .custom-check-label:before {
    border-radius: 25%
}

.custom-check.radio .custom-check-label:after,
.custom-check.radio .custom-check-label:before {
    border-radius: 50%
}

.custom-check.white .custom-check-label:before {
    background-color: #fff
}

.custom-check [type=checkbox],
.custom-check [type=radio] {
    display: none
}

.custom-check [type=checkbox]:checked+.custom-check-label:after,
.custom-check [type=radio]:checked+.custom-check-label:after {
    display: block
}

.custom-check-label {
    font-size: .875rem;
    display: inline-block;
    position: relative;
    color: #000;
    padding-left: 29px;
    cursor: pointer
}

.custom-check-label:after,
.custom-check-label:before {
    display: inline-block;
    position: absolute;
    top: 9px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ""
}

.custom-check-label:before {
    left: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #54606c;
    background-color: #fff
}

.custom-check-label:after {
    display: none;
    left: 5px;
    width: 12px;
    height: 12px;
    background-color: #92bf22
}

.custom-check-label.big {
    font-size: 1.125rem
}

.custom-check-label.big:after,
.custom-check-label.big:before {
    top: 11px
}

.custom-check-label.bold {
    font-weight: 700
}

.input-hidden,
.sr-only {
    display: none;
    height: 0;
    width: 0;
    opacity: 0;
    visibility: hidden
}

.input-compare:checked+.card-nuance.card-border {
    border-color: #90c038
}

.input-compare:checked+.card-nuance.card-crop:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 25px solid #90c038;
    border-left: 25px solid transparent;
    z-index: 1
}

.input-compare:checked+.card-nuance .label-compare {
    border: 2px solid #90c038;
    background-color: #90c038
}

.input-compare:checked+.card-nuance .label-compare .icon path {
    fill: #fff
}

.input-compare:disabled+.card-nuance {
    cursor: default
}

.input-compare:disabled+.card-nuance.card-border {
    border-color: #eaeced
}

.input-compare:disabled+.card-nuance.card-crop:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 25px solid #eaeced;
    border-left: 25px solid transparent;
    z-index: 1
}

.input-compare:disabled+.card-nuance .label-compare {
    cursor: default;
    border-color: #eaeced
}

.input-compare:disabled+.card-nuance .label-compare .icon path {
    fill: #eaeced
}

.label-compare {
    display: inline-block;
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid #54606c;
    cursor: pointer;
    transition: all .15s ease-in-out
}

.label-compare .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 60%;
    width: 60%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.label-compare .icon path {
    fill: #54606c
}

.range-wrapper[data-value="0"] .range-legend li:nth-child(0),
.range-wrapper[data-value="1"] .range-legend li:first-child,
.range-wrapper[data-value="2"] .range-legend li:nth-child(2),
.range-wrapper[data-value="3"] .range-legend li:nth-child(3),
.range-wrapper[data-value="4"] .range-legend li:nth-child(4),
.range-wrapper[data-value="5"] .range-legend li:nth-child(5),
.range-wrapper[data-value="6"] .range-legend li:nth-child(6),
.range-wrapper[data-value="7"] .range-legend li:nth-child(7),
.range-wrapper[data-value="8"] .range-legend li:nth-child(8),
.range-wrapper[data-value="9"] .range-legend li:nth-child(9),
.range-wrapper[data-value="10"] .range-legend li:nth-child(10) {
    color: #000
}

.range-legend {
    font-size: .75rem;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    list-style: none
}

.range-legend,
.range-legend li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.range-legend li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #9199a0;
    cursor: pointer
}

.range-legend li span {
    display: block;
    text-align: center
}

.range-legend li span+span {
    margin-top: 30px
}

.noUi-target {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 95%;
    height: 20px;
    background: none;
    box-shadow: none
}

.noUi-horizontal {
    height: 20px;
    border: 3px solid #2c3439;
    border-radius: 10px
}

.noUi-base,
.noUi-pips {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 16px);
    left: 50%;
    top: 50%
}

.noUi-base {
    cursor: pointer
}

.noUi-pips {
    height: 20px;
    padding: 0
}

.noUi-marker {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.noUi-marker.noUi-marker-large {
    margin-left: 0;
    width: 12px;
    height: 12px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #9199a0;
    border-radius: 50%;
    cursor: pointer
}

.noUi-horizontal .noUi-handle {
    top: 0;
    left: -6px;
    width: 12px;
    height: 21px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: url(../../assets/images/handle.png) no-repeat;
    background-size: cover;
    cursor: pointer
}

.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
    content: none
}

.noUi-marker-normal,
.noUi-value {
    display: none
}

.sidebar-contact-form {
    margin: 10px 0 40px;
    padding: 20px;
    background-color: #e7edf4
}

.sidebar-contact-form.no-background {
    margin-top: 0;
    padding: 0;
    background: none
}

.sidebar-contact-form .form-group+.form-group {
    margin-top: 20px
}

.label-bold {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

.contact-form {
    padding: 30px;
    background-color: #e7edf4
}

@media screen and (min-width:1024px) {
    .contact-form {
        padding: 50px 20%
    }
}

.file-mentions {
    font-size: .875rem;
    display: block;
    margin-top: 10px
}

@media screen and (min-width:1024px) {
    .file-mentions {
        display: inline-block;
        margin-top: 0;
        margin-left: 15px
    }
}

.file-mentions:empty {
    display: none
}

.file-mentions.underline {
    text-decoration: underline
}

.error-text,
.parsley-errors-list {
    font-size: .875rem;
    display: block;
    position: absolute;
    margin: 5px 0 0;
    left: 0;
    top: 100%;
    padding: 0;
    color: #e68624;
    font-style: italic;
    list-style-type: none
}

.error-text:empty,
.parsley-errors-list:empty {
    display: none
}

.g-recaptcha~.error-text,
.g-recaptcha~.parsley-errors-list {
    text-align: left
}

.message-error {
    font-size: 1.125rem;
    display: none;
    margin: 5px 0 25px;
    padding: 0;
    color: #e68624;
    list-style-type: none
}

.g-recaptcha~.message-error {
    text-align: left
}

.message-success {
    font-size: 1.125rem;
    display: none;
    margin: 5px 0 0;
    padding: 0;
    color: #92bf22;
    list-style-type: none
}

.g-recaptcha~.message-success {
    text-align: left
}

@media screen and (min-width:1024px) {
    .form-sales {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.form-sales .custom-select {
    width: 100%
}

@media screen and (min-width:1024px) {
    .form-sales .custom-select {
        width: 33.3333333333%
    }
}

.form-sales .custom-select+.custom-select {
    margin-top: 20px
}

@media screen and (min-width:1024px) {
    .form-sales .custom-select+.custom-select {
        margin-top: 0;
        margin-left: 20px
    }
}

ul {
    margin: 0;
    padding: 0;
    list-style: disc;
    list-style-position: inside
}

.wrapper-list-data {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.list-data,
.wrapper-list-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.list-data {
    width: calc(50% - 16px);
    font-size: 1rem;
    margin: 0 8px;
    vertical-align: top;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:768px) {
    .list-data {
        width: 50%;
        margin: 0
    }

    .list-data:nth-child(2n) {
        padding-left: 30px
    }

    .list-data:nth-child(odd) {
        padding-right: 30px
    }
}

.list-data:nth-child(n+3) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e8edf4
}

.wrapper-cta-data {
    display: block;
    position: relative
}

.cta-data {
    display: inline-block;
    position: relative;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin-left: 5px;
    transition: all .15s ease-in-out
}

.cta-data path {
    fill: #54606c
}

.cta-data.active path,
.cta-data.on path,
.cta-data:hover path {
    fill: #b4201f
}

.wrapper-list-market {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 10px
}

.wrapper-list-market.inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 10px
}

.wrapper-list-market .list-market {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-size: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 4px solid transparent
}

.wrapper-list-market .list-market:before {
    display: none
}

.wrapper-list-market .list-market+.list-market {
    margin-left: 5px
}

.wrapper-list-market .list-market.active {
    border-color: #e68624
}

.wrapper-list-market .list-market .market-icon {
    display: block;
    position: relative
}

.wrapper-list-market .list-market .icon {
    display: block;
    height: auto;
    width: 30px;
    max-height: 25px
}

.markets-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    list-style: none
}

.markets-list li {
    margin: 10px 0;
    width: 49%
}

.markets-list a {
    font-size: .875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #000;
    font-weight: 700
}

.markets-list .legend,
.markets-list svg {
    margin-right: 30px;
    width: 30px;
    height: 30px
}

.markets-list .legend {
    border: 2px solid #d1dce9;
    border-bottom: 2px solid #e68624
}

.wrapper-list-familly {
    display: block;
    position: relative;
    margin-bottom: 15px
}

.list-familly {
    font-size: .875rem;
    display: inline-block;
    position: relative;
    padding: 5px;
    margin-right: 2px;
    margin-bottom: 5px;
    color: #2c3439;
    font-weight: 200;
    background-color: #e7edf4;
    vertical-align: top
}

.list-material,
.wrapper-list-material {
    display: block;
    position: relative
}

.list-material {
    margin: 0 -8px;
    font-size: 0
}

.col-list-material {
    display: inline-block;
    position: relative;
    width: 45%;
    padding: 0 8px;
    vertical-align: top
}

.col-list-material+.col-list-material {
    width: 55%;
    padding-left: 0
}

.material-component {
    font-size: .75rem;
    display: block;
    position: relative;
    margin: 0;
    color: #00101c;
    font-weight: 200;
    text-align: right;
    word-wrap: break-word
}

.breadcrumb {
    margin: 15px 0 30px
}

@media screen and (min-width:1024px) {
    .breadcrumb {
        margin: 15px 0 70px
    }
}

.container-card .breadcrumb {
    margin: 0;
    line-height: .5
}

.container-card .breadcrumb a {
    font-style: italic;
    color: #00101c
}

.breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none
}

.breadcrumb li,
.breadcrumb li+li:before {
    display: inline-block;
    vertical-align: middle
}

.breadcrumb li+li:before {
    font-size: .875rem;
    margin: 0 5px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 8px;
    height: 5px;
    content: "";
    background: url(../../assets/images/chevron.png) no-repeat;
    background-size: cover;
    font-weight: 700
}

.breadcrumb,
.breadcrumb a {
    font-size: .875rem;
    color: #54606c;
    text-decoration: none;
    font-weight: 300;
    line-height: 1.2
}

.breadcrumb.active,
.breadcrumb a.active {
    font-weight: 700
}

.container-card .breadcrumb.active,
.container-card .breadcrumb a.active {
    font-weight: 300
}

.share-box {
    display: block;
    position: relative;
    margin: 0 0 10px;
    padding: 0;
    list-style-type: none;
    list-style: none;
    text-align: right;
    z-index: 1
}

@media screen and (min-width:768px) {
    .share-box {
        position: absolute;
        top: 40px;
        right: 20px;
        margin: 0
    }
}

.share-box.share-card {
    position: relative;
    display: inline-block;
    top: 0;
    right: 0
}

.share-box li {
    display: inline-block;
    vertical-align: middle;
    line-height: 0
}

.share-box li.separator {
    padding-right: 8px;
    border-right: 2px solid #54606c
}

.share-box li.separator+li {
    margin-left: 3px
}

.share-box svg {
    height: 15px;
    width: 20px
}

.share-box .on path {
    fill: #b4201f
}

.share-box path {
    fill: #54606c;
    transition: fill .15s ease
}

.share-box a {
    text-decoration: none
}

.list-doc-sidebar {
    padding: 20px;
    background-color: #d1dce9
}

.list-doc-sidebar,
.list-doc-sidebar .list-doc {
    display: block;
    position: relative
}

.list-doc-sidebar .list-doc:not(:last-child) {
    margin-bottom: 15px
}

.list-doc-sidebar .list-doc-link {
    font-size: .875rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    font-weight: 300;
    text-decoration: none;
    color: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list-doc-sidebar .list-doc-link:hover {
    color: #e68624
}

.list-doc-sidebar .list-doc-link .icon {
    display: inline-block;
    height: 27px;
    width: 23px;
    vertical-align: middle;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.wrapper-bloc-content .share-box li:before {
    display: none
}

.wrapper-links {
    margin-top: 30px
}

@media screen and (min-width:1024px) {
    .wrapper-links {
        margin-top: 50px
    }
}

.wrapper-links ul {
    list-style-type: none;
    list-style: none
}

.wrapper-links a {
    color: #000;
    text-decoration: none
}

.wrapper-links .main-nav {
    margin-top: 10px
}

.wrapper-links .main-nav>.menu-item>a,
.wrapper-links .main-nav>.menu-item>span {
    display: block;
    margin: 5px 0;
    font-weight: 700
}

.wrapper-links .main-nav>.menu-item>.sub-menu>.menu-item>a,
.wrapper-links .main-nav>.menu-item>.sub-menu>.menu-item>span {
    padding-left: 20px
}

.wrapper-links .main-nav>.menu-item>.sub-menu>.menu-item>.sub-menu>.menu-item>a,
.wrapper-links .main-nav>.menu-item>.sub-menu>.menu-item>.sub-menu>.menu-item>span {
    font-size: .875rem;
    padding-left: 40px
}

.wrapper-list-picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none
}

.list-picture {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

.list-picture:before {
    display: none !important
}

.list-picture img {
    display: block;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%
}

@media screen and (min-width:1024px) {
    .list-picture {
        width: 50%
    }

    .list-picture:nth-child(odd) {
        padding-right: 10px
    }

    .list-picture:nth-child(2n) {
        padding-left: 10px
    }
}

.timeline {
    display: block;
    position: relative;
    width: 100%;
    padding: 20px 20px 70px;
    background-color: #d1dce9;
    overflow: hidden
}

.timeline:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-bottom: 60px solid #f1f4f8;
    border-left: 60px solid transparent;
    z-index: 1
}

.wrapper-timeline-dates {
    display: block;
    width: 100%;
    padding: 0 30px
}

.wrapper-timeline-dates:after,
.wrapper-timeline-dates:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100px;
    width: 40px;
    z-index: 2
}

.wrapper-timeline-dates:before {
    left: 30px;
    background: linear-gradient(90deg, #d1dce9, transparent)
}

.wrapper-timeline-dates:after {
    right: 30px;
    background: linear-gradient(270deg, #d1dce9, transparent)
}

@media screen and (min-width:768px) {
    .wrapper-timeline-dates {
        position: relative
    }

    .wrapper-timeline-dates:after,
    .wrapper-timeline-dates:before {
        height: 100%
    }
}

.timeline-next,
.timeline-prev {
    display: block;
    position: absolute;
    top: 100%;
    height: 32px;
    width: 22px;
    font-size: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    background: transparent url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/dist/images/svg/slider_arrow.svg) no-repeat 50%;
    cursor: pointer;
    z-index: 2
}

.timeline-next.disabled,
.timeline-prev.disabled {
    display: none
}

@media screen and (min-width:768px) {

    .timeline-next,
    .timeline-prev {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

.timeline-prev {
    left: 40%;
    -webkit-transform: translateY(-40px) rotate(180deg);
    transform: translateY(-40px) rotate(180deg)
}

@media screen and (min-width:768px) {
    .timeline-prev {
        left: 0
    }
}

.timeline-next {
    right: 40%
}

@media screen and (min-width:768px) {
    .timeline-next {
        right: 0
    }
}

.timeline-dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.timeline-dates .swiper-slide:not(:first-child) .list-date:before {
    display: block;
    left: 0
}

.timeline-dates .swiper-slide:not(:last-child) .list-date:after {
    display: block;
    right: 0
}

.timeline-dates .swiper-slide.swiper-slide-active .link-date {
    font-size: 2.25rem;
    color: #e68624
}

.timeline-dates .swiper-slide.swiper-slide-active .link-date:hover {
    font-weight: 300
}

.timeline-dates .swiper-slide.swiper-slide-active .link-date:before {
    height: 28px;
    width: 28px;
    background-color: #e68624;
    -webkit-transform: translate(-14px, -50%);
    transform: translate(-14px, -50%)
}

.timeline-dates .swiper-slide:last-child:after,
.timeline-dates .swiper-slide:last-child:before {
    content: none
}

.timeline-dates .list-date {
    display: block;
    position: relative;
    font-size: 1rem;
    width: 135px;
    margin-bottom: 25px;
    text-align: center;
    vertical-align: bottom
}

.timeline-dates .list-date:after,
.timeline-dates .list-date:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 2px;
    width: 100%;
    background-color: #54606c
}

.timeline-dates .list-date .link-date {
    font-size: 1.125rem;
    display: block;
    position: relative;
    color: #54606c;
    font-weight: 300;
    padding-bottom: 15px;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    line-height: 1
}

.timeline-dates .list-date .link-date:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: #54606c;
    -webkit-transform: translate(-6px, -50%);
    transform: translate(-6px, -50%);
    z-index: 1
}

.timeline-dates .list-date .link-date:hover {
    font-weight: 600;
    color: #e68624
}

.timeline-dates .list-date .link-date:hover:before {
    background-color: #e68624
}

.wrapper-timeline-issues {
    display: block;
    position: relative;
    width: 80%;
    margin: 20px auto 0;
    overflow: hidden
}

.timeline-issues {
    font-size: 0
}

.picture-timeline {
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0 15px 10px;
    vertical-align: middle
}

@media screen and (min-width:1024px) {
    .picture-timeline {
        width: 50%
    }
}

.picture-timeline img {
    display: block;
    position: relative;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .5)
}

.content-issue {
    display: inline-block;
    position: relative;
    width: 100%;
    font-size: 1rem;
    padding: 0 15px;
    vertical-align: middle
}

@media screen and (min-width:1024px) {
    .content-issue {
        width: 50%
    }
}

.content-issue p {
    font-size: 1.125rem;
    display: block;
    position: relative;
    color: #00101c;
    font-weight: 200;
    line-height: 1.4
}

.content-issue p:not(:last-of-type) {
    margin-bottom: 5px
}

.content-issue a {
    color: #00101c;
    text-decoration: underline
}

.content-issue a:hover {
    color: #e68624
}

h2 {
    font-size: 1.375rem;
    text-transform: uppercase
}

h2,
h3 {
    display: block;
    position: relative;
    margin: 0 0 20px;
    color: #54606c;
    font-weight: 700
}

h3 {
    font-size: 1.125rem
}

.main-title {
    font-size: 1.375rem;
    display: block;
    position: relative;
    margin: 0 0 15px;
    color: #54606c;
    min-height: 48px;
    font-weight: 500;
    line-height: 1.8;
    text-transform: none
}

@media screen and (min-width:1024px) {
    .main-title {
        font-size: 2.25rem;
        margin: 0 0 50px
    }
}

.main-title.small-margin {
    margin: 0 0 5px
}

@media screen and (min-width:1024px) {
    .main-title.small-margin {
        margin: 0 0 10px
    }
}

.main-title:not(.no-emphasis) span {
    display: block
}

.main-title:not(.no-emphasis) span:first-letter {
    color: #fff;
    background-color: #e68624;
    padding: 10px;
    margin-right: 5px
}

@media screen and (min-width:1024px) {
    .main-title:not(.no-emphasis) span:first-letter {
        padding: 5px
    }
}

.main-title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: calc(100% + 5px);
    right: calc(100% + 1px);
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: #000;
    border-width: 3px 3px 0 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (min-width:1024px) {
    .main-title:before {
        bottom: calc(100% + 12px);
        right: calc(100% + 5px);
        width: 12px;
        height: 12px;
        border-width: 2px 2px 0 0;
        border-color: #2c3439
    }
}

.main-title.no-emphasis:before {
    bottom: calc(100% - 5px);
    right: calc(100% + 1px)
}

.page-title {
    font-size: 1.375rem;
    display: block;
    position: relative;
    margin: 0 0 20px;
    color: #54606c;
    font-weight: 500;
    text-transform: none
}

@media screen and (min-width:1024px) {
    .page-title {
        font-size: 2.25rem
    }
}

.page-title.no-margin {
    margin: 0
}

.small-title {
    font-size: .875rem;
    margin: 0
}

.section-title,
.small-title {
    display: block;
    position: relative;
    color: #54606c;
    font-weight: 500
}

.section-title {
    font-size: 1.375rem;
    margin: 0 0 20px
}

.section-title.small-margin {
    margin: 0 0 5px
}

.section-title.black {
    color: #000
}

.article-title {
    font-size: 1.375rem;
    text-transform: uppercase
}

.article-subtitle,
.article-title {
    display: block;
    position: relative;
    margin: 0 0 20px;
    color: #54606c;
    font-weight: 700
}

.article-subtitle {
    font-size: 1.125rem
}

.filters .article-subtitle {
    margin: 0 0 10px
}

.article-subtitle.no-margin {
    margin: 0
}

.article-subtitle.small-margin {
    margin: 0 0 10px
}

.article-subtitle.black {
    color: #000
}

.article-subtitle.normal {
    text-transform: none
}

.article-content-title {
    font-size: .875rem;
    display: block;
    position: relative;
    margin: 20px 0 10px;
    color: #00101c;
    font-weight: 700
}

.article-content-title+* {
    font-size: .875rem
}

.sidebar-title {
    font-size: 1.125rem;
    display: block;
    position: relative;
    margin: 0 0 20px;
    color: #54606c;
    font-weight: 700;
    text-transform: none
}

@media screen and (min-width:1024px) {
    .sidebar-title {
        font-size: 1.375rem
    }
}

.sidebar-title.bordered {
    padding: 10px 0 10px 15px;
    border-left: 2px solid #54606c
}

.sidebar-sub-title {
    font-size: 1rem;
    display: block;
    position: relative;
    margin: 0 0 10px;
    color: #000;
    font-weight: 700;
    text-transform: none
}

@media screen and (min-width:1024px) {
    .sidebar-sub-title {
        font-size: 1.125rem
    }
}

.title-card {
    font-size: 1rem;
    display: block;
    position: relative;
    margin: 0;
    color: #54606c;
    font-weight: 500;
    transition: all .15s ease-in-out
}

@media screen and (min-width:1024px) {
    .title-card {
        font-size: 1rem
    }
}

.title-card.title-inline {
    display: inline-block;
    width: calc(100% - 50px)
}

.title-card>a {
    color: inherit;
    text-decoration: none
}

.title-accordion {
    font-size: 1.125rem;
    display: block;
    position: relative;
    margin: 0;
    color: #00101c;
    font-weight: 200;
    pointer-events: none
}

.filters .title-accordion {
    text-transform: uppercase;
    font-weight: 700
}

.title-list-data {
    font-size: .875rem;
    display: inline-block;
    position: relative;
    max-width: 65%;
    color: #00101c;
    font-weight: 200;
    margin: 0;
    vertical-align: top
}

@media screen and (min-width:768px) {
    .title-list-data {
        max-width: 75%
    }
}

.list-material-title {
    font-size: .75rem
}

.filter-title,
.list-material-title {
    display: block;
    position: relative;
    margin: 0;
    color: #00101c;
    font-weight: 700
}

.filter-title {
    font-size: 1.125rem
}

.bordered-title {
    font-size: 1.5rem;
    display: block;
    margin: 0;
    position: relative;
    padding: 10px 0 10px 15px;
    color: #00101c;
    font-weight: 300;
    border-left: 2px solid #000;
    line-height: 1.2
}

@media screen and (min-width:1024px) {
    .bordered-title {
        font-size: 2.25rem
    }
}

.bordered-title.with-margin {
    margin: 30px 0
}

@media screen and (min-width:1024px) {
    .bordered-title.with-margin {
        margin: 50px 0
    }
}

.sidebar .bordered-title {
    font-size: 1.125rem;
    color: #54606c;
    font-weight: 700;
    border-left-color: #54606c
}

@media screen and (min-width:1024px) {
    .sidebar .bordered-title {
        font-size: 1.375rem
    }
}

.bordered-title span {
    font-size: 1.125rem
}

.bordered-title strong {
    font-size: 1.5rem;
    color: #e68624;
    font-weight: 300
}

@media screen and (min-width:1024px) {
    .bordered-title strong {
        font-size: 2.25rem
    }
}

.wrapper-slider {
    display: block;
    width: 100%
}

.slider,
.wrapper-slider {
    position: relative;
    overflow: hidden
}

.slider.full {
    height: 380px;
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .slider.full {
        height: 600px
    }
}

.slider.full .owl-stage,
.slider.full .owl-stage-outer {
    height: 100%
}

.slider.full .swiper-slide {
    height: 100%;
    overflow: hidden
}

.slider.gradient .swiper-slide:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, .5) 0, rgba(84, 96, 108, 0));
    z-index: 1
}

.slider.sprite .swiper-slide:after {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    width: 25%;
    content: "";
    background-image: url(../../assets/images/square-sprite.png);
    background-size: 20%;
    opacity: .3;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .slider.sprite .swiper-slide:after {
        right: 60px;
        width: 15%;
        background-size: 10%
    }
}

.swiper-slide {
    height: 100%
}

.full .slide-image,
.full .slide-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%
}

.full .slide-image img {
    max-width: none;
    width: auto
}

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

.slide-content {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 15px;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .slide-content {
        width: 50%
    }
}

.slide-suptitle {
    font-size: .75rem;
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff
}

@media screen and (min-width:1024px) {
    .slide-suptitle {
        font-size: 1.5rem
    }
}

.slide-title {
    font-size: 2.25rem;
    margin: 0;
    font-weight: 700;
    color: #fff
}

@media screen and (min-width:1024px) {
    .slide-title {
        font-size: 4.5rem;
        line-height: 1
    }
}

.slide-text {
    font-size: .75rem;
    margin: 0;
    max-width: 75%;
    font-weight: 300;
    color: #fff
}

@media screen and (min-width:1024px) {
    .slide-text {
        font-size: 1.5rem;
        max-width: 100%;
        line-height: 1.5
    }
}

.slide-text .link-read {
    margin-top: 0
}

.slide-text .link-read .arrow-link {
    width: 12px;
    height: 10px
}

@media screen and (min-width:1024px) {
    .slide-text .link-read .arrow-link {
        width: 20px;
        height: 16px
    }
}

.swiper-container-horizontal>.swiper-pagination {
    position: absolute;
    top: 80%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

@media screen and (min-width:1024px) {
    .swiper-container-horizontal>.swiper-pagination {
        top: 85%
    }
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    margin: 0 5px;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    border-radius: 50%;
    border: 3px solid #fff
}

.modal,
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.modal {
    display: none;
    position: fixed;
    top: 15px;
    left: 15px;
    right: 15px;
    max-height: calc(100% - 30px);
    overflow: auto;
    z-index: 20
}

@media screen and (min-width:1024px) {
    .modal {
        width: 850px;
        top: 50%;
        left: 50%;
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.modal .tool-close {
    cursor: pointer
}

@media screen and (min-width:1024px) {
    .modal .tool-close {
        top: 15px
    }
}

.modal.open {
    display: block
}

.modal-content {
    padding: 30px
}

.icon-market {
    display: inline-block;
    position: relative;
    height: 40px;
    width: 40px;
    vertical-align: middle
}

.aspect-highlight {
    border: 1px solid #e6e6e6;
    border-bottom: 4px solid #e68624
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 19;
    background-color: rgba(0, 0, 0, .5)
}

.overlay.open,
.wrapper-table .inline-flex {
    display: block
}

@media screen and (min-width:1024px) {
    .wrapper-table .inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.wrapper-table .inline-flex>div+div {
    margin-top: 20px
}

@media screen and (min-width:1024px) {
    .wrapper-table .inline-flex>div+div {
        margin-top: 0
    }
}

.wrapper-table .inline-flex+.inline-flex {
    margin-top: 20px
}

@media screen and (min-width:1024px) {
    .wrapper-table .inline-flex+.inline-flex {
        margin-top: 30px
    }
}

.main-content .wrapper-table {
    margin-bottom: 30px
}

.wrapper-inline-table {
    max-width: 100%;
    overflow: auto
}

.legend {
    width: 100%
}

@media screen and (min-width:1024px) {
    .legend {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%
    }
}

.legend-row {
    font-size: .875rem;
    display: table-row;
    width: 100%
}

.legend-label {
    margin-right: 2%;
    min-width: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 700
}

.legend-label:first-child:not(:last-child) {
    display: table-cell;
    white-space: nowrap
}

.legend-definition:last-child:not(:first-child) {
    display: table-cell;
    padding-left: 10px
}

.header-table {
    margin-top: 30px;
    margin-bottom: 10px
}

.keys-table {
    font-size: .75rem;
    margin-bottom: 20px;
    width: 100%;
    padding: 0;
    border-spacing: 2px
}

@media screen and (min-width:1024px) {
    .keys-table {
        font-size: .875rem
    }
}

.keys-table:last-child {
    margin-bottom: 0
}

.keys-table tr+tr {
    margin-top: 3px
}

.keys-table td,
.keys-table th {
    border: 0
}

.keys-table th {
    padding: 5px;
    background-color: #d1dce9;
    font-weight: 700
}

@media screen and (min-width:1024px) {
    .keys-table th {
        padding: 10px 15px
    }
}

.keys-table td {
    width: 30px;
    text-align: center;
    background-color: #e7edf4
}

@media screen and (min-width:1024px) {
    .keys-table td {
        width: 70px
    }
}

.sidebar-keys-table {
    font-size: .875rem;
    margin: 10px 0 40px;
    width: 100%;
    padding: 20px;
    table-layout: fixed;
    background-color: #e7edf4
}

.sidebar-keys-table tr:first-child td,
.sidebar-keys-table tr:first-child th {
    padding-top: 0
}

.sidebar-keys-table tr:last-child td,
.sidebar-keys-table tr:last-child th {
    padding-bottom: 0;
    border-bottom: 0
}

.sidebar-keys-table td,
.sidebar-keys-table th {
    border-bottom: 1px solid #d1dce9
}

.sidebar-keys-table th {
    padding: 10px 0;
    width: 66.6666666667%;
    font-weight: 300;
    text-align: left
}

.sidebar-keys-table td {
    padding: 10px 15px;
    font-weight: 700;
    vertical-align: top;
    text-align: center
}

@media screen and (min-width:1024px) {
    .sidebar-keys-table td {
        text-align: left
    }
}

.inline-table {
    font-size: .875rem;
    padding: 0;
    border-spacing: 2px
}

@media screen and (max-width:1024px) {
    .inline-table {
        font-size: .75rem;
        width: 100%
    }
}

.inline-table tr+tr {
    margin-top: 3px
}

.inline-table td,
.inline-table th {
    border: 0;
    padding: 5px;
    text-align: center
}

@media screen and (min-width:1024px) {

    .inline-table td,
    .inline-table th {
        padding: 10px
    }
}

.inline-table th {
    background-color: #d1dce9;
    font-weight: 700
}

.inline-table th.empty {
    background: none
}

.inline-table td {
    background-color: #e7edf4
}

.wrapper-comparator-table {
    margin-top: 30px
}

.comparator-table,
.comparator-table table {
    width: 100%;
    table-layout: fixed;
    border: 0;
    padding: 0;
    border-collapse: collapse
}

.comparator-table tbody,
.comparator-table thead {
    padding: 0;
    border: 0
}

.comparator-table td,
.comparator-table th {
    font-size: .75rem;
    text-align: center;
    border: 0;
    height: 1px;
    line-height: 1.5;
    padding: 5px
}

@media screen and (min-width:1024px) {

    .comparator-table td,
    .comparator-table th {
        padding: 0;
        font-size: .875rem
    }
}

.comparator-table th {
    font-weight: 700
}

.comparator-table td {
    padding: 0;
    background-color: #fff;
    font-weight: 500
}

.comparator-table [colspan=""] {
    height: auto
}

.comparator-table .comparator-table-product {
    background-color: #fff;
    padding: 0 1px 0 0
}

.comparator-table .comparator-table-product .red,
.comparator-table .comparator-table-product .trans-nav-controls a,
.trans-nav-controls .comparator-table .comparator-table-product a {
    font-size: .875rem;
    display: block;
    margin: 3px 0;
    height: 50px;
    color: #fff;
    background-color: #e68624;
    font-weight: 700;
    line-height: 50px;
    text-decoration: none
}

.comparator-table .comparator-table-product .red:focus,
.comparator-table .comparator-table-product .trans-nav-controls a:focus,
.trans-nav-controls .comparator-table .comparator-table-product a:focus {
    text-decoration: underline
}

@media screen and (min-width:1024px) {

    .comparator-table .comparator-table-product .red,
    .comparator-table .comparator-table-product .trans-nav-controls a,
    .trans-nav-controls .comparator-table .comparator-table-product a {
        font-size: .9375rem
    }

    .comparator-table .comparator-table-product .red:hover,
    .comparator-table .comparator-table-product .trans-nav-controls a:hover,
    .trans-nav-controls .comparator-table .comparator-table-product a:hover {
        text-decoration: underline
    }
}

.comparator-table .comparator-table-product~th:not(.comparator-table-product) {
    background-color: #f1f4f8
}

.comparator-table .comparator-table-product~th.comparator-table-product {
    padding: 0 0 0 1px
}

.comparator-table .comparator-table-header {
    font-size: 1rem;
    height: 50px;
    background-color: #54606c;
    color: #fff
}

@media screen and (min-width:1024px) {
    .comparator-table .comparator-table-header {
        font-size: 1.125rem
    }
}

.comparator-table .comparator-table-category {
    font-size: 1rem
}

@media screen and (min-width:1024px) {
    .comparator-table .comparator-table-category {
        font-size: 1.125rem
    }
}

.comparator-table .comparator-table-category table td:not([colspan]),
.comparator-table .comparator-table-category table th:not([colspan]) {
    padding: 5px
}

@media screen and (min-width:1024px) {

    .comparator-table .comparator-table-category table td:not([colspan]),
    .comparator-table .comparator-table-category table th:not([colspan]) {
        padding: 3px
    }
}

.comparator-table .comparator-table-category tbody tr:nth-child(odd) td:not([colspan]),
.comparator-table .comparator-table-category tbody tr:nth-child(odd) th:not([colspan]) {
    background-color: #e7edf4;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.comparator-table .comparator-table-category tbody tr:nth-child(odd) td:not([colspan]):first-child,
.comparator-table .comparator-table-category tbody tr:nth-child(odd) th:not([colspan]):first-child {
    border-left: 0
}

.comparator-table .comparator-table-category tbody tr:nth-child(odd) td:not([colspan]):last-child,
.comparator-table .comparator-table-category tbody tr:nth-child(odd) th:not([colspan]):last-child {
    border-right: 0
}

.comparator-table .comparator-table-category tbody tr:nth-child(2n) td:not([colspan]),
.comparator-table .comparator-table-category tbody tr:nth-child(2n) th:not([colspan]) {
    background-color: #fff
}

.comparator-table thead {
    font-size: 1rem
}

@media screen and (min-width:1024px) {
    .comparator-table thead {
        font-size: 1.125rem
    }
}

.comparator-table thead th {
    height: 50px
}

.comparator-table thead td,
.comparator-table thead th {
    font-size: 1rem;
    background-color: #d1dce9
}

@media screen and (min-width:1024px) {

    .comparator-table thead td,
    .comparator-table thead th {
        font-size: 1.125rem
    }
}

.comparator-table table {
    border-spacing: 0
}

.comparator-table table table thead [colspan="4"],
.comparator-table table table thead td {
    font-size: .75rem
}

@media screen and (min-width:1024px) {

    .comparator-table table table thead [colspan="4"],
    .comparator-table table table thead td {
        font-size: .875rem
    }
}

.comparator-table .download-all-files {
    font-size: .875rem;
    padding: 10px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:1024px) {
    .comparator-table .download-all-files {
        font-size: 1.125rem
    }
}

.comparator-table .download-all-files span {
    display: none
}

@media screen and (min-width:1024px) {
    .comparator-table .download-all-files span {
        display: block
    }
}

.comparator-table .download-all-files svg {
    margin: 0
}

@media screen and (min-width:1024px) {
    .comparator-table .download-all-files svg {
        margin-left: 15px
    }
}

.google-maps {
    max-width: 100%;
    height: 300px
}

@media screen and (min-width:1024px) {
    .google-maps {
        height: 850px
    }
}

.map-legend-wrapper {
    padding: 10px 0
}

@media screen and (min-width:1024px) {
    .map-legend-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }
}

.map-legend {
    font-size: .875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px
}

@media screen and (min-width:1024px) {
    .map-legend {
        padding: 20px
    }
}

.map-legend svg {
    margin-right: 5px;
    width: 15px;
    height: 22px
}

.map-legend.industrial-site {
    fill: #df050c
}

.map-legend.headquarters {
    fill: #1d9cbe
}

.map-legend.sales-office {
    fill: #91bf24
}

.map-legend.service-center {
    fill: #14123e
}

.map-legend.home-office {
    fill: #ff0
}

.infobox {
    padding: 0;
    background-color: #fff;
    min-width: 0
}

@media screen and (min-width:1024px) {
    .infobox {
        padding: 20px;
        min-width: 400px
    }
}

.infobox-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.infobox-header svg {
    width: 21px;
    height: 26px
}

.infobox-header path {
    fill: #54606c
}

.infobox-content {
    font-size: .875rem;
    margin-top: 5px
}

@media screen and (min-width:1024px) {
    .infobox-content {
        font-size: 0;
        overflow: hidden
    }

    .infobox .infobox-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .infobox-content .column {
        font-size: .875rem;
        display: inline-block;
        vertical-align: top;
        width: 20%;
        white-space: normal
    }

    .infobox .infobox-content .column {
        width: 100%
    }

    .infobox-content .column.right {
        float: right
    }

    .infobox-content .column.column-max {
        width: 23%
    }

    .infobox-content .column.column-min {
        width: 19%
    }
}

.infobox-content .column>div {
    width: 100%
}

.infobox-content .column>div+div {
    margin-top: 10px
}

@media screen and (min-width:1024px) {
    .infobox-content .column>div+div {
        margin-top: 20px
    }
}

.infobox-content .column+.column {
    margin-top: 10px
}

@media screen and (min-width:1024px) {
    .infobox-content .column+.column {
        margin-top: 0;
        margin-left: 50px
    }
}

.infobox-content .column a {
    color: #00101c
}

.infobox-content .column a:hover {
    color: #e68624
}

.infobox-content img {
    width: 100%;
    height: auto
}

.infobox-content .button,
.infobox-content .trans-nav-controls a,
.trans-nav-controls .infobox-content a {
    padding: 10px
}

.map-title {
    font-size: 1.375rem;
    margin: 0;
    color: #e68624;
    font-weight: 300
}

.map-title.black {
    color: #00101c
}

.map-title.industrial-site {
    color: #173b8e;
}

.map-title.headquarters {
    color: #1d9cbe
}

.map-title.sales-office {
    color: #91bf24
}

.map-title.service-center {
    color: #14123e
}

.map-title.home-office {
    color: #ff0
}

.map-subtitle {
    font-size: .875rem;
    margin: 0;
    font-weight: 700
}

body.mce-content-body,
html {
    height: inherit !important
}

.header {
    display: block
}

.header,
.header-top {
    position: relative;
    width: 100%
}

.header-top {
    display: none;
    background-color: #e7edf4;
    z-index: 3
}

@media screen and (min-width:1024px) {
    .header-top {
        display: block
    }
}

.header-top>.container-site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-secondary,
.wrapper-header-change {
    display: block;
    position: relative
}

.wrapper-header-change {
    font-size: 0
}

.wrapper-header-change>* {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 1rem
}

.planisphere {
    display: block;
    margin: 0 15px
}
.planispherer {
    display: block;
    margin: 0 15px
}

@media screen and (min-width:1024px) {
    .planisphere {
        margin-right: 15px
    }
    .planispherer {
        margin-right: 15px
    }
}

.planisphere svg {
    width: 78px;
    height: 40px
}
.planispherer svg {
    width: 78px;
    height: 40px
}
@media screen and (min-width:1024px) {
    .planisphere svg {
        width: 49px;
        height: 26px
    }
    .planispherer svg {
        width: 26px;
        height: 31px;

    }
}

.planisphere path {
    fill: #173b8e
}
.planispherer path {
    fill: #ffffff
}
.share-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 15px;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    list-style: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media screen and (min-width:1024px) {
    .share-link {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.share-link li {
    display: block;
    margin: 0;
    vertical-align: middle
}

.share-link li+li {
    margin-left: 15px
}

.twitter-share {
    display: block
}

.twitter-share svg {
    width: 35px;
    height: 30px
}

@media screen and (min-width:1024px) {
    .twitter-share svg {
        width: 19px;
        height: 16px
    }
}

.linkedin-share {
    display: block
}

.linkedin-share svg {
    width: 30px;
    height: 30px
}

@media screen and (min-width:1024px) {
    .linkedin-share svg {
        width: 16px;
        height: 16px
    }
}

.red-hover path {
    transition: fill .1s linear
}

.red-hover:focus path {
    fill: #e68624
}

@media screen and (min-width:1024px) {
    .red-hover:hover path {
        fill: #e68624
    }
}

.lang-switch {
    margin: 0 0 0 15px;
    padding: 0;
    height: 50px;
    width: 60px;
    list-style-type: none;
    list-style: none;
    background-color: #173b8e;
    text-align: center;
    line-height: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media screen and (min-width:1024px) {
    .lang-switch {
        margin: 0;
        width: 60px;
        height: 36px;
        line-height: 36px
    }
}

.lang-switch li {
    display: none;
    transition: background-color .1s linear
}

.lang-switch li:focus {
    background-color: #e68624
}

@media screen and (min-width:1024px) {
    .lang-switch li:hover {
        background-color: #e68624
    }
}

.lang-switch li.selected {
    display: block
}

.lang-switch a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700
}

.lang-switch a img.chevron-down {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0 5px
}

.lang-switch-container {
    position: relative
}

.lang-switch-container:hover .lang-switch-dropdown {
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.lang-switch-container .lang-switch-dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    height: auto;
    z-index: 9;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.header-bottom {
    display: block;
    position: relative;
    width: 100%;
    min-height: 70px;
    background-color: #fff;
    z-index: 2
}

.header-bottom>.container-site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:1024px) {
    .header-bottom>.container-site {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 110px
    }
}

.brand {
    display: block;
    margin: 0 15px 10px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

@media screen and (min-width:1024px) {
    .brand {
        margin: 0 60px 0 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

.brand img {
    margin-left: -30px;
    max-width: 100%;
    width: 115px;
    height: auto
}

@media screen and (min-width:1024px) {
    .brand img {
        margin-left: 0;
        width: 201px
    }
}

.wrapper-image-header .wrapper-image img {
    max-width: 100%;
    height: auto
}

.wrapper-image-header .container-site {
    position: static
}

.wrapper-image-header .wrapper-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.menu-toggler,
.remove-fav,
.tool-close {
    display: block;
    margin: 0 0 0 15px;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 20px;
    width: 30px;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none
}

@media screen and (min-width:1024px) {

    .menu-toggler,
    .remove-fav,
    .tool-close {
        display: none
    }
}

.menu-toggler .line1,
.menu-toggler .line2,
.menu-toggler .line3,
.remove-fav .line1,
.remove-fav .line2,
.remove-fav .line3,
.tool-close .line1,
.tool-close .line2,
.tool-close .line3 {
    position: absolute;
    width: 30px;
    height: 2px;
    border-radius: 6px;
    margin-top: 0;
    background-color: #54606c;
    left: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    pointer-events: none
}

.menu-toggler .line1,
.remove-fav .line1,
.tool-close .line1 {
    top: 0
}

.menu-toggler .line2,
.remove-fav .line2,
.tool-close .line2 {
    top: 9px
}

.menu-toggler .line3,
.remove-fav .line3,
.tool-close .line3 {
    top: 18px
}

.menu-toggler.open .line1,
.open.remove-fav .line1,
.open.tool-close .line1 {
    -webkit-animation: line1transition .3s linear forwards;
    animation: line1transition .3s linear forwards
}

.menu-toggler.open .line2,
.open.remove-fav .line2,
.open.tool-close .line2 {
    -webkit-animation: line2transition .3s linear forwards;
    animation: line2transition .3s linear forwards
}

.menu-toggler.open .line3,
.open.remove-fav .line3,
.open.tool-close .line3 {
    -webkit-animation: line3transition .3s linear forwards;
    animation: line3transition .3s linear forwards
}

.nav-primary {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    overflow: auto
}

@media screen and (min-width:1024px) {
    .nav-primary {
        position: static;
        display: block;
        width: auto;
        height: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        background-color: transparent
    }

    .nav-primary .menu-main-container {
        height: 100%
    }
}

.nav-primary.open {
    display: block
}

.nav-primary .wrapper-header-change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e7edf4
}

#menu-container,
#menu-container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none
}

#menu-container .menu-item>a,
#menu-container .menu-item>span {
    font-size: .875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 15px;
    min-height: 50px;
    max-width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #54606c;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    word-break: break-word
}

@media screen and (min-width:1024px) {

    #menu-container .menu-item>a,
    #menu-container .menu-item>span {
        margin: 0
    }
}

#menu-container .menu-item-has-children {
    position: relative;
    overflow: hidden
}

@media screen and (min-width:1024px) {
    #menu-container .menu-item-has-children {
        position: static
    }
}

#menu-container .menu-item-has-children:after {
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    right: 35px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 22px;
    height: 11px;
    background: url(../images/chevron.png) no-repeat;
    pointer-events: none;
    background-size: contain
}

@media screen and (min-width:1024px) {
    #menu-container .menu-item-has-children:after {
        content: none
    }
}

#menu-container .menu-item-has-children.open:after {
    display: none
}

#menu-container .menu-item-has-children.open>a,
#menu-container .menu-item-has-children.open>span {
    border-top: 0
}

#menu-container .menu-item-has-children.open>a {
    position: relative
}

#menu-container .menu-item-has-children.open>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    right: 20px;
    height: 15px;
    width: 22px;
    background: url(https://www.aubertduval.com/wp-sites/themes/aubertduval-theme/dist/images/svg/arrow.svg) no-repeat;
    pointer-events: none;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width:1024px) {
    #menu-container .menu-item-has-children.open>a:after {
        content: none
    }
}

#menu-container .menu-item-has-children.open>.sub-menu {
    max-height: 5000px;
    opacity: 1;
    visibility: visible
}

@media screen and (min-width:1024px) {
    #menu-container .menu-item-has-children:hover>.sub-menu {
        max-height: 5000px;
        height: auto;
        opacity: 1;
        visibility: visible
    }
}

#menu-container .sub-menu {
    max-height: 0;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition-property: max-height, opacity;
    transition-duration: .3s;
    transition-timing-function: linear
}

@media screen and (min-width:1024px) {
    #menu-container .nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }

    #menu-container .nav li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

@media screen and (min-width:1024px) {
    #menu-container .nav>.menu-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    #menu-container .nav>.menu-item:hover {
        background: #d1dce9
    }

    #menu-container .nav>.menu-item:hover>a,
    #menu-container .nav>.menu-item:hover>span {
        border-left-color: transparent;
        border-right-color: transparent
    }

    #menu-container .nav>.menu-item:last-child>a,
    #menu-container .nav>.menu-item:last-child>span {
        border-right: 0
    }
}

#menu-container .nav>.menu-item>a,
#menu-container .nav>.menu-item>span {
    border-bottom: 1px solid #eff1f2
}

@media screen and (min-width:1024px) {

    #menu-container .nav>.menu-item>a,
    #menu-container .nav>.menu-item>span {
        border-bottom: 0;
        border-left: 1px solid #eff1f2;
        border-right: 1px solid #eff1f2;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

#menu-container .nav>.menu-item:first-child>a,
#menu-container .nav>.menu-item:first-child>span {
    border-top: 1px solid #eff1f2
}

@media screen and (min-width:1024px) {

    #menu-container .nav>.menu-item:first-child>a,
    #menu-container .nav>.menu-item:first-child>span {
        border-top: 0
    }
}

@media screen and (min-width:1024px) {
    #menu-container .nav>.menu-item.menu-item-has-children>.sub-menu {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        z-index: 1
    }

    #menu-container .nav>.menu-item.menu-item-has-children>.sub-menu:before {
        position: absolute;
        top: 0;
        left: -50vw;
        width: 150vw;
        height: 100%;
        content: "";
        background-color: #d1dce9;
        z-index: -1
    }
}

#menu-container .nav>.menu-item.menu-item-has-children>.sub-menu {
    background-color: #d1dce9
}

@media screen and (min-width:1024px) {
    #menu-container .nav>.menu-item.menu-item-has-children>.sub-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

#menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item>a,
#menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item>span {
    border-bottom: 1px solid #e6eaee;
    font-weight: 300;
    color: #00101c;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width:1024px) {

    #menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item>a,
    #menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item>span {
        border-bottom: 0;
        height: 50px
    }
}

#menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item:last-child>a,
#menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item:last-child>span {
    border-bottom: 0
}

@media screen and (min-width:1024px) {
    #menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item>a:hover {
        background-color: #e7edf4
    }
}

#menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item-has-children:after {
    right: 40px;
    width: 14px;
    height: 7px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

#menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item-has-children.open:after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 45px;
    height: 15px
}

@media screen and (min-width:1024px) {

    #menu-container .nav>.menu-item>.sub-menu>.menu-item:not(.menu-item-has-children) a,
    #menu-container .nav>.menu-item>.sub-menu>.menu-item:not(.menu-item-has-children) span {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
}

@media screen and (min-width:1024px) {
    #menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu {
        max-height: 5000px;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (min-width:1024px) {
    #menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu>.menu-item:last-child {
        padding-bottom: 20px
    }

    #menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu>.menu-item:hover a {
        background-color: #e7edf4
    }
}

#menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu>.menu-item>a,
#menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu>.menu-item>span {
    border-bottom: 1px solid #fff;
    font-weight: 300;
    text-indent: 15px;
    text-transform: none;
    color: #00101c
}

@media screen and (min-width:1024px) {

    #menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu>.menu-item>a,
    #menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu>.menu-item>span {
        min-height: 40px;
        padding: 12px 15px;
        border-bottom: 0;
        border-left: 1px solid #fff;
        text-indent: 0
    }
}

#menu-container .nav>.menu-item.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children:after {
    right: 40px;
    width: 14px;
    height: 7px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

#menu-container .lang-switch {
    margin: 0 0 0 15px
}

.top-nav,
.top-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none
}

.top-nav .menu-item {
    display: inline-block;
    vertical-align: middle
}

.top-nav .menu-item+.menu-item {
    margin-left: 60px
}

.top-nav .menu-item a {
    font-size: .875rem;
    color: #00101c;
    text-decoration: none
}

@media screen and (min-width:1024px) {
    .top-nav .menu-item a:hover {
        text-decoration: underline
    }
}

#menu-container .top-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #e7edf4
}

#menu-container .top-nav .menu-item {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

#menu-container .top-nav .menu-item a {
    font-size: .875rem;
    margin: 0;
    color: #00101c;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 300;
    text-transform: none
}

#menu-footer-main {
    font-size: 1.125rem;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none
}

#menu-footer-main .menu-item+.menu-item {
    margin-top: 15px
}

#menu-footer-main a {
    display: inline-block;
    position: relative;
    padding-right: 15px;
    text-decoration: none;
    color: #fff
}

#menu-footer-main a:after {
    display: block;
    position: absolute;
    top: 9px;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7px;
    height: 12px;
    content: "";
    background: url(../../assets/images/chevron-white.png) no-repeat;
    pointer-events: none;
    background-size: cover
}

#menu-footer-secondary {
    font-size: .875rem;
    margin: 0 0 50px;
    padding: 0;
    list-style-type: none;
    list-style: none
}

#menu-footer-secondary .menu-item+.menu-item {
    margin-top: 15px
}

#menu-footer-secondary a {
    padding-right: 20px;
    text-decoration: none;
    color: #fff
}

.main-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 15px;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:768px) {
    .main-sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding: 0 0 0 15px;
        margin-top: 0
    }
}

.main-sidebar .wrapper-card {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-sidebar .wrapper-card .container-card {
    width: 100%
}

.main-sidebar .wrapper-card .title-card {
    font-size: 1.375rem
}

.sidebar-block {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 35px
}

.contact-sidebar {
    display: block;
    position: relative;
    padding: 20px;
    background-color: #e7edf4
}

.contact-sidebar p {
    font-size: 1rem;
    display: block;
    position: relative;
    color: #000;
    font-weight: 300
}

.contact-sidebar .acces-plan {
    font-size: .875rem;
    display: inline-block;
    position: relative;
    color: #000;
    margin: 20px 0;
    font-weight: 300;
    text-decoration: none
}

.contact-sidebar .acces-plan:hover {
    color: #e68624
}

.contact-sidebar .acces-plan .icon {
    display: inline-block;
    height: 27px;
    width: 23px;
    vertical-align: middle;
    margin-right: 10px
}

.sidebar {
    margin-top: 30px;
    background-color: #f1f4f8
}

@media screen and (min-width:1024px) {
    .sidebar {
        width: 25%
    }

    .sidebar.left {
        margin-right: 20px
    }

    .sidebar.right {
        margin-left: 30px
    }
}

.sidebar.no-margin-top {
    margin-top: 0
}

.sticky-tools-container {
    position: relative;
    z-index: 10
}

.sticky-tools-container.menu {
    z-index: 1
}

.tools-buttons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0;
    height: 65px;
    width: 100%;
    list-style-type: none;
    list-style: none;
    z-index: 10;
    background-color: #173b8e
}

@media screen and (min-width:1024px) {
    .tools-buttons-wrapper {
        height: 100vh;
        width: 60px;
        padding-top: 145px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.tools-buttons-wrapper:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: #173b8e
}

.tools-buttons-wrapper.menu {
    z-index: 2
}

.tools-buttons-wrapper .tool-close .line1,
.tools-buttons-wrapper .tool-close .line3 {
    background-color: #173b8e !important
}

.tool {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media screen and (min-width:1024px) {
    .tool {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px
    }
}

.tool.open {
    background-color: #e7edf4
}

.tool.open .tool-button path {
    fill: #173b8e
}

.tool.open .tool-panel {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    z-index: 0
}

@media screen and (min-width:1024px) {
    .tool.open .tool-panel {
        -webkit-transform: translateX(60px);
        transform: translateX(60px)
    }
}

.tool.open .tool-button:after {
    border-bottom: 2px solid transparent
}

.tool-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.tool-button svg {
    display: block;
    margin: 0 auto;
    width: 30px
}

.tool-button path {
    fill: #fff
}

.tool-button:after {
    display: block;
    content: " ";
    width: 76%;
    position: absolute;
    bottom: 0;
    left: 12%
}

.tool-title {
    font-size: 1.75rem;
    margin: 0 0 20px;
    font-weight: 500
}

.tool-title.small-margin {
    margin: 0 0 10px
}

.tool-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    max-height: calc(100vh - 60px);
    overflow: auto;
    padding: 30px 15px;
    background-color: #e7edf4;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    z-index: -1
}

@media screen and (min-width:1024px) {
    .tool-panel {
        left: 0;
        bottom: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        max-height: 100vh;
        height: 100vh;
        width: 380px;
        padding: 165px 45px 15px;
        z-index: -1
    }
}

.tool-panel .download-all-files {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 20px 0
}

.tool-close {
    margin: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 10px
}

@media screen and (min-width:1024px) {
    .tool-close {
        display: block;
        top: 25px;
        width: 30px;
        height: 20px
    }
}

.tool-close .line1 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 5px;
    width: 15px
}

@media screen and (min-width:1024px) {
    .tool-close .line1 {
        top: 10px;
        width: 30px
    }
}

.tool-close .line3 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 5px;
    width: 15px
}

@media screen and (min-width:1024px) {
    .tool-close .line3 {
        top: 10px;
        width: 30px
    }
}

.toolbar-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 9;
    background-color: rgba(0, 0, 0, .5)
}

.toolbar-overlay.open {
    display: block
}

.toolbar-overlay.open.menu {
    z-index: 2
}

@media screen and (min-width:1024px) {
    .toolbar-overlay.open+.page-container {
        -webkit-transform: translateX(380px);
        transform: translateX(380px)
    }
}

.no-fav {
    font-size: .875rem
}

.no-fav p {
    margin-bottom: 20px;
    color: #e68624;
    font-style: italic;
    font-weight: 300
}

@media screen and (min-width:1024px) {
    .no-fav p {
        font-size: 1.125rem
    }
}

.fav-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none
}

.fav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #fff
}

.fav-item:last-child {
    border-bottom: 0
}

.fav-item-title {
    font-size: 1.0625rem;
    margin: 0;
    font-weight: 300
}

@media screen and (min-width:1024px) {
    .fav-item-title {
        font-size: 1.125rem
    }
}

.fav-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.remove-fav {
    margin: 0;
    width: 12px;
    height: 12px
}

@media screen and (min-width:1024px) {
    .remove-fav {
        display: block
    }
}

.remove-fav .line1 {
    width: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 6px
}

.remove-fav .line3 {
    width: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 6px
}

.tool-lists {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none
}

.tool-list {
    font-size: 1.125rem;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #fff;
    font-weight: 300
}

.tool-list:after {
    position: absolute;
    top: 20px;
    right: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 19px;
    height: 9px;
    content: "";
    background: url(../images/chevron.png) no-repeat;
    background-size: contain
}

.tool-list a {
    display: block;
    padding: 15px 15px 15px 0;
    color: #000;
    text-decoration: none
}

.nuances-listing .information-link {
    display: none
}

.nuances-listing .inline-flex:not(.no-margin) {
    margin-bottom: 20px
}

.nuances-legend {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    color: #333
}

.nuances-legend .nuances-legend-title {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.8;
    color: #54606c
}

.nuances-legend .nuances-legend-title:first-letter {
    color: #fff;
    background-color: #e68624;
    padding: 0 5px;
    margin-right: 5px
}

.nuances-legend .tool-close {
    display: none
}

.nuances-legend .article-subtitle {
    color: #000
}

.nuances-legend .modal-content {
    padding: 15px ​0
}

.nuances-legend .markets-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    width: 25%
}

.nuances-legend .markets-list li .icon-market {
    min-width: 40px;
    margin-right: 5px
}

.nuances-legend .markets-list li .icon-market+span {
    font-size: .875rem
}

.nuances-legend .legend-row+.legend-row {
    margin-top: 5px
}

.nuances-legend .keys-table th {
    padding: 6px 11px
}

.nuances-legend-tooltip {
    position: absolute;
    z-index: 1;
    top: -145px;
    left: 120%;
    visibility: hidden;
    width: 500px;
    max-width: 100vw;
    background: rgba(0, 0, 0, .85);
    padding: 20px;
    border-radius: 6px;
    font-size: .85rem;
    color: #fff;
    text-align: left;
    opacity: 0;
    transition: opacity 1s
}

.nuances-legend-tooltip .modal-content {
    padding: 0
}

.nuances-legend-tooltip:after {
    content: " ";
    position: absolute;
    top: 9.8rem;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #000 transparent transparent
}

.nuances-legend:hover .nuances-legend-tooltip {
    visibility: visible;
    opacity: 1
}

@media (max-width:1024px) {
    .nuances-legend .keys-table td {
        width: 50px
    }
}

@media (max-width:768px) {
    .nuances-legend .markets-list li {
        width: 33%
    }
}

@media (max-width:576px) {
    .nuances-legend .markets-list li {
        width: 49%
    }
}

.wrapper-bloc-card-selected {
    position: fixed;
    bottom: 0;
    left: 60px;
    z-index: 9;
    width: 100%;
    padding: 1rem;
    border-top: 10px solid #90c038;
    background: #fff
}

.wrapper-bloc-card-selected .wrapper-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper-bloc-card-selected .sidebar {
    display: block;
    margin-top: 0;
    background: #fff
}

.wrapper-bloc-card-selected h5 {
    margin-bottom: 10px
}

.wrapper-bloc-card-selected ul {
    list-style: none
}

.wrapper-bloc-card-selected ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.wrapper-bloc-card-selected ul li .label-compare {
    border: 0;
    width: 24px;
    height: auto;
    color: #f11d28;
    margin-left: 10px
}

.wrapper-bloc-card-selected ul li+li {
    margin-top: 10px
}

@media (max-width:1024px) {
    .wrapper-bloc-card-selected {
        bottom: 65px;
        left: 0
    }

    .wrapper-bloc-card-selected .wrapper-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .wrapper-bloc-card-selected .wrapper-flex .sidebar {
        margin-top: 1rem
    }
}

.footer {
    margin-top: 50px;
    padding: 60px 15px;
    background-color: #30509c;
    color: #fff
}

.footer.wrapper-bloc-content.diagonal {
    margin-top: 80px;
    margin-bottom: 0;
    padding: 60px 15px
}

.footer.wrapper-bloc-content.diagonal:before {
    width: 33.3333333333%
}

.footer.wrapper-bloc-content ul li:before {
    display: none
}

.footer .location-title {
    font-size: 1.125rem;
    margin: 0 0 20px;
    font-weight: 300
}

.footer .location-map {
    margin: 0 0 20px
}

.footer .location-map circle {
    fill: #fff
}

.footer .location-map svg {
    width: 100%;
    height: auto
}

@media screen and (min-width:1024px) {
    .footer .location-map svg {
        width: 275px;
        height: 140px
    }
}

@media screen and (min-width:1024px) {
    .footer .container-site {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .footer .column {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 40%
    }

    .footer .column.middle {
        padding: 0 70px
    }
}

.footer .column+.column {
    margin-top: 50px
}

@media screen and (min-width:1024px) {
    .footer .column+.column {
        margin-top: 0
    }
}

.member-container p {
    font-size: .6875rem;
    font-weight: 300
}

.member-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.member-list a {
    display: block
}

.footer-share svg {
    width: 30px;
    height: 30px
}

.footer-share .share-link {
    margin: 0
}

.footer-share path {
    fill: #fff
}

.copyright {
    font-size: .875rem;
    margin-top: 5px
}

@media screen and (min-width:1024px) {
    .copyright {
        margin-top: 10px
    }
}

.popin-survey {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 380px;
    padding: 40px;
    background: #fff;
    z-index: 99
}

@media (max-width:480px) {
    .popin-survey {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        padding: 40px;
        background: #fff;
        z-index: 99
    }
}

.popin-survey:before {
    width: 33.3333333333%;
    border-bottom-color: #fff;
    left: 0;
    border-right: 30px solid transparent;
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    width: 50%;
    border-bottom: 30px solid #fff
}

.popin-survey-close .line1,
.popin-survey-close .line3 {
    background-color: #e68624
}

.popin-survey .main-title {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1.1em
}

.popin-survey .main-title span:first-letter {
    color: #fff;
    background-color: #173b8e;
    padding: 0 5px;
    margin-right: 5px
}

.popin-survey-content p,
.popin-survey-submit-desc {
    font-size: 14px;
    font-weight: 200;
    color: #00101c
}

.popin-survey-captcha,
.popin-survey-submit-btn {
    margin-top: 25px
}

.popin-survey-submit-desc {
    margin-top: 14px;
    font-size: 12px
}

#adStickyButtons {
    position: fixed;
    width: 100%;
    z-index: 10;
    pointer-events: none;
    bottom: 65px;
    display: block;
    right: 0;
    z-index: 9
}

@media (min-width:992px) {
    #adStickyButtons {
        bottom: 0
    }
}

#adStickyButtons .ad-layout {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end
}

@media (max-width:991px) {
    #adStickyButtons .ad-layout {
        padding: 0
    }
}

#adStickyButtonsDetector {
    position: absolute;
    top: 100vh
}

#footerContact {
    pointer-events: all
}

#backToTop {
    transition: all .4s linear
}

#backToTop svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 24px
}

#backToTop svg path {
    fill: #173b8e
}

#backToTop,
#backToTop *,
#footerContact * {
    pointer-events: all
}

#footerContact {
    transition: all .4s linear;
    width: 291px;
    display: none;
    padding: 0 21px;
    background: #173b8e;
    color: #fff;
    text-decoration: none
}

@media (min-width:992px) {
    #footerContact {
        display: block
    }
}

#footerContact .buttonInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 6px
}

#footerContact .linkText {
    overflow: hidden;
    white-space: nowrap;
    width: 210px;
    max-width: 210px;
    opacity: 1;
    text-align: left;
    display: block;
    font-size: 1.25rem;
    height: auto;
    transition: all .4s linear
}

#footerContact [class^=icon-] {
    margin-left: 0;
    transition: all .4s linear;
    width: 40px;
    display: inline-block;
    position: relative;
    top: 6px
}

#footerContact [class^=icon-] svg circle,
#footerContact [class^=icon-] svg path {
    fill: #fff
}

@media (min-width:992px) {

    #footerContact:focus,
    #footerContact:hover {
        width: 291px !important
    }
}

#footerContact:focus .linkText,
#footerContact:hover .linkText {
    max-width: 291px !important;
    opacity: 1 !important
}

#backToTop {
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    border: 0;
    outline: 0;
    margin-left: 30px;
    color: #000;
    background: #ececec;
    padding: 0;
    height: 49px;
    width: 49px;
    font-size: 25px
}

@media (min-width:992px) {
    #backToTop {
        height: auto;
        min-height: 100%;
        width: 72px
    }
}

body.backToTopDeployed #footerContact {
    width: 82px
}

body.backToTopDeployed #footerContact .linkText {
    max-width: 0;
    width: 0;
    opacity: 0
}

body.backToTopDeployed #footerContact:hover .linkText {
    max-width: 210px;
    width: 210px;
    opacity: 1
}

body.backToTopDeployed #backToTop {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.iframe-open-in-popin {
    position: relative
}

.iframe-open-in-popin .iframe-cta {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

article.market {
    padding: 30px;
    background-color: #fff
}

article.market+.wrapper-card,
article.market .wrapper-card {
    margin-top: 30px
}

article.introduction {
    font-size: 1.125rem;
    display: block;
    position: relative;
    color: #00101c;
    font-weight: 200;
    line-height: 1.4;
    padding: 0 30px 50px
}

article.introduction p:not(:last-of-type) {
    margin-bottom: 5px
}

article.introduction a {
    color: #00101c
}

article.introduction a:hover {
    color: #e68624
}

article.news {
    margin-bottom: 50px
}

article.news header {
    margin-bottom: 30px
}

article.news .content {
    margin: 25px 0 0;
    overflow: auto;
    zoom: 1
}

article.news .content img {
    margin: 0 0 15px
}

@media screen and (min-width:1024px) {
    article.news .content img {
        margin: 0 30px 0 0;
        float: left;
        max-width: 50%
    }
}

body#tinymce {
    margin: 12px !important
}

/*# sourceMappingURL=main.css.map */