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

body {
    margin: 0
}

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

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

b,
strong {
    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: -0.25em
}

sup {
    top: -0.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 {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: 0.35em 0.75em 0.625em
}

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
}

template {
    display: none
}

[hidden] {
    display: none
}

@media (min-width: 20em) {
    .col-xs-1 {
        float: left;
        width: 8.33333%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 36em) {
    .col-sm-1 {
        float: left;
        width: 8.33333%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 48em) {
    .col-md-1 {
        float: left;
        width: 8.33333%
    }
}

@media (min-width: 48em) {
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 64em) {
    .col-lg-1 {
        float: left;
        width: 8.33333%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 75em) {
    .col-xl-1 {
        float: left;
        width: 8.33333%
    }
}

@media (min-width: 75em) {
    .col-xl-offset-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-1 {
        float: left;
        width: 8.33333%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-offset-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 20em) {
    .col-xs-2 {
        float: left;
        width: 16.66667%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-2 {
        margin-left: 16.66667%
    }
}

@media (min-width: 36em) {
    .col-sm-2 {
        float: left;
        width: 16.66667%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
}

@media (min-width: 48em) {
    .col-md-2 {
        float: left;
        width: 16.66667%
    }
}

@media (min-width: 48em) {
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
}

@media (min-width: 64em) {
    .col-lg-2 {
        float: left;
        width: 16.66667%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
}

@media (min-width: 75em) {
    .col-xl-2 {
        float: left;
        width: 16.66667%
    }
}

@media (min-width: 75em) {
    .col-xl-offset-2 {
        margin-left: 16.66667%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-2 {
        float: left;
        width: 16.66667%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-offset-2 {
        margin-left: 16.66667%
    }
}

@media (min-width: 20em) {
    .col-xs-3 {
        float: left;
        width: 25%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-3 {
        margin-left: 25%
    }
}

@media (min-width: 36em) {
    .col-sm-3 {
        float: left;
        width: 25%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-3 {
        margin-left: 25%
    }
}

@media (min-width: 48em) {
    .col-md-3 {
        float: left;
        width: 25%
    }
}

@media (min-width: 48em) {
    .col-md-offset-3 {
        margin-left: 25%
    }
}

@media (min-width: 64em) {
    .col-lg-3 {
        float: left;
        width: 25%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-3 {
        margin-left: 25%
    }
}

@media (min-width: 75em) {
    .col-xl-3 {
        float: left;
        width: 25%
    }
}

@media (min-width: 75em) {
    .col-xl-offset-3 {
        margin-left: 25%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-3 {
        float: left;
        width: 25%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-offset-3 {
        margin-left: 25%
    }
}

@media (min-width: 20em) {
    .col-xs-4 {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-4 {
        margin-left: 33.33333%
    }
}

@media (min-width: 36em) {
    .col-sm-4 {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
}

@media (min-width: 48em) {
    .col-md-4 {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 48em) {
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
}

@media (min-width: 64em) {
    .col-lg-4 {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
}

@media (min-width: 75em) {
    .col-xl-4 {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 75em) {
    .col-xl-offset-4 {
        margin-left: 33.33333%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-4 {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-offset-4 {
        margin-left: 33.33333%
    }
}

@media (min-width: 20em) {
    .col-xs-5 {
        float: left;
        width: 41.66667%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-5 {
        margin-left: 41.66667%
    }
}

@media (min-width: 36em) {
    .col-sm-5 {
        float: left;
        width: 41.66667%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
}

@media (min-width: 48em) {
    .col-md-5 {
        float: left;
        width: 41.66667%
    }
}

@media (min-width: 48em) {
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
}

@media (min-width: 64em) {
    .col-lg-5 {
        float: left;
        width: 41.66667%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
}

@media (min-width: 75em) {
    .col-xl-5 {
        float: left;
        width: 41.66667%
    }
}

@media (min-width: 75em) {
    .col-xl-offset-5 {
        margin-left: 41.66667%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-5 {
        float: left;
        width: 41.66667%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-offset-5 {
        margin-left: 41.66667%
    }
}

@media (min-width: 20em) {
    .col-xs-6 {
        float: left;
        width: 50%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 36em) {
    .col-sm-6 {
        float: left;
        width: 50%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 48em) {
    .col-md-6 {
        float: left;
        width: 50%
    }
}

@media (min-width: 48em) {
    .col-md-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 64em) {
    .col-lg-6 {
        float: left;
        width: 50%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 75em) {
    .col-xl-6 {
        float: left;
        width: 50%
    }
}

@media (min-width: 75em) {
    .col-xl-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-6 {
        float: left;
        width: 50%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 20em) {
    .col-xs-7 {
        float: left;
        width: 58.33333%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-7 {
        margin-left: 58.33333%
    }
}

@media (min-width: 36em) {
    .col-sm-7 {
        float: left;
        width: 58.33333%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
}

@media (min-width: 48em) {
    .col-md-7 {
        float: left;
        width: 58.33333%
    }
}

@media (min-width: 48em) {
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
}

@media (min-width: 64em) {
    .col-lg-7 {
        float: left;
        width: 58.33333%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
}

@media (min-width: 75em) {
    .col-xl-7 {
        float: left;
        width: 58.33333%
    }
}

@media (min-width: 75em) {
    .col-xl-offset-7 {
        margin-left: 58.33333%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-7 {
        float: left;
        width: 58.33333%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-offset-7 {
        margin-left: 58.33333%
    }
}

@media (min-width: 20em) {
    .col-xs-8 {
        float: left;
        width: 66.66667%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-8 {
        margin-left: 66.66667%
    }
}

@media (min-width: 36em) {
    .col-sm-8 {
        float: left;
        width: 66.66667%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
}

@media (min-width: 48em) {
    .col-md-8 {
        float: left;
        width: 66.66667%
    }
}

@media (min-width: 48em) {
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
}

@media (min-width: 64em) {
    .col-lg-8 {
        float: left;
        width: 66.66667%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
}

@media (min-width: 75em) {
    .col-xl-8 {
        float: left;
        width: 66.66667%
    }
}

@media (min-width: 75em) {
    .col-xl-offset-8 {
        margin-left: 66.66667%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-8 {
        float: left;
        width: 66.66667%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-offset-8 {
        margin-left: 66.66667%
    }
}

@media (min-width: 20em) {
    .col-xs-9 {
        float: left;
        width: 75%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-9 {
        margin-left: 75%
    }
}

@media (min-width: 36em) {
    .col-sm-9 {
        float: left;
        width: 75%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-9 {
        margin-left: 75%
    }
}

@media (min-width: 48em) {
    .col-md-9 {
        float: left;
        width: 75%
    }
}

@media (min-width: 48em) {
    .col-md-offset-9 {
        margin-left: 75%
    }
}

@media (min-width: 64em) {
    .col-lg-9 {
        float: left;
        width: 75%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-9 {
        margin-left: 75%
    }
}

@media (min-width: 75em) {
    .col-xl-9 {
        float: left;
        width: 75%
    }
}

@media (min-width: 75em) {
    .col-xl-offset-9 {
        margin-left: 75%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-9 {
        float: left;
        width: 75%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-offset-9 {
        margin-left: 75%
    }
}

@media (min-width: 20em) {
    .col-xs-10 {
        float: left;
        width: 83.33333%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-10 {
        margin-left: 83.33333%
    }
}

@media (min-width: 36em) {
    .col-sm-10 {
        float: left;
        width: 83.33333%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
}

@media (min-width: 48em) {
    .col-md-10 {
        float: left;
        width: 83.33333%
    }
}

@media (min-width: 48em) {
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
}

@media (min-width: 64em) {
    .col-lg-10 {
        float: left;
        width: 83.33333%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
}

@media (min-width: 75em) {
    .col-xl-10 {
        float: left;
        width: 83.33333%
    }
}

@media (min-width: 75em) {
    .col-xl-offset-10 {
        margin-left: 83.33333%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-10 {
        float: left;
        width: 83.33333%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-offset-10 {
        margin-left: 83.33333%
    }
}

@media (min-width: 20em) {
    .col-xs-11 {
        float: left;
        width: 91.66667%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 36em) {
    .col-sm-11 {
        float: left;
        width: 91.66667%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 48em) {
    .col-md-11 {
        float: left;
        width: 91.66667%
    }
}

@media (min-width: 48em) {
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 64em) {
    .col-lg-11 {
        float: left;
        width: 91.66667%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 75em) {
    .col-xl-11 {
        float: left;
        width: 91.66667%
    }
}

@media (min-width: 75em) {
    .col-xl-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-11 {
        float: left;
        width: 91.66667%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 20em) {
    .col-xs-12 {
        float: left;
        width: 100%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 36em) {
    .col-sm-12 {
        float: left;
        width: 100%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 48em) {
    .col-md-12 {
        float: left;
        width: 100%
    }
}

@media (min-width: 48em) {
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 64em) {
    .col-lg-12 {
        float: left;
        width: 100%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 75em) {
    .col-xl-12 {
        float: left;
        width: 100%
    }
}

@media (min-width: 75em) {
    .col-xl-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-12 {
        float: left;
        width: 100%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 20em) {
    .col-xs-1 {
        width: 8.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-xs-1.right {
    float: right
}

@media (min-width: 20em) {
    .col-xs-offset-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 20em) {
    .col-xs-2 {
        width: 16.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-xs-2.right {
    float: right
}

@media (min-width: 20em) {
    .col-xs-offset-2 {
        margin-left: 16.66667%
    }
}

@media (min-width: 20em) {
    .col-xs-3 {
        width: 25%;
        padding: 0 15px;
        float: left
    }
}

.col-xs-3.right {
    float: right
}

@media (min-width: 20em) {
    .col-xs-offset-3 {
        margin-left: 25%
    }
}

@media (min-width: 20em) {
    .col-xs-4 {
        width: 33.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-xs-4.right {
    float: right
}

@media (min-width: 20em) {
    .col-xs-offset-4 {
        margin-left: 33.33333%
    }
}

@media (min-width: 20em) {
    .col-xs-5 {
        width: 41.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-xs-5.right {
    float: right
}

@media (min-width: 20em) {
    .col-xs-offset-5 {
        margin-left: 41.66667%
    }
}

@media (min-width: 20em) {
    .col-xs-6 {
        width: 50%;
        padding: 0 15px;
        float: left
    }
}

.col-xs-6.right {
    float: right
}

@media (min-width: 20em) {
    .col-xs-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 20em) {
    .col-xs-7 {
        width: 58.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-xs-7.right {
    float: right
}

@media (min-width: 20em) {
    .col-xs-offset-7 {
        margin-left: 58.33333%
    }
}

@media (min-width: 20em) {
    .col-xs-8 {
        width: 66.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-xs-8.right {
    float: right
}

@media (min-width: 20em) {
    .col-xs-offset-8 {
        margin-left: 66.66667%
    }
}

@media (min-width: 20em) {
    .col-xs-9 {
        width: 75%;
        padding: 0 15px;
        float: left
    }
}

.col-xs-9.right {
    float: right
}

@media (min-width: 20em) {
    .col-xs-offset-9 {
        margin-left: 75%
    }
}

@media (min-width: 20em) {
    .col-xs-10 {
        width: 83.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-xs-10.right {
    float: right
}

@media (min-width: 20em) {
    .col-xs-offset-10 {
        margin-left: 83.33333%
    }
}

@media (min-width: 20em) {
    .col-xs-11 {
        width: 91.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-xs-11.right {
    float: right
}

@media (min-width: 20em) {
    .col-xs-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 20em) {
    .col-xs-12 {
        width: 100%;
        padding: 0 15px;
        float: left
    }
}

.col-xs-12.right {
    float: right
}

@media (min-width: 20em) {
    .col-xs-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 20em) {
    .col-xs-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 36em) {
    .col-sm-1 {
        width: 8.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-sm-1.right {
    float: right
}

@media (min-width: 36em) {
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 36em) {
    .col-sm-2 {
        width: 16.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-sm-2.right {
    float: right
}

@media (min-width: 36em) {
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
}

@media (min-width: 36em) {
    .col-sm-3 {
        width: 25%;
        padding: 0 15px;
        float: left
    }
}

.col-sm-3.right {
    float: right
}

@media (min-width: 36em) {
    .col-sm-offset-3 {
        margin-left: 25%
    }
}

@media (min-width: 36em) {
    .col-sm-4 {
        width: 33.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-sm-4.right {
    float: right
}

@media (min-width: 36em) {
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
}

@media (min-width: 36em) {
    .col-sm-5 {
        width: 41.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-sm-5.right {
    float: right
}

@media (min-width: 36em) {
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
}

@media (min-width: 36em) {
    .col-sm-6 {
        width: 50%;
        padding: 0 15px;
        float: left
    }
}

.col-sm-6.right {
    float: right
}

@media (min-width: 36em) {
    .col-sm-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 36em) {
    .col-sm-7 {
        width: 58.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-sm-7.right {
    float: right
}

@media (min-width: 36em) {
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
}

@media (min-width: 36em) {
    .col-sm-8 {
        width: 66.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-sm-8.right {
    float: right
}

@media (min-width: 36em) {
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
}

@media (min-width: 36em) {
    .col-sm-9 {
        width: 75%;
        padding: 0 15px;
        float: left
    }
}

.col-sm-9.right {
    float: right
}

@media (min-width: 36em) {
    .col-sm-offset-9 {
        margin-left: 75%
    }
}

@media (min-width: 36em) {
    .col-sm-10 {
        width: 83.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-sm-10.right {
    float: right
}

@media (min-width: 36em) {
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
}

@media (min-width: 36em) {
    .col-sm-11 {
        width: 91.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-sm-11.right {
    float: right
}

@media (min-width: 36em) {
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 36em) {
    .col-sm-12 {
        width: 100%;
        padding: 0 15px;
        float: left
    }
}

.col-sm-12.right {
    float: right
}

@media (min-width: 36em) {
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 36em) {
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 48em) {
    .col-md-1 {
        width: 8.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-md-1.right {
    float: right
}

@media (min-width: 48em) {
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 48em) {
    .col-md-2 {
        width: 16.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-md-2.right {
    float: right
}

@media (min-width: 48em) {
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
}

@media (min-width: 48em) {
    .col-md-3 {
        width: 25%;
        padding: 0 15px;
        float: left
    }
}

.col-md-3.right {
    float: right
}

@media (min-width: 48em) {
    .col-md-offset-3 {
        margin-left: 25%
    }
}

@media (min-width: 48em) {
    .col-md-4 {
        width: 33.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-md-4.right {
    float: right
}

@media (min-width: 48em) {
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
}

@media (min-width: 48em) {
    .col-md-5 {
        width: 41.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-md-5.right {
    float: right
}

@media (min-width: 48em) {
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
}

@media (min-width: 48em) {
    .col-md-6 {
        width: 50%;
        padding: 0 15px;
        float: left
    }
}

.col-md-6.right {
    float: right
}

@media (min-width: 48em) {
    .col-md-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 48em) {
    .col-md-7 {
        width: 58.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-md-7.right {
    float: right
}

@media (min-width: 48em) {
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
}

@media (min-width: 48em) {
    .col-md-8 {
        width: 66.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-md-8.right {
    float: right
}

@media (min-width: 48em) {
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
}

@media (min-width: 48em) {
    .col-md-9 {
        width: 75%;
        padding: 0 15px;
        float: left
    }
}

.col-md-9.right {
    float: right
}

@media (min-width: 48em) {
    .col-md-offset-9 {
        margin-left: 75%
    }
}

@media (min-width: 48em) {
    .col-md-10 {
        width: 83.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-md-10.right {
    float: right
}

@media (min-width: 48em) {
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
}

@media (min-width: 48em) {
    .col-md-11 {
        width: 91.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-md-11.right {
    float: right
}

@media (min-width: 48em) {
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 48em) {
    .col-md-12 {
        width: 100%;
        padding: 0 15px;
        float: left
    }
}

.col-md-12.right {
    float: right
}

@media (min-width: 48em) {
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 48em) {
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 64em) {
    .col-lg-1 {
        width: 8.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-lg-1.right {
    float: right
}

@media (min-width: 64em) {
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 64em) {
    .col-lg-2 {
        width: 16.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-lg-2.right {
    float: right
}

@media (min-width: 64em) {
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
}

@media (min-width: 64em) {
    .col-lg-3 {
        width: 25%;
        padding: 0 15px;
        float: left
    }
}

.col-lg-3.right {
    float: right
}

@media (min-width: 64em) {
    .col-lg-offset-3 {
        margin-left: 25%
    }
}

@media (min-width: 64em) {
    .col-lg-4 {
        width: 33.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-lg-4.right {
    float: right
}

@media (min-width: 64em) {
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
}

@media (min-width: 64em) {
    .col-lg-5 {
        width: 41.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-lg-5.right {
    float: right
}

@media (min-width: 64em) {
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
}

@media (min-width: 64em) {
    .col-lg-6 {
        width: 50%;
        padding: 0 15px;
        float: left
    }
}

.col-lg-6.right {
    float: right
}

@media (min-width: 64em) {
    .col-lg-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 64em) {
    .col-lg-7 {
        width: 58.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-lg-7.right {
    float: right
}

@media (min-width: 64em) {
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
}

@media (min-width: 64em) {
    .col-lg-8 {
        width: 66.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-lg-8.right {
    float: right
}

@media (min-width: 64em) {
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
}

@media (min-width: 64em) {
    .col-lg-9 {
        width: 75%;
        padding: 0 15px;
        float: left
    }
}

.col-lg-9.right {
    float: right
}

@media (min-width: 64em) {
    .col-lg-offset-9 {
        margin-left: 75%
    }
}

@media (min-width: 64em) {
    .col-lg-10 {
        width: 83.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-lg-10.right {
    float: right
}

@media (min-width: 64em) {
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
}

@media (min-width: 64em) {
    .col-lg-11 {
        width: 91.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-lg-11.right {
    float: right
}

@media (min-width: 64em) {
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 64em) {
    .col-lg-12 {
        width: 100%;
        padding: 0 15px;
        float: left
    }
}

.col-lg-12.right {
    float: right
}

@media (min-width: 64em) {
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 64em) {
    .col-lg-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 75em) {
    .col-xl-1 {
        width: 8.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-xl-1.right {
    float: right
}

@media (min-width: 75em) {
    .col-xl-offset-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 75em) {
    .col-xl-2 {
        width: 16.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-xl-2.right {
    float: right
}

@media (min-width: 75em) {
    .col-xl-offset-2 {
        margin-left: 16.66667%
    }
}

@media (min-width: 75em) {
    .col-xl-3 {
        width: 25%;
        padding: 0 15px;
        float: left
    }
}

.col-xl-3.right {
    float: right
}

@media (min-width: 75em) {
    .col-xl-offset-3 {
        margin-left: 25%
    }
}

@media (min-width: 75em) {
    .col-xl-4 {
        width: 33.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-xl-4.right {
    float: right
}

@media (min-width: 75em) {
    .col-xl-offset-4 {
        margin-left: 33.33333%
    }
}

@media (min-width: 75em) {
    .col-xl-5 {
        width: 41.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-xl-5.right {
    float: right
}

@media (min-width: 75em) {
    .col-xl-offset-5 {
        margin-left: 41.66667%
    }
}

@media (min-width: 75em) {
    .col-xl-6 {
        width: 50%;
        padding: 0 15px;
        float: left
    }
}

.col-xl-6.right {
    float: right
}

@media (min-width: 75em) {
    .col-xl-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 75em) {
    .col-xl-7 {
        width: 58.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-xl-7.right {
    float: right
}

@media (min-width: 75em) {
    .col-xl-offset-7 {
        margin-left: 58.33333%
    }
}

@media (min-width: 75em) {
    .col-xl-8 {
        width: 66.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-xl-8.right {
    float: right
}

@media (min-width: 75em) {
    .col-xl-offset-8 {
        margin-left: 66.66667%
    }
}

@media (min-width: 75em) {
    .col-xl-9 {
        width: 75%;
        padding: 0 15px;
        float: left
    }
}

.col-xl-9.right {
    float: right
}

@media (min-width: 75em) {
    .col-xl-offset-9 {
        margin-left: 75%
    }
}

@media (min-width: 75em) {
    .col-xl-10 {
        width: 83.33333%;
        padding: 0 15px;
        float: left
    }
}

.col-xl-10.right {
    float: right
}

@media (min-width: 75em) {
    .col-xl-offset-10 {
        margin-left: 83.33333%
    }
}

@media (min-width: 75em) {
    .col-xl-11 {
        width: 91.66667%;
        padding: 0 15px;
        float: left
    }
}

.col-xl-11.right {
    float: right
}

@media (min-width: 75em) {
    .col-xl-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 75em) {
    .col-xl-12 {
        width: 100%;
        padding: 0 15px;
        float: left
    }
}

.col-xl-12.right {
    float: right
}

@media (min-width: 75em) {
    .col-xl-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 64em) {
    .col-xl-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 101.875em) {
    .col-xxl-1 {
        float: left;
        width: 8.33333%
    }
}

.col-xxl-1.right {
    float: right
}

@media (min-width: 101.875em) {
    .col-xxl-offset-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-2 {
        float: left;
        width: 16.66667%
    }
}

.col-xxl-2.right {
    float: right
}

@media (min-width: 101.875em) {
    .col-xxl-offset-2 {
        margin-left: 16.66667%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-3 {
        float: left;
        width: 25%
    }
}

.col-xxl-3.right {
    float: right
}

@media (min-width: 101.875em) {
    .col-xxl-offset-3 {
        margin-left: 25%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-4 {
        float: left;
        width: 33.33333%
    }
}

.col-xxl-4.right {
    float: right
}

@media (min-width: 101.875em) {
    .col-xxl-offset-4 {
        margin-left: 33.33333%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-5 {
        float: left;
        width: 41.66667%
    }
}

.col-xxl-5.right {
    float: right
}

@media (min-width: 101.875em) {
    .col-xxl-offset-5 {
        margin-left: 41.66667%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-6 {
        float: left;
        width: 50%
    }
}

.col-xxl-6.right {
    float: right
}

@media (min-width: 101.875em) {
    .col-xxl-offset-6 {
        margin-left: 50%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-7 {
        float: left;
        width: 58.33333%
    }
}

.col-xxl-7.right {
    float: right
}

@media (min-width: 101.875em) {
    .col-xxl-offset-7 {
        margin-left: 58.33333%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-8 {
        float: left;
        width: 66.66667%
    }
}

.col-xxl-8.right {
    float: right
}

@media (min-width: 101.875em) {
    .col-xxl-offset-8 {
        margin-left: 66.66667%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-9 {
        float: left;
        width: 75%
    }
}

.col-xxl-9.right {
    float: right
}

@media (min-width: 101.875em) {
    .col-xxl-offset-9 {
        margin-left: 75%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-10 {
        float: left;
        width: 83.33333%
    }
}

.col-xxl-10.right {
    float: right
}

@media (min-width: 101.875em) {
    .col-xxl-offset-10 {
        margin-left: 83.33333%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-11 {
        float: left;
        width: 91.66667%
    }
}

.col-xxl-11.right {
    float: right
}

@media (min-width: 101.875em) {
    .col-xxl-offset-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 101.875em) {
    .col-xxl-12 {
        float: left;
        width: 100%
    }
}

.col-xxl-12.right {
    float: right
}

@media (min-width: 101.875em) {
    .col-xxl-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 64em) {
    .col-xxl-offset-0 {
        margin-left: 0
    }
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 62.5%;
    box-sizing: border-box
}

html,
body {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

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

body {
    font-size: 1.6rem;
    font-family: 'Open Sans', sans-serif;
    color: #343434;
    line-height: 1.76
}

a {
    text-decoration: none;
    color: #006698
}

a:hover {
    color: #002f5f
}

h1,
.h1 {
    line-height: 1.1;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 3rem
}

@media (min-width: 48em) {

    h1,
    .h1 {
        font-size: 4.25rem
    }
}

@media (min-width: 64em) {

    h1,
    .h1 {
        font-size: 5rem
    }
}

@media (min-width: 64em) {

    .mobile-portrait .h1,
    .mobile-portrait h1,
    .mobile-landscape .h1,
    .mobile-landscape h1 {
        font-size: 4.25rem
    }
}

h2,
.h2 {
    line-height: 1.1;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 2.5rem
}

@media (min-width: 48em) {

    h2,
    .h2 {
        font-size: 3rem
    }
}

@media (min-width: 64em) {

    h2,
    .h2 {
        font-size: 4rem
    }
}

h3,
.h3 {
    line-height: 1.1;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 2rem
}

@media (min-width: 48em) {

    h3,
    .h3 {
        font-size: 2.4rem
    }
}

@media (min-width: 64em) {

    h3,
    .h3 {
        font-size: 3rem
    }
}

h4,
.h4 {
    line-height: 1.1;
    font-family: "Open Sans", sans-serif;
    font-size: 1.6rem
}

@media (min-width: 48em) {

    h4,
    .h4 {
        font-size: 1.9rem
    }
}

@media (min-width: 64em) {

    h4,
    .h4 {
        font-size: 2.2rem
    }
}

img {
    max-width: 100%
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    outline: none
}

.fw-700 {
    font-weight: 700 !important
}

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

.fw-500 {
    font-weight: 500 !important
}

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

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

.fw-200 {
    font-weight: 200 !important
}

.fw-100 {
    font-weight: 100 !important
}

.ff-title {
    font-family: "Montserrat", sans-serif
}

.ff-body {
    font-family: "Open Sans", sans-serif
}

.ff-handwritten {
    font-family: "Bad Script", sans-serif
}

.uppercase {
    text-transform: uppercase !important
}

.tt-none {
    text-transform: none !important
}

.p-relative {
    position: relative
}

.ta-center {
    text-align: center
}

.ta-right {
    text-align: right
}

.va-top {
    vertical-align: top
}

.va-middle {
    vertical-align: middle
}

.va-bottom {
    vertical-align: bottom !important
}

.f-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.d-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

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

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

.ai-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ai-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.fg-1 {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.jc-end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.jc-sb {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fw-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.f-auto {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.draggable {
    cursor: move
}

.ar-1x1 {
    background-size: cover;
    min-width: 100%;
    padding-top: 100%
}

@media (max-width: 63.99em) {
    .ar-1x1 {
        padding-top: 56.25%
    }
}

.ar-4x3 {
    background-size: cover;
    min-width: 100%;
    padding-top: 75%
}

@media (max-width: 63.99em) {
    .ar-4x3 {
        padding-top: 56.25%
    }
}

.ar-3x4 {
    background-size: cover;
    min-width: 100%;
    padding-top: 133.33%
}

@media (max-width: 63.99em) {
    .ar-3x4 {
        padding-top: 56.25%
    }
}

.ar-16x9 {
    background-size: cover;
    min-width: 100%;
    padding-top: 56.25%
}

.ar-16x10 {
    background-size: cover;
    min-width: 100%;
    padding-top: 62.5%
}

.seo-img {
    display: none
}

.row {
    margin: 0 -15px
}

.row:after {
    content: "";
    display: block;
    clear: both
}

.row:after {
    content: "";
    display: block;
    clear: both
}

.row [class*="col-"] {
    padding: 0 15px
}

.container {
    max-width: 1440px;
    margin: 0 auto
}

.container-offset {
    transition: margin 0.25s ease
}

@media (min-width: 70em) {
    .container-offset {
        margin-left: 95px
    }
}

@media (min-width: 101.875em) {
    .container-offset {
        margin-left: 0
    }
}

@media (min-width: 20em) {
    .row--equal-height-xs {
        display: table;
        width: calc(100% + 30px)
    }

    .row--equal-height-xs [class*="col-"] {
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width: 20em) and (min-width: 64em) {
    .row--equal-height-xs [class*="col-"] {
        float: none
    }
}

@media (min-width: 36em) {
    .row--equal-height-sm {
        display: table;
        width: calc(100% + 30px)
    }

    .row--equal-height-sm [class*="col-"] {
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width: 36em) and (min-width: 64em) {
    .row--equal-height-sm [class*="col-"] {
        float: none
    }
}

@media (min-width: 48em) {
    .row--equal-height-md {
        display: table;
        width: calc(100% + 30px)
    }

    .row--equal-height-md [class*="col-"] {
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width: 48em) and (min-width: 64em) {
    .row--equal-height-md [class*="col-"] {
        float: none
    }
}

@media (min-width: 64em) {
    .row--equal-height-lg {
        display: table;
        width: calc(100% + 30px)
    }

    .row--equal-height-lg [class*="col-"] {
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width: 64em) and (min-width: 64em) {
    .row--equal-height-lg [class*="col-"] {
        float: none
    }
}

@media (min-width: 70em) {
    .row--equal-height-menu {
        display: table;
        width: calc(100% + 30px)
    }

    .row--equal-height-menu [class*="col-"] {
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width: 70em) and (min-width: 64em) {
    .row--equal-height-menu [class*="col-"] {
        float: none
    }
}

@media (min-width: 75em) {
    .row--equal-height-xl {
        display: table;
        width: calc(100% + 30px)
    }

    .row--equal-height-xl [class*="col-"] {
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width: 75em) and (min-width: 64em) {
    .row--equal-height-xl [class*="col-"] {
        float: none
    }
}

@media (min-width: 101.875em) {
    .row--equal-height-xxl {
        display: table;
        width: calc(100% + 30px)
    }

    .row--equal-height-xxl [class*="col-"] {
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width: 101.875em) and (min-width: 64em) {
    .row--equal-height-xxl [class*="col-"] {
        float: none
    }
}

@media (min-width: 48em) {
    .row-eq-height {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.row-fd-rreverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.row--12px {
    margin-left: -6px;
    margin-right: -6px;
    width: calc(100% + 12px)
}

.row--12px [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 12px
}

.row--60px {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px)
}

.row--60px [class*="col-"] {
    padding-left: 30px;
    padding-right: 30px
}

.row--140px {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px)
}

.row--140px [class*="col-"] {
    padding-left: 30px;
    padding-right: 30px
}

@media (min-width: 75em) {
    .row--140px {
        margin-left: -70px;
        margin-right: -70px;
        width: calc(100% + 140px)
    }

    .row--140px [class*="col-"] {
        padding-left: 70px;
        padding-right: 70px
    }
}

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

.mt-12 {
    margin-top: 12px !important
}

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

.mb-12 {
    margin-bottom: 12px !important
}

.select-wrap {
    position: relative
}

.select-wrap:after {
    display: block;
    pointer-events: none;
    content: " ";
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: solid 10px #009fca;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    transition: border-color 0.3s ease
}

select {
    font-family: "Open Sans", sans-serif;
    font-size: 1.7rem;
    padding: 25px 40px 25px 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.9);
    border: solid 2px transparent;
    color: #343434;
    width: 100%;
    min-width: 220px;
    line-height: 1.2
}

@media (max-width: 63.99em) {
    .col-md-none {
        display: none
    }
}

.color-deepblue {
    color: #002f5f !important
}

a.color-deepblue:hover {
    color: #0055ac !important
}

.bg-deepblue {
    background-color: #002f5f !important
}

.color-blue {
    color: #006698 !important
}

a.color-blue:hover {
    color: #0099e5 !important
}

.bg-blue {
    background-color: #006698 !important
}

.color-lightblue {
    color: #009fca !important
}

a.color-lightblue:hover {
    color: #18ceff !important
}

.bg-lightblue {
    background-color: #009fca !important
}

.color-orange {
    color: #fe5000 !important
}

a.color-orange:hover {
    color: #ff844c !important
}

.bg-orange {
    background-color: #fe5000 !important
}

.color-gray {
    color: #e3e3e3 !important
}

a.color-gray:hover {
    color: #fff !important
}

.bg-gray {
    background-color: #e3e3e3 !important
}

.color-white {
    color: #fff !important
}

a.color-white:hover {
    color: #fff !important
}

.bg-white {
    background-color: #fff !important
}

.color-black {
    color: #000 !important
}

a.color-black:hover {
    color: #262626 !important
}

.bg-black {
    background-color: #000 !important
}

.clear {
    clear: left
}

.row-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-cc {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.col-xs-1-1 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 20em) {
    .col-xs-1-1 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.col-sm-1-1 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 20em) {
    .col-sm-1-1 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.col-md-1-3 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 48em) {
    .col-md-1-3 {
        -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%
    }
}

.col-lg-1-4 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 64em) {
    .col-lg-1-4 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media (max-width: 63.99em) {
    div[itemprop="articleBody"] {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 64em) {
    div[itemprop="articleBody"] {
        padding-left: 0;
        padding-right: 0
    }
}

.hide {
    display: none
}

.ai-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 63.99em) {
    .ai-flex-end-lg {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.jc-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 74.99em) {
    .jc-flex-end-xl {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.jc-flex-end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

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

@media (min-width: 64em) {
    @supports (background-attachment: fixed) {
        .microsite-intro__image {
            background-attachment: fixed
        }
    }
}

.visible-xs {
    display: none
}

@media (min-width: 20em) {
    .visible-xs {
        display: block
    }
}

.visible-flex-xs {
    display: none
}

@media (min-width: 20em) {
    .visible-flex-xs {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 20em) {
    .hidden-xs {
        display: none !important
    }
}

.visible-sm {
    display: none
}

@media (min-width: 36em) {
    .visible-sm {
        display: block
    }
}

.visible-flex-sm {
    display: none
}

@media (min-width: 36em) {
    .visible-flex-sm {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 36em) {
    .hidden-sm {
        display: none !important
    }
}

.visible-md {
    display: none
}

@media (min-width: 48em) {
    .visible-md {
        display: block
    }
}

.visible-flex-md {
    display: none
}

@media (min-width: 48em) {
    .visible-flex-md {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 48em) {
    .hidden-md {
        display: none !important
    }
}

.visible-lg {
    display: none
}

@media (min-width: 64em) {
    .visible-lg {
        display: block
    }
}

.visible-flex-lg {
    display: none
}

@media (min-width: 64em) {
    .visible-flex-lg {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 64em) {
    .hidden-lg {
        display: none !important
    }
}

.visible-menu {
    display: none
}

@media (min-width: 70em) {
    .visible-menu {
        display: block
    }
}

.visible-flex-menu {
    display: none
}

@media (min-width: 70em) {
    .visible-flex-menu {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 70em) {
    .hidden-menu {
        display: none !important
    }
}

.visible-xl {
    display: none
}

@media (min-width: 75em) {
    .visible-xl {
        display: block
    }
}

.visible-flex-xl {
    display: none
}

@media (min-width: 75em) {
    .visible-flex-xl {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 75em) {
    .hidden-xl {
        display: none !important
    }
}

.visible-xxl {
    display: none
}

@media (min-width: 101.875em) {
    .visible-xxl {
        display: block
    }
}

.visible-flex-xxl {
    display: none
}

@media (min-width: 101.875em) {
    .visible-flex-xxl {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 101.875em) {
    .hidden-xxl {
        display: none !important
    }
}

.box {
    display: block;
    padding: 30px
}

@media (min-width: 48em) {
    .box {
        padding: 40px
    }
}

@media (min-width: 64em) {
    .box {
        padding: 40px 75px
    }
}

@media (min-width: 48em) {
    .box--h-lg {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 64em) {
    .box--h-lg {
        padding-left: 75px;
        padding-right: 75px
    }
}

@media (min-width: 70em) {
    .box--h-lg {
        padding-left: 180px;
        padding-right: 180px
    }
}

@media (min-width: 48em) {
    .box--l-lg {
        padding-left: 30px
    }
}

@media (min-width: 64em) {
    .box--l-lg {
        padding-left: 75px
    }
}

@media (min-width: 70em) {
    .box--l-lg {
        padding-left: 180px
    }
}

@media (min-width: 70em) {
    .box--l-lg {
        padding-left: 180px
    }
}

@media (min-width: 48em) {
    .box--r-0 {
        padding-right: 0
    }
}

.box--v-md {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width: 64em) {
    .box--v-md {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.box--v-lg {
    padding-top: 55px;
    padding-bottom: 55px
}

@media (min-width: 64em) {
    .box--v-lg {
        padding-top: 110px;
        padding-bottom: 110px
    }
}

.box--b-lg {
    padding-bottom: 55px
}

@media (min-width: 64em) {
    .box--b-lg {
        padding-bottom: 110px
    }
}

.box--v-xl {
    padding-top: 55px;
    padding-bottom: 55px
}

@media (min-width: 70em) {
    .box--v-xl {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width: 64em) {
    .box--v-xl {
        padding-top: 200px;
        padding-bottom: 200px
    }
}

.button {
    cursor: pointer;
    border: none;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    padding: 26px 24px;
    line-height: 1.2;
    background: #e3e3e3;
    border: solid 3px #e3e3e3;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none;
    color: #006698;
    transition: all 0.25s ease;
    text-align: center
}

@media (max-width: 47.99em) {
    .button {
        font-size: 1.3rem;
        width: 100%
    }
}

.button:hover {
    background: #ededed
}

.button--outline {
    background: none;
    border: solid 3px
}

.button--deepblue {
    color: white !important;
    background: #002f5f;
    border-color: #002f5f
}

.button--deepblue:hover {
    color: #002f5f !important;
    background: none
}

.button--deepblue.button--outline {
    background: none;
    color: #002f5f !important
}

.button--deepblue.button--outline:hover {
    background: #002f5f;
    color: white !important
}

.button--blue {
    color: white !important;
    background: #006698;
    border-color: #006698
}

.button--blue:hover {
    color: #006698 !important;
    background: none
}

.button--blue.button--outline {
    background: none;
    color: #006698 !important
}

.button--blue.button--outline:hover {
    background: #006698;
    color: white !important
}

.button--lightblue {
    color: white !important;
    background: #009fca;
    border-color: #009fca
}

.button--lightblue:hover {
    color: #009fca !important;
    background: none
}

.button--lightblue.button--outline {
    background: none;
    color: #009fca !important
}

.button--lightblue.button--outline:hover {
    background: #009fca;
    color: white !important
}

.button--orange {
    color: white !important;
    background: #fe5000;
    border-color: #fe5000
}

.button--orange:hover {
    color: #fe5000 !important;
    background: none
}

.button--orange.button--outline {
    background: none;
    color: #fe5000 !important
}

.button--orange.button--outline:hover {
    background: #fe5000;
    color: white !important
}

.button--gray {
    color: white !important;
    background: #e3e3e3;
    border-color: #e3e3e3
}

.button--gray:hover {
    color: #e3e3e3 !important;
    background: none
}

.button--gray.button--outline {
    background: none;
    color: #e3e3e3 !important
}

.button--gray.button--outline:hover {
    background: #e3e3e3;
    color: white !important
}

.button--white {
    color: white !important;
    background: #fff;
    border-color: #fff
}

.button--white:hover {
    color: #fff !important;
    background: none
}

.button--white.button--outline {
    background: none;
    color: #fff !important
}

.button--white.button--outline:hover {
    background: #fff;
    color: white !important
}

.button--black {
    color: white !important;
    background: #000;
    border-color: #000
}

.button--black:hover {
    color: #000 !important;
    background: none
}

.button--black.button--outline {
    background: none;
    color: #000 !important
}

.button--black.button--outline:hover {
    background: #000;
    color: white !important
}

.button--v-sm {
    padding-top: 18px;
    padding-bottom: 18px
}

.button--h-md {
    padding-left: 44px;
    padding-right: 44px
}

.button--white.button--outline:hover {
    color: #006698 !important
}

.button--orange:hover {
    color: white !important
}

.card {
    background: #e3e3e3;
    padding: 30px;
    display: table;
    width: 100%
}

@media (min-width: 48em) {
    .card {
        padding: 55px
    }
}

.card__content {
    display: table-cell;
    vertical-align: middle
}

.card--accent:after {
    content: " ";
    position: absolute;
    width: 135px;
    height: 3px;
    background: white;
    bottom: 72px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media (max-width: 90em) {
    .card--accent:after {
        content: "";
        position: inherit;
        width: inherit;
        height: inherit;
        background: inherit;
        bottom: inherit;
        left: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
}

.card--square {
    position: relative;
    padding: 0
}

.card--square:before {
    content: "";
    display: block;
    padding-top: 100%
}

@media (max-width: 47.99em) {
    .card--square:before {
        padding-top: 0
    }
}

.card--square .card__content {
    position: absolute;
    top: 50%;
    left: 55px;
    right: 55px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media (max-width: 47.99em) {
    .card--square .card__content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: inherit;
        top: inherit;
        left: inherit;
        right: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
        padding: 0 10px
    }
}

.content-line {
    position: relative;
    margin: 0
}

.content-line:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: -75px;
    width: 50px;
    height: 3px;
    border-top: solid 3px;
    color: inherit
}

@media (max-width: 47.99em) {
    .content-line:after {
        display: none
    }
}

.content-line--v-bottom:after {
    bottom: 0
}

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

    input,
    select,
    textarea {
        font-size: 16px
    }
}

@font-face {
    font-family: 'icomoon';
    src: url("http://reseau-selection.com/templates/rselection/assets/fonts/icomoon/icomoon.eot?6ll13s");
    src: url("http://reseau-selection.com/templates/rselection/assets/fonts/icomoon/icomoon.eot?6ll13s#iefix") format("embedded-opentype"), url("http://reseau-selection.com/templates/rselection/assets/fonts/icomoon/icomoon.woff2?6ll13s") format("woff2"), url("http://reseau-selection.com/templates/rselection/assets/fonts/icomoon/icomoon.ttf?6ll13s") format("truetype"), url("http://reseau-selection.com/templates/rselection/assets/fonts/icomoon/icomoon.woff?6ll13s") format("woff"), url("http://reseau-selection.com/templates/rselection/assets/fonts/icomoon/icomoon.svg?6ll13s#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-close:before {
    content: "\e907"
}

.icon-minus:before {
    content: "\e905"
}

.icon-plus:before {
    content: "\e906"
}

.icon-youtube:before {
    content: "\e904"
}

.icon-linkedin:before {
    content: "\e900"
}

.icon-google-plus:before {
    content: "\e901"
}

.icon-twitter:before {
    content: "\e902"
}

.icon-facebook:before {
    content: "\e903"
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    z-index: 9999;
    padding: 60px
}

.modal>.box {
    overflow-y: auto;
    position: relative;
    height: 100%
}

.modal .close {
    position: absolute;
    right: 0;
    height: 40px;
    width: 40px
}

.modal .close:hover,
.modal .close:focus {
    text-decoration: none;
    cursor: pointer
}

.modal .close:hover svg,
.modal .close:focus svg {
    fill: #fe5000
}

.modal .close {
    fill: white
}

.modal .close svg {
    max-height: 100%
}

.modal-header {
    left: 75px;
    right: 75px;
    position: absolute;
    height: 40px;
    z-index: 1000
}

.modal-header__group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: white
}

.modal-header__group p {
    padding: 0;
    margin: 0 20px 0px 0
}

.modal-header__group a {
    border: 2px solid #006698;
    padding: 0 5px;
    color: white
}

.modal-content {
    min-height: 100%;
    color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#modalHomeVideo,
#modalResident {
    padding: 0
}

#modalHomeVideo .close,
#modalResident .close {
    right: 0;
    top: 0;
    padding: 8px
}

#modalHomeVideo .modal-content,
#modalResident .modal-content {
    position: relative
}

#modalHomeVideo .modal-header,
#modalResident .modal-header {
    position: absolute;
    left: 0;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #002f5f
}

#modalHomeVideo .playerWrapper,
#modalResident .playerWrapper {
    position: absolute;
    width: 100%;
    height: 100%
}

#modalHomeVideo .playerWrapper iframe,
#modalResident .playerWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#modalNewsletter .uniform {
    padding-top: 0;
    margin-bottom: 0
}

#modalThanksForFillingForm .modal-content {
    margin: 0 auto;
    max-width: 500px
}

#modalThanksForFillingForm .thanks {
    margin-top: 30px;
    font-size: 2rem
}

.ontouchstart .scrolltop {
    display: none
}

.ontouchstart .scroll {
    display: none
}

.scrolltop {
    display: none;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    right: 0
}

@media (max-width: 63.99em) {
    .scrolltop {
        display: none
    }
}

.scroll {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #e3e3e3;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-position: center;
    background-repeat: no-repeat;
    width: 70px;
    height: 70px
}

@media (max-width: 63.99em) {
    .scroll {
        display: none
    }
}

.scroll:hover {
    background: #b2b2b2;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    background-position: center;
    background-repeat: no-repeat
}

.slick-prev,
.slick-next {
    font-size: 0;
    background: none;
    border: none;
    background-image: url("http://reseau-selection.com/templates/rselection/assets/images/carousel-arrow.png");
    background-size: 33px 64px;
    background-position: center;
    background-repeat: no-repeat;
    width: 33px;
    height: 64px;
    position: absolute;
    padding: 15px;
    box-sizing: content-box;
    top: 50%;
    z-index: 10;
    cursor: pointer
}

.slick-prev {
    left: 95px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 63.99em) {
    .slick-prev {
        left: 22%
    }
}

@media (max-width: 47.99em) {
    .slick-prev {
        left: 34%
    }
}

.slick-next {
    right: 95px;
    -webkit-transform: translateY(-50%) scaleX(-1);
    -ms-transform: translateY(-50%) scaleX(-1);
    transform: translateY(-50%) scaleX(-1)
}

@media (max-width: 63.99em) {
    .slick-next {
        right: 14%
    }
}

@media (max-width: 47.99em) {
    .slick-next {
        right: 22%
    }
}

.slick-dots {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 0 0 20px;
    list-style: none;
    margin-top: 30px
}

@media (min-width: 20em) {
    .slick-dots {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .slick-dots {
        margin-top: 60px
    }
}

.slick-dots li {
    border-top: 2px solid white
}

.slick-dots li:first-child {
    padding-left: 70px
}

.slick-dots li.slick-active~li {
    opacity: 0.5
}

.slick-dots li button {
    background: none;
    border: none;
    color: white;
    font-family: "Open Sans", sans-serif
}

.slick-carousel__item {
    outline: none
}

.slick-carousel__item .box {
    min-height: 320px
}

.statistic {
    font-family: "Montserrat", sans-serif
}

.statistic__label {
    font-size: 1.8rem
}

.title-line {
    position: relative;
    margin: 0
}

.title-line:before {
    content: " ";
    position: absolute;
    top: 0.9em;
    left: -75px;
    width: 50px;
    height: 3px;
    border-top: solid 3px;
    color: inherit
}

@media (max-width: 69.99em) {
    .title-line:before {
        display: none
    }
}

.title-line--lg:before {
    top: 0.9em;
    left: -180px;
    width: 135px
}

.title-line--xl:before {
    left: -325px;
    width: 280px
}

.title-line--v-centered:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 64em) {
    .title-line--padded.title-line {
        margin-left: 75px
    }
}

.title-line--padded.title-line--lg {
    margin-left: 0
}

@media (min-width: 64em) {
    .title-line--padded.title-line--lg {
        margin-left: 75px
    }
}

@media (min-width: 70em) {
    .title-line--padded.title-line--lg {
        margin-left: 180px
    }
}

@media (min-width: 64em) {
    .title-line--padded.title-line--xl {
        margin-left: 0
    }
}

@media (min-width: 70em) {
    .title-line--padded.title-line--xl {
        margin-left: 325px
    }
}

.title-line--deepblue:before {
    border-color: #002f5f !important
}

.title-line--blue:before {
    border-color: #006698 !important
}

.title-line--lightblue:before {
    border-color: #009fca !important
}

.title-line--orange:before {
    border-color: #fe5000 !important
}

.title-line--gray:before {
    border-color: #e3e3e3 !important
}

.title-line--white:before {
    border-color: #fff !important
}

.title-line--black:before {
    border-color: #000 !important
}

.title {
    position: relative
}

.title h1,
.title .h1,
.title h2,
.title .h2,
.title h3,
.title .h3,
.title h4,
.title .h4,
.title h5,
.title .h5,
.title h6,
.title .h6 {
    margin: 0
}

.title--padded {
    margin-left: 0
}

@media (min-width: 64em) and (max-width: 69.99em) {
    .title--padded {
        margin-left: 75px
    }
}

@media (min-width: 70em) {
    .title--padded {
        margin-left: 180px
    }
}

.title__hint {
    text-align: right;
    position: absolute;
    top: 35px;
    width: 135px;
    left: -180px;
    border-top: solid 3px;
    padding-top: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.333em;
    font-weight: 500;
    line-height: 1
}

@media (max-width: 69.99em) {
    .title__hint {
        display: none
    }
}

.title-logo {
    margin-left: 50px;
    position: relative
}

.title-logo:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: -50px;
    width: 32px;
    height: 32px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: inherit;
    background-image: url(http://reseau-selection.com/templates/rselection/assets/images/logo_RS_carre_corr.png);
    background-size: contain;
    background-repeat: no-repeat
}

.accordeon {
    margin-top: 30px;
    margin-bottom: 36px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 365px;
    max-height: 365px
}

@media (min-width: 20em) {
    .accordeon {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .accordeon {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .accordeon {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .accordeon {
        margin-bottom: 72px
    }
}

@media (max-width: 63.99em) {
    .accordeon {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: none;
        max-height: none
    }
}

.accordeon .box {
    position: relative;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% / 5);
    background: grey;
    transition: all .5s ease-in-out;
    cursor: pointer;
    overflow: hidden;
    padding: 0 20px;
    margin: 0 12px
}

@media (max-width: 63.99em) {
    .accordeon .box {
        width: 100%;
        padding: 20px 0;
        margin: 0 0 6px 0
    }
}

.accordeon .box:first-child {
    margin-left: 0px
}

.accordeon .box:last-child {
    margin-right: 0px
}

@media (max-width: 63.99em) {
    .accordeon .box .head_content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.accordeon .box .group_content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    height: calc(100% - 50px);
    margin-top: 50px
}

@media (max-width: 63.99em) {
    .accordeon .box .group_content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        padding: 0;
        margin: 0
    }
}

.accordeon .box .group_content .title {
    font-weight: 700;
    font-size: 72px;
    color: white;
    transition: all .5s ease-in-out;
    line-height: 1;
    padding-bottom: 20px;
    word-break: break-all
}

.accordeon .box .group_content .text {
    font-weight: 700;
    font-size: 22px;
    color: white;
    border-bottom: 2px solid;
    line-height: 1;
    padding-bottom: 20px;
    word-break: break-all
}

.accordeon .box .group_content .content {
    font-weight: 100;
    font-size: 16px;
    color: transparent;
    transition: all .5s ease-in-out
}

@media (max-width: 63.99em) {
    .accordeon .box .group_content .content {
        color: white;
        transition: inherit;
        width: 100%;
        padding: 0 30px
    }
}

.accordeon .box .group_content .head_content {
    font-weight: 100;
    font-size: 16px;
    color: transparent;
    transition: all .5s ease-in-out
}

@media (max-width: 63.99em) {
    .accordeon .box .group_content .head_content {
        color: white;
        transition: inherit;
        width: 100%;
        padding: 0 30px
    }
}

.accordeon .box:hover {
    width: 100%
}

.accordeon .box:hover .text {
    color: #fff
}

.accordeon .box:hover .content {
    color: #fff
}

.ambassadors {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .ambassadors {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .ambassadors {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .ambassadors {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .ambassadors {
        margin-bottom: 72px
    }
}

.ambassadors .team__row-members {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 47.99em) {
    .ambassadors .team__row-members {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ambassadors .team__row-members [class*="col-"] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 47.99em) {
    .ambassadors .team__row-members [class*="col-"] {
        width: 100%
    }
}

.ambassadors .team__row-members .ambassador {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 10;
    -ms-flex-positive: 10;
    flex-grow: 10
}

.ambassadors .ambassador__portrait {
    background-size: cover;
    padding-bottom: 68%
}

.ambassadors .ambassador__group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #002f5f;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 64em) {
    .ambassadors .ambassador__group {
        padding-left: 0px
    }
}

@media (min-width: 64em) {
    .ambassadors .ambassador__group .ambassador__name {
        margin-left: 75px
    }
}

.ambassadors .ambassador__group .ambassador__age {
    font-size: 1.8rem;
    margin-top: 20px
}

@media (min-width: 64em) {
    .ambassadors .ambassador__group .ambassador__age {
        margin-left: 75px
    }
}

.ambassadors .ambassador__group .ambassador__residence {
    font-size: 1.7rem
}

@media (min-width: 64em) {
    .ambassadors .ambassador__group .ambassador__residence {
        margin-left: 75px
    }
}

.row-custom {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.button--smaller {
    padding: 15px 20px;
    line-height: 1
}

.seance-information__button {
    font-size: 1.5rem;
    padding: 26px 24px;
    line-height: 1.2;
    background: #006698;
    border: solid 3px #006698;
    border-radius: 0px;
    text-decoration: none;
    color: white
}

.category-module {
    padding-left: 0;
    list-style: none
}

.vedettes-rs {
    background: #e3e3e3;
    margin-bottom: 40px
}

@media (min-width: 48em) {
    .vedettes-rs {
        position: relative;
        padding-top: 80px
    }
}

@media (min-width: 48em) and (min-width: 64em) {
    .vedettes-rs {
        margin-bottom: 500px;
        height: 474px
    }
}

@media (min-width: 48em) and (max-width: 78.125em) {
    .vedettes-rs {
        margin-bottom: 635px
    }
}

@media (min-width: 48em) and (max-width: 63.99em) {
    .vedettes-rs {
        margin-bottom: 0
    }
}

@media (min-width: 48em) and (min-width: 75em) {
    .vedettes-rs {
        height: 552px
    }
}

@media (min-width: 48em) and (min-width: 101.875em) {
    .vedettes-rs {
        height: 580px
    }
}

.vedettes-rs__title {
    color: #006698;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width: 63.99em) {
    .vedettes-rs__title {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 48em) {
    .vedettes-rs__title {
        margin-bottom: 64px;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.category-vedettes-rs {
    color: white;
    margin-top: 0
}

@media (min-width: 48em) {
    .category-vedettes-rs {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 64em) {
    .category-vedettes-rs {
        margin-left: 100px
    }
}

.category-vedettes-rs li {
    background: #006698;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 48em) {
    .category-vedettes-rs li {
        width: calc(50% - 2 * 5px);
        position: relative
    }
}

@media (min-width: 48em) {
    .category-vedettes-rs li:first-child {
        margin-right: 10px
    }
}

@media (min-width: 48em) {
    .category-vedettes-rs li:last-child {
        margin-left: 10px
    }
}

.category-vedettes-rs li img {
    margin-bottom: 20px
}

@media (min-width: 48em) {
    .category-vedettes-rs li img {
        margin-bottom: 50px
    }
}

.category-vedettes-rs .mod-articles-category-title {
    display: block;
    color: white;
    margin-bottom: 30px;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width: 63.99em) {
    .category-vedettes-rs .mod-articles-category-title {
        margin-left: 30px;
        margin-right: 30px
    }
}

.category-vedettes-rs .mod-articles-category-date {
    display: block;
    margin-bottom: 45px;
    margin-left: 30px;
    margin-right: 30px
}

@media (min-width: 64em) {
    .category-vedettes-rs .mod-articles-category-date {
        margin-left: 75px;
        margin-right: 75px
    }
}

@media (max-width: 63.99em) {
    .category-vedettes-rs .mod-articles-category-readmore a {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 30px
    }
}

.category-vedettes-rs .mod-articles-category-introtext,
.category-vedettes-rs .mod-articles-category-readmore {
    margin-left: 30px;
    margin-right: 30px
}

@media (min-width: 64em) {

    .category-vedettes-rs .mod-articles-category-introtext,
    .category-vedettes-rs .mod-articles-category-readmore {
        margin-left: 75px;
        margin-right: 75px
    }
}

.category-articles-rs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 48em) and (max-width: 63.99em) {
    .category-articles-rs {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 47.99em) {
    .category-articles-rs {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.category-articles-rs .news-article-preview {
    margin-top: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.category-articles-rs li {
    width: calc(50% - 30px);
    padding-right: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width: 47.99em) {
    .category-articles-rs li {
        width: 100%;
        padding-right: 0
    }
}

.category-articles-rs li .news-article-preview__title-link {
    -webkit-flex-grow: 20;
    -ms-flex-positive: 20;
    flex-grow: 20
}

.category-articles-rs li .news-article-preview__date {
    margin-bottom: 35px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.category-articles-rs li .news-article-preview__content {
    -webkit-flex-grow: 10;
    -ms-flex-positive: 10;
    flex-grow: 10
}

.category-articles-rs li .news-article-preview__readmore {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 20px
}

.item-page .item-image img {
    width: 100%
}

@media (max-width: 47.99em) {
    .item-page .item-image {
        margin-left: -30px;
        margin-right: -30px
    }
}

.item-page .pager,
.item-page .pagenav {
    list-style: none
}

@media (min-width: 48em) and (max-width: 63.99em) {

    .item-page .pager,
    .item-page .pagenav {
        margin-left: 30px
    }
}

#catfish {
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    padding: 0;
    cursor: pointer;
    margin: 0;
    width: 100%;
    z-index: 1000
}

@media (min-width: 101.875em) {
    #catfish {
        width: 100vw
    }
}

@media (max-width: 63.99em) {
    #catfish {
        padding-right: 30px;
        padding-left: 30px
    }
}

#catfish .catfish__container {
    margin-top: 20px;
    margin-bottom: 20px
}

@media (max-width: 74.99em) {
    #catfish .catfish__container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (max-width: 74.99em) {
    #catfish .catfish__group {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 74.99em) {
    #catfish .catfish__group .group {
        margin-right: 30px
    }
}

@media (max-width: 63.99em) {
    #catfish .catfish__group {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#catfish .catfish__button {
    padding-left: 20px
}

@media (max-width: 63.99em) {
    #catfish .catfish__button {
        margin-top: 20px;
        padding-left: 0px
    }
}

@media (min-width: 64em) {
    #catfish .catfish__button {
        margin-right: 30px
    }
}

#catfish .group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0px
}

#catfish .group .subtitle {
    font-size: 2.2rem
}

@media (max-width: 63.99em) {
    #catfish .col-first {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
}

@media (max-width: 47.99em) {
    #catfish .col-first {
        height: 30px
    }
}

@media (max-width: 63.99em) {
    #catfish .catfish__close {
        position: absolute;
        top: 20px;
        right: 0px
    }
}

#catfish .close {
    height: 30px;
    width: 30px;
    fill: white
}

@media (max-width: 91.25em) {
    #catfish .close {
        margin-right: 30px
    }
}

@media (max-width: 74.99em) {
    #catfish .close {
        margin-bottom: 15px
    }
}

#catfish .close:hover {
    fill: #fe5000
}

#catfish .close svg {
    height: 30px;
    width: 30px
}

#catfish .active {
    display: block !important
}

#catfish .hide {
    display: none !important
}

.seance-information {
    position: fixed;
    right: 0;
    top: 22vh;
    z-index: 1001;
    pointer-events: none;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    overflow: hidden
}

.seance-information .src-link {
    margin-bottom: 0;
    margin-top: 50px;
    font-size: 16px;
    color: orangered;
    letter-spacing: 5px;
    font-weight: bold
}

.seance-information .src-link:after {
    content: " >";
    margin-left: 10px
}

.seance-information__content {
    padding: 40px 180px 40px 55px;
    font-weight: bold;
    background: #002E5F;
    color: white;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease
}

.seance-information__content .h1,
.seance-information__content .h2,
.seance-information__content .h3,
.seance-information__content .h4 {
    color: white
}

.seance-information__content .h4 {
    font-size: 1.8rem
}

.seance-information__content .complex-text {
    margin-bottom: 20px;
    line-height: 1.2em;
    font-size: 18px
}

.seance-information__button {
    padding: 15px 140px 15px 30px !important;
    font-size: 16px !important;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(-90deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(-90deg);
    transform: translateX(50%) translateY(-50%) rotate(-90deg);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    cursor: pointer
}

.seance-information__button svg {
    fill: white;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 0.3s ease
}

.seance-information__button:hover svg {
    fill: #c3c3c3
}

.seance-information__button-wrap {
    pointer-events: initial;
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.seance-information--open {
    pointer-events: initial
}

.seance-information--open .seance-information__content {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.seance-information--open .seance-information__icons-inner {
    -webkit-transform: translateY(-36px);
    -ms-transform: translateY(-36px);
    transform: translateY(-36px)
}

.seance-information-mobile {
    padding: 40px 30px 40px;
    font-weight: bold;
    color: white;
    background: #002E5F
}

@media (min-width: 68.75em) {
    .seance-information-mobile {
        display: none
    }
}

.seance-information-mobile .complex_pop_button {
    margin-top: 20px
}

.seance-information-mobile .src-link {
    font-size: 16px;
    color: orangered;
    letter-spacing: 5px;
    font-weight: bold
}

.seance-information__icons {
    width: 36px;
    height: 36px;
    margin-right: 10px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.seance-information__icons-inner {
    transition: all 0.3s ease
}

.seance-information__icons-inner:after {
    content: "";
    display: block;
    clear: both
}

.seance-information__icons-inner svg {
    float: left
}

.complex_pop_seperator {
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 5px white solid
}

.detail_info_box_display .hero__location {
    border-bottom: none !important
}

.complex__intro {
    margin-top: 235px
}

.complex__building-photo {
    margin-top: 100px;
    margin-bottom: 12px
}

.complex__services {
    margin-top: 115px
}

.complex__features {
    margin-top: 12px
}

.complex__social-gallery {
    margin-top: 130px
}

.complex__social-textphoto {
    margin-top: 90px
}

.complex__news {
    margin-top: 135px
}

.complex__magazine {
    margin-top: 110px
}

.complex__credit-impot {
    margin-top: 150px
}

.complex__video {
    margin-top: 12px
}

.complex__neighbourhood {
    margin-top: 135px
}

.contact {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .contact {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .contact {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .contact {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .contact {
        margin-bottom: 72px
    }
}

@media (max-width: 63.99em) {
    .contact {
        padding-left: 30px;
        padding-right: 30px
    }
}

.contact .contact__title {
    margin-bottom: 60px
}

.contact .description p:first-child {
    margin-top: 0
}

.contact .contact__content .subtitle {
    text-transform: uppercase;
    margin-bottom: 25px
}

.contact .contact__content .address {
    margin-bottom: 25px
}

.contact .contact__content .phone {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.446rem;
    line-height: 1;
    color: #006698;
    white-space: nowrap;
    padding-right: 30px
}

.contact .contact__content .menu-rs ul {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.contact .contact__content .menu-rs ul li {
    margin-right: 30px
}

.credit-impot {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 64em) {
    .credit-impot {
        margin-left: 75px
    }
}

@media (min-width: 70em) {
    .credit-impot {
        margin-left: 180px
    }
}

@media (min-width: 20em) {
    .credit-impot {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .credit-impot {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .credit-impot {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .credit-impot {
        margin-bottom: 72px
    }
}

.credit-impot__title {
    margin-bottom: 60px
}

@media (max-width: 47.99em) {
    .credit-impot__title {
        margin-bottom: 35px
    }
}

.faq .question {
    cursor: pointer;
    background-color: #f6f6f6;
    margin-bottom: 10px;
    padding: 18px
}

.faq .icon-minus:before {
    float: right
}

.faq .icon-plus:before {
    float: right
}

.faq .response {
    padding: 0 18px 20px 18px
}

.faq .list-complete-item {
    transition: all 0.2s
}

.faq .list-complete-enter,
.faq .list-complete-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

.features {
    margin-top: 30px;
    margin-bottom: 36px;
    overflow: hidden
}

@media (min-width: 20em) {
    .features {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .features {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .features {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .features {
        margin-bottom: 72px
    }
}

@media (max-width: 35.99em) {
    .features .row--12px [class*="col-"] {
        width: 100%
    }
}

@media (max-width: 63.99em) {
    .features .card__content--flex {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 10px;
        padding-top: 10px
    }
}

@media (hover: none) {
    .features .card__content--flex {
        vertical-align: top;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.features .card__content--flex>div {
    width: 100%
}

@media (hover: none) {
    .features .card--accent:after {
        display: none
    }
}

.features__icon {
    margin: 0 auto 45px auto;
    width: 65px;
    height: 65px;
    background-size: 65px 65px
}

@media (max-width: 47.99em) {
    .features__icon {
        display: none
    }
}

@media (hover: none) {
    .features__icon {
        display: none
    }
}

.features__description {
    font-size: 1.7rem;
    min-height: 150px
}

.features__description ul {
    margin: 0;
    padding: 0
}

@media (max-width: 47.99em) {
    .features__description ul {
        padding-left: 20px
    }
}

.features__description li {
    margin-bottom: 8px
}

.features-six .features__title {
    padding-bottom: 30px
}

@media (max-width: 47.99em) {
    .features-six .features__title {
        width: 50%;
        padding-bottom: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.features-six .features__title .stroke {
    width: 135px;
    height: 3px;
    background: white;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px
}

.features-six .features__description {
    padding-top: 30px;
    text-align: center
}

@media (max-width: 74.99em) {
    .features-six .features__description {
        padding-top: 0
    }
}

@media (max-width: 47.99em) {
    .features-six .features__description {
        width: 50%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.features-six .card--accent::after {
    position: inherit;
    top: inherit;
    left: inherit;
    right: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    width: inherit;
    height: inherit;
    background: inherit;
    content: inherit
}

.features__back {
    visibility: hidden
}

@media (max-width: 47.99em) {
    .features__back {
        visibility: visible;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }
}

@media (hover: none) {
    .features__back {
        visibility: visible;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }
}

@media (min-width: 48em) {
    .features__front {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width: 47.99em) {
    .features__front {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (hover: none) {
    .features__front {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.features--default .features__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.features--default .features__title {
    margin-bottom: 20px
}

@media (min-width: 48em) {
    .features--default .features__title {
        margin-bottom: 0
    }
}

@media (hover: none) {
    .features--default .features__title {
        margin-bottom: 20px;
        text-align: left !important
    }
}

.features--default .features__card {
    height: 100%;
    position: relative
}

@media (hover: hover) and (min-width: 48em) {
    .features--default .features__card:hover:after {
        display: none
    }

    .features--default .features__card:hover .features__front {
        display: none
    }

    .features--default .features__card:hover .features__back {
        visibility: visible
    }
}

.footer {
    padding-bottom: 86px;
    margin-top: 100px
}

@media (max-width: 63.99em) {
    .footer {
        margin-top: 40px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 64em) and (max-width: 69.99em) {
    .footer {
        margin-left: 95px
    }
}

@media (max-width: 47.99em) {
    .footer {
        margin-top: 40px
    }
}

.footer>div:first-child {
    margin-bottom: 70px
}

@media (max-width: 47.99em) {
    .footer>div:first-child {
        margin-bottom: 56px
    }
}

@media (min-width: 64em) and (max-width: 101.865em) {
    .footer {
        margin-right: 95px
    }
}

.footer__group {
    margin-top: 39px
}

@media (min-width: 48em) {
    .footer__group {
        margin-top: 0px
    }
}

@media (min-width: 64em) {
    .footer__group {
        border-right: 1px solid #006698;
        padding-left: 0px;
        padding-right: 0px
    }
}

.footer__group .footer__logo {
    display: block;
    margin-bottom: 26px
}

.footer__group .footer__logo:hover {
    opacity: 0.8
}

@media (min-width: 48em) {
    .footer__group .footer__logo {
        margin-bottom: 46px
    }
}

.footer__group .footer__logo img {
    max-width: 160px
}

.footer__group .footer__address {
    font-family: "Open Sans", sans-serif;
    font-size: 1.4rem;
    margin-bottom: 40px
}

.footer__group .footer__address p {
    margin-top: 0
}

.footer__tel {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.446rem;
    line-height: 1;
    white-space: nowrap;
    padding-right: 30px
}

.footer__tel a:hover {
    color: #fe5000
}

.footer--menu {
    margin-left: 0;
    margin-bottom: 54px
}

@media (min-width: 48em) {
    .footer--menu {
        margin-bottom: 0px;
        margin-left: calc(44px - 15px)
    }
}

.footer--menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer--menu .menu {
    width: 100%;
    -webkit-columns: 2;
    columns: 2
}

@media (max-width: 35.99em) {
    .footer--menu .menu {
        -webkit-columns: 1;
        columns: 1
    }
}

.footer--menu .menu>li {
    margin-bottom: 22px;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid
}

.footer--menu .menu>li>a {
    font-size: 1.8rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 1.55;
    color: #002f5f;
    text-transform: uppercase
}

.footer--menu .menu .nav-child {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px
}

.footer--menu .menu .nav-child>li {
    list-style: none;
    margin-bottom: 0
}

.footer--menu .menu .nav-child>li>a {
    font-size: 1.6rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
    line-height: 2.05;
    color: #006698
}

.footer--menu a:hover {
    color: #fe5000 !important
}

.footer__cta {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 64em) {
    .footer__cta {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.footer--menu__copyright ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 47.99em) {
    .footer--menu__copyright ul {
        margin-bottom: 32px
    }
}

.footer--menu__copyright ul li {
    list-style: none;
    margin-right: 35px
}

.footer--menu__copyright ul li a {
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 700
}

.footer__copy p {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    color: #006698
}

.footer__last-col {
    display: none !important
}

@media (min-width: 64em) {
    .footer__last-col {
        display: table-cell !important
    }
}

.footer__first-col .footer__cta {
    margin-top: 50px;
    -webkit-justify-content: initial;
    -ms-flex-pack: initial;
    justify-content: initial
}

@media (min-width: 64em) {
    .footer__first-col .footer__cta {
        display: none
    }
}

@media (min-width: 48em) {
    .footer__row--anciens-montreal-logo {
        margin-top: -150px
    }
}

.gallery {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .gallery {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .gallery {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .gallery {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .gallery {
        margin-bottom: 72px
    }
}

.gallery__image-wrap {
    position: relative
}

.gallery__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.gallery--3-big-left:after {
    content: "";
    display: block;
    clear: both
}

.gallery--3-big-left .gallery__image-outer-wrap {
    float: left;
    width: 100%
}

.gallery--3-big-left .gallery__image-outer-wrap .gallery__image-wrap {
    padding-bottom: 56.25%
}

@media (max-width: 63.99em) {
    .gallery--3-big-left .gallery__image-outer-wrap .gallery__image-wrap {
        border-bottom: solid 15px white
    }
}

@media (min-width: 64em) {
    .gallery--3-big-left .gallery__image-outer-wrap:nth-child(1) {
        width: 60.3%
    }

    .gallery--3-big-left .gallery__image-outer-wrap:nth-child(1) .gallery__image-wrap {
        border-right: solid 6px white;
        padding-bottom: 56.25%
    }

    .gallery--3-big-left .gallery__image-outer-wrap:nth-child(2) {
        width: 39.7%;
        border-bottom: solid 6px white
    }

    .gallery--3-big-left .gallery__image-outer-wrap:nth-child(3) {
        width: 39.7%;
        border-top: solid 6px white
    }

    .gallery--3-big-left .gallery__image-outer-wrap:nth-child(2) .gallery__image-wrap,
    .gallery--3-big-left .gallery__image-outer-wrap:nth-child(3) .gallery__image-wrap {
        border-left: solid 6px white;
        padding-bottom: calc(42.5% - 6px)
    }
}

.services-brand {
    position: relative
}

.services-brand .services-brand__image-wrap .services-brand__image {
    position: absolute;
    bottom: 0;
    background-color: white
}

@media (max-width: 47.99em) {
    .services-brand .services-brand__image-wrap .services-brand__image {
        padding: 10px 40px 10px 30px
    }
}

@media (min-width: 48em) {
    .services-brand .services-brand__image-wrap .services-brand__image {
        padding: 75px 180px 0 180px
    }
}

.services-brand .services-brand__image-wrap .services-brand__image img {
    min-width: 175px
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    background: none;
    outline: none !important;
    display: block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: visible
}

.hamburger:hover,
.hamburger:focus {
    background: none
}

.hamburger:after {
    display: none
}

.hamburger:hover {
    opacity: .75
}

.hamburger-box {
    width: 50px;
    height: 29px;
    display: block;
    position: relative
}

@media (min-width: 48em) {
    .hamburger-box {
        width: 50px;
        height: 29px
    }
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2.5px
}

@media (min-width: 48em) {
    .hamburger-inner {
        margin-top: -2.5px
    }
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 50px;
    height: 5px;
    background-color: #002f5f;
    border-radius: 0px;
    position: absolute;
    transition: background-color 0.7s ease, -webkit-transform 0.15s ease;
    transition: transform 0.15s ease, background-color 0.7s ease;
    transition: transform 0.15s ease, background-color 0.7s ease, -webkit-transform 0.15s ease
}

@media (min-width: 48em) {

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 50px;
        height: 5px
    }
}

.hamburger-inner {
    background-color: #002f5f
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -12px
}

@media (min-width: 48em) {
    .hamburger-inner::before {
        top: -12px
    }
}

.hamburger-inner::after {
    width: 35px;
    right: 0;
    bottom: -12px
}

@media (min-width: 48em) {
    .hamburger-inner::after {
        bottom: -12px
    }
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--squeeze .hamburger-inner {
    transition: background-color 0.7s ease, -webkit-transform 0.15s ease;
    transition: transform 0.15s ease, background-color 0.7s ease;
    transition: transform 0.15s ease, background-color 0.7s ease, -webkit-transform 0.15s ease
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease, background-color 0.7s ease
}

.hamburger--squeeze .hamburger-inner::after {
    transition: width 0.25s ease, bottom 0.075s 0.12s ease, background-color 0.7s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: width 0.25s ease, bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0.7s ease;
    transition: width 0.25s ease, bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0.7s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger-toggle {
    outline: none;
    min-height: 51px;
    box-sizing: content-box;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer
}

.hamburger-toggle:hover .hamburger-inner,
.hamburger-toggle:hover .hamburger-inner:before,
.hamburger-toggle:hover .hamburger-inner:after {
    background-color: #fe5000
}

.hamburger-toggle:hover .hamburger__text {
    color: #fe5000
}

.hamburger__text {
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #002f5f;
    line-height: 1;
    height: 1.2rem;
    text-align: right;
    margin-top: 10px;
    overflow: hidden;
    transition: all 0.7s ease, color 0.25s ease, opacity 0.3s ease, height 0.3s ease
}

.offcanvas--isOpen .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.offcanvas--isOpen .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease, background-color 0.25s ease
}

.offcanvas--isOpen .hamburger-inner::after {
    width: 50px;
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, background-color 0.25s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.25s ease;
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.25s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.offcanvas--isOpen .hamburger-inner,
.offcanvas--isOpen .hamburger-inner:before,
.offcanvas--isOpen .hamburger-inner:after {
    background-color: white
}

.offcanvas--isOpen .hamburger__text {
    height: 0
}

.hero {
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .hero {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .hero {
        margin-bottom: 72px
    }
}

@media (min-width: 48em) {
    .hero {
        position: relative
    }
}

.hero a {
    color: white
}

.hero__address {
    font-size: 1.8rem;
    margin-bottom: 5px
}

.hero__telephone {
    line-height: 1.1;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 2rem;
    font-size: 3rem;
    margin-top: 25px;
    display: inline-block
}

@media (min-width: 48em) {
    .hero__telephone {
        font-size: 2.4rem
    }
}

@media (min-width: 64em) {
    .hero__telephone {
        font-size: 3rem
    }
}

.hero__image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center
}

.hero__location .button {
    margin-top: 30px
}

.hero__title {
    margin-bottom: 50px
}

.hero__image-wrap {
    position: relative;
    padding-bottom: 50%
}

@media (max-width: 47.99em) {
    .hero__image-wrap {
        padding-bottom: 76%
    }
}

.hero--default .hero__box,
.hero--idsante .hero__box {
    margin-left: auto
}

@media (max-width: 63.99em) {

    .hero--default .hero__box,
    .hero--idsante .hero__box {
        max-width: 100%;
        position: inherit;
        margin-top: inherit
    }
}

@media (max-width: 47.99em) {

    .hero--default .hero__title,
    .hero--default .hero__description {
        padding: 0
    }
}

.hero--idsante .hero__image-wrap {
    padding-bottom: 65%
}

@media (max-width: 47.99em) {
    .hero--idsante .hero__image-wrap {
        padding-bottom: 65%
    }
}

.hero--idsante .hero__box {
    bottom: 0
}

@media (max-width: 63.99em) {
    .hero--idsante .hero__box {
        padding-left: 30px;
        padding-right: 30px
    }
}

.hero--idsante .hero__image {
    display: none
}

@media (min-width: 64em) {
    .hero--idsante .hero__image {
        display: block
    }
}

.hero--idsante .hero__image--responsive {
    display: none
}

@media (max-width: 63.99em) {
    .hero--idsante .hero__image--responsive {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center
    }
}

.hero--deepblue {
    padding-bottom: 1px
}

@media (max-width: 63.99em) {
    .hero--deepblue {
        margin-bottom: 20px
    }
}

.hero--deepblue .hero__box {
    margin-bottom: 200px
}

@media (max-width: 47.99em) {
    .hero--deepblue .hero__box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 0;
        padding: 0
    }
}

@media (max-width: 47.99em) {
    .hero--deepblue .hero__title {
        margin: 20px 0;
        padding: 15px 30px
    }
}

.hero--deepblue .hero__image-wrap {
    position: inherit;
    padding-bottom: inherit
}

@media (min-width: 48em) {
    .hero--deepblue .hero__image-wrap {
        margin-right: -180px;
        margin-bottom: -240px;
        border: solid 12px white;
        padding: 0
    }
}

@media (max-width: 47.99em) {
    .hero--deepblue .hero__image-wrap {
        padding-bottom: inherit
    }
}

.hero--deepblue .hero__image {
    position: static;
    padding-bottom: 43.75%
}

@media (max-width: 47.99em) {
    .hero--deepblue .hero__image {
        padding-bottom: 50%
    }
}

.hero--title .hero__title {
    margin-bottom: 0
}

.hero--fiche {
    margin: 0
}

.hero--fiche .hero__image-blurred {
    opacity: 0;
    transition: all 0.5s ease-in-out
}

.hero--fiche .hero__image-blurred.is-blurred {
    opacity: 1
}

.hero--fiche .hero__location {
    padding-bottom: 30px;
    border-bottom: solid 4px #006698;
    height: 100%
}

@media (max-width: 47.99em) {
    .hero--fiche .hero__location {
        margin-bottom: 30px
    }
}

.hero--fiche .hero__image-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    padding-bottom: 0
}

.hero--fiche .promotion {
    margin-bottom: 54px
}

@media (min-width: 20em) {
    .hero--fiche .promotion {
        margin-bottom: calc(7.67045vw + 29.45455px)
    }
}

@media (min-width: 64em) {
    .hero--fiche .promotion {
        margin-bottom: 108px
    }
}

.hero--fiche .hero__main-wrap {
    margin-top: calc(100vh - 111px + 20px)
}

@media (min-width: 70em) {
    .hero--fiche .hero__main-wrap {
        margin-top: calc(100vh - 168px + 20px)
    }
}

.hero--fiche .hero__title {
    font-size: 3.5rem;
    margin-bottom: 36px;
    padding-right: 30px
}

@media (min-width: 20em) {
    .hero--fiche .hero__title {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .hero--fiche .hero__title {
        margin-bottom: 72px
    }
}

@media (max-width: 101.865em) {
    .hero--fiche .hero__title {
        padding-left: 30px
    }
}

@media (min-width: 48em) {
    .hero--fiche .hero__title {
        font-size: 6rem
    }
}

@media (min-width: 64em) {
    .hero--fiche .hero__title {
        font-size: 8rem
    }
}

@media (min-width: 64em) {
    .hero--fiche .hero__title {
        margin-left: 0
    }
}

.hero--fiche .hero__content {
    padding-right: 30px;
    padding-bottom: 1px;
    padding-top: 30px;
    color: #006698
}

@media (max-width: 63.99em) {
    .hero--fiche .hero__content {
        padding-left: 30px
    }
}

@media (min-width: 64em) {
    .hero--fiche .hero__content {
        margin-left: 75px
    }
}

@media (min-width: 70em) {
    .hero--fiche .hero__content {
        margin-left: 180px
    }
}

@media (min-width: 20em) {
    .hero--fiche .hero__content {
        padding-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .hero--fiche .hero__content {
        padding-top: 60px
    }
}

.hero--fiche .hero__content:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    right: -100vw;
    background: white
}

@media (min-width: 48em) {
    .hero--fiche .hero__locations {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.hero--fiche a {
    color: #006698
}

.hero--fiche .hero__content-wrap2 {
    position: relative
}

.hero--fiche .hero__content-wrap {
    position: relative
}

.hero--fiche .hero__content-wrap .box {
    padding-left: 0;
    padding-right: 0
}

.hero--fiche .hero__square {
    display: none;
    background: #e3e3e3;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 45vw;
    z-index: -1
}

@media (min-width: 48em) {
    .hero--fiche .hero__square {
        display: block
    }
}

.hero--fiche .hero-construction-status {
    padding: 7px 20px 7px 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hero--fiche .hero-construction-status__inner {
    margin-left: 30px
}

@media (min-width: 64em) {
    .hero--fiche .hero-construction-status__inner {
        margin-left: 75px
    }
}

@media (min-width: 70em) {
    .hero--fiche .hero-construction-status__inner {
        margin-left: 180px
    }
}

.js-loadmore {
    margin-top: 75px;
    position: relative;
    overflow: hidden
}

.js-loadmore:after {
    transition: all 0.3s ease
}

.js-loadmore__label {
    position: relative;
    z-index: 1
}

.js-loadmore--hidden {
    display: none
}

.js-loadmore--loading:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000913;
    -webkit-animation: slideRight 1s forwards;
    animation: slideRight 1s forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubuc-bezier(0.5, 0.31, 0.84, 0.05);
    animation-timing-function: cubuc-bezier(0.5, 0.31, 0.84, 0.05)
}

@-webkit-keyframes slideRight {
    0% {
        left: -100%
    }

    100% {
        left: 100%
    }
}

@keyframes slideRight {
    0% {
        left: -100%
    }

    100% {
        left: 100%
    }
}

.logo-link {
    display: block;
    padding: 20px 0 0 20px
}

@media (min-width: 64em) {
    .logo-link {
        padding: 20px 0 0 0px
    }
}

.logo--large .logo-link {
    -webkit-transform: translate(0%, 10%);
    -ms-transform: translate(0%, 10%);
    transform: translate(0%, 10%);
    margin-left: 20px
}

@media (min-width: 70em) {
    .logo--large .logo-link {
        margin-left: 0px;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.logo--large .logo-link img {
    display: block;
    margin: 0 auto;
    max-height: 80px;
    max-width: none
}

@media (min-width: 70em) {
    .logo--large .logo-link img {
        max-height: 172px
    }
}

@media (min-width: 70em) {
    .logo--large .site-menu__logo {
        height: 250px;
        position: absolute;
        top: 0;
        z-index: 10;
        background: white
    }
}

@media (max-width: 47.99em) {
    .logo--large .site-menu__logo {
        margin-left: -25px
    }
}

@media (min-width: 36em) {
    .logo--large .site-menu__main {
        margin-left: 330px
    }
}

@media (min-width: 64em) {
    .logo--large .offcanvas__nav {
        margin-top: 120px
    }
}

.logo--large .offcanvas__nav-inner {
    padding-top: 50px;
    border-top: solid 1px #006698
}

.magazine {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .magazine {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .magazine {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .magazine {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .magazine {
        margin-bottom: 72px
    }
}

.magazine__title {
    margin-bottom: 35px
}

.mapContact .neighbourhood__title {
    margin-bottom: 75px
}

.mapContact .neighbourhood__select {
    padding-top: 25px
}

.mapContact .neighbourhood__select .neighbourhood__box {
    padding-top: 50px;
    margin-bottom: calc(-20.5%);
    padding-bottom: calc(22%)
}

.mapContact .neighbourhood__map {
    padding-bottom: 37%;
    margin-top: 0px;
    margin-left: 0
}

.mapContact .map-complexe__form-title {
    margin-bottom: 25px
}

.mapContact .map-complexe__form-controls {
    width: 100%
}

@media (min-width: 48em) {
    .mapContact .map-complexe__form-controls {
        max-width: 350px
    }
}

#vueDataMap .neighbourhood__activities {
    margin-top: calc(-17.5%)
}

#vueDataMap .neighbourhood__activities .phone {
    margin-top: 22px
}

#vueDataMap .neighbourhood__activities .phone a {
    color: white;
    white-space: nowrap
}

#vueDataMap .neighbourhood__activities .neighbourhood__box {
    padding-top: calc(22%);
    padding-bottom: 100px
}

#vueDataMap .subtitle {
    font-size: 1.8rem
}

.mapContact.neighbourhood {
    margin-bottom: 0
}

.mapContact.neighbourhood .neighbourhood__map {
    border: solid 12px white
}

.meeting {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .meeting {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .meeting {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .meeting {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .meeting {
        margin-bottom: 72px
    }
}

.meeting .meeting__title {
    margin-bottom: 95px
}

.meeting .meeting__number {
    border-top: 2px solid #80b3cc;
    font-size: 2.2rem;
    padding-top: 16px;
    padding-bottom: 46px;
    line-height: 1;
    letter-spacing: 0.35em
}

.meeting .meeting__name {
    font-size: 2.2rem
}

.meeting .meeting__description {
    font-size: 2.8rem
}

.meeting .meeting__description p {
    margin-top: 0
}

.menu-rs>a.cta--newsletter {
    display: block;
    padding: 30px;
    margin-bottom: 50px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    border-radius: 5px
}

@media (max-width: 47.99em) {
    .menu-rs>a.cta--newsletter {
        margin-bottom: 25px
    }
}

.menu-rs ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0px
}

@media (max-width: 47.99em) {
    .menu-rs ul {
        margin-bottom: 56px
    }
}

.menu-rs ul li {
    list-style: none
}

.menu-rs ul li [class^="icon-"] {
    font-size: 35px
}

.menu-rs--offcanvas {
    margin-left: auto
}

.site-menu__inner .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase
}

.site-menu__inner .menu li {
    line-height: 1;
    margin-left: 10px;
    margin-right: 10px
}

.site-menu__inner .menu a {
    display: inline-block;
    color: #002f5f;
    transition: color 0.25s ease;
    padding: 10px
}

.site-menu__inner .menu a:hover {
    color: #fe5000
}

.site-menu__inner .menu--slash {
    margin-left: 10px;
    margin-right: 10px
}

.site-menu__inner .menu--slash li {
    margin-left: 0;
    margin-right: 5px
}

.site-menu__inner .menu--slash li:after {
    font-weight: bold;
    font-family: inherit;
    content: '/';
    color: #006698;
    opacity: 0.5
}

.site-menu__inner .menu--slash li:last-child:after {
    display: none
}

.site-menu__inner .menu--slash li.lang-active a {
    opacity: 1
}

.site-menu__inner .menu--slash a {
    opacity: 0.5;
    padding: 10px 0px
}

.site-menu__inner .menu--slash a:hover {
    opacity: 1
}

.site-menu__inner .menu-social {
    font-size: 4.5rem;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.site-menu__inner .menu-social li {
    margin: 0
}

.site-menu__inner .menu-social a {
    padding: 0
}

@media (min-width: 101.875em) {
    .site-menu {
        width: 100vw
    }
}

.square-logo {
    width: 32px;
    height: 32px;
    margin-right: 15px
}

.site-menu__logo {
    margin-right: 15px;
    display: block
}

@media (min-width: 36em) {
    .site-menu__logo {
        margin-right: 0;
        width: 330px
    }
}

.site-menu__logo img {
    max-width: 100%;
    max-height: 58px
}

@media (min-width: 36em) {
    .site-menu__logo img {
        max-width: 234px
    }
}

.site-menu__inner {
    position: relative;
    transition: margin 0.25s ease
}

@media (max-width: 63.99em) {
    .site-menu__inner {
        margin-right: 30px;
        margin-left: 30px
    }
}

@media (min-width: 64em) and (max-width: 69.99em) {
    .site-menu__inner {
        margin-left: 95px
    }
}

@media (min-width: 64em) and (max-width: 101.865em) {
    .site-menu__inner {
        margin-right: 95px
    }
}

.site-menu__section-secondary {
    font-size: 1.5rem
}

.site-menu__section-main {
    font-size: 1.8rem
}

.site-menu--default {
    margin-bottom: 30px
}

.site-menu--default .site-menu__logo {
    padding-top: 30px
}

.site-menu--default .site-menu__logo img {
    max-height: 58px
}

@media (min-width: 36em) {
    .site-menu--default .site-menu__logo img {
        max-width: 234px
    }
}

.site-menu--default .site-menu__section-secondary {
    position: absolute;
    top: 15px;
    left: 0;
    right: -10px
}

@media (max-width: 69.99em) {
    .site-menu--default .site-menu__section-secondary {
        display: none
    }
}

.site-menu--default .site-menu__section-main {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 69.99em) {
    .site-menu--default .site-menu__section-main .main-menu {
        display: none
    }
}

.site-menu--default .site-menu__section-main .main-menu li {
    padding-top: 110px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 10px;
    padding-right: 40px
}

@media (min-width: 101.875em) {
    .site-menu--default .site-menu__section-main .main-menu li {
        border-left: solid 1px #006698
    }
}

.site-menu--default .site-menu__section-main .main-menu li:first-child {
    margin-left: 0
}

.site-menu--default .site-menu__section-main .main-menu a {
    margin-bottom: -10px
}

.site-menu--fiche {
    background: white;
    position: relative;
    z-index: 1;
    padding-bottom: 30px
}

@media (max-width: 69.99em) {
    .site-menu--fiche {
        padding-top: 30px
    }
}

.site-menu--fiche .site-menu__logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: white;
    height: 250px;
    padding-top: 0
}

@media (max-width: 69.99em) {
    .site-menu--fiche .site-menu__logo {
        display: none
    }
}

.site-menu--fiche .site-menu__logo img {
    max-height: 172px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.site-menu--fiche .site-menu__logo a:hover img {
    opacity: 0.7
}

.site-menu--fiche .site-menu__section-secondary {
    position: absolute;
    top: 15px;
    left: 0;
    right: -10px
}

@media (max-width: 69.99em) {
    .site-menu--fiche .site-menu__section-secondary {
        display: none
    }
}

.site-menu--fiche .site-menu__section-main {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 69.99em) {
    .site-menu--fiche .site-menu__section-main {
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

@media (min-width: 70em) {
    .site-menu--fiche .site-menu__section-main {
        margin-left: 330px
    }
}

@media (max-width: 69.99em) {
    .site-menu--fiche .site-menu__section-main .main-menu {
        display: none
    }
}

.site-menu--fiche .site-menu__section-main .main-menu li {
    padding-top: 110px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 10px;
    padding-right: 40px
}

@media (min-width: 101.875em) {
    .site-menu--fiche .site-menu__section-main .main-menu li {
        border-left: solid 1px #006698
    }
}

.site-menu--fiche .site-menu__section-main .main-menu li:first-child {
    margin-left: 0
}

.site-menu--fiche .site-menu__section-main .main-menu a {
    margin-bottom: -10px
}

@media (min-width: 70em) {
    .site-menu--fiche .logo-text {
        display: none
    }
}

.site-menu--landing .site-menu__logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: white;
    height: 250px;
    padding-top: 0
}

@media (max-width: 69.99em) {
    .site-menu--landing .site-menu__logo {
        display: none
    }
}

.site-menu--landing .site-menu__logo img {
    max-height: 172px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.site-menu--landing .landing-border {
    border-right: solid 1px #002f5f;
    padding-right: 20px;
    margin-right: 35px
}

.site-menu--landing .landing-logo {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 34px;
    box-sizing: content-box
}

@media (max-width: 69.99em) {
    .site-menu--landing .landing-logo {
        display: none
    }
}

.site-menu--landing .landing-logo img {
    max-height: 100%
}

@media (min-width: 70em) {
    .site-menu--landing .logo-text {
        display: none
    }
}

@media (max-width: 69.99em) {
    .site-menu--landing .main-menu {
        display: none
    }
}

.site-menu--landing .hamburger-toggle {
    padding: 20px 0
}

@media (min-width: 70em) {
    .site-menu--landing .hamburger-toggle {
        display: none
    }
}

@media (max-width: 47.99em) {
    .site-menu--microsite {
        display: none
    }
}

.site-menu--microsite .site-menu__section-main {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0
}

@media (min-width: 48em) {
    .microsite-intro__menu .hamburger-toggle {
        display: none
    }
}

.microsite-intro__menu .hamburger-inner,
.microsite-intro__menu .hamburger-inner:before,
.microsite-intro__menu .hamburger-inner:after {
    background: white
}

.microsite-intro__menu .hamburger__text {
    color: white
}

.microsite-intro__menu .site-menu__logo {
    width: 330px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
    height: 250px;
    padding-top: 0
}

.microsite-intro__menu .site-menu__logo img {
    max-height: 172px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.microsite-intro__menu .main-menu {
    margin-top: 50px;
    border-bottom: solid 1px white
}

@media (max-width: 47.99em) {
    .microsite-intro__menu .main-menu {
        display: none
    }
}

.microsite-intro__menu .main-menu li {
    margin-left: 0;
    margin-right: 50px
}

.microsite-intro__menu .main-menu li:last-child {
    margin-right: 0
}

.microsite-intro__menu .main-menu a {
    color: white;
    padding: 20px 0;
    position: relative
}

.microsite-intro__menu .main-menu a:after {
    position: absolute;
    content: ' ';
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: white;
    transition: height 0.25s ease
}

.microsite-intro__menu .main-menu a:hover {
    color: white
}

.microsite-intro__menu .main-menu a:hover:after {
    height: 5px
}

.microsite-intro__menu .main-menu li.active a:after {
    height: 5px
}

@media (max-width: 47.99em) {
    .microsite-intro__menu-inner {
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

.logo-construction-status {
    position: absolute;
    padding: 7px 20px;
    line-height: 1.2;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

@media (min-width: 70em) {
    .logo-construction-status {
        display: none
    }
}

.site-menu__logo .logo-construction-status {
    top: 250px;
    bottom: initial;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media (min-width: 70em) {
    .site-menu__logo .logo-construction-status {
        display: block
    }
}

.microsite-intro {
    margin-top: 30px;
    margin-bottom: 36px;
    position: relative;
    min-height: 100vh
}

@media (min-width: 20em) {
    .microsite-intro {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .microsite-intro {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .microsite-intro {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .microsite-intro {
        margin-bottom: 72px
    }
}

@media (min-width: 48em) {
    .microsite-intro {
        min-height: calc(100vh - 35px)
    }
}

.microsite-intro__image {
    padding-bottom: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-size: cover;
    background-position: top center
}

.microsite-intro__content {
    position: relative;
    z-index: 10
}

.microsite-intro__gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(300deg, #fe5000 15%, #006698 85%);
    opacity: 0.55;
    z-index: 2
}

.microsite-intro__black-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: black;
    opacity: 0.2;
    z-index: 3
}

.microsite-intro__description {
    padding-top: 65px;
    padding-bottom: 65px;
    font-size: 1.8rem;
    line-height: 1.78;
    max-width: 600px
}

.microsite-intro__cta {
    display: none
}

@media (min-width: 64em) {
    .microsite-intro__cta {
        position: absolute;
        bottom: 0;
        right: 0;
        display: table;
        z-index: 5
    }
}

.microsite-intro__cta-text {
    font-size: 1.5rem;
    text-transform: uppercase;
    padding: 40px;
    background: white;
    line-height: 1;
    border-bottom: solid 1px #e3e3e3;
    display: table-cell
}

.microsite-intro__cta-arrow {
    display: table-cell;
    width: 95px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e3e3e3
}

.microsite-units__title h2 {
    margin-bottom: 10px
}

.microsite-units {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 64em) {
    .microsite-units {
        margin-left: 75px
    }
}

@media (min-width: 70em) {
    .microsite-units {
        margin-left: 180px
    }
}

@media (min-width: 20em) {
    .microsite-units {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .microsite-units {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .microsite-units {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .microsite-units {
        margin-bottom: 72px
    }
}

@media (max-width: 74.99em) {
    .microsite-units {
        padding-left: 30px;
        padding-right: 30px
    }
}

.microsite-units__cta {
    margin-top: 50px
}

.microsite-units__dimensions {
    margin-top: 30px
}

.neighbourhood {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .neighbourhood {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .neighbourhood {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .neighbourhood {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .neighbourhood {
        margin-bottom: 72px
    }
}

.neighbourhood .phone {
    display: block;
    margin-top: 30px
}

@media (min-width: 64em) {
    .neighbourhood__content {
        margin-left: 75px
    }
}

@media (min-width: 70em) {
    .neighbourhood__content {
        margin-left: 180px
    }
}

@media (max-width: 63.99em) {
    .neighbourhood__text {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (min-width: 64em) {
    .neighbourhood__text {
        padding-right: 250px
    }
}

.neighbourhood__map {
    margin-top: 30px;
    padding-bottom: 56.25%;
    margin-bottom: 10px
}

@media (min-width: 20em) {
    .neighbourhood__map {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .neighbourhood__map {
        margin-top: 60px
    }
}

@media (min-width: 64em) {
    .neighbourhood__map {
        border: solid 12px white;
        margin-left: -12px;
        border-right: none
    }
}

.neighborhood__activity-list {
    margin: 0;
    padding: 0 0 0 1.1em
}

.neighborhood__activity-list li {
    margin-bottom: 8px
}

.neighbourhood__activities {
    margin-top: -135px
}

@media (max-width: 63.99em) {
    .neighbourhood__activities {
        margin-top: 0
    }
}

.neighborhood__activity-title {
    margin-bottom: 40px
}

.news__title {
    margin-bottom: 35px
}

@media (max-width: 63.99em) {
    .news__title {
        padding-left: 30px
    }
}

.news-article-preview__title {
    margin-top: 0;
    margin-bottom: 15px
}

.news-article-preview__date {
    margin-bottom: 25px
}

.news--default {
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .news--default {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .news--default {
        margin-bottom: 72px
    }
}

@media (max-width: 63.99em) {
    .news--default {
        padding-left: 30px;
        padding-right: 30px
    }
}

.news--default .news-article-preview {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .news--default .news-article-preview {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .news--default .news-article-preview {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .news--default .news-article-preview {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .news--default .news-article-preview {
        margin-bottom: 72px
    }
}

@media (min-width: 75em) {
    .news--default {
        padding-left: 95px
    }
}

.news--featured {
    padding-top: 30px;
    padding-bottom: 36px;
    position: relative
}

@media (min-width: 20em) {
    .news--featured {
        padding-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .news--featured {
        padding-top: 60px
    }
}

@media (min-width: 20em) {
    .news--featured {
        padding-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .news--featured {
        padding-bottom: 72px
    }
}

.news--featured:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 36vw;
    min-height: 200px;
    background: #e3e3e3;
    z-index: -1
}

@media (min-width: 75em) {
    .news--featured .news__list {
        padding-left: 95px
    }
}

.news-article-preview--img {
    margin-top: 30px;
    margin-bottom: 0 !important
}

@media (min-width: 20em) {
    .news-article-preview--img {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .news-article-preview--img {
        margin-top: 60px
    }
}

.news-article-preview--img .news-article-preview__content {
    color: black
}

.news-article-preview--img .news-article-preview__date {
    color: black
}

.offcanvas {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100vw;
    bottom: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.offcanvas .menu a {
    color: white
}

.offcanvas .menu a:hover {
    color: #fe5000
}

.offcanvas .main-menu {
    width: 1px;
    visibility: hidden;
    white-space: nowrap
}

@media (min-width: 36em) {
    .offcanvas .mod-languages {
        margin-right: 95px
    }
}

@media (max-width: 35.99em) {
    .offcanvas .mod-languages .menu {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .offcanvas .mod-languages .menu li:after {
        display: none
    }

    .offcanvas .mod-languages .menu li:last-child a {
        padding-bottom: 0
    }

    .offcanvas .mod-languages .menu a {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.offcanvas .hamburger-toggle {
    display: block !important
}

.offcanvas .site-menu__logo {
    position: relative;
    background: none
}

@media (min-width: 64em) {
    .offcanvas .offcanvas-border {
        border-right: solid 1px #006698
    }
}

.offcanvas__inner {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    top: 0;
    height: 100%;
    left: 100%;
    position: relative;
    background: #002f5f;
    color: white;
    overflow: hidden
}

.offcanvas__inner .site-menu {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    position: relative;
    left: -100%
}

.offcanvas__nav {
    margin-top: 90px
}

.offcanvas__nav .cta--newsletter {
    font-size: 1.8rem;
    display: block;
    margin-bottom: 45px
}

.offcanvas__nav .full-menu {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 48em) {
    .offcanvas__nav .full-menu {
        max-height: 525px
    }
}

.offcanvas__nav .full-menu>li {
    margin: 0 0 35px 0
}

.offcanvas__nav .full-menu>li>a {
    padding-left: 0;
    padding-right: 0;
    line-height: 1.1;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 2rem
}

@media (min-width: 48em) {
    .offcanvas__nav .full-menu>li>a {
        font-size: 2.4rem
    }
}

@media (min-width: 64em) {
    .offcanvas__nav .full-menu>li>a {
        font-size: 3rem
    }
}

.offcanvas__nav .menu-social {
    margin-bottom: 45px
}

.offcanvas__nav .nav-child {
    font-size: 2.3rem;
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: none;
    font-family: "Open Sans", sans-serif;
    font-weight: 500
}

.offcanvas__nav .nav-child li {
    margin: 0
}

.offcanvas__nav .nav-child a {
    padding-left: 0;
    padding-right: 0
}

.offcanvas--isOpen .offcanvas__inner {
    left: 0%
}

.offcanvas--isOpen .offcanvas__inner .site-menu {
    left: 0%
}

.offcanvas--isOpen .site-menu__toggle-text {
    height: 0;
    opacity: 0;
    color: white
}

.offcanvas .site-menu--landing .offcanvas__nav {
    margin-top: 45px;
    padding-top: 45px;
    border-top: solid 1px #006698
}

.offcanvas .site-menu--fiche {
    background: none
}

.offcanvas .site-menu--fiche .site-menu__section-main {
    margin-left: 0
}

.offcanvas .site-menu--fiche .offcanvas__nav {
    margin-top: 45px;
    padding-top: 45px;
    border-top: solid 1px #006698
}

.offcanvas .site-menu--microsite {
    display: block !important
}

.offcanvas .offcanvas__nav {
    margin-top: 45px;
    padding-top: 45px;
    border-top: solid 1px #006698
}

.pagination ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0 0 0 -10px;
    padding: 0
}

.pagination li {
    margin: 10px
}

.place-preview {
    position: relative;
    overflow: hidden;
    display: block
}

.place-preview__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media (max-width: 74.99em) {
    .place-preview__content {
        position: inherit
    }
}

.place-preview__content .box {
    padding-top: 0;
    height: 100%
}

.ontouchstart .place-preview__content {
    position: inherit
}

.ontouchstart .complex__list-previews .row--12px [class*="col-"]:nth-child(2n+1) {
    clear: both
}

@media (min-width: 64em) {
    .ontouchstart .complex__list-previews .js-loadmore {
        margin-left: 75px
    }
}

@media (min-width: 70em) {
    .ontouchstart .complex__list-previews .js-loadmore {
        margin-left: 180px
    }
}

.place-preview__details {
    margin-top: 25px;
    transition: all .3s ease
}

.place-preview__link {
    margin-top: 40px
}

.place-preview__status {
    margin-bottom: 30px;
    display: inline-block;
    padding: 2px 20px 2px 0px;
    position: relative
}

.place-preview__status:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    background: white;
    left: -30px
}

@media (min-width: 48em) {
    .place-preview__status:before {
        left: -40px
    }
}

@media (min-width: 64em) {
    .place-preview__status:before {
        left: -75px
    }
}

.place-preview__status:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100vw;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOUlEQVQoU43KSQ4AIAgDQPn/o2tKonGhwJzHRgMAWPU8URZX4pHxTDK+KYxR+qJKV8zSjlXy2EmMEw3rKAc0w09vAAAAAElFTkSuQmCC")
}

.place-preview__status-empty {
    margin-bottom: 30px;
    padding: 2px 20px 2px 0px
}

.place-preview__telephone {
    margin-top: 5px
}

.play-btn {
    position: relative;
    cursor: pointer
}

@media (max-width: 35.99em) {
    .play-btn {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}

.play-btn__text {
    font-size: 1.5rem;
    text-transform: uppercase
}

.play-btn__icon {
    width: 56px;
    height: 56px;
    background-size: 56px 56px
}

@media (max-width: 35.99em) {
    .play-btn__icon {
        margin-right: 12px
    }
}

@media (min-width: 36em) {
    .play-btn__icon {
        width: 112px;
        height: 112px;
        background-size: 112px 112px;
        margin-bottom: 12px
    }
}

#sectionphase2 .col-lg-5.va-bottom.hidden-lg {
    display: none
}

#sectionphase2 .col-lg-5.va-top.visible-lg {
    display: none
}

#sectionphase2 .textphoto__title {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    #sectionphase2 .textphoto__title {
        margin-bottom: 25px
    }
}

@media (min-width: 768px) {
    #sectionphase2 .col-lg-7 {
        width: 100%
    }
}

#sectionphase2 .col-lg-7 h2 {
    max-width: 470px
}

@media (min-width: 768px) {
    #sectionphase2 .col-lg-7 .textphoto__description>table>tbody>tr>td {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        width: 100% !important
    }
}

#sectionphase2 table {
    width: calc(100% + 20px);
    margin-left: -5px
}

#sectionphase2 table td {
    width: 100%
}

#sectionphase2 table table {
    border-spacing: 10px;
    width: 100%
}

@media (min-width: 768px) {
    #sectionphase2 table table {
        width: 50%;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100% !important
    }

    #sectionphase2 table table:first-child {
        margin-right: -10px;
        float: left
    }

    #sectionphase2 table table:last-child {
        margin-left: 0
    }
}

#sectionphase2 table table:nth-child(2) tr:last-child td {
    text-align: left;
    padding: 40px
}

@media (max-width: 1024px) {
    #sectionphase2 table table:nth-child(2) tr:last-child td {
        padding: 40px 20px
    }
}

#sectionphase2 table table tr:first-child td {
    background-color: #006698;
    color: white;
    padding: 30px 10px;
    font-weight: bold;
    height: 20px
}

@media (min-width: 768px) {
    #sectionphase2 table table tr:first-child td {
        padding: 30px
    }
}

#sectionphase2 table table td {
    background-color: #CCE0EA;
    text-align: center;
    padding: 20px
}

#sectionphase2 .button_phase_2 {
    color: #006698;
    background: none;
    border: 3px solid #006698
}

#sectionphase2 .button_phase_2:hover {
    color: white;
    background: #006698
}

.promotion__text {
    margin-top: 20px
}

.promotion__text .h1 {
    font-weight: 400
}

.promotion__text a {
    color: white;
    text-decoration: underline
}

.promotion {
    position: relative;
    z-index: 1
}

@media (max-width: 63.99em) {
    .promotion .button {
        margin-top: 15px
    }
}

@media (max-width: 63.99em) and (min-width: 20em) {
    .promotion .button {
        margin-top: calc(2.13068vw + 8.18182px)
    }
}

@media (max-width: 63.99em) and (min-width: 64em) {
    .promotion .button {
        margin-top: 30px
    }
}

.promotion:before,
.promotion:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 20px;
    background: #002f5f url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOUlEQVQoU43KSQ4AIAgDQPn/o2tKonGhwJzHRgMAWPU8URZX4pHxTDK+KYxR+qJKV8zSjlXy2EmMEw3rKAc0w09vAAAAAElFTkSuQmCC");
    z-index: 1
}

.promotion:before {
    top: -20px
}

.promotion:after {
    bottom: -20px
}

@media (min-width: 64em) {
    .promotion__row {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.residents .title-resident {
    margin-bottom: 75px
}

.residents .resident a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media (max-width: 47.99em) {
    .residents .resident {
        width: 100%
    }
}

.residents .team__row-residents--5 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-left: 9px;
    padding-right: 9px
}

@media (max-width: 75.3125em) {
    .residents .team__row-residents--5 {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.residents .team__row-residents--5 .resident-5 {
    width: calc(100% / 5);
    padding: 0 6px
}

@media (max-width: 75.3125em) {
    .residents .team__row-residents--5 .resident-5 {
        width: 50%;
        padding-bottom: 12px
    }
}

.residents .team__row-residents--5 .resident-5 a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.residents .resident--video {
    background-image: url(http://reseau-selection.com/images/SIDS_Apt-09.jpg);
    background-size: cover;
    margin: 0 6px 12px 6px;
    position: relative
}

@media (max-width: 63.99em) {
    .residents .resident--video {
        width: 100%;
        padding-bottom: 56%
    }
}

@media (max-width: 35.99em) {
    .residents .resident--video {
        width: 100%;
        padding-bottom: 0
    }
}

.residents .residents__video {
    margin: 15px 0
}

@media (max-width: 47.99em) {
    .residents .residents__video {
        height: 350px
    }
}

.residents .residents__video .play-round {
    position: absolute;
    width: 112px;
    height: 112px;
    background-size: 112px 112px;
    margin-bottom: 12px;
    bottom: 46px;
    left: 66px;
    cursor: pointer
}

.residents .resident__portrait {
    padding-bottom: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 12px
}

.residents .resident__group {
    background-color: #006698;
    padding: 20px 28px;
    -webkit-flex-grow: 10;
    -ms-flex-positive: 10;
    flex-grow: 10
}

.residents .resident__group .resident__name {
    font-size: 2.6rem
}

.residents .resident__group .resident__residence {
    font-size: 1.7rem
}

.rs-testimonial .testimonial__author {
    margin-top: 30px
}

@media (min-width: 20em) {
    .rs-testimonial .testimonial__author {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .rs-testimonial .testimonial__author {
        margin-top: 60px
    }
}

.rs-testimonial__lead {
    margin-top: 30px;
    margin-bottom: 18px;
    font-size: 2rem
}

@media (min-width: 20em) {
    .rs-testimonial__lead {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .rs-testimonial__lead {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .rs-testimonial__lead {
        margin-bottom: calc(2.55682vw + 9.81818px)
    }
}

@media (min-width: 64em) {
    .rs-testimonial__lead {
        margin-bottom: 36px
    }
}

@media (min-width: 36em) {
    .rs-testimonial__lead {
        font-size: calc(1.78571vw + .97143rem)
    }
}

@media (min-width: 64em) {
    .rs-testimonial__lead {
        font-size: 2.8rem
    }
}

.rs-testimonial__content {
    padding-bottom: 14.4px;
    font-size: 1.7rem;
    border-bottom: solid 3px rgba(255, 255, 255, 0.5)
}

@media (min-width: 20em) {
    .rs-testimonial__content {
        padding-bottom: calc(2.04545vw + 7.85455px)
    }
}

@media (min-width: 64em) {
    .rs-testimonial__content {
        padding-bottom: 28.8px
    }
}

.search-cta {
    margin-top: 30px
}

@media (min-width: 20em) {
    .search-cta {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .search-cta {
        margin-top: 60px
    }
}

.search-cta__button {
    margin-top: 35px
}

.services {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .services {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .services {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .services {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .services {
        margin-bottom: 72px
    }
}

.services__card .card__content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 48em) and (max-width: 63.99em) {
    .services__card .card__content {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }
}

@media (min-width: 64em) {
    .services__card .card__content {
        -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        -webkit-align-items: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        top: 75px
    }
}

@media (max-width: 47.99em) {
    .services__card .card__content>div {
        width: 50%
    }
}

.services__card .card__content .center__img {
    height: 110px
}

.services__title {
    margin-bottom: 65px
}

@media (max-width: 63.99em) {
    .services__title {
        margin-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.services__card-icon {
    margin-bottom: 35px;
    max-width: 80px;
    max-height: 70px;
    width: auto;
    height: auto
}

@media (max-width: 47.99em) {
    .services__card-icon {
        margin-top: 35px
    }
}

@media (min-width: 101.875em) {
    .site {
        width: 100vw
    }
}

.slick-prev,
.slick-next {
    font-size: 0;
    background: none;
    border: none;
    background-image: url("http://reseau-selection.com/templates/rselection/assets/images/carousel-arrow.png");
    background-size: 33px 64px;
    background-position: center;
    background-repeat: no-repeat;
    width: 33px;
    height: 64px;
    position: absolute;
    padding: 15px;
    box-sizing: content-box;
    top: 50%;
    z-index: 10;
    cursor: pointer
}

.slick-prev {
    left: 95px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slick-next {
    right: 95px;
    -webkit-transform: translateY(-50%) scaleX(-1);
    -ms-transform: translateY(-50%) scaleX(-1);
    transform: translateY(-50%) scaleX(-1)
}

.stats {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .stats {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .stats {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .stats {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .stats {
        margin-bottom: 72px
    }
}

.stats__statistics-col {
    border-right: solid 1px white;
    padding-top: 20px;
    padding-bottom: 30px
}

.stats__statistics-col:last-child {
    border-right: none
}

@media (min-width: 64em) {
    .stats__title {
        margin-bottom: 20px
    }
}

@media (max-width: 63.99em) {
    .stats__title {
        margin-bottom: 15px
    }
}

@media (max-width: 63.99em) {
    .stats__statistics-row {
        margin-bottom: 15px
    }
}

@media (min-width: 64em) {
    .stats__description {
        padding: 40px 0 0 0
    }
}

.stats__cta {
    margin-top: 50px
}

.sticky-menu__right {
    transition: margin 0.25s ease
}

@media (min-width: 48em) and (max-width: 63.99em) {
    .sticky-menu__right {
        margin-right: 30px;
        margin-left: 30px
    }
}

@media (min-width: 64em) and (max-width: 101.865em) {
    .sticky-menu__right {
        margin-right: 95px
    }
}

.sticky-menu__right .back-to-main {
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    display: none
}

@media (min-width: 48em) {
    .sticky-menu__right .back-to-main {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-left: solid 1px #002f5f;
        padding-left: 20px
    }
}

.sticky-menu__right .back-to-main img {
    height: 28px
}

.sticky-menu__right .back-to-main:hover {
    opacity: 0.8
}

@media (min-width: 48em) {
    .sticky-menu__right .back-to-main-text {
        display: none
    }
}

.sticky-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
    background: white;
    border-bottom: solid 1px #006698
}

@media (max-width: 41.875em) {
    .sticky-menu .logo-text {
        display: none
    }
}

.sticky-menu .telephone-mobile-only {
    display: none
}

@media (max-width: 41.875em) {
    .sticky-menu .telephone-mobile-only {
        display: block
    }
}

.sticky-menu .telephone-after-mobile {
    display: block
}

@media (max-width: 41.875em) {
    .sticky-menu .telephone-after-mobile {
        display: none
    }
}

.sticky-menu .learn-more-icon {
    display: none
}

.sticky-menu .learn-more-icon:hover {
    opacity: 0.8
}

.sticky-menu .learn-more-icon img {
    max-height: 36px
}

@media (max-width: 41.875em) {
    .sticky-menu .learn-more-icon {
        display: block
    }
}

.sticky-menu .learn-more-text {
    display: block
}

@media (max-width: 41.875em) {
    .sticky-menu .learn-more-text {
        display: none
    }
}

.sticky-menu a {
    display: block;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #002f5f;
    padding: 10px;
    margin: 10px;
    line-height: 1;
    font-size: 1.5rem;
    transition: color 0.25s ease
}

.sticky-menu a:hover {
    color: #fe5000
}

@media (max-width: 41.875em) {
    .sticky-menu a {
        padding: 0;
        margin: 0
    }
}

.sticky-menu__inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 41.875em) {
    .sticky-menu__inner {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 2px 0;
        margin: 2px 0
    }
}

@media (max-width: 63.99em) {
    .sticky-menu__inner {
        padding-left: 30px
    }
}

@media (max-width: 47.99em) {
    .sticky-menu__inner {
        padding-right: 30px
    }
}

@media (min-width: 64em) and (max-width: 69.99em) and (min-width: 64em) {
    .sticky-menu__inner {
        margin-left: 75px
    }
}

@media (min-width: 64em) and (max-width: 69.99em) and (min-width: 70em) {
    .sticky-menu__inner {
        margin-left: 180px
    }
}

.sticky-menu--isVisible {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.storemanager-featured {
    margin-top: 30px;
    margin-bottom: 54px
}

@media (min-width: 20em) {
    .storemanager-featured {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .storemanager-featured {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .storemanager-featured {
        margin-bottom: calc(7.67045vw + 29.45455px)
    }
}

@media (min-width: 64em) {
    .storemanager-featured {
        margin-bottom: 108px
    }
}

@media (max-width: 47.99em) {
    .storemanager-featured .box {
        padding-top: 28px;
        margin-left: -5px;
        margin-right: -5px
    }
}

.storemanager-featured__carousels {
    position: relative
}

.storemanager-featured__photo-carousel-wrap {
    margin-left: -275px;
    margin-right: -180px
}

.stormanager-featured__image {
    padding-bottom: 35%;
    background-size: cover;
    background-position: center
}

@media (max-width: 47.99em) {
    .stormanager-featured__image {
        padding-bottom: 30%
    }
}

.storemanager-featured__text-carousel-wrap {
    margin-left: -30px;
    margin-right: -30px;
    background-color: #006698
}

@media (min-width: 64em) {
    .storemanager-featured__text-carousel-wrap {
        position: absolute;
        right: -13%;
        width: 100%;
        max-width: 680px;
        bottom: -120px;
        right: -180px
    }
}

.storemanager-featured__text-carousel-wrap .box {
    padding-top: 0;
    overflow: hidden
}

.storemanager-featured__title {
    margin-bottom: 45px
}

@media (max-width: 47.99em) {
    .storemanager-featured__title {
        margin-bottom: 28px
    }
}

.stormanager-featured__place-button {
    margin-top: 30px
}

.storemanager-featured--blocks>.box {
    padding-bottom: 0;
    position: relative
}

.storemanager-featured--blocks>.box:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-bottom: 43.9%;
    background: #e3e3e3;
    z-index: -1
}

@media (min-width: 64em) {
    .storemanager-featured__blocks {
        margin-left: 75px
    }
}

.storemanager-search {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .storemanager-search {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .storemanager-search {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .storemanager-search {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .storemanager-search {
        margin-bottom: 72px
    }
}

.storemanager-search__form-inline {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    width: 100%
}

@media (min-width: 48em) {
    .storemanager-search__form-inline {
        margin-right: 30px
    }
}

@media (max-width: 47.99em) {
    .storemanager-search__form-inline:last-child {
        margin-right: 0
    }
}

@media (min-width: 75em) {
    .storemanager-search__form select {
        min-width: 320px
    }
}

@media (min-width: 75em) {
    .storemanager-search__form .button {
        min-width: 170px
    }
}

.storemanager-search__form-controls {
    margin-top: 30px
}

.storemanager-search__form-controls button {
    margin-top: 30px;
    display: block
}

@media (min-width: 48em) {
    .storemanager-search__form-controls button {
        display: inline-block;
        margin-top: 0px
    }
}

.storemanager-search__form-or {
    padding-left: 20px;
    padding-right: 20px;
    width: auto
}

@media (min-width: 36em) {
    .storemanager-search__form-or {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

@media (min-width: 48em) {

    .browser-firefox .storemanager-search__form-controls,
    .browser-chrome .storemanager-search__form-controls {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.storemanager-search--home .storemanager-search__form {
    margin-top: 30px
}

@media (min-width: 48em) {
    .storemanager-search--home .storemanager-search__form {
        margin-top: 60px
    }
}

@media (min-width: 64em) {
    .storemanager-search--default .storemanager-search__text {
        margin-left: 75px
    }
}

@media (min-width: 70em) {
    .storemanager-search--default .storemanager-search__text {
        margin-left: 180px
    }
}

@media (max-width: 47.99em) {
    .storemanager-search--default .storemanager-search__text {
        padding: 0 20px
    }
}

@media (min-width: 64em) {
    .storemanager-search--default .storemanager-search__text {
        padding-right: 95px
    }
}

@media (max-width: 63.99em) {
    .storemanager-search--default .storemanager-search__text {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (max-width: 47.99em) {
    .storemanager-search--default .storemanager-search__text {
        padding-right: 30px;
        padding-left: 30px
    }
}

.storemanager-search--default .storemanager-search__description {
    max-width: 850px;
    margin-top: 35px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .storemanager-search--default .storemanager-search__description {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .storemanager-search--default .storemanager-search__description {
        margin-bottom: 72px
    }
}

.storemanager-search__form-selects {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 35.99em) {
    .storemanager-search__form-selects {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 36em) {
    .storemanager-search__form-selects {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.storemanager-search__form-submit {
    margin-bottom: 20px
}

.superhero {
    margin-bottom: 36px;
    position: relative;
    overflow: hidden
}

@media (min-width: 20em) {
    .superhero {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .superhero {
        margin-bottom: 72px
    }
}

@media (max-width: 47.99em) {
    .superhero {
        max-height: inherit
    }
}

@media (max-width: 63.99em) {
    .superhero {
        max-height: calc(100vh - 90px)
    }
}

@media (min-width: 64em) {
    .superhero {
        max-height: calc(100vh - 165px)
    }
}

.superhero__video {
    display: block;
    min-height: 500px
}

#superhero__video-wrap {
    overflow: hidden
}

.superhero__image {
    padding-bottom: 130%;
    background-size: cover;
    background-position: center
}

@media (min-width: 36em) {
    .superhero__image {
        padding-bottom: 60%;
        background-size: cover
    }
}

.superhero__content {
    position: absolute;
    top: 60px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 10
}

@media (min-width: 48em) {
    .superhero__content {
        left: 30px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 64em) {
    .superhero__content {
        position: absolute;
        top: 120px;
        left: 80px;
        padding-left: 0;
        padding-right: 0
    }
}

.superhero__title {
    margin: 0 0 60px 0;
    max-width: 880px;
    font-size: 4rem
}

@media (max-width: 47.99em) {
    .superhero__title {
        max-width: 375px;
        font-size: 2.8rem
    }
}

@media (min-width: 48em) {
    .superhero__title {
        font-size: 6rem
    }
}

@media (min-width: 64em) {
    .superhero__title {
        font-size: 8rem
    }
}

@media (max-width: 63.99em) {
    .superhero__tagline {
        margin: 50px 23px 35px 23px
    }
}

@media (max-width: 63.99em) {
    .superhero__tagline {
        margin-left: 0
    }
}

.superhero__gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(125deg, #fe5000 15%, #006698 85%);
    opacity: 0.2
}

.superhero__play {
    margin-top: 100px;
    position: relative;
    cursor: pointer
}

@media (max-width: 47.99em) {
    .superhero__play {
        display: none
    }
}

.superhero__play-text {
    font-size: 1.5rem;
    text-transform: uppercase
}

.superhero__play-icon {
    width: 112px;
    height: 112px;
    background-size: 112px 112px;
    margin-bottom: 12px;
    display: none
}

.superhero__cta {
    position: absolute;
    bottom: 0;
    right: 0;
    display: table;
    z-index: 5
}

.superhero__cta-text {
    font-size: 1.5rem;
    text-transform: uppercase;
    padding: 40px;
    background: white;
    line-height: 1;
    border-bottom: solid 1px #e3e3e3;
    display: table-cell
}

.superhero__cta-arrow {
    display: table-cell;
    width: 95px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e3e3e3
}

.team {
    background-color: #fff
}

.page-recycling-services .team {
    margin-top: 0px
}

.team .active .btn {
    color: #000
}

.team .active .btn .ico {
    fill: #000
}

@media (max-width: 47.99em) {
    .team {
        padding-bottom: 50px
    }
}

.team .container {
    z-index: 2;
    position: relative
}

.page-recycling-services .team .container {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media (max-width: 47.99em) {
    .team__member {
        float: none;
        margin-bottom: 50px
    }
}

.team__member .team__long-description-inner {
    width: 100%
}

@media (min-width: 48em) {
    .team__member .team__long-description-inner {
        width: 300%
    }
}

@media (max-width: 63.99em) {
    .team__member:nth-child(3n+1) .team__long-description-inner {
        left: 0
    }
}

.team__member:nth-child(3n+2) .team__long-description-inner {
    left: calc(-100% - 1 * 12px)
}

@media (max-width: 47.99em) {
    .team__member:nth-child(3n+2) .team__long-description-inner {
        left: 0
    }
}

.team__member:nth-child(3n+3) .team__long-description-inner {
    left: calc(-200% - 2 * 12px)
}

@media (max-width: 47.99em) {
    .team__member:nth-child(3n+3) .team__long-description-inner {
        left: 0
    }
}

.team__image {
    width: 100%
}

.team__infos {
    margin: 44px 16px;
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.team .portrait {
    padding-bottom: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.team__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 10000 0 auto;
    -ms-flex: 10000 0 auto;
    flex: 10000 0 auto
}

.team__name {
    letter-spacing: 0;
    margin: 0;
    margin-right: 5px;
    padding-bottom: 24px;
    color: #006698;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media (min-width: 64em) and (max-width: 90em) {
    .team__name {
        min-height: 72px
    }
}

@media (max-width: 35.99em) {
    .team__name {
        font-size: 2.6rem
    }
}

.team__name::after {
    position: absolute;
    left: 0;
    top: 48px;
    content: "";
    height: 3px;
    width: 50px;
    background-color: #006698
}

.team__role {
    padding-top: 24px;
    font-size: 1.7rem;
    color: #006698;
    -webkit-flex: 1000 0 auto;
    -ms-flex: 1000 0 auto;
    flex: 1000 0 auto
}

@media (min-width: 64em) and (max-width: 90em) {
    .team__role {
        min-height: 90px
    }
}

.team__long-description {
    position: relative
}

.team__long-description table {
    background-color: transparent !important
}

.team__long-description table td {
    vertical-align: top;
    width: 33% !important;
    background-color: transparent !important;
    padding-left: 0
}

.team__long-description table td ul {
    margin: 0
}

@media (max-width: 63.99em) {
    .team__long-description table td {
        display: block;
        width: 100% !important;
        padding: 0
    }
}

.team__long-description:after {
    content: '';
    position: absolute;
    display: block;
    left: 0vw;
    right: -100vw;
    top: 0;
    bottom: 0;
    background-color: #006698
}

@media (max-width: 47.99em) {
    .team__long-description:after {
        left: -100vw
    }
}

.team__long-description:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 15px;
    top: -15px;
    width: 30px;
    height: 0px;
    background-color: #006698;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.team__long-description.active:before {
    height: 30px
}

.team__long-description-inner {
    display: none;
    position: relative
}

@media (min-width: 48em) {
    .team__long-description-inner {
        background-color: #006698;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 47.99em) {
    .team__long-description-inner {
        width: 100%;
        padding: 0 16px 0 16px
    }

    .team__long-description-inner .container {
        padding: 0
    }
}

.team .team__inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%
}

.team .team__inner a {
    width: 100%
}

.team__bio {
    position: relative;
    color: white
}

.team__bio-inner {
    padding: 60px 0
}

@media (min-width: 64em) {
    .team__bio-inner {
        padding-left: 60px
    }
}

@media (min-width: 64em) {
    .team__bio p {
        margin-top: 25px
    }
}

.team.grey-white {
    background-color: #006698
}

.team.grey-white:before {
    background-color: #006698
}

.testimonials {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .testimonials {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .testimonials {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .testimonials {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .testimonials {
        margin-bottom: 72px
    }
}

.testimonials .slick-dot {
    cursor: pointer
}

.testimonial {
    padding: 0 20px
}

.testimonial__quote {
    font-size: 4.5rem;
    line-height: 1.4667
}

@media (max-width: 47.99em) {
    .testimonial__quote {
        font-size: 2.25rem
    }
}

.testimonial__quote p {
    margin: 0
}

.testimonials__carousel-wrap {
    margin-left: -20px;
    margin-right: -20px
}

.testimonials__title {
    margin-bottom: 35px
}

.testimonial__author {
    font-size: 1.8rem;
    line-height: 1.2;
    margin-top: 30px
}

@media (min-width: 20em) {
    .testimonial__author {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .testimonial__author {
        margin-top: 60px
    }
}

@media (max-width: 47.99em) {
    .testimonial__author {
        font-size: 1.6rem
    }
}

.testimonials__cta {
    margin-top: 50px;
    max-width: 250px
}

@media (max-width: 63.99em) {
    .testimonials__cta {
        margin-top: 37px
    }
}

@media (min-width: 64em) {
    .testimonials__cta {
        position: absolute;
        right: 0;
        bottom: 0
    }
}

.testimonials__carousel-outer-wrap {
    position: relative
}

.textphoto-stacked {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .textphoto-stacked {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .textphoto-stacked {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .textphoto-stacked {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .textphoto-stacked {
        margin-bottom: 72px
    }
}

@media (max-width: 63.99em) {
    .textphoto-stacked .box {
        padding-left: 30px;
        padding-right: 30px
    }
}

.textphoto-stacked__title {
    margin-bottom: 45px
}

@media (min-width: 64em) {
    .textphoto-stacked__title {
        margin-bottom: 85px
    }
}

.textphoto-stacked__image {
    background-size: cover;
    background-position: center
}

@media (min-width: 48em) {
    .textphoto-stacked__image {
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 0
    }
}

@media (min-width: 64em) {
    .textphoto-stacked__image {
        border: none
    }
}

.textphoto-stacked__cta {
    margin-top: 35px
}

@media (min-width: 64em) {
    .textphoto-stacked__cta {
        margin-top: 70px
    }
}

.textphoto-stacked__article-title {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .textphoto-stacked__article-title {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .textphoto-stacked__article-title {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .textphoto-stacked__article-title {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .textphoto-stacked__article-title {
        margin-bottom: 72px
    }
}

@media (max-width: 47.99em) {
    .textphoto-stacked__article-title {
        margin-bottom: 24px
    }
}

.textphoto-stacked__article-cta {
    margin-top: 50px
}

@media (max-width: 47.99em) {
    .textphoto-stacked__article-cta {
        margin-top: 25px
    }
}

.textphoto-stacked--blue .textphoto-stacked__image {
    border: solid 12px white
}

@media (max-width: 47.99em) {
    .textphoto-stacked--blue .textphoto-stacked__image {
        border: solid 6px white;
        display: none
    }
}

@media (max-width: 63.99em) {
    .textphoto-stacked--blue .textphoto-stacked__image {
        margin-left: -30px;
        margin-right: -30px;
        border-left: none;
        border-right: none
    }
}

.textphoto-stacked--blue .textphoto-stacked__image:first-child {
    display: block
}

.textphoto-stacked--blue .textphoto-stacked__image+.textphoto-stacked__image {
    border-top: none
}

@media (min-width: 101.875em) {
    .textphoto-stacked--blue .textphoto-stacked__image {
        border-right: none
    }
}

@media (min-width: 64em) {
    .textphoto-stacked--blue .textphoto-stacked__articles .textphoto-stacked__image {
        display: none
    }
}

.textphoto-stacked--blue .textphoto-stacked__article {
    margin-bottom: 45px
}

@media (min-width: 64em) {
    .textphoto-stacked--blue .textphoto-stacked__article {
        margin-bottom: 100px
    }
}

.textphoto-stacked--blue .textphoto-stacked__article:last-child {
    margin-bottom: 0
}

.textphoto-stacked--default .textphoto-stacked__article {
    margin-top: 50px;
    margin-bottom: 20px
}

@media (min-width: 48em) {
    .textphoto-stacked--default .textphoto-stacked__article {
        padding-right: 50px
    }
}

@media (min-width: 101.875em) {
    .textphoto-stacked--default .textphoto-stacked__article {
        padding-right: 0
    }
}

@media (max-width: 47.99em) {
    .textphoto-stacked--default .textphoto-stacked__article {
        margin-top: 32px
    }
}

@media (max-width: 63.99em) {
    .textphoto-stacked--default .textphoto-stacked__article {
        margin-bottom: 60px
    }
}

.textphoto-stacked--default .textphoto-stacked__article-col-text {
    position: relative
}

@media (max-width: 63.99em) {
    .textphoto-stacked--default .textphoto-stacked__article-col-text {
        margin: 30px 30px
    }
}

.textphoto-stacked--default .textphoto-stacked__article-col-text:after {
    content: " ";
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: -6px;
    border-bottom: solid 1px #006698
}

@media (max-width: 63.99em) {
    .textphoto-stacked--default .textphoto-stacked__article-col-text:after {
        border-bottom: none
    }
}

.textphoto-stacked--default .textphoto-stacked__title {
    padding-left: 30px
}

.textphoto-stacked--default .textphoto-stacked__article-row {
    margin-bottom: 12px
}

.textphoto-stacked--default .textphoto-stacked__article-row:last-child .textphoto-stacked__article-col-text:after {
    display: none
}

.textphoto-stacked--default .textphoto-stacked__logo {
    margin-bottom: 50px
}

@media (max-width: 47.99em) {
    .textphoto-stacked--default .textphoto-stacked__logo {
        max-width: 70%;
        margin-bottom: 25px
    }
}

.textphoto {
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .textphoto {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .textphoto {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .textphoto {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .textphoto {
        margin-bottom: 72px
    }
}

.textphoto .textphoto__cta {
    margin-top: calc(45px)
}

@media (min-width: 64em) {
    .textphoto--left-aligned .textphoto__text {
        margin-left: 75px
    }
}

@media (min-width: 70em) {
    .textphoto--left-aligned .textphoto__text {
        margin-left: 180px
    }
}

.textphoto__title {
    margin-bottom: 35px
}

.textphoto__image {
    background-position: center
}

@media (max-width: 63.99em) {
    .textphoto__image {
        margin-bottom: 35px
    }
}

.textphoto__text {
    padding-right: 30px
}

@media (max-width: 63.99em) {
    .textphoto__text {
        padding-left: 30px
    }
}

@media (max-width: 74.99em) {
    .textphoto__text {
        margin-bottom: 30px
    }
}

.textphoto__description p:first-child {
    margin-top: 0
}

.textphoto__status {
    margin-top: 12px;
    line-height: 1.3
}

@media (min-width: 64em) {
    .textphoto__text--top-offset {
        padding-top: 30px
    }
}

@media (min-width: 75em) {
    .textphoto__text--top-offset {
        padding-top: 60px
    }
}

@media (min-width: 64em) {
    .textphoto--leftphoto--subtitle .border-b {
        border-bottom: 2px solid #006698
    }
}

.textphoto-right-photo-box .textphoto__box {
    position: relative
}

@media (min-width: 64em) {
    .textphoto-right-photo-box .textphoto__box {
        min-height: 611px
    }
}

.textphoto-right-photo-box .textphoto__image {
    border: 12px solid white
}

@media (max-width: 63.99em) {
    .textphoto-right-photo-box .textphoto__image {
        border-left: none;
        border-right: none;
        margin-bottom: 35px
    }
}

@media (max-width: 47.99em) {
    .textphoto-right-photo-box .textphoto__title {
        margin-top: 0
    }
}

@media (max-width: 63.99em) {
    .textphoto-right-photo-box .textphoto__image-wrap {
        margin-left: -30px;
        margin-right: -30px
    }
}

@media (min-width: 64em) {
    .textphoto-right-photo-box .textphoto__image-wrap {
        position: absolute;
        right: -15px
    }
}

.textphoto--nophoto .textphoto__description {
    max-width: 750px
}

.uniform {
    margin-top: 30px;
    margin-bottom: 36px;
    position: relative;
    z-index: 3;
    overflow-x: hidden
}

@media (min-width: 20em) {
    .uniform {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .uniform {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .uniform {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .uniform {
        margin-bottom: 72px
    }
}

@media (min-width: 75em) {
    .uniform {
        padding-top: 140px
    }
}

@media print {
    .uniform {
        display: none
    }
}

.uniform__container {
    position: relative
}

.uniform__pages {
    position: relative
}

.uniform__page {
    position: relative;
    width: 100%
}

.uniform__page-text {
    line-height: 1.1;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 2.5rem;
    color: #009fca
}

@media (min-width: 48em) {
    .uniform__page-text {
        font-size: 3rem
    }
}

@media (min-width: 64em) {
    .uniform__page-text {
        font-size: 4rem
    }
}

.uniform__form-steps {
    position: relative
}

.uniform__description {
    font-size: 2.2rem
}

.uniform__form-step {
    width: 100%
}

.uniform__title {
    margin-bottom: 60px
}

.uniform__heading {
    margin-bottom: 50px
}

.uniform__subtitle {
    margin-bottom: 20px
}

@media (min-width: 64em) {
    .uniform__subtitle {
        margin-right: -100px
    }
}

.uniform__text {
    line-height: 1.8
}

.uniform__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (max-width: 63.99em) {
    .uniform__row {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 74.99em) {
    .uniform__row--1 {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.uniform__field {
    max-width: 100%;
    margin-bottom: 25px;
    width: 100%;
    margin-right: 20px;
    margin-bottom: 30px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.uniform__field:last-child {
    margin-right: 0
}

.uniform__field--static-content {
    margin-bottom: 30px
}

@media (min-width: 48em) {
    .uniform__field--static-content {
        margin-top: -30px
    }
}

.uniform textarea {
    width: 100%
}

.uniform__instructions {
    font-size: 1.4rem;
    opacity: 0.85;
    color: #009fca;
    line-height: 1.3
}

@media (max-width: 47.99em) {
    .uniform__instructions {
        margin-top: 10px
    }
}

@media (min-width: 48em) {
    .uniform__instructions {
        position: absolute;
        bottom: -10px;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.uniform__input,
.uniform__select-wrap {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.uniform__label {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    display: block
}

.uniform__input {
    height: 80px;
    font-family: "Open Sans", sans-serif;
    font-size: 1.7rem;
    padding: 25px 40px 25px 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.9);
    border: solid 2px transparent;
    color: #343434;
    width: 100%;
    min-width: 220px;
    line-height: 1.2
}

textarea.uniform__input {
    height: auto
}

.uniform__select-wrap {
    position: relative
}

.uniform__select-wrap:after {
    display: block;
    pointer-events: none;
    content: " ";
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: solid 10px #009fca;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    transition: border-color 0.3s ease
}

.uniform__select {
    height: 80px;
    font-family: "Open Sans", sans-serif;
    font-size: 1.7rem;
    padding: 25px 40px 25px 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.9);
    border: solid 2px transparent;
    color: #343434;
    width: 100%;
    min-width: 220px;
    line-height: 1.2
}

.uniform__select::-ms-expand {
    display: none
}

.uniform__select option {
    color: #006698
}

.uniform__field--has-error .uniform__input,
.uniform__field--has-error .uniform__select {
    border-color: red !important
}

.uniform__field--has-error .uniform__select-wrap:after {
    border-top-color: red !important
}

.uniform__input-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.uniform__answer {
    text-transform: capitalize
}

.uniform__page-title {
    line-height: 1.1;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 3rem
}

@media (min-width: 48em) {
    .uniform__page-title {
        font-size: 4.25rem
    }
}

@media (min-width: 64em) {
    .uniform__page-title {
        font-size: 5rem
    }
}

.uniform__page-text {
    font-size: 2rem;
    line-height: 1.8;
    color: white
}

.uniform__page--thanks .btn {
    margin-top: 50px
}

.uniform__unit-logo {
    padding: 30px 45px;
    background: white
}

.uniform__errors {
    margin-left: 20px;
    font-size: 1.8rem;
    color: red;
    font-weight: bold
}

.uniform__image-wrap {
    display: none;
    border: solid 12px;
    border-right: 0;
    margin-top: -170px;
    margin-right: -180px
}

@media (min-width: 64em) {
    .uniform__image-wrap {
        display: block
    }
}

.uniform__image {
    background-size: cover;
    background-position: center
}

.uniform__checkbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.uniform__checkbox .uniform__label {
    display: inline-block;
    margin-left: 10px;
    line-height: 1
}

.uniform__field--hidden {
    display: none
}

.video-gallery {
    margin-top: 90px
}

@media (min-width: 20em) {
    .video-gallery {
        margin-top: calc(12.78409vw + 49.09091px)
    }
}

@media (min-width: 64em) {
    .video-gallery {
        margin-top: 180px
    }
}

.video-gallery .box {
    padding-right: 0
}

@media (max-width: 47.99em) {
    .video-gallery .box {
        padding-left: 0;
        padding-bottom: 0
    }
}

.video-gallery__video-wrap {
    position: relative
}

.video-gallery__videos {
    margin-top: -90px;
    background: white;
    padding-bottom: 1px;
    border-left: solid 12px white;
    margin-left: -12px
}

@media (min-width: 20em) {
    .video-gallery__videos {
        margin-top: calc(-12.78409vw - 49.09091px)
    }
}

@media (min-width: 64em) {
    .video-gallery__videos {
        margin-top: -180px
    }
}

.video-gallery__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-gallery__video-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: all 0.3s ease-in-out
}

.video-gallery__video-thumbnail.isPlaying {
    opacity: 0;
    z-index: -1
}

.video-gallery__play {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 64em) {
    .video-gallery__play {
        left: 80px;
        bottom: 50px;
        top: initial;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media (min-width: 64em) {
    .video-gallery [class*="col-md-"]:nth-child(1) .video-gallery__play {
        bottom: 80px
    }
}

.video {
    position: relative;
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .video {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .video {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .video {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .video {
        margin-bottom: 72px
    }
}

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

.vue360 {
    padding-bottom: 56.25%;
    position: relative
}

.vue360 iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.vue360__icon {
    position: absolute;
    top: 75px;
    left: -75px;
    z-index: 20
}

.vue360__prevent-scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    transition: opacity 0.3s ease;
    cursor: pointer
}

.vue360__prevent-scroll--hidden {
    opacity: 0;
    z-index: 0
}

.vue360__prevent-scroll-unlocker {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: white;
    text-align: center
}

.vue360__prevent-scroll-text {
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0 0 15px black
}

@media (max-width: 101.865em) {
    .accueil-grid {
        margin-right: 0
    }
}

.accueil-grid .gallery__image-wrap {
    padding-top: 62.5%
}

.accueil-grid .gallery__image-wrap .gallery__image {
    background-position: center top
}

.accueil-image-footer {
    margin-top: 12px
}

@media (max-width: 35.99em) {
    .page-accueil .superhero__title {
        font-size: 2.85rem
    }
}

@media (max-width: 47.99em) {
    .page-accueil .superhero__title {
        max-width: 395px;
        padding-top: 80px
    }
}

.page-accueil .search-cta {
    margin-top: 12px
}

.page-accueil .superhero__gradient-overlay {
    display: none
}

.catid-12 .textphoto--rightphoto.mb-0 .row.row--equal-height-md.row--60px {
    position: relative;
    margin-left: -29px;
    margin-right: -29px
}

.catid-12 .textphoto--rightphoto.mb-0 .textphoto__image {
    border: 12px solid white
}

@media (max-width: 63.99em) {
    .page-complexe-vue-detail .storemanager-featured {
        margin-bottom: 0
    }
}

.page-complexe-vue-detail .uniform {
    margin-bottom: 12px
}

.page-complexe-vue-detail .uniform~.complex__form-big-photo {
    margin-top: 12px
}

.page-complexe-vue-detail .site {
    position: relative;
    z-index: 1;
    background: white
}

@media (max-width: 63.99em) {
    .complex__hero .box {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 63.99em) {
    .complex__number-results {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 48em) {
    .complex__number-results {
        margin-left: 180px
    }
}

@media (max-width: 63.99em) {
    .complex__number-results {
        margin-left: 0
    }
}

.complex__all-residences-title {
    margin-top: 30px
}

@media (min-width: 20em) {
    .complex__all-residences-title {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .complex__all-residences-title {
        margin-top: 60px
    }
}

@media (max-width: 63.99em) {
    .complex__all-residences-title {
        padding-left: 30px;
        padding-right: 30px
    }
}

.complex__list-previews {
    margin-top: 45px;
    margin-top: 30px;
    margin-bottom: 36px
}

@media (min-width: 20em) {
    .complex__list-previews {
        margin-top: calc(4.26136vw + 16.36364px)
    }
}

@media (min-width: 64em) {
    .complex__list-previews {
        margin-top: 60px
    }
}

@media (min-width: 20em) {
    .complex__list-previews {
        margin-bottom: calc(5.11364vw + 19.63636px)
    }
}

@media (min-width: 64em) {
    .complex__list-previews {
        margin-bottom: 72px
    }
}

@media (min-width: 75em) {
    .complex__list-previews {
        padding-left: 95px
    }
}

@media (max-width: 63.99em) {
    .complex__list-previews .js-loadmore {
        margin-left: 30px
    }
}

.complex__building-photo {
    margin-bottom: 12px
}

.complex__building-stats {
    margin-top: 12px;
    margin-bottom: 12px
}

.complex__features {
    margin-top: 12px
}

.complex__social-gallery {
    margin-bottom: 40px
}

@media (min-width: 64em) {
    .complex__social-gallery {
        margin-bottom: 80px
    }
}

.complex__intro-gallery {
    margin-top: 0
}

.complex__intro-gallery+.complex__video {
    margin-top: 12px !important
}

@media (max-width: 47.99em) {

    .gallery--3-big-left,
    .complex__intro .col-md-5,
    .complex__social-gallery {
        display: none
    }
}

.complex__intro {
    padding-top: 75px;
    margin-bottom: 12px
}

@media (min-width: 20em) {
    .complex__intro {
        padding-top: calc(10.65341vw + 40.90909px)
    }
}

@media (min-width: 64em) {
    .complex__intro {
        padding-top: 150px
    }
}

.complex__intro .textphoto__cta {
    margin-top: 40px
}

.complex__form-big-photo {
    margin-bottom: 0
}

.view-place .search-cta {
    margin-top: 12px
}

.complex__building-photo+.complex__neighbourhood {
    margin-top: 30px
}

@media (min-width: 48em) {
    .complex__building-photo+.complex__neighbourhood {
        margin-top: 120px
    }
}

@media (max-width: 63.99em) {
    .complex__services {
        margin-bottom: -12px
    }
}

.complex__neighbourhood {
    margin-bottom: 12px
}

.complex__promotion-above-form {
    margin-bottom: -28px
}

@media (min-width: 75em) {
    .complex__promotion-above-form {
        margin-bottom: -168px
    }
}

.hero--fiche .hero__telephone {
    font-size: 18px;
    font-weight: bold
}

.hero--fiche .hero__location {
    padding-bottom: 0
}

.phase2_link {
    width: 100%
}

.phase2_link a {
    width: 33%
}

.phase2_services .subtitle {
    margin-bottom: 50px
}

.phase2_services .row {
    margin-bottom: 50px
}

.phase2_services .row .col-sm-6 {
    padding-left: 0px !important;
    display: inline-block;
    width: 45%;
    margin-bottom: 30px
}

.phase2_services .row .card__content .center__img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.phase2_services .row .card__content .center__img .services__card-icon {
    margin-bottom: 0px;
    max-width: 35px
}

.phase2_services .row .card__content .h4 {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px
}

.phase2_services .mg-top {
    margin-top: 30px
}

@media (min-width: 64em) {
    #sectionphase2 .va-top .ar-1x1 {
        min-height: 890px
    }
}

@media (min-width: 81.25em) {
    #sectionphase2 .va-top .ar-1x1 {
        min-height: 780px
    }
}

.page-conseils .news--featured {
    padding-bottom: 30px
}

.page-conseils .categories-module {
    margin-top: 40px;
    list-style: none;
    border-bottom: solid 1px #006698;
    padding-left: 0;
    margin-bottom: 0
}

@media (min-width: 75em) {
    .page-conseils .categories-module {
        margin-left: 95px;
        margin-top: 75px
    }
}

.page-conseils .categories-module h3 {
    margin: 0
}

.page-conseils .categories-module a {
    display: block;
    padding: 20px;
    margin: 0 10px;
    position: relative
}

.page-conseils .categories-module li.active a {
    color: black
}

.page-conseils .categories-module li.active a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 12px #006698;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}

@media (min-width: 64em) {
    .page-conseils .categories-module li.active a:after {
        border: solid 12px #006698;
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        top: initial;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width: 64em) {
    .page-conseils .categories-module {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 70em) {
    .page-conseils .categories-module li:first-child {
        margin-left: -30px
    }
}

.page-conseils .breadcrumb {
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 500
}

@media (min-width: 75em) {
    .page-conseils .pagination {
        margin-left: 95px
    }
}

@media (max-width: 47.99em) {
    .page-idsante .gallery {
        display: none
    }
}

.page-idsante .Isabelle_Huot .textphoto__cta {
    display: none
}

.page-idsante .Isabelle_Huot .textphoto__image {
    background-position: top
}

@media (min-width: 81.25em) {
    .textphoto--michel-forget-intro {
        margin-bottom: -72px;
        position: relative;
        z-index: 1
    }
}

@media (min-width: 81.25em) and (min-width: 20em) {
    .textphoto--michel-forget-intro {
        margin-bottom: calc(-10.22727vw - 39.27273px)
    }
}

@media (min-width: 81.25em) and (min-width: 64em) {
    .textphoto--michel-forget-intro {
        margin-bottom: -144px
    }
}

@media (min-width: 81.25em) {
    .textphoto--michel-forget-intro .textphoto__image {
        margin-right: -1px;
        border-left: solid 12px white;
        border-bottom: solid 12px white
    }
}

@media (min-width: 75em) {
    .textphoto--michel-forget-intro .textphoto__image {
        padding-top: 100%;
        background-position: center
    }
}

.page-nouvelles .category-list {
    display: none
}

@media (max-width: 63.99em) {
    .page-nouvelles .page-header {
        padding-left: 30px;
        padding-right: 30px
    }
}

.page-nouvelles .page-header .publish_up {
    margin-bottom: 10px
}

@media (max-width: 63.99em) {
    .page-nouvelles div[itemprop="articleBody"] {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 47.99em) {
    .page-equipe .textphoto--rightphoto .textphoto__image {
        background-position: top
    }
}

.page-equipe .textphoto--rightphoto .textphoto__title h2 {
    font-weight: 700 !important
}

.page-equipe .textphoto--rightphoto .textphoto__title .title__hint {
    top: 1.60em
}

/*# sourceMappingURL=main.css.map */