@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

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

input:focus,
select:focus,
textarea:focus {
    outline: none
}

button,
input,
select {
    -webkit-appearance: none;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

select {
    background: none;
    border: 0
}

textarea {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    overflow: auto;
    resize: none
}

@font-face {
    font-family: TT Commons;
    font-style: italic;
    font-weight: 100;
    src: url(./fonts/TTCommons/TTCommons-Italic.eot);
    src: url(./fonts/TTCommons/TTCommons-Italic.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-Italic.woff) format("woff"), url(./fonts/TTCommons/TTCommons-Italic.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: normal;
    font-weight: 300;
    src: url(./fonts/TTCommons/TTCommons-Light.eot);
    src: url(./fonts/TTCommons/TTCommons-Light.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-Light.woff) format("woff"), url(./fonts/TTCommons/TTCommons-Light.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: normal;
    font-weight: 900;
    src: url(./fonts/TTCommons/TT_Commons_Classic_Black.eot);
    src: url(./fonts/TTCommons/TT_Commons_Classic_Black.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TT_Commons_Classic_Black.woff) format("woff"), url(./fonts/TTCommons/TT_Commons_Classic_Black.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: normal;
    font-weight: 500;
    src: url(./fonts/TTCommons/TT_Commons_Classic_Medium.eot);
    src: url(./fonts/TTCommons/TT_Commons_Classic_Medium.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TT_Commons_Classic_Medium.woff) format("woff"), url(./fonts/TTCommons/TT_Commons_Classic_Medium.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/TTCommons/TTCommons-Italic.eot);
    src: url(./fonts/TTCommons/TTCommons-Italic.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-Italic.woff) format("woff"), url(./fonts/TTCommons/TTCommons-Italic.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/TTCommons/TT_Commons_Classic_Regular.eot);
    src: url(./fonts/TTCommons/TT_Commons_Classic_Regular.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TT_Commons_Classic_Regular.woff) format("woff"), url(./fonts/TTCommons/TT_Commons_Classic_Regular.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: italic;
    font-weight: 900;
    src: url(./fonts/TTCommons/TTCommons-BlackItalic.eot);
    src: url(./fonts/TTCommons/TTCommons-BlackItalic.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-BlackItalic.woff) format("woff"), url(./fonts/TTCommons/TTCommons-BlackItalic.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: normal;
    font-weight: 800;
    src: url(./fonts/TTCommons/TT_Commons_Classic_ExtraBold.eot);
    src: url(./fonts/TTCommons/TT_Commons_Classic_ExtraBold.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TT_Commons_Classic_ExtraBold.woff) format("woff"), url(./fonts/TTCommons/TT_Commons_Classic_ExtraBold.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: italic;
    font-weight: 700;
    src: url(./fonts/TTCommons/TTCommons-BoldItalic.eot);
    src: url(./fonts/TTCommons/TTCommons-BoldItalic.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-BoldItalic.woff) format("woff"), url(./fonts/TTCommons/TTCommons-BoldItalic.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: italic;
    font-weight: 600;
    src: url(./fonts/TTCommons/TTCommons-DemiBoldItalic.eot);
    src: local("TT Commons DemiBold Italic"), local("TTCommons-DemiBoldItalic"), url(./fonts/TTCommons/TTCommons-DemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-DemiBoldItalic.woff) format("woff"), url(./fonts/TTCommons/TTCommons-DemiBoldItalic.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/TTCommons/TT_Commons_Classic_Bold.eot);
    src: url(./fonts/TTCommons/TT_Commons_Classic_Bold.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TT_Commons_Classic_Bold.woff) format("woff"), url(./fonts/TTCommons/TT_Commons_Classic_Bold.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: normal;
    font-weight: 200;
    src: url(./fonts/TTCommons/TTCommons-ExtraLight.eot);
    src: url(./fonts/TTCommons/TTCommons-ExtraLight.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-ExtraLight.woff) format("woff"), url(./fonts/TTCommons/TTCommons-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: normal;
    font-weight: 600;
    src: url(./fonts/TTCommons/TTCommons-DemiBold.eot);
    src: local("TT Commons DemiBold"), local("TTCommons-DemiBold"), url(./fonts/TTCommons/TTCommons-DemiBold.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-DemiBold.woff) format("woff"), url(./fonts/TTCommons/TTCommons-DemiBold.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: italic;
    font-weight: 200;
    src: url(./fonts/TTCommons/TTCommons-ExtraLightItalic.eot);
    src: url(./fonts/TTCommons/TTCommons-ExtraLightItalic.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-ExtraLightItalic.woff) format("woff"), url(./fonts/TTCommons/TTCommons-ExtraLightItalic.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: italic;
    font-weight: 800;
    src: url(./fonts/TTCommons/TTCommons-ExtraBoldItalic.eot);
    src: url(./fonts/TTCommons/TTCommons-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-ExtraBoldItalic.woff) format("woff"), url(./fonts/TTCommons/TTCommons-ExtraBoldItalic.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: italic;
    font-weight: 500;
    src: url(./fonts/TTCommons/TTCommons-MediumItalic.eot);
    src: url(./fonts/TTCommons/TTCommons-MediumItalic.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-MediumItalic.woff) format("woff"), url(./fonts/TTCommons/TTCommons-MediumItalic.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: italic;
    font-weight: 300;
    src: url(./fonts/TTCommons/TTCommons-LightItalic.eot);
    src: url(./fonts/TTCommons/TTCommons-LightItalic.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-LightItalic.woff) format("woff"), url(./fonts/TTCommons/TTCommons-LightItalic.ttf) format("truetype")
}

@font-face {
    font-family: TT Commons;
    font-style: normal;
    font-weight: 100;
    src: url(./fonts/TTCommons/TTCommons-Thin.eot);
    src: url(./fonts/TTCommons/TTCommons-Thin.eot?#iefix) format("embedded-opentype"), url(./fonts/TTCommons/TTCommons-Thin.woff) format("woff"), url(./fonts/TTCommons/TTCommons-Thin.ttf) format("truetype")
}

@font-face {
    font-family: Ivar;
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/Ivar/IvarTextHydro-Regular.eot);
    src: url(./fonts/Ivar/IvarTextHydro-Regular.eot?#iefix) format("embedded-opentype"), url(./fonts/Ivar/IvarTextHydro-Regular.woff) format("woff"), url(./fonts/Ivar/IvarTextHydro-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Ivar;
    font-style: italic;
    font-weight: 700;
    src: url(./fonts/Ivar/IvarTextHydro-BoldItalic.eot);
    src: url(./fonts/Ivar/IvarTextHydro-BoldItalic.eot?#iefix) format("embedded-opentype"), url(./fonts/Ivar/IvarTextHydro-BoldItalic.woff) format("woff"), url(./fonts/Ivar/IvarTextHydro-BoldItalic.ttf) format("truetype")
}

@font-face {
    font-family: Ivar;
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/Ivar/IvarTextHydro-Bold.eot);
    src: url(./fonts/Ivar/IvarTextHydro-Bold.eot?#iefix) format("embedded-opentype"), url(./fonts/Ivar/IvarTextHydro-Bold.woff) format("woff"), url(./fonts/Ivar/IvarTextHydro-Bold.ttf) format("truetype")
}

@font-face {
    font-family: Ivar;
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/Ivar/IvarTextHydro-Italic.eot);
    src: url(./fonts/Ivar/IvarTextHydro-Italic.eot?#iefix) format("embedded-opentype"), url(./fonts/Ivar/IvarTextHydro-Italic.woff) format("woff"), url(./fonts/Ivar/IvarTextHydro-Italic.ttf) format("truetype")
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    height: 100%;
    width: 100%
}

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

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
    background-color: #d6d6ce;
    color: #000;
    font-family: Ivar;
    font-size: 16px;
    font-size: 1.6rem;
    overflow-y: scroll;
    position: relative;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth
}

main,
main>div {
    position: relative;
    z-index: 10
}

a,
button {
    background: none;
    color: inherit;
    text-decoration: none
}

b,
strong {
    font-weight: 700
}

em,
i {
    font-style: italic
}

u {
    text-decoration: none
}

.site-container {
    background-color: #fff;
    margin: 0 auto;
    max-width: 1920px;
    overflow: hidden;
    -webkit-transition: -webkit-filter .3s ease;
    transition: -webkit-filter .3s ease;
    -o-transition: filter .3s ease;
    transition: filter .3s ease;
    transition: filter .3s ease, -webkit-filter .3s ease;
    width: 100%
}

html:not(.firefox) .site-container.is-blurred {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.u-visually-hidden {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
    width: 1px
}

.grecaptcha-badge {
    visibility: hidden
}

.svg-icon {
    fill: currentColor;
    height: 1em;
    overflow: hidden;
    vertical-align: middle;
    width: 1em
}

.svg-icon.svg-actions-map-filters {
    width: 1.0936em
}

.svg-icon.svg-actions-map-france {
    width: 1em
}

.svg-icon.svg-actions-map-guadeloupe {
    width: .88613em
}

.svg-icon.svg-actions-map-martinique {
    width: .84475em
}

.svg-icon.svg-actions-map-mayotte {
    width: .57105em
}

.svg-icon.svg-actions-map-reunion {
    width: 1.14933em
}

.svg-icon.svg-animals {
    width: 48em
}

.svg-icon.svg-arbre-de-vie {
    width: .83333em
}

.svg-icon.svg-arbre-de-vie-zoomed {
    width: 1.68561em
}

.svg-icon.svg-bien-fonde {
    width: 6.61538em
}

.svg-icon.svg-default {
    width: 1em
}

.svg-icon.svg-icon-arrow-next {
    width: 1.91667em
}

.svg-icon.svg-icon-arrow-next-flickity,
.svg-icon.svg-icon-calendar {
    width: 1em
}

.svg-icon.svg-icon-check {
    width: 1.27273em
}

.svg-icon.svg-icon-chevron-left,
.svg-icon.svg-icon-chevron-right {
    width: .53846em
}

.svg-icon.svg-icon-dropdown {
    width: 1.75em
}

.svg-icon.svg-icon-email {
    width: 1.5em
}

.svg-icon.svg-icon-facebook {
    width: .55556em
}

.svg-icon.svg-icon-federations {
    width: .97297em
}

.svg-icon.svg-icon-file-checked,
.svg-icon.svg-icon-file-error {
    width: .78947em
}

.svg-icon.svg-icon-file-trash {
    width: .88889em
}

.svg-icon.svg-icon-file-upload {
    width: .78947em
}

.svg-icon.svg-icon-instagram,
.svg-icon.svg-icon-link {
    width: 1em
}

.svg-icon.svg-icon-linkedin {
    width: 1.06667em
}

.svg-icon.svg-icon-mobile {
    width: .58333em
}

.svg-icon.svg-icon-more {
    width: 1em
}

.svg-icon.svg-icon-permis {
    width: .66667em
}

.svg-icon.svg-icon-play {
    width: .875em
}

.svg-icon.svg-icon-quizz {
    width: 1.38298em
}

.svg-icon.svg-icon-search {
    width: 1em
}

.svg-icon.svg-icon-signaler {
    width: 1.10526em
}

.svg-icon.svg-icon-stopwatch,
.svg-icon.svg-icon-stopwatch-disabled {
    width: .90323em
}

.svg-icon.svg-icon-tiktok,
.svg-icon.svg-icon-twitter {
    width: 1em
}

.svg-icon.svg-icon-youtube {
    width: 1.30769em
}

.svg-icon.svg-logo {
    width: 6.19119em
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 576px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 768px
    }
}

@media (min-width:1024px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1024px
    }
}

@media (min-width:1280px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1280px
    }
}

@media (min-width:1600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1600px
    }
}

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

.no-gutters,
.row {
    margin-left: 0;
    margin-right: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.c,
.c-1,
.c-10,
.c-11,
.c-12,
.c-13,
.c-14,
.c-15,
.c-16,
.c-17,
.c-18,
.c-19,
.c-2,
.c-20,
.c-21,
.c-22,
.c-23,
.c-24,
.c-3,
.c-4,
.c-5,
.c-6,
.c-7,
.c-8,
.c-9,
.c-lg,
.c-lg-1,
.c-lg-10,
.c-lg-11,
.c-lg-12,
.c-lg-13,
.c-lg-14,
.c-lg-15,
.c-lg-16,
.c-lg-17,
.c-lg-18,
.c-lg-19,
.c-lg-2,
.c-lg-20,
.c-lg-21,
.c-lg-22,
.c-lg-23,
.c-lg-24,
.c-lg-3,
.c-lg-4,
.c-lg-5,
.c-lg-6,
.c-lg-7,
.c-lg-8,
.c-lg-9,
.c-md,
.c-md-1,
.c-md-10,
.c-md-11,
.c-md-12,
.c-md-13,
.c-md-14,
.c-md-15,
.c-md-16,
.c-md-17,
.c-md-18,
.c-md-19,
.c-md-2,
.c-md-20,
.c-md-21,
.c-md-22,
.c-md-23,
.c-md-24,
.c-md-3,
.c-md-4,
.c-md-5,
.c-md-6,
.c-md-7,
.c-md-8,
.c-md-9,
.c-sm,
.c-sm-1,
.c-sm-10,
.c-sm-11,
.c-sm-12,
.c-sm-13,
.c-sm-14,
.c-sm-15,
.c-sm-16,
.c-sm-17,
.c-sm-18,
.c-sm-19,
.c-sm-2,
.c-sm-20,
.c-sm-21,
.c-sm-22,
.c-sm-23,
.c-sm-24,
.c-sm-3,
.c-sm-4,
.c-sm-5,
.c-sm-6,
.c-sm-7,
.c-sm-8,
.c-sm-9,
.c-xl,
.c-xl-1,
.c-xl-10,
.c-xl-11,
.c-xl-12,
.c-xl-13,
.c-xl-14,
.c-xl-15,
.c-xl-16,
.c-xl-17,
.c-xl-18,
.c-xl-19,
.c-xl-2,
.c-xl-20,
.c-xl-21,
.c-xl-22,
.c-xl-23,
.c-xl-24,
.c-xl-3,
.c-xl-4,
.c-xl-5,
.c-xl-6,
.c-xl-7,
.c-xl-8,
.c-xl-9,
.c-xxl,
.c-xxl-1,
.c-xxl-10,
.c-xxl-11,
.c-xxl-12,
.c-xxl-13,
.c-xxl-14,
.c-xxl-15,
.c-xxl-16,
.c-xxl-17,
.c-xxl-18,
.c-xxl-19,
.c-xxl-2,
.c-xxl-20,
.c-xxl-21,
.c-xxl-22,
.c-xxl-23,
.c-xxl-24,
.c-xxl-3,
.c-xxl-4,
.c-xxl-5,
.c-xxl-6,
.c-xxl-7,
.c-xxl-8,
.c-xxl-9 {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%
}

.c {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%
}

.c-1 {
    -webkit-flex: 0 0 4.16667%;
    -ms-flex: 0 0 4.16667%;
    flex: 0 0 4.16667%;
    max-width: 4.16667%
}

.c-1,
.c-2 {
    -webkit-box-flex: 0
}

.c-2 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.c-3 {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.c-3,
.c-4 {
    -webkit-box-flex: 0
}

.c-4 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.c-5 {
    -webkit-flex: 0 0 20.83333%;
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%
}

.c-5,
.c-6 {
    -webkit-box-flex: 0
}

.c-6 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.c-7 {
    -webkit-flex: 0 0 29.16667%;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%
}

.c-7,
.c-8 {
    -webkit-box-flex: 0
}

.c-8 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.c-9 {
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.c-10,
.c-9 {
    -webkit-box-flex: 0
}

.c-10 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.c-11 {
    -webkit-flex: 0 0 45.83333%;
    -ms-flex: 0 0 45.83333%;
    flex: 0 0 45.83333%;
    max-width: 45.83333%
}

.c-11,
.c-12 {
    -webkit-box-flex: 0
}

.c-12 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.c-13 {
    -webkit-flex: 0 0 54.16667%;
    -ms-flex: 0 0 54.16667%;
    flex: 0 0 54.16667%;
    max-width: 54.16667%
}

.c-13,
.c-14 {
    -webkit-box-flex: 0
}

.c-14 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.c-15 {
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.c-15,
.c-16 {
    -webkit-box-flex: 0
}

.c-16 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.c-17 {
    -webkit-flex: 0 0 70.83333%;
    -ms-flex: 0 0 70.83333%;
    flex: 0 0 70.83333%;
    max-width: 70.83333%
}

.c-17,
.c-18 {
    -webkit-box-flex: 0
}

.c-18 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.c-19 {
    -webkit-flex: 0 0 79.16667%;
    -ms-flex: 0 0 79.16667%;
    flex: 0 0 79.16667%;
    max-width: 79.16667%
}

.c-19,
.c-20 {
    -webkit-box-flex: 0
}

.c-20 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.c-21 {
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.c-21,
.c-22 {
    -webkit-box-flex: 0
}

.c-22 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.c-23 {
    -webkit-flex: 0 0 95.83333%;
    -ms-flex: 0 0 95.83333%;
    flex: 0 0 95.83333%;
    max-width: 95.83333%
}

.c-23,
.c-24 {
    -webkit-box-flex: 0
}

.c-24 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.m-1 {
    margin-left: 4.16667%
}

.m-2 {
    margin-left: 8.33333%
}

.m-3 {
    margin-left: 12.5%
}

.m-4 {
    margin-left: 16.66667%
}

.m-5 {
    margin-left: 20.83333%
}

.m-6 {
    margin-left: 25%
}

.m-7 {
    margin-left: 29.16667%
}

.m-8 {
    margin-left: 33.33333%
}

.m-9 {
    margin-left: 37.5%
}

.m-10 {
    margin-left: 41.66667%
}

.m-11 {
    margin-left: 45.83333%
}

.m-12 {
    margin-left: 50%
}

.m-13 {
    margin-left: 54.16667%
}

.m-14 {
    margin-left: 58.33333%
}

.m-15 {
    margin-left: 62.5%
}

.m-16 {
    margin-left: 66.66667%
}

.m-17 {
    margin-left: 70.83333%
}

.m-18 {
    margin-left: 75%
}

.m-19 {
    margin-left: 79.16667%
}

.m-20 {
    margin-left: 83.33333%
}

.m-21 {
    margin-left: 87.5%
}

.m-22 {
    margin-left: 91.66667%
}

.m-23 {
    margin-left: 95.83333%
}

@media (min-width:576px) {
    .c-sm {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .c-sm-1 {
        -webkit-flex: 0 0 4.16667%;
        -ms-flex: 0 0 4.16667%;
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .c-sm-1,
    .c-sm-2 {
        -webkit-box-flex: 0
    }

    .c-sm-2 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .c-sm-3 {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .c-sm-3,
    .c-sm-4 {
        -webkit-box-flex: 0
    }

    .c-sm-4 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .c-sm-5 {
        -webkit-flex: 0 0 20.83333%;
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .c-sm-5,
    .c-sm-6 {
        -webkit-box-flex: 0
    }

    .c-sm-6 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .c-sm-7 {
        -webkit-flex: 0 0 29.16667%;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .c-sm-7,
    .c-sm-8 {
        -webkit-box-flex: 0
    }

    .c-sm-8 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .c-sm-9 {
        -webkit-flex: 0 0 37.5%;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .c-sm-10,
    .c-sm-9 {
        -webkit-box-flex: 0
    }

    .c-sm-10 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .c-sm-11 {
        -webkit-flex: 0 0 45.83333%;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .c-sm-11,
    .c-sm-12 {
        -webkit-box-flex: 0
    }

    .c-sm-12 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .c-sm-13 {
        -webkit-flex: 0 0 54.16667%;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .c-sm-13,
    .c-sm-14 {
        -webkit-box-flex: 0
    }

    .c-sm-14 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .c-sm-15 {
        -webkit-flex: 0 0 62.5%;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .c-sm-15,
    .c-sm-16 {
        -webkit-box-flex: 0
    }

    .c-sm-16 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .c-sm-17 {
        -webkit-flex: 0 0 70.83333%;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .c-sm-17,
    .c-sm-18 {
        -webkit-box-flex: 0
    }

    .c-sm-18 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .c-sm-19 {
        -webkit-flex: 0 0 79.16667%;
        -ms-flex: 0 0 79.16667%;
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .c-sm-19,
    .c-sm-20 {
        -webkit-box-flex: 0
    }

    .c-sm-20 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .c-sm-21 {
        -webkit-flex: 0 0 87.5%;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .c-sm-21,
    .c-sm-22 {
        -webkit-box-flex: 0
    }

    .c-sm-22 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .c-sm-23 {
        -webkit-flex: 0 0 95.83333%;
        -ms-flex: 0 0 95.83333%;
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .c-sm-23,
    .c-sm-24 {
        -webkit-box-flex: 0
    }

    .c-sm-24 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .m-sm-0 {
        margin-left: 0
    }

    .m-sm-1 {
        margin-left: 4.16667%
    }

    .m-sm-2 {
        margin-left: 8.33333%
    }

    .m-sm-3 {
        margin-left: 12.5%
    }

    .m-sm-4 {
        margin-left: 16.66667%
    }

    .m-sm-5 {
        margin-left: 20.83333%
    }

    .m-sm-6 {
        margin-left: 25%
    }

    .m-sm-7 {
        margin-left: 29.16667%
    }

    .m-sm-8 {
        margin-left: 33.33333%
    }

    .m-sm-9 {
        margin-left: 37.5%
    }

    .m-sm-10 {
        margin-left: 41.66667%
    }

    .m-sm-11 {
        margin-left: 45.83333%
    }

    .m-sm-12 {
        margin-left: 50%
    }

    .m-sm-13 {
        margin-left: 54.16667%
    }

    .m-sm-14 {
        margin-left: 58.33333%
    }

    .m-sm-15 {
        margin-left: 62.5%
    }

    .m-sm-16 {
        margin-left: 66.66667%
    }

    .m-sm-17 {
        margin-left: 70.83333%
    }

    .m-sm-18 {
        margin-left: 75%
    }

    .m-sm-19 {
        margin-left: 79.16667%
    }

    .m-sm-20 {
        margin-left: 83.33333%
    }

    .m-sm-21 {
        margin-left: 87.5%
    }

    .m-sm-22 {
        margin-left: 91.66667%
    }

    .m-sm-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:768px) {
    .c-md {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .c-md-1 {
        -webkit-flex: 0 0 4.16667%;
        -ms-flex: 0 0 4.16667%;
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .c-md-1,
    .c-md-2 {
        -webkit-box-flex: 0
    }

    .c-md-2 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .c-md-3 {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .c-md-3,
    .c-md-4 {
        -webkit-box-flex: 0
    }

    .c-md-4 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .c-md-5 {
        -webkit-flex: 0 0 20.83333%;
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .c-md-5,
    .c-md-6 {
        -webkit-box-flex: 0
    }

    .c-md-6 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .c-md-7 {
        -webkit-flex: 0 0 29.16667%;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .c-md-7,
    .c-md-8 {
        -webkit-box-flex: 0
    }

    .c-md-8 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .c-md-9 {
        -webkit-flex: 0 0 37.5%;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .c-md-10,
    .c-md-9 {
        -webkit-box-flex: 0
    }

    .c-md-10 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .c-md-11 {
        -webkit-flex: 0 0 45.83333%;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .c-md-11,
    .c-md-12 {
        -webkit-box-flex: 0
    }

    .c-md-12 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .c-md-13 {
        -webkit-flex: 0 0 54.16667%;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .c-md-13,
    .c-md-14 {
        -webkit-box-flex: 0
    }

    .c-md-14 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .c-md-15 {
        -webkit-flex: 0 0 62.5%;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .c-md-15,
    .c-md-16 {
        -webkit-box-flex: 0
    }

    .c-md-16 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .c-md-17 {
        -webkit-flex: 0 0 70.83333%;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .c-md-17,
    .c-md-18 {
        -webkit-box-flex: 0
    }

    .c-md-18 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .c-md-19 {
        -webkit-flex: 0 0 79.16667%;
        -ms-flex: 0 0 79.16667%;
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .c-md-19,
    .c-md-20 {
        -webkit-box-flex: 0
    }

    .c-md-20 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .c-md-21 {
        -webkit-flex: 0 0 87.5%;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .c-md-21,
    .c-md-22 {
        -webkit-box-flex: 0
    }

    .c-md-22 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .c-md-23 {
        -webkit-flex: 0 0 95.83333%;
        -ms-flex: 0 0 95.83333%;
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .c-md-23,
    .c-md-24 {
        -webkit-box-flex: 0
    }

    .c-md-24 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .m-md-0 {
        margin-left: 0
    }

    .m-md-1 {
        margin-left: 4.16667%
    }

    .m-md-2 {
        margin-left: 8.33333%
    }

    .m-md-3 {
        margin-left: 12.5%
    }

    .m-md-4 {
        margin-left: 16.66667%
    }

    .m-md-5 {
        margin-left: 20.83333%
    }

    .m-md-6 {
        margin-left: 25%
    }

    .m-md-7 {
        margin-left: 29.16667%
    }

    .m-md-8 {
        margin-left: 33.33333%
    }

    .m-md-9 {
        margin-left: 37.5%
    }

    .m-md-10 {
        margin-left: 41.66667%
    }

    .m-md-11 {
        margin-left: 45.83333%
    }

    .m-md-12 {
        margin-left: 50%
    }

    .m-md-13 {
        margin-left: 54.16667%
    }

    .m-md-14 {
        margin-left: 58.33333%
    }

    .m-md-15 {
        margin-left: 62.5%
    }

    .m-md-16 {
        margin-left: 66.66667%
    }

    .m-md-17 {
        margin-left: 70.83333%
    }

    .m-md-18 {
        margin-left: 75%
    }

    .m-md-19 {
        margin-left: 79.16667%
    }

    .m-md-20 {
        margin-left: 83.33333%
    }

    .m-md-21 {
        margin-left: 87.5%
    }

    .m-md-22 {
        margin-left: 91.66667%
    }

    .m-md-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:1024px) {
    .c-lg {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .c-lg-1 {
        -webkit-flex: 0 0 4.16667%;
        -ms-flex: 0 0 4.16667%;
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .c-lg-1,
    .c-lg-2 {
        -webkit-box-flex: 0
    }

    .c-lg-2 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .c-lg-3 {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .c-lg-3,
    .c-lg-4 {
        -webkit-box-flex: 0
    }

    .c-lg-4 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .c-lg-5 {
        -webkit-flex: 0 0 20.83333%;
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .c-lg-5,
    .c-lg-6 {
        -webkit-box-flex: 0
    }

    .c-lg-6 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .c-lg-7 {
        -webkit-flex: 0 0 29.16667%;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .c-lg-7,
    .c-lg-8 {
        -webkit-box-flex: 0
    }

    .c-lg-8 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .c-lg-9 {
        -webkit-flex: 0 0 37.5%;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .c-lg-10,
    .c-lg-9 {
        -webkit-box-flex: 0
    }

    .c-lg-10 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .c-lg-11 {
        -webkit-flex: 0 0 45.83333%;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .c-lg-11,
    .c-lg-12 {
        -webkit-box-flex: 0
    }

    .c-lg-12 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .c-lg-13 {
        -webkit-flex: 0 0 54.16667%;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .c-lg-13,
    .c-lg-14 {
        -webkit-box-flex: 0
    }

    .c-lg-14 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .c-lg-15 {
        -webkit-flex: 0 0 62.5%;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .c-lg-15,
    .c-lg-16 {
        -webkit-box-flex: 0
    }

    .c-lg-16 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .c-lg-17 {
        -webkit-flex: 0 0 70.83333%;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .c-lg-17,
    .c-lg-18 {
        -webkit-box-flex: 0
    }

    .c-lg-18 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .c-lg-19 {
        -webkit-flex: 0 0 79.16667%;
        -ms-flex: 0 0 79.16667%;
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .c-lg-19,
    .c-lg-20 {
        -webkit-box-flex: 0
    }

    .c-lg-20 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .c-lg-21 {
        -webkit-flex: 0 0 87.5%;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .c-lg-21,
    .c-lg-22 {
        -webkit-box-flex: 0
    }

    .c-lg-22 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .c-lg-23 {
        -webkit-flex: 0 0 95.83333%;
        -ms-flex: 0 0 95.83333%;
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .c-lg-23,
    .c-lg-24 {
        -webkit-box-flex: 0
    }

    .c-lg-24 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .m-lg-0 {
        margin-left: 0
    }

    .m-lg-1 {
        margin-left: 4.16667%
    }

    .m-lg-2 {
        margin-left: 8.33333%
    }

    .m-lg-3 {
        margin-left: 12.5%
    }

    .m-lg-4 {
        margin-left: 16.66667%
    }

    .m-lg-5 {
        margin-left: 20.83333%
    }

    .m-lg-6 {
        margin-left: 25%
    }

    .m-lg-7 {
        margin-left: 29.16667%
    }

    .m-lg-8 {
        margin-left: 33.33333%
    }

    .m-lg-9 {
        margin-left: 37.5%
    }

    .m-lg-10 {
        margin-left: 41.66667%
    }

    .m-lg-11 {
        margin-left: 45.83333%
    }

    .m-lg-12 {
        margin-left: 50%
    }

    .m-lg-13 {
        margin-left: 54.16667%
    }

    .m-lg-14 {
        margin-left: 58.33333%
    }

    .m-lg-15 {
        margin-left: 62.5%
    }

    .m-lg-16 {
        margin-left: 66.66667%
    }

    .m-lg-17 {
        margin-left: 70.83333%
    }

    .m-lg-18 {
        margin-left: 75%
    }

    .m-lg-19 {
        margin-left: 79.16667%
    }

    .m-lg-20 {
        margin-left: 83.33333%
    }

    .m-lg-21 {
        margin-left: 87.5%
    }

    .m-lg-22 {
        margin-left: 91.66667%
    }

    .m-lg-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:1280px) {
    .c-xl {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .c-xl-1 {
        -webkit-flex: 0 0 4.16667%;
        -ms-flex: 0 0 4.16667%;
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .c-xl-1,
    .c-xl-2 {
        -webkit-box-flex: 0
    }

    .c-xl-2 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .c-xl-3 {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .c-xl-3,
    .c-xl-4 {
        -webkit-box-flex: 0
    }

    .c-xl-4 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .c-xl-5 {
        -webkit-flex: 0 0 20.83333%;
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .c-xl-5,
    .c-xl-6 {
        -webkit-box-flex: 0
    }

    .c-xl-6 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .c-xl-7 {
        -webkit-flex: 0 0 29.16667%;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .c-xl-7,
    .c-xl-8 {
        -webkit-box-flex: 0
    }

    .c-xl-8 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .c-xl-9 {
        -webkit-flex: 0 0 37.5%;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .c-xl-10,
    .c-xl-9 {
        -webkit-box-flex: 0
    }

    .c-xl-10 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .c-xl-11 {
        -webkit-flex: 0 0 45.83333%;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .c-xl-11,
    .c-xl-12 {
        -webkit-box-flex: 0
    }

    .c-xl-12 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .c-xl-13 {
        -webkit-flex: 0 0 54.16667%;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .c-xl-13,
    .c-xl-14 {
        -webkit-box-flex: 0
    }

    .c-xl-14 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .c-xl-15 {
        -webkit-flex: 0 0 62.5%;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .c-xl-15,
    .c-xl-16 {
        -webkit-box-flex: 0
    }

    .c-xl-16 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .c-xl-17 {
        -webkit-flex: 0 0 70.83333%;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .c-xl-17,
    .c-xl-18 {
        -webkit-box-flex: 0
    }

    .c-xl-18 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .c-xl-19 {
        -webkit-flex: 0 0 79.16667%;
        -ms-flex: 0 0 79.16667%;
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .c-xl-19,
    .c-xl-20 {
        -webkit-box-flex: 0
    }

    .c-xl-20 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .c-xl-21 {
        -webkit-flex: 0 0 87.5%;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .c-xl-21,
    .c-xl-22 {
        -webkit-box-flex: 0
    }

    .c-xl-22 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .c-xl-23 {
        -webkit-flex: 0 0 95.83333%;
        -ms-flex: 0 0 95.83333%;
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .c-xl-23,
    .c-xl-24 {
        -webkit-box-flex: 0
    }

    .c-xl-24 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .m-xl-0 {
        margin-left: 0
    }

    .m-xl-1 {
        margin-left: 4.16667%
    }

    .m-xl-2 {
        margin-left: 8.33333%
    }

    .m-xl-3 {
        margin-left: 12.5%
    }

    .m-xl-4 {
        margin-left: 16.66667%
    }

    .m-xl-5 {
        margin-left: 20.83333%
    }

    .m-xl-6 {
        margin-left: 25%
    }

    .m-xl-7 {
        margin-left: 29.16667%
    }

    .m-xl-8 {
        margin-left: 33.33333%
    }

    .m-xl-9 {
        margin-left: 37.5%
    }

    .m-xl-10 {
        margin-left: 41.66667%
    }

    .m-xl-11 {
        margin-left: 45.83333%
    }

    .m-xl-12 {
        margin-left: 50%
    }

    .m-xl-13 {
        margin-left: 54.16667%
    }

    .m-xl-14 {
        margin-left: 58.33333%
    }

    .m-xl-15 {
        margin-left: 62.5%
    }

    .m-xl-16 {
        margin-left: 66.66667%
    }

    .m-xl-17 {
        margin-left: 70.83333%
    }

    .m-xl-18 {
        margin-left: 75%
    }

    .m-xl-19 {
        margin-left: 79.16667%
    }

    .m-xl-20 {
        margin-left: 83.33333%
    }

    .m-xl-21 {
        margin-left: 87.5%
    }

    .m-xl-22 {
        margin-left: 91.66667%
    }

    .m-xl-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:1600px) {
    .c-xxl {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .c-xxl-1 {
        -webkit-flex: 0 0 4.16667%;
        -ms-flex: 0 0 4.16667%;
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .c-xxl-1,
    .c-xxl-2 {
        -webkit-box-flex: 0
    }

    .c-xxl-2 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .c-xxl-3 {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .c-xxl-3,
    .c-xxl-4 {
        -webkit-box-flex: 0
    }

    .c-xxl-4 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .c-xxl-5 {
        -webkit-flex: 0 0 20.83333%;
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .c-xxl-5,
    .c-xxl-6 {
        -webkit-box-flex: 0
    }

    .c-xxl-6 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .c-xxl-7 {
        -webkit-flex: 0 0 29.16667%;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .c-xxl-7,
    .c-xxl-8 {
        -webkit-box-flex: 0
    }

    .c-xxl-8 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .c-xxl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 37.5%;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .c-xxl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .c-xxl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 45.83333%;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .c-xxl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .c-xxl-13 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 54.16667%;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .c-xxl-14 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .c-xxl-15 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 62.5%;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .c-xxl-16 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .c-xxl-17 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 70.83333%;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .c-xxl-18 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .c-xxl-19 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 79.16667%;
        -ms-flex: 0 0 79.16667%;
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .c-xxl-20 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .c-xxl-21 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 87.5%;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .c-xxl-22 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .c-xxl-23 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 95.83333%;
        -ms-flex: 0 0 95.83333%;
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .c-xxl-24 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .m-xxl-0 {
        margin-left: 0
    }

    .m-xxl-1 {
        margin-left: 4.16667%
    }

    .m-xxl-2 {
        margin-left: 8.33333%
    }

    .m-xxl-3 {
        margin-left: 12.5%
    }

    .m-xxl-4 {
        margin-left: 16.66667%
    }

    .m-xxl-5 {
        margin-left: 20.83333%
    }

    .m-xxl-6 {
        margin-left: 25%
    }

    .m-xxl-7 {
        margin-left: 29.16667%
    }

    .m-xxl-8 {
        margin-left: 33.33333%
    }

    .m-xxl-9 {
        margin-left: 37.5%
    }

    .m-xxl-10 {
        margin-left: 41.66667%
    }

    .m-xxl-11 {
        margin-left: 45.83333%
    }

    .m-xxl-12 {
        margin-left: 50%
    }

    .m-xxl-13 {
        margin-left: 54.16667%
    }

    .m-xxl-14 {
        margin-left: 58.33333%
    }

    .m-xxl-15 {
        margin-left: 62.5%
    }

    .m-xxl-16 {
        margin-left: 66.66667%
    }

    .m-xxl-17 {
        margin-left: 70.83333%
    }

    .m-xxl-18 {
        margin-left: 75%
    }

    .m-xxl-19 {
        margin-left: 79.16667%
    }

    .m-xxl-20 {
        margin-left: 83.33333%
    }

    .m-xxl-21 {
        margin-left: 87.5%
    }

    .m-xxl-22 {
        margin-left: 91.66667%
    }

    .m-xxl-23 {
        margin-left: 95.83333%
    }
}

.d-none {
    display: none !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

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

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (min-width:1024px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (min-width:1280px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (min-width:1600px) {
    .d-xxl-none {
        display: none !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.u-d-none {
    display: none !important
}

.u-spinner {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.u-spinner svg {
    fill: #fff;
    font-size: 7rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width:767.98px) {
    .u-spinner svg {
        font-size: 5rem
    }
}

.u-video-overlay {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 10
}

.u-section-title {
    font-family: TT Commons;
    font-weight: 700;
    letter-spacing: -.4px;
    line-height: 1.14;
    vertical-align: middle;
    z-index: 5
}

.u-section-title,
.u-section-title u {
    display: inline-block;
    position: relative
}

.u-section-title u {
    text-decoration: none
}

.u-section-title u:before {
    background: #afcf1a;
    bottom: 6px;
    content: "";
    display: block;
    height: 15px;
    left: 2px;
    position: absolute;
    right: 2px;
    z-index: -1
}

@media (min-width:1024px) {
    .u-section-title {
        font-size: 4.2rem
    }
}

@media (max-width:1023.98px) {
    .u-section-title {
        font-size: 4rem
    }

    .u-section-title u:before {
        bottom: 4px;
        height: 14px
    }
}

@media (max-width:767.98px) {
    .u-section-title {
        font-size: 3.6rem;
        max-width: 75%
    }
}

@media (max-width:575.98px) {
    .u-section-title {
        font-size: 3rem
    }
}

.u-section-background-text {
    color: #f0f0f0;
    font-family: TT Commons;
    font-size: 7.8rem;
    font-weight: 800;
    letter-spacing: -2.44px;
    position: absolute;
    text-transform: uppercase;
    z-index: -1
}

@media (max-width:1279.98px) {
    .u-section-background-text {
        font-size: 7rem
    }
}

@media (max-width:1023.98px) {
    .u-section-background-text {
        font-size: 6rem
    }
}

@media (max-width:767.98px) {
    .u-section-background-text {
        font-size: 4.2rem
    }
}

.u-section-separator hr {
    background-color: hsla(0, 0%, 60%, .26);
    border: none;
    height: 1px;
    width: 100%
}

@media (min-width:1024px) {
    .u-section-separator {
        padding: 20px 0
    }
}

@media (max-width:1023.98px) {
    .u-section-separator {
        padding: 15px 0
    }
}

@media (max-width:575.98px) {
    .u-section-separator {
        padding: 10px 0
    }
}

@media (max-width:767.98px) {
    .u-mobile-container {
        padding-left: 7% !important;
        padding-right: 7% !important
    }
}

@media (max-width:575.98px) {
    br {
        display: none
    }
}

.u-introduction-space {
    padding-bottom: 35px
}

@media (max-width:767.98px) {
    .u-introduction-space {
        padding-bottom: 20px
    }
}

@media (max-width:575.98px) {
    .u-introduction-space {
        padding-bottom: 15px
    }
}

.u-overflow-container {
    overflow: auto;
    position: relative
}

.u-mobile-breaker {
    display: none
}

@media (max-width:575.98px) {
    .u-mobile-breaker {
        display: block
    }
}

@-webkit-keyframes hoverNavigationUp {
    0% {
        fill: #000;
        opacity: 1;
        top: 50%
    }

    25% {
        opacity: 1
    }

    40% {
        fill: #000;
        opacity: 0
    }

    50% {
        top: calc(50% - 20px)
    }

    51% {
        fill: #66a361;
        top: calc(50% + 15px)
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    to {
        fill: #66a361;
        top: 50%
    }
}

@keyframes hoverNavigationUp {
    0% {
        fill: #000;
        opacity: 1;
        top: 50%
    }

    25% {
        opacity: 1
    }

    40% {
        fill: #000;
        opacity: 0
    }

    50% {
        top: calc(50% - 20px)
    }

    51% {
        fill: #66a361;
        top: calc(50% + 15px)
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    to {
        fill: #66a361;
        top: 50%
    }
}

@-webkit-keyframes hoverNavigationDown {
    0% {
        fill: #000;
        opacity: 1;
        top: 50%
    }

    25% {
        opacity: 1
    }

    40% {
        fill: #000;
        opacity: 0
    }

    50% {
        top: calc(50% + 20px)
    }

    51% {
        fill: #66a361;
        top: calc(50% - 20px)
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    to {
        fill: #66a361;
        top: 50%
    }
}

@keyframes hoverNavigationDown {
    0% {
        fill: #000;
        opacity: 1;
        top: 50%
    }

    25% {
        opacity: 1
    }

    40% {
        fill: #000;
        opacity: 0
    }

    50% {
        top: calc(50% + 20px)
    }

    51% {
        fill: #66a361;
        top: calc(50% - 20px)
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    to {
        fill: #66a361;
        top: 50%
    }
}

@-webkit-keyframes hoverNavigationLeft {
    0% {
        fill: #000;
        left: 50%;
        opacity: 1
    }

    25% {
        opacity: 1
    }

    40% {
        fill: #000;
        opacity: 0
    }

    50% {
        left: calc(50% - 20px)
    }

    51% {
        fill: #66a361;
        left: calc(50% + 15px)
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    to {
        fill: #66a361;
        left: 50%
    }
}

@keyframes hoverNavigationLeft {
    0% {
        fill: #000;
        left: 50%;
        opacity: 1
    }

    25% {
        opacity: 1
    }

    40% {
        fill: #000;
        opacity: 0
    }

    50% {
        left: calc(50% - 20px)
    }

    51% {
        fill: #66a361;
        left: calc(50% + 15px)
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    to {
        fill: #66a361;
        left: 50%
    }
}

@-webkit-keyframes hoverNavigationRight {
    0% {
        fill: #000;
        left: 50%;
        opacity: 1
    }

    25% {
        opacity: 1
    }

    40% {
        fill: #000;
        opacity: 0
    }

    50% {
        left: calc(50% + 20px)
    }

    51% {
        fill: #66a361;
        left: calc(50% - 20px)
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    to {
        fill: #66a361;
        left: 50%
    }
}

@keyframes hoverNavigationRight {
    0% {
        fill: #000;
        left: 50%;
        opacity: 1
    }

    25% {
        opacity: 1
    }

    40% {
        fill: #000;
        opacity: 0
    }

    50% {
        left: calc(50% + 20px)
    }

    51% {
        fill: #66a361;
        left: calc(50% - 20px)
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    to {
        fill: #66a361;
        left: 50%
    }
}

@-webkit-keyframes fnc-form-submit-progress {
    0% {
        width: 0
    }

    50% {
        width: 75%
    }

    to {
        width: 90%
    }
}

@keyframes fnc-form-submit-progress {
    0% {
        width: 0
    }

    50% {
        width: 75%
    }

    to {
        width: 90%
    }
}

@-webkit-keyframes fnc-form-submit-success {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes fnc-form-submit-success {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes fnc-form-submit-error {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes fnc-form-submit-error {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes clip-animation {
    0% {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDIzLjUgMzA4UTM3NiAzNzYgMzA4IDQwMC41dC0xMjItMTRRMTMyIDM0OCA2OCAyOTRUNTggMTc2cTU0LTY0IDExOC0xMTguNVQzMTEuNSA1MFEzODMgOTcgNDI3IDE2OC41VDQyMy41IDMwOFoiLz48L3N2Zz4=);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDIzLjUgMzA4UTM3NiAzNzYgMzA4IDQwMC41dC0xMjItMTRRMTMyIDM0OCA2OCAyOTRUNTggMTc2cTU0LTY0IDExOC0xMTguNVQzMTEuNSA1MFEzODMgOTcgNDI3IDE2OC41VDQyMy41IDMwOFoiLz48L3N2Zz4=)
    }

    25% {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDE3LjUgMzE1LjVxLTI2LjUgNzUuNS0xMDIgNzZUMTgyIDM3NHEtNTgtMTgtMTEzLjUtNzZUNjggMTgxLjVRMTIzIDEyMyAxODEuNSA5MHQxNDMtMjZxODQuNSA3IDEwMiA5MS41dC05IDE2MFoiLz48L3N2Zz4=);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDE3LjUgMzE1LjVxLTI2LjUgNzUuNS0xMDIgNzZUMTgyIDM3NHEtNTgtMTgtMTEzLjUtNzZUNjggMTgxLjVRMTIzIDEyMyAxODEuNSA5MHQxNDMtMjZxODQuNSA3IDEwMiA5MS41dC05IDE2MFoiLz48L3N2Zz4=)
    }

    50% {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDMwIDMxOXEtMzIgNzktMTExIDEwMS41dC0xNTggMFE4MiAzOTggNzQuNSAzMTl0MTUtMTQzUTExMiAxMTIgMTc2IDg5dDE0NS41LTE3LjVxODEuNSA1LjUgMTExIDg3VDQzMCAzMTlaIi8+PC9zdmc+);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDMwIDMxOXEtMzIgNzktMTExIDEwMS41dC0xNTggMFE4MiAzOTggNzQuNSAzMTl0MTUtMTQzUTExMiAxMTIgMTc2IDg5dDE0NS41LTE3LjVxODEuNSA1LjUgMTExIDg3VDQzMCAzMTlaIi8+PC9zdmc+)
    }

    75% {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNMzg2LjUgMjk3LjVxLTMxLjUgNTcuNS04OSAxMDdUMTgxIDQwNnEtNTktNDgtMTExLTEwN3QtMi0xMjBxNTAtNjEgMTExLTEwMXQxMjAuNSAxLjVxNTkuNSA0MS41IDg5IDEwMXQtMiAxMTdaIi8+PC9zdmc+);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNMzg2LjUgMjk3LjVxLTMxLjUgNTcuNS04OSAxMDdUMTgxIDQwNnEtNTktNDgtMTExLTEwN3QtMi0xMjBxNTAtNjEgMTExLTEwMXQxMjAuNSAxLjVxNTkuNSA0MS41IDg5IDEwMXQtMiAxMTdaIi8+PC9zdmc+)
    }

    to {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDU2LjUgMzAycS0yMi41IDYyLTc2IDk1LjV0LTExMSAzMy41cS01Ny41IDAtMTEyLTE2VDY1IDM1MXEtMzgtNDgtMjUtMTA3dDMxLjUtMTE4LjVROTAgNjYgMTQ4IDM1dDExNi41LTQuNXE1OC41IDI2LjUgMTA3IDYwdDc4IDkxLjVxMjkuNSA1OCA3IDEyMFoiLz48L3N2Zz4=);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDU2LjUgMzAycS0yMi41IDYyLTc2IDk1LjV0LTExMSAzMy41cS01Ny41IDAtMTEyLTE2VDY1IDM1MXEtMzgtNDgtMjUtMTA3dDMxLjUtMTE4LjVROTAgNjYgMTQ4IDM1dDExNi41LTQuNXE1OC41IDI2LjUgMTA3IDYwdDc4IDkxLjVxMjkuNSA1OCA3IDEyMFoiLz48L3N2Zz4=)
    }
}

@keyframes clip-animation {
    0% {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDIzLjUgMzA4UTM3NiAzNzYgMzA4IDQwMC41dC0xMjItMTRRMTMyIDM0OCA2OCAyOTRUNTggMTc2cTU0LTY0IDExOC0xMTguNVQzMTEuNSA1MFEzODMgOTcgNDI3IDE2OC41VDQyMy41IDMwOFoiLz48L3N2Zz4=);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDIzLjUgMzA4UTM3NiAzNzYgMzA4IDQwMC41dC0xMjItMTRRMTMyIDM0OCA2OCAyOTRUNTggMTc2cTU0LTY0IDExOC0xMTguNVQzMTEuNSA1MFEzODMgOTcgNDI3IDE2OC41VDQyMy41IDMwOFoiLz48L3N2Zz4=)
    }

    25% {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDE3LjUgMzE1LjVxLTI2LjUgNzUuNS0xMDIgNzZUMTgyIDM3NHEtNTgtMTgtMTEzLjUtNzZUNjggMTgxLjVRMTIzIDEyMyAxODEuNSA5MHQxNDMtMjZxODQuNSA3IDEwMiA5MS41dC05IDE2MFoiLz48L3N2Zz4=);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDE3LjUgMzE1LjVxLTI2LjUgNzUuNS0xMDIgNzZUMTgyIDM3NHEtNTgtMTgtMTEzLjUtNzZUNjggMTgxLjVRMTIzIDEyMyAxODEuNSA5MHQxNDMtMjZxODQuNSA3IDEwMiA5MS41dC05IDE2MFoiLz48L3N2Zz4=)
    }

    50% {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDMwIDMxOXEtMzIgNzktMTExIDEwMS41dC0xNTggMFE4MiAzOTggNzQuNSAzMTl0MTUtMTQzUTExMiAxMTIgMTc2IDg5dDE0NS41LTE3LjVxODEuNSA1LjUgMTExIDg3VDQzMCAzMTlaIi8+PC9zdmc+);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDMwIDMxOXEtMzIgNzktMTExIDEwMS41dC0xNTggMFE4MiAzOTggNzQuNSAzMTl0MTUtMTQzUTExMiAxMTIgMTc2IDg5dDE0NS41LTE3LjVxODEuNSA1LjUgMTExIDg3VDQzMCAzMTlaIi8+PC9zdmc+)
    }

    75% {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNMzg2LjUgMjk3LjVxLTMxLjUgNTcuNS04OSAxMDdUMTgxIDQwNnEtNTktNDgtMTExLTEwN3QtMi0xMjBxNTAtNjEgMTExLTEwMXQxMjAuNSAxLjVxNTkuNSA0MS41IDg5IDEwMXQtMiAxMTdaIi8+PC9zdmc+);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNMzg2LjUgMjk3LjVxLTMxLjUgNTcuNS04OSAxMDdUMTgxIDQwNnEtNTktNDgtMTExLTEwN3QtMi0xMjBxNTAtNjEgMTExLTEwMXQxMjAuNSAxLjVxNTkuNSA0MS41IDg5IDEwMXQtMiAxMTdaIi8+PC9zdmc+)
    }

    to {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDU2LjUgMzAycS0yMi41IDYyLTc2IDk1LjV0LTExMSAzMy41cS01Ny41IDAtMTEyLTE2VDY1IDM1MXEtMzgtNDgtMjUtMTA3dDMxLjUtMTE4LjVROTAgNjYgMTQ4IDM1dDExNi41LTQuNXE1OC41IDI2LjUgMTA3IDYwdDc4IDkxLjVxMjkuNSA1OCA3IDEyMFoiLz48L3N2Zz4=);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNDc0YmZmIiBkPSJNNDU2LjUgMzAycS0yMi41IDYyLTc2IDk1LjV0LTExMSAzMy41cS01Ny41IDAtMTEyLTE2VDY1IDM1MXEtMzgtNDgtMjUtMTA3dDMxLjUtMTE4LjVROTAgNjYgMTQ4IDM1dDExNi41LTQuNXE1OC41IDI2LjUgMTA3IDYwdDc4IDkxLjVxMjkuNSA1OCA3IDEyMFoiLz48L3N2Zz4=)
    }
}

.template-404 .not-found-404 {
    color: #fff
}

.template-404 .not-found-404__content {
    left: 50%;
    padding-bottom: 3rem;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 3
}

.template-home .u-section-title {
    font-size: 5.6rem;
    letter-spacing: -.6px
}

.template-home .u-section-title u:before {
    bottom: 8px;
    height: 20px;
    left: 0;
    right: 0
}

.template-home .c-newsletter-ribbon {
    background-color: #f5f5f1
}

.template-home .home-sections-videos-recipes {
    background-color: #333;
    background-image: url(./images/pattern-main-dark.svg);
    background-repeat: repeat
}

@media (max-width:1023.98px) {
    .template-home .u-section-title {
        font-size: 3.6rem;
        letter-spacing: -.39px;
        line-height: 3.8rem
    }

    .template-home .u-section-title u:before {
        bottom: 4px;
        height: 14px
    }
}

.template-news .c-header {
    overflow: visible
}

.template-news .news-container {
    padding-bottom: 55px;
    position: relative;
    z-index: 20
}

.template-news .news-container.no-results .news-container__no-results {
    display: block;
    font-size: 4rem;
    line-height: 5rem;
    padding: 215px 0 85px
}

.template-news .news-container.no-results .news-container__results {
    display: none
}

.template-news .news-container__no-results {
    color: #1b1b1b;
    display: none;
    font-family: Ivar;
    text-align: center
}

.template-news .load-more {
    text-align: center
}

.template-news .load-more .c-button {
    margin-bottom: 85px
}

@media (max-width:575.98px) {
    .template-news .c-header--textual {
        padding-bottom: 60px
    }

    .template-news .c-header--textual .c-header__background {
        height: 100%
    }

    .template-news .c-news-filters {
        margin: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.template-photos-videos .c-header {
    overflow: visible
}

.template-photos-videos .photos-videos-container {
    padding-bottom: 55px;
    position: relative;
    z-index: 20
}

.template-photos-videos .photos-videos-container.no-results .photos-videos-container__no-results {
    display: block;
    font-size: 2.5rem;
    line-height: 5rem;
    padding: 160px 0 30px
}

.template-photos-videos .photos-videos-container.no-results .photos-videos-container__results {
    display: none
}

.template-photos-videos .photos-videos-container__no-results {
    color: #1b1b1b;
    display: none;
    font-family: Ivar;
    text-align: center
}

.template-photos-videos .load-more {
    text-align: center
}

.template-photos-videos .load-more .c-button {
    margin-bottom: 85px
}

@media (max-width:767.98px) {
    .template-photos-videos .photos-videos-container.no-results .photos-videos-container__no-results {
        display: block;
        padding: 50px 0 30px
    }
}

.template-search-results header {
    overflow: hidden
}

.template-search-results .search-results__container {
    padding-bottom: 60px
}

.template-search-results .search-results__container .search-results__container__group:last-child .search-results__container__group__content {
    border-bottom: none
}

.template-search-results .search-results__container__group {
    margin-top: 70px
}

.template-search-results .search-results__container__group[data-type=faq] .search-results__container__group__content__items,
.template-search-results .search-results__container__group[data-type=info-intox] .search-results__container__group__content__items {
    display: block
}

.template-search-results .search-results__container__group[data-type=faq] .c-faq-item,
.template-search-results .search-results__container__group[data-type=info-intox] .c-faq-item {
    margin-bottom: 40px;
    max-width: 750px;
    width: 70%
}

.template-search-results .search-results__container__group.is-open .search-results__container__group__head__arrow svg {
    fill: #61615a;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.template-search-results .search-results__container__group__head {
    cursor: pointer;
    margin-bottom: 35px;
    padding-bottom: 15px;
    position: relative
}

.template-search-results .search-results__container__group__head__title {
    color: #000;
    display: inline-block;
    font-family: TT Commons;
    font-size: 4.2rem;
    font-weight: 700;
    vertical-align: middle
}

.template-search-results .search-results__container__group__head__counter {
    color: #61615a;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.6rem;
    letter-spacing: .4px;
    margin-top: 4px;
    text-transform: uppercase;
    vertical-align: middle
}

.template-search-results .search-results__container__group__head__counter:before {
    background-color: #e7e7e7;
    content: "";
    display: inline-block;
    height: 1px;
    margin: -4px 15px 0 29px;
    -webkit-transition: width .35s ease, background-color .35s ease;
    -o-transition: width .35s ease, background-color .35s ease;
    transition: width .35s ease, background-color .35s ease;
    vertical-align: middle;
    width: 21px
}

.template-search-results .search-results__container__group__head__counter__label,
.template-search-results .search-results__container__group__head__counter__number {
    display: inline-block
}

.template-search-results .search-results__container__group__head__arrow {
    display: block;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 12px
}

.template-search-results .search-results__container__group__head__arrow svg {
    fill: rgba(97, 97, 90, .35);
    font-size: 1.1rem;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: fill .35s ease, -webkit-transform .4s ease;
    transition: fill .35s ease, -webkit-transform .4s ease;
    -o-transition: fill .35s ease, transform .4s ease;
    transition: fill .35s ease, transform .4s ease;
    transition: fill .35s ease, transform .4s ease, -webkit-transform .4s ease
}

.template-search-results .search-results__container__group__content {
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
    -webkit-transition: max-height .5s ease;
    -o-transition: max-height .5s ease;
    transition: max-height .5s ease
}

.template-search-results .search-results__container__group__content__items {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin-left: 25px;
    padding-bottom: 30px
}

.template-search-results .search-results__container__group__content__items.align-items-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.template-search-results .search-results__container__group__content__items.align-items-left .c-news-item,
.template-search-results .search-results__container__group__content__items.align-items-left .c-search-results-item {
    margin-right: 30px
}

.template-search-results .search-results__container__group__content__items--photos-videos {
    width: calc(100% - 55px)
}

.template-search-results .search-results__container__group__content__load-more {
    padding: 0 0 70px;
    text-align: center
}

.desktop .template-search-results .search-results__container__group.is-open .search-results__container__group__head__counter,
.desktop .template-search-results .search-results__container__group__head:hover .search-results__container__group__head__counter {
    color: #000
}

.desktop .template-search-results .search-results__container__group.is-open .search-results__container__group__head__counter:before,
.desktop .template-search-results .search-results__container__group__head:hover .search-results__container__group__head__counter:before {
    background-color: #000;
    width: 35px
}

.desktop .template-search-results .search-results__container__group.is-open .search-results__container__group__head__arrow svg,
.desktop .template-search-results .search-results__container__group__head:hover .search-results__container__group__head__arrow svg {
    fill: #61615a
}

@media (max-width:1023.98px) {
    .template-search-results .search-results__container {
        padding-bottom: 0
    }

    .template-search-results .search-results__container__group[data-type=faq] .c-faq-item,
    .template-search-results .search-results__container__group[data-type=info-intox] .c-faq-item {
        width: 80%
    }

    .template-search-results .search-results__container__group__content__items {
        padding-bottom: 0
    }

    .template-search-results .search-results__container__group__content__items,
    .template-search-results .search-results__container__group__content__items.align-items-left {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .template-search-results .search-results__container__group__content__items.align-items-left .c-news-item,
    .template-search-results .search-results__container__group__content__items.align-items-left .c-search-results-item {
        margin-right: 0
    }

    .template-search-results .search-results__container__group__content__items--photos-videos {
        width: 100%
    }
}

@media (max-width:767.98px) {
    .template-search-results .search-results__container__group {
        margin-top: 40px
    }

    .template-search-results .search-results__container__group[data-type=faq] .c-faq-item,
    .template-search-results .search-results__container__group[data-type=info-intox] .c-faq-item {
        margin-left: 0;
        width: 100%
    }

    .template-search-results .search-results__container__group__content,
    .template-search-results .search-results__container__group__head {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%
    }

    .template-search-results .search-results__container__group__head {
        margin-bottom: 15px
    }

    .template-search-results .search-results__container__group__head__title {
        font-size: 2.8rem
    }

    .template-search-results .search-results__container__group__head__counter:before {
        margin: -2px 10px 0 20px
    }

    .template-search-results .search-results__container__group__head__arrow {
        right: 7%;
        top: 4px
    }

    .template-search-results .search-results__container__group__head__arrow svg {
        font-size: .9rem
    }

    .template-search-results .search-results__container__group__content__items {
        margin-left: 0
    }
}

@media (max-width:575.98px) {
    .template-search-results .search-results__container__group__head__counter__label {
        display: none
    }
}

.template-legal-notice .c-header {
    overflow: hidden
}

.template-federations-directory .federations-directory__section {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    border-bottom: 1px solid #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.template-federations-directory .federations-directory__section:last-of-type {
    border-bottom: none
}

.template-federations-directory .federations-directory__textual {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: TT Commons
}

.template-federations-directory .federations-directory__textual__title {
    color: #000;
    display: inline-block;
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 4.6rem;
    padding-bottom: 20px
}

.template-federations-directory .federations-directory__textual__description {
    color: #61615a;
    display: block;
    font-size: 1.9rem;
    line-height: 3rem;
    padding-bottom: 20px
}

.template-federations-directory .federations-directory__textual__select {
    background-color: #333;
    color: #989898;
    display: inline-block;
    margin-top: 20px;
    text-transform: uppercase;
    width: 100%
}

.template-federations-directory .federations-directory__textual__select .c-form-select {
    min-width: 100%
}

.template-federations-directory .federations-directory__textual__select .c-form-select select {
    width: 100%
}

.template-federations-directory .federations-directory__map {
    background-color: #f5f5f1;
    overflow: hidden;
    position: relative
}

.template-federations-directory .federations-directory__map:before {
    content: "";
    display: block;
    padding-top: 109.375%;
    width: 100%
}

.template-federations-directory .federations-directory__map>.u-aspect-ratio__inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.template-federations-directory .federations-directory__map:after {
    -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .07);
    box-shadow: 0 0 20px 2px rgba(48, 48, 48, .07);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px
}

.template-federations-directory .federations-directory__map--left:after {
    right: -1px
}

.template-federations-directory .federations-directory__map--right:after {
    left: -1px
}

.template-federations-directory .federations-directory__map__container {
    padding: 70px
}

.template-federations-directory .federations-directory__map__svg {
    height: 100%;
    left: 50%;
    max-width: 500px;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.template-federations-directory .federations-directory__map__svg__departement {
    fill: #b7b7b7;
    -webkit-transition: fill .3s cubic-bezier(.165, .84, .44, 1);
    -o-transition: fill .3s cubic-bezier(.165, .84, .44, 1);
    transition: fill .3s cubic-bezier(.165, .84, .44, 1);
    z-index: 1
}

.template-federations-directory .federations-directory__map__svg__region {
    fill: transparent;
    cursor: pointer;
    z-index: 2
}

.template-federations-directory .federations-directory__map__svg--disabled {
    fill: #e7e7e7
}

.template-federations-directory .federations-directory__map__svg--highlight {
    fill: #66a361;
    cursor: pointer
}

.template-federations-directory .federations-directory__map__overlay {
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    display: none;
    font-family: TT Commons;
    font-size: 1.7rem;
    left: 50%;
    line-height: 1.29;
    padding: 12px 20px 10px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 13
}

.template-federations-directory .federations-directory__map__overlay:before {
    border-bottom: 8px solid rgba(0, 0, 0, .8);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: -8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

@media (max-width:1023.98px) {
    .template-federations-directory .federations-directory__container {
        padding: 65px 0
    }

    .template-federations-directory .federations-directory__section {
        border-bottom: 1px solid #f0f0f0;
        padding: 65px 0 90px
    }

    .template-federations-directory .federations-directory__section:first-child {
        padding-top: 50px
    }

    .template-federations-directory .federations-directory__textual {
        -webkit-box-flex: 0;
        display: block;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0 auto;
        max-width: 75%;
        text-align: center
    }

    .template-federations-directory .federations-directory__textual__select {
        margin-left: auto;
        margin-right: auto;
        max-width: 365px
    }

    .template-federations-directory .federations-directory__map {
        display: none
    }
}

@media (max-width:767.98px) {
    .template-federations-directory .federations-directory__container {
        padding: 60px 0
    }

    .template-federations-directory .federations-directory__container__section {
        padding: 55px 0 80px
    }

    .template-federations-directory .federations-directory__container__section:first-child {
        padding-top: 30px
    }

    .template-federations-directory .federations-directory__container__textual {
        max-width: 100%
    }

    .template-federations-directory .federations-directory__container__textual__title {
        font-size: 3rem;
        line-height: 3.6rem
    }

    .template-federations-directory .federations-directory__container__textual__description {
        font-size: 1.9rem;
        line-height: 3rem
    }
}

@media (max-width:575.98px) {
    .template-federations-directory .federations-directory__container {
        padding: 30px 0
    }

    .template-federations-directory .federations-directory__textual {
        max-width: 100%
    }

    .template-federations-directory .federations-directory__textual__select {
        margin-top: 15px
    }
}

.template-quiz .quiz {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f5f5f1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 100vh;
    padding-top: 90px
}

.template-quiz-list .c-faq-list__container__category:first-child {
    padding-top: 55px
}

.template-quiz-list .coming-soon-container {
    display: none
}

@media (max-width:1023.98px) {
    .template-quiz-list .c-site-menu__logo a svg {
        fill: #766252
    }

    .template-quiz-list .c-introduction {
        padding-top: 75px
    }

    .template-quiz-list .c-faq-list__container__category:first-child {
        padding-top: 0
    }

    .template-quiz-list .c-header,
    .template-quiz-list .quiz-container {
        display: none
    }

    .template-quiz-list .c-breadcrumb {
        background-color: #f5f5f1
    }

    .template-quiz-list .coming-soon-container {
        background-color: #f5f5f1;
        display: block;
        font-family: TT Commons;
        padding: 120px 7% 40px
    }

    .template-quiz-list .coming-soon-container__background-text {
        color: #e6e6df;
        display: block;
        font-size: 4.2rem;
        font-weight: 800;
        letter-spacing: -1.32px;
        padding-bottom: 30px;
        text-align: right;
        text-transform: uppercase
    }

    .template-quiz-list .coming-soon-container__title {
        display: block;
        font-size: 4rem;
        font-weight: 700;
        letter-spacing: -.43px;
        line-height: 4.6rem;
        max-width: 80%;
        padding-bottom: 20px
    }

    .template-quiz-list .coming-soon-container__description {
        color: #61615a;
        display: block;
        font-size: 1.9rem;
        line-height: 2.8rem;
        padding-bottom: 20px
    }
}

.bottom-spacing {
    padding-bottom: 100px
}

@media (max-width:767.98px) {
    .bottom-spacing {
        padding-bottom: 90px
    }
}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    height: 100%;
    overflow: hidden;
    position: relative
}

.flickity-slider {
    height: 100%;
    position: absolute;
    width: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333;
    position: absolute
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    -webkit-box-shadow: 0 0 0 5px #19f;
    box-shadow: 0 0 0 5px #19f;
    outline: none
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    cursor: auto;
    opacity: .3;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    border-radius: 50%;
    height: 44px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    left: 10px;
    right: auto
}

.flickity-prev-next-button .flickity-button-icon {
    height: 60%;
    left: 20%;
    position: absolute;
    top: 20%;
    width: 60%
}

.flickity-page-dots {
    bottom: -25px;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 8px;
    opacity: .25;
    width: 10px
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.mapboxgl-map {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
    overflow: hidden;
    position: relative
}

.mapboxgl-canvas {
    left: 0;
    position: absolute;
    top: 0
}

.mapboxgl-map:-webkit-full-screen {
    height: 100%;
    width: 100%
}

.mapboxgl-canary {
    background-color: salmon
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
    cursor: pointer
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    -ms-touch-action: none;
    touch-action: none
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.mapboxgl-ctrl-top-left {
    left: 0;
    top: 0
}

.mapboxgl-ctrl-top-right {
    right: 0;
    top: 0
}

.mapboxgl-ctrl-bottom-left {
    bottom: 0;
    left: 0
}

.mapboxgl-ctrl-bottom-right {
    bottom: 0;
    right: 0
}

.mapboxgl-ctrl {
    clear: both;
    pointer-events: auto;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
    float: left;
    margin: 10px 0 0 10px
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
    float: right;
    margin: 10px 10px 0 0
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
    float: left;
    margin: 0 0 10px 10px
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
    float: right;
    margin: 0 10px 10px 0
}

.mapboxgl-ctrl-group {
    background: #fff;
    border-radius: 4px
}

.mapboxgl-ctrl-group:not(:empty) {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .1)
}

@media (-ms-high-contrast:active) {
    .mapboxgl-ctrl-group:not(:empty) {
        -webkit-box-shadow: 0 0 0 2px ButtonText;
        box-shadow: 0 0 0 2px ButtonText
    }
}

.mapboxgl-ctrl-group button {
    background-color: transparent;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 29px;
    outline: none;
    overflow: hidden;
    padding: 0;
    width: 29px
}

.mapboxgl-ctrl-group button+button {
    border-top: 1px solid #ddd
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    width: 100%
}

@media (-ms-high-contrast:active) {
    .mapboxgl-ctrl-icon {
        background-color: transparent
    }

    .mapboxgl-ctrl-group button+button {
        border-top: 1px solid ButtonText
    }
}

.mapboxgl-ctrl-attrib-button:focus,
.mapboxgl-ctrl-group button:focus {
    -webkit-box-shadow: 0 0 2px 2px #0096ff;
    box-shadow: 0 0 2px 2px #0096ff
}

.mapboxgl-ctrl button:disabled {
    cursor: not-allowed
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
    opacity: .25
}

.mapboxgl-ctrl button:not(:disabled):hover {
    background-color: rgba(0, 0, 0, .05)
}

.mapboxgl-ctrl-group button:focus:focus-visible {
    -webkit-box-shadow: 0 0 2px 2px #0096ff;
    box-shadow: 0 0 2px 2px #0096ff
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mapboxgl-ctrl-group button:focus:first-child {
    border-radius: 4px 4px 0 0
}

.mapboxgl-ctrl-group button:focus:last-child {
    border-radius: 0 0 4px 4px
}

.mapboxgl-ctrl-group button:focus:only-child {
    border-radius: inherit
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
    -webkit-animation: mapboxgl-spin 2s linear infinite;
    animation: mapboxgl-spin 2s linear infinite
}

@media (-ms-high-contrast:active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")
    }
}

@-webkit-keyframes mapboxgl-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes mapboxgl-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 23px;
    margin: 0 0 -4px -4px;
    overflow: hidden;
    width: 88px
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
    width: 23px
}

@media (-ms-high-contrast:active) {
    a.mapboxgl-ctrl-logo {
        background-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    a.mapboxgl-ctrl-logo {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
    background-color: hsla(0, 0%, 100%, .5);
    margin: 0;
    padding: 0 5px
}

@media screen {
    .mapboxgl-ctrl-attrib.mapboxgl-compact {
        background-color: #fff;
        border-radius: 12px;
        margin: 10px;
        min-height: 20px;
        padding: 2px 24px 2px 0;
        position: relative
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
        padding: 2px 28px 2px 8px;
        visibility: visible
    }

    .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,
    .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show {
        border-radius: 12px;
        padding: 2px 8px 2px 28px
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
        display: none
    }

    .mapboxgl-ctrl-attrib-button {
        background-color: hsla(0, 0%, 100%, .5);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
        border: 0;
        border-radius: 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        display: none;
        height: 24px;
        outline: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px
    }

    .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,
    .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {
        left: 0
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,
    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
        display: block
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
        background-color: rgba(0, 0, 0, .05)
    }

    .mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
        bottom: 0;
        right: 0
    }

    .mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
        right: 0;
        top: 0
    }

    .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
        left: 0;
        top: 0
    }

    .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
        bottom: 0;
        left: 0
    }
}

@media screen and (-ms-high-contrast:active) {
    .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl-attrib a {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.mapboxgl-ctrl-attrib a:hover {
    color: inherit;
    text-decoration: underline
}

.mapboxgl-ctrl-attrib .mapbox-improve-map {
    font-weight: 700;
    margin-left: 2px
}

.mapboxgl-attrib-empty {
    display: none
}

.mapboxgl-ctrl-scale {
    background-color: hsla(0, 0%, 100%, .75);
    border: 2px solid #333;
    border-top: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font-size: 10px;
    padding: 0 5px
}

.mapboxgl-popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    will-change: transform
}

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mapboxgl-popup-anchor-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.mapboxgl-popup-anchor-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mapboxgl-popup-tip {
    border: 10px solid transparent;
    height: 0;
    width: 0;
    z-index: 1
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    border-bottom-color: #fff;
    border-top: none
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    border-bottom-color: #fff;
    border-left: none;
    border-top: none
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    border-bottom-color: #fff;
    border-right: none;
    border-top: none
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    border-bottom: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    border-bottom: none;
    border-left: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    border-bottom: none;
    border-right: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    border-left: none;
    border-right-color: #fff
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    border-left-color: #fff;
    border-right: none
}

.mapboxgl-popup-close-button {
    background-color: transparent;
    border: 0;
    border-radius: 0 3px 0 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.mapboxgl-popup-close-button:hover {
    background-color: rgba(0, 0, 0, .05)
}

.mapboxgl-popup-content {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    padding: 10px 10px 15px;
    pointer-events: auto;
    position: relative
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
    border-top-left-radius: 0
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
    border-top-right-radius: 0
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
    border-bottom-left-radius: 0
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
    border-bottom-right-radius: 0
}

.mapboxgl-popup-track-pointer {
    display: none
}

.mapboxgl-popup-track-pointer * {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer {
    display: none
}

.mapboxgl-marker {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    will-change: transform
}

.mapboxgl-user-location-dot,
.mapboxgl-user-location-dot:before {
    background-color: #1da1f2;
    border-radius: 50%;
    height: 15px;
    width: 15px
}

.mapboxgl-user-location-dot:before {
    -webkit-animation: mapboxgl-user-location-dot-pulse 2s infinite;
    animation: mapboxgl-user-location-dot-pulse 2s infinite;
    content: "";
    position: absolute
}

.mapboxgl-user-location-dot:after {
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .35);
    box-shadow: 0 0 3px rgba(0, 0, 0, .35);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    height: 19px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 19px
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
    height: 0;
    width: 0
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
    border-bottom: 7.5px solid #4aa1eb;
    content: "";
    position: absolute
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
    border-left: 7.5px solid transparent;
    -webkit-transform: translateY(-28px) skewY(-20deg);
    -ms-transform: translateY(-28px) skewY(-20deg);
    transform: translateY(-28px) skewY(-20deg)
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
    border-right: 7.5px solid transparent;
    -webkit-transform: translate(7.5px, -28px) skewY(20deg);
    -ms-transform: translate(7.5px, -28px) skewY(20deg);
    transform: translate(7.5px, -28px) skewY(20deg)
}

@-webkit-keyframes mapboxgl-user-location-dot-pulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    70% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3)
    }

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

@keyframes mapboxgl-user-location-dot-pulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    70% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3)
    }

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

.mapboxgl-user-location-dot-stale {
    background-color: #aaa
}

.mapboxgl-user-location-dot-stale:after {
    display: none
}

.mapboxgl-user-location-accuracy-circle {
    background-color: rgba(29, 161, 242, .2);
    border-radius: 100%;
    height: 1px;
    width: 1px
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
    cursor: crosshair
}

.mapboxgl-boxzoom {
    background: #fff;
    border: 2px dotted #202020;
    height: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 0
}

@media print {
    .mapbox-improve-map {
        display: none
    }
}

.mapboxgl-scroll-zoom-blocker,
.mapboxgl-touch-pan-blocker {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: opacity .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out;
    transition: opacity .75s ease-in-out;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    width: 100%
}

.mapboxgl-scroll-zoom-blocker-show,
.mapboxgl-touch-pan-blocker-show {
    opacity: 1;
    -webkit-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out
}

.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y
}

.mapboxgl-ctrl-group {
    overflow: hidden
}

.mapboxgl-ctrl-group:not(:empty) {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.mapboxgl-ctrl-group button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.mapboxgl-ctrl-group button svg {
    vertical-align: top
}

.mapboxgl-ctrl-group .mapboxgl-ctrl-geolocate {
    display: block
}

.mapboxgl-ctrl-group button:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mapboxgl-ctrl-compass {
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    overflow: visible;
    position: relative;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    visibility: hidden
}

.mapboxgl-ctrl-compass.-active {
    opacity: 1;
    visibility: visible
}

.mapboxgl-ctrl-compass button {
    border-radius: 50%;
    position: relative
}

.mapboxgl-ctrl-compass svg {
    left: 50%;
    margin-left: -11px;
    margin-top: -11px;
    position: absolute;
    top: 50%
}

.mapboxgl-ctrl-ruler button.-active svg {
    fill: #4264fb
}

.mapboxgl-ctrl-styles,
.mapboxgl-ctrl-styles button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mapboxgl-ctrl-styles button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 8px;
    width: auto
}

.mapboxgl-ctrl-styles button+button {
    border: none
}

.mapboxgl-ctrl-styles button.-active {
    background: #f5f5f5
}

.mapboxgl-ctrl-zoom button:first-child {
    border-radius: 2px 2px 0 0
}

.mapboxgl-ctrl-zoom button:last-child {
    border: none;
    border-radius: 0 0 2px 2px
}

.mapboxgl-ctrl-inspect-popup {
    padding-top: 5px;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.mapboxgl-ctrl-inspect-content {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    font-family: sans-serif;
    font-size: 12px;
    padding: 5px;
    position: relative
}

.mapboxgl-ctrl-inspect-content:before {
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 0
}

.mapboxgl-ctrl-inspect-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.mapboxgl-ctrl-inspect-next,
.mapboxgl-ctrl-inspect-prev {
    border-radius: 4px;
    padding: 2px 12px
}

.mapboxgl-ctrl-inspect-next:hover,
.mapboxgl-ctrl-inspect-prev:hover {
    background: rgba(0, 0, 0, .05);
    cursor: pointer
}

.mapboxgl-ctrl-inspect-next:hover svg,
.mapboxgl-ctrl-inspect-prev:hover svg {
    fill: #4264fb
}

.mapboxgl-ctrl-inspect-next svg,
.mapboxgl-ctrl-inspect-prev svg {
    vertical-align: top
}

.mapboxgl-ctrl-inspect-prev {
    margin-right: 6px
}

.mapboxgl-ctrl-inspect-next {
    margin-left: 6px
}

.mapboxgl-ctrl-inspect-feature {
    border-collapse: collapse;
    min-width: 200px;
    width: 100%
}

.mapboxgl-ctrl-inspect-feature td,
.mapboxgl-ctrl-inspect-feature th {
    padding: 5px
}

.mapboxgl-ctrl-inspect-feature th {
    text-align: right
}

.mapboxgl-ctrl-inspect-feature tr:not(:last-child) td,
.mapboxgl-ctrl-inspect-feature tr:not(:last-child) th {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.mapboxgl-ctrl-inspect button.-active svg {
    fill: #4264fb
}

.mapboxgl-ctrl-tooltip {
    background: #fff;
    border-radius: 2px;
    font-size: 14px;
    margin-top: 24px;
    padding: 5px 7px;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    white-space: nowrap;
    z-index: 3
}

.mapboxgl-ctrl-tooltip:empty {
    display: none
}

.c-breadcrumb {
    position: relative;
    z-index: 10
}

.c-breadcrumb.beige {
    background-color: #f5f5f1
}

.c-breadcrumb__content {
    border-top: 1px solid hsla(0, 0%, 60%, .14);
    padding: 22px 0
}

.c-breadcrumb__content__item {
    color: #1b1b1b;
    display: inline;
    font-family: TT Commons;
    font-size: 1.8rem;
    line-height: 3.1rem;
    vertical-align: middle
}

.c-breadcrumb__content__item a {
    color: #989898
}

.c-breadcrumb__content__item:after {
    color: #989898;
    content: ">";
    display: inline;
    margin: 0 8px;
    vertical-align: middle
}

.c-breadcrumb__content__item:last-child:after {
    content: none
}

@media (min-width:1024px) {
    .c-breadcrumb__content__item {
        font-size: 1.8rem
    }

    .c-breadcrumb__content__item a {
        -webkit-transition: color .35s ease;
        -o-transition: color .35s ease;
        transition: color .35s ease
    }

    .c-breadcrumb__content__item a:focus,
    .c-breadcrumb__content__item a:hover {
        color: #1b1b1b
    }
}

@media (max-width:767.98px) {
    .c-breadcrumb__content {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0 auto;
        max-width: 100%;
        padding: 20px 0;
        width: 100%
    }
}

.c-button {
    background: #66a361;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.8rem;
    line-height: 1.44;
    overflow: hidden;
    padding: 15px 35px 13px 32px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: padding .35s ease, background .35s ease, border .35s ease, color .35s ease;
    -o-transition: padding .35s ease, background .35s ease, border .35s ease, color .35s ease;
    transition: padding .35s ease, background .35s ease, border .35s ease, color .35s ease
}

.c-button:before {
    background-color: #5a9755;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width .35s ease;
    -o-transition: width .35s ease;
    transition: width .35s ease;
    width: 0;
    z-index: 1
}

.desktop .c-button:hover:not([disabled]):not(.is-dropdown):not(.black):not(.transparent):before {
    width: 100%
}

.desktop .c-button.is-dropdown:hover .c-button__dropdown-arrow svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.desktop .c-button.is-dropdown:hover .c-button__dropdown-content {
    max-height: 350px;
    padding-bottom: 30px;
    padding-top: 30px
}

.desktop .c-button .c-button__dropdown-content li a:hover {
    color: #fff
}

.c-button.black {
    background: #333
}

.c-button.black:before {
    background-color: #000
}

.c-button.black:hover:before {
    width: 100%
}

.c-button.transparent {
    background: transparent;
    border: 1px solid hsla(0, 0%, 60%, .26);
    color: #989898
}

.c-button.transparent:hover {
    background-color: transparent;
    border-color: #000;
    color: #333
}

.c-button.is-dropdown {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: visible
}

.c-button.is-dropdown.is-open .c-button__dropdown-arrow svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-button.is-dropdown.is-open .c-button__dropdown-content {
    max-height: 350px;
    padding-bottom: 30px;
    padding-top: 30px
}

.c-button.is-loading {
    padding-left: 0;
    padding-right: 0
}

.c-button.is-loading .c-button__spinner {
    opacity: 1;
    visibility: visible
}

.c-button.is-loading .c-button__icon,
.c-button.is-loading .c-button__label {
    opacity: 0;
    visibility: hidden
}

.c-button__label {
    font-family: TT Commons;
    font-size: 1.8rem;
    line-height: 2.2rem;
    position: relative;
    z-index: 2
}

.c-button__icon {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    vertical-align: middle;
    z-index: 2
}

.c-button__icon+.c-button__label {
    display: inline-block;
    padding: 5px 0;
    text-align: left;
    vertical-align: middle
}

.c-button__icon svg {
    font-size: 3.4rem
}

.c-button__icon svg.svg-icon-permis {
    font-size: 3.2rem
}

.c-button__icon svg.svg-icon-calendar {
    font-size: 2.6rem
}

.c-button__dropdown-arrow {
    margin-left: 20px;
    padding-left: 23px;
    position: relative
}

.c-button__dropdown-arrow:before {
    background-color: #80b77c;
    content: "";
    display: block;
    height: 39px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.c-button__dropdown-arrow svg {
    font-size: .75rem;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.c-button__dropdown-content {
    background-color: #5a9755;
    left: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0 34px;
    position: absolute;
    text-align: left;
    top: 1px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: max-height .5s ease, background-color .5s ease, padding-top .45s ease, padding-bottom .45s ease;
    -o-transition: max-height .5s ease, background-color .5s ease, padding-top .45s ease, padding-bottom .45s ease;
    transition: max-height .5s ease, background-color .5s ease, padding-top .45s ease, padding-bottom .45s ease;
    width: 100%;
    z-index: 3
}

.c-button__dropdown-content li {
    display: block
}

.c-button__dropdown-content li:last-child a {
    margin-bottom: 0
}

.c-button__dropdown-content li a {
    color: hsla(0, 0%, 100%, .7);
    display: block;
    font-family: TT Commons;
    font-size: 1.8rem;
    margin-bottom: 15px;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

@media (max-width:1023.98px) {
    .c-button {
        padding: 15px 30px 14px
    }

    .c-button.is-dropdown.is-open .c-button__dropdown-content,
    .desktop .c-button.is-dropdown:hover .c-button__dropdown-content {
        padding-bottom: 25px;
        padding-top: 25px
    }

    .c-button__icon+.c-button__label {
        padding: 0
    }

    .c-button__icon svg {
        font-size: 3.6rem
    }

    .c-button__icon svg.svg-icon-permis {
        font-size: 2.8rem
    }

    .c-button__icon svg.svg-icon-calendar {
        font-size: 2.2rem
    }

    .c-button__dropdown-content {
        padding: 0 25px
    }

    .c-button__dropdown-content li a {
        margin-bottom: 12px
    }
}

@media (max-width:575.98px) {
    .c-button {
        padding: 14px 22px 13px
    }

    .c-button__label br {
        display: inherit
    }
}

.c-cross-nav {
    padding: 80px 0;
    position: relative
}

.c-cross-nav__background {
    background-color: #f5f5f1;
    background-image: url(./images/pattern-main.svg);
    background-repeat: repeat;
    height: 45%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5
}

.c-cross-nav__title {
    display: block;
    padding-bottom: 55px;
    text-align: center
}

.c-cross-nav__content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 10
}

.c-cross-nav__content__item {
    display: inline-block
}

.c-cross-nav__content__item:hover .c-cross-nav__content__item__media:after {
    background-color: rgba(0, 0, 0, .1)
}

.c-cross-nav__content__item:first-child .c-cross-nav__content__item__text {
    position: relative
}

.c-cross-nav__content__item:first-child .c-cross-nav__content__item__text:after {
    background-color: hsla(0, 0%, 60%, .14);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.c-cross-nav__content__item__media {
    overflow: hidden;
    position: relative
}

.c-cross-nav__content__item__media:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 59%
}

.c-cross-nav__content__item__media:after {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .35s ease;
    -o-transition: background-color .35s ease;
    transition: background-color .35s ease
}

.c-cross-nav__content__item__media img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    -o-transition: transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    width: 100%
}

.c-cross-nav__content__item__text {
    padding: 60px
}

.c-cross-nav__content__item__text__title {
    color: #000;
    font-family: TT Commons;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.4rem;
    padding-bottom: 15px
}

.c-cross-nav__content__item__text__title br {
    display: none
}

.c-cross-nav__content__item__text__description {
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 2.8rem
}

@media (max-width:1023.98px) {
    .c-cross-nav {
        margin-top: 30px;
        padding: 75px 0
    }

    .c-cross-nav__content__item__text {
        padding: 25px
    }
}

@media (max-width:767.98px) {
    .c-cross-nav {
        padding-bottom: 20px;
        padding-top: 50px
    }

    .c-cross-nav__title {
        margin: 0 auto;
        padding-bottom: 35px
    }

    .c-cross-nav__background {
        bottom: 25%;
        height: auto
    }

    .c-cross-nav__content {
        display: block
    }

    .c-cross-nav__content__item {
        display: block;
        margin-bottom: 5px;
        max-width: 100%;
        text-align: center;
        width: 100%
    }

    .c-cross-nav__content__item:first-child .c-cross-nav__content__item__text:after {
        content: none
    }

    .c-cross-nav__content__item__text__title {
        font-size: 2.4rem;
        line-height: 1.3;
        padding-bottom: 0
    }

    .c-cross-nav__content__item__text__description {
        display: none
    }
}

.desktop body .flickity-prev-next-button.previous:hover .flickity-button-icon {
    -webkit-animation: hoverNavigationLeft .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationLeft .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

.desktop body .flickity-prev-next-button.next:hover .flickity-button-icon {
    -webkit-animation: hoverNavigationRight .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationRight .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

.desktop body .flickity-prev-next-button:disabled {
    pointer-events: all
}

.desktop body .flickity-prev-next-button:disabled:hover .flickity-button-icon {
    -webkit-animation: none;
    animation: none
}

body .flickity-enabled {
    display: block !important;
    padding-bottom: 55px
}

body .flickity-page-dots {
    bottom: 0;
    left: 0
}

body .flickity-page-dots .dot {
    background-color: hsla(0, 0%, 72%, .4);
    border-radius: 0;
    height: 2px;
    margin: 0 5px;
    opacity: 1;
    -webkit-transition: background-color .35s ease;
    -o-transition: background-color .35s ease;
    transition: background-color .35s ease;
    width: 20px
}

body .flickity-page-dots .dot.is-selected {
    background-color: #66a361
}

body .flickity-prev-next-button {
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0 4px 12px 2px rgba(48, 48, 48, .1);
    box-shadow: 0 4px 12px 2px rgba(48, 48, 48, .1);
    display: inline-block;
    height: 66px;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 71px
}

body .flickity-prev-next-button:disabled {
    opacity: 1
}

body .flickity-prev-next-button:disabled .flickity-button-icon {
    fill: #e7e7e7
}

body .flickity-prev-next-button:active {
    opacity: 1
}

body .flickity-prev-next-button:focus {
    -webkit-box-shadow: 0 4px 12px 2px rgba(48, 48, 48, .1);
    box-shadow: 0 4px 12px 2px rgba(48, 48, 48, .1);
    outline: none
}

body .flickity-prev-next-button:focus.next .flickity-button-icon {
    -webkit-animation: hoverNavigationRight .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationRight .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

body .flickity-prev-next-button:focus.previous .flickity-button-icon {
    -webkit-animation: hoverNavigationLeft .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationLeft .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

body .flickity-prev-next-button.next {
    right: 0;
    z-index: 4
}

body .flickity-prev-next-button.next .flickity-button-icon {
    top: calc(50% + 3px)
}

body .flickity-prev-next-button.previous {
    left: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5
}

body .flickity-prev-next-button.previous:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: -10px;
    top: 0;
    width: 15px;
    z-index: 2
}

body .flickity-prev-next-button.previous:after {
    background-color: hsla(0, 0%, 60%, .21);
    content: "";
    height: 38px;
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    z-index: 5
}

body .flickity-prev-next-button .flickity-button-icon {
    font-size: 1.2rem;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
    transform: translate3d(-50%, -50%, 0) rotate(180deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 100%
}

@media (max-width:767.98px) {

    body .flickity-page-dots,
    body .flickity-prev-next-button {
        display: none
    }
}

@media (max-width:575.98px) {
    body .flickity-enabled {
        padding-bottom: 30px
    }
}

.c-form {
    padding: 25px 0 50px
}

.c-form__title {
    color: #4b4b49;
    font-weight: 600;
    margin: 3rem 0rem 3rem 3rem;
    font-size: larger;
}

.c-form__title+.c-form__block {
    margin-top: 50px;
}

.c-form__block {
    background-color: #fff;
    -webkit-box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .06), 0 0 54px -8px rgba(0, 0, 0, .06);
    box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .06), 0 0 54px -8px rgba(0, 0, 0, .06);
    margin: 0 auto;
    max-width: 960px;
    padding: 4.16667% 0;
    width: 100%
}

.c-form__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.c-form__field {
    margin-bottom: 36px;
    margin-left: 6.25%;
    text-align: left;
    width: 40.625%
}

.c-form__field+.c-form__field {
    margin-right: 6.25%
}

.c-form__field--full {
    width: 87.5%
}

.c-form__field--newsletter {
    padding-top: 11px
}

.c-form__field--right {
    text-align: right
}

.c-form__field--error .c-form__input,
.c-form__field--error .c-form__select {
    border-color: #eb3c3c
}

.c-form__field--error .c-form__input:focus,
.c-form__field--error .c-form__select:focus {
    border-color: #c61414
}

.c-form__field--error .c-form__file-label {
    border-color: #eb3c3c
}

.c-form__field--error .c-form__file:focus+.c-form__file-label {
    border-color: #c61414
}

.c-form__field--error .c-form__file+.c-form__file-label {
    color: #eb3c3c
}

.c-form__field--error .c-form__file+.c-form__file-label .c-form__file-label__icon__select,
.c-form__field--error .c-form__file+.c-form__file-label .c-form__file-label__icon__selected {
    display: none
}

.c-form__field--error .c-form__file+.c-form__file-label .c-form__file-label__icon__error {
    display: inline
}

.c-form__field--error .c-form__error {
    display: block
}

.c-form__label {
    color: #61615a;
    display: block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 1.86;
    margin-bottom: 12px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-form__label+.c-form__error {
    margin-bottom: 16px;
    margin-top: -6px;
    padding-top: 0
}

.c-form__label div {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none
}

.c-form__label--checkbox {
    color: #1b1b1b;
    cursor: pointer;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.44;
    margin-bottom: 0;
    padding-top: 3px;
    text-transform: none;
    vertical-align: middle
}

.c-form__label--checkbox .c-form__checkbox {
    margin-top: -3px
}

.c-form__extra-label {
    color: #61615a;
    display: block;
    font-family: TT Commons;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 1.5;
    margin-top: 20px
}

.c-form__required {
    color: #66a361
}

.c-form__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #b7b7b7;
    border-radius: 0;
    color: #1b1b1b;
    font-family: TT Commons;
    font-size: 1.8rem;
    height: 50px;
    line-height: 1.44;
    margin: 0;
    padding: 18px;
    -webkit-transition: border .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: border .3s cubic-bezier(.25, .46, .45, .94);
    transition: border .3s cubic-bezier(.25, .46, .45, .94);
    width: 100%
}

.c-form__input:focus {
    border-color: #66a361
}

.c-form__input--message {
    height: 162px
}

.c-form__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(./images/form-sprite.gif);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 50px 216px;
    border: 1px solid #b7b7b7;
    color: #1b1b1b;
    cursor: pointer;
    font-family: TT Commons;
    font-size: 18px;
    height: 50px;
    line-height: 1.44;
    margin: 0;
    padding-left: 18px;
    padding-right: 50px;
    -webkit-transition: border .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: border .3s cubic-bezier(.25, .46, .45, .94);
    transition: border .3s cubic-bezier(.25, .46, .45, .94);
    width: 100%
}

.c-form__select:focus {
    background-position: 100% -50px;
    border-color: #66a361
}

.c-form__select:disabled {
    background-position: 100% -100px;
    border-color: #e7e7e7;
    cursor: default
}

.c-form__files {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    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;
    margin-bottom: -22px
}

.c-form__files__file {
    display: none;
    margin-bottom: 22px;
    width: 46.42857%
}

.c-form__files__file:nth-child(odd) {
    margin-right: 7.14286%
}

.c-form__files--show-2 .c-form__files__file:nth-child(2),
.c-form__files--show-3 .c-form__files__file:nth-child(2),
.c-form__files--show-3 .c-form__files__file:nth-child(3),
.c-form__files--show-4 .c-form__files__file:nth-child(2),
.c-form__files--show-4 .c-form__files__file:nth-child(3),
.c-form__files--show-4 .c-form__files__file:nth-child(4),
.c-form__files__file:first-child {
    display: block
}

.c-form__file {
    cursor: pointer;
    height: 50px;
    opacity: 0;
    position: absolute;
    width: 100%
}

.c-form__file-container {
    position: relative
}

.c-form__file-label {
    border: 1px solid #b7b7b7;
    border-radius: 0;
    color: #989898;
    cursor: pointer;
    display: block;
    font-family: TT Commons;
    font-size: 1.8rem;
    height: 50px;
    line-height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 0 18px;
    pointer-events: none;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: border .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: border .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94);
    transition: border .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94);
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.c-form__file-label__icon {
    display: inline-block;
    font-size: 2.2rem;
    margin-right: 13px
}

.c-form__file-label__icon__selected {
    color: #66a361;
    display: none
}

.c-form__file-label__icon__error {
    color: #eb3c3c;
    display: none
}

.c-form__file-reset {
    -webkit-appearance: button;
    color: #989898;
    cursor: pointer;
    display: none;
    font-family: inherit;
    font-size: 100%;
    font-size: 2.2rem;
    height: 46px;
    line-height: 1.15;
    margin: 0;
    overflow: visible;
    position: absolute;
    right: 18px;
    text-transform: none;
    top: 0;
    -webkit-transition: color .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: color .3s cubic-bezier(.25, .46, .45, .94);
    transition: color .3s cubic-bezier(.25, .46, .45, .94);
    z-index: 2
}

.c-form__file-reset:focus {
    color: #1b1b1b
}

.c-form__file:focus+.c-form__file-label {
    border-color: #66a361
}

.c-form__file--selected+.c-form__file-label {
    color: #1b1b1b;
    padding-right: 50px
}

.c-form__file--selected+.c-form__file-label .c-form__file-label__icon__select {
    display: none
}

.c-form__file--selected+.c-form__file-label .c-form__file-label__icon__selected {
    display: inline
}

.c-form__file--selected~.c-form__file-reset {
    display: block
}

.c-form__checkbox {
    background-image: url(./images/form-sprite.gif);
    background-position: 0 -150px;
    background-repeat: no-repeat;
    background-size: 50px 216px;
    border: 1px solid #b7b7b7;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin: 0 12px 0 0;
    -webkit-transition: border .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: border .3s cubic-bezier(.25, .46, .45, .94);
    transition: border .3s cubic-bezier(.25, .46, .45, .94);
    vertical-align: middle;
    width: 22px
}

.c-form__checkbox:focus {
    border-color: #66a361
}

.c-form__checkbox:disabled {
    border-color: #e7e7e7;
    cursor: default
}

.c-form__checkbox:checked {
    background-position: 0 -172px
}

.c-form__checkbox:checked:disabled {
    background-position: 0 -194px;
    border-color: #e7e7e7
}

.c-form__error {
    color: #eb3c3c;
    display: none;
    font-family: TT Commons;
    font-size: 1.2em;
    font-style: normal;
    line-height: 1.25;
    padding-top: 10px
}

.c-form__submit {
    -webkit-appearance: button;
    background-color: #66a361;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-family: TT Commons;
    font-size: 100%;
    font-size: 18px;
    height: 54px;
    line-height: 1.15;
    line-height: 1.44;
    margin: 0;
    overflow: visible;
    overflow: hidden;
    position: relative;
    text-transform: none;
    -webkit-transition: background-color .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: background-color .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94);
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94);
    width: 200px
}

.c-form__submit:before {
    background-color: #5a9755;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width .35s ease;
    -o-transition: width .35s ease;
    transition: width .35s ease;
    width: 0;
    z-index: 1
}

.c-form__submit:focus:before {
    width: 100%
}

.c-form__submit--progress {
    background-color: #66a361 !important;
    cursor: progress
}

.c-form__submit--progress:before {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: fnc-form-submit-progress;
    animation-name: fnc-form-submit-progress
}

.c-form__submit--success {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: fnc-form-submit-success;
    animation-name: fnc-form-submit-success;
    background-color: #fff !important;
    color: #66a361;
    cursor: pointer;
    font-weight: 600;
    text-align: left;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    width: 310px
}

.c-form__submit--success:before {
    display: none
}

.c-form__submit--success:after {
    background-color: #66a361;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.c-form__submit--success .c-form__submit__label,
.c-form__submit--success .c-form__submit__success {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.c-form__submit--error {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: fnc-form-submit-error;
    animation-name: fnc-form-submit-error;
    background: #eb3c3c !important;
    cursor: not-allowed
}

.c-form__submit--error:before {
    display: none
}

.c-form__submit--error .c-form__submit__error,
.c-form__submit--error .c-form__submit__label {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.c-form__submit__error,
.c-form__submit__label,
.c-form__submit__success {
    height: 100%;
    left: 0;
    line-height: 54px;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    width: 100%;
    z-index: 2
}

.c-form__submit__error,
.c-form__submit__success {
    top: 100%
}

.c-form__submit__error svg,
.c-form__submit__success svg {
    font-size: 1.3rem;
    margin-right: 6px
}

.c-form__mentions {
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.5rem;
    line-height: 1.25;
    margin-left: 6.25%;
    margin-right: 6.25%;
    padding-top: 20px
}

.c-form__mentions a {
    text-decoration: underline
}

.desktop .c-form__subject-message a:hover {
    text-decoration: none
}

.desktop .c-form__field--error .c-form__file:hover+.c-form__file-label,
.desktop .c-form__field--error .c-form__input:hover,
.desktop .c-form__field--error .c-form__select:hover {
    border-color: #c61414
}

.desktop .c-form__input:hover {
    border-color: #66a361
}

.desktop .c-form__select:hover {
    background-position: 100% -50px;
    border-color: #66a361
}

.desktop .c-form__file:hover+.c-form__file-label {
    border-color: #66a361;
    color: #1b1b1b
}

.desktop .c-form__file-reset:hover {
    color: #1b1b1b
}

.desktop .c-form__checkbox:hover {
    border-color: #66a361
}

.desktop .c-form__submit:hover:before {
    width: 100%
}

.desktop .c-form__mentions a:hover {
    text-decoration: none
}

@media (max-width:767.98px) {
    .c-form__block {
        padding: 7% 0
    }

    .c-form__row {
        display: block
    }

    .c-form__field {
        margin-bottom: 26px;
        margin-left: 0;
        width: 100%
    }

    .c-form__field+.c-form__field {
        margin-right: 0
    }

    .c-form__field--message {
        width: 100%
    }

    .c-form__field--newsletter {
        padding-top: 0
    }

    .c-form__files__file {
        width: 100%
    }

    .c-form__files__file:nth-child(odd) {
        margin-right: 0
    }

    .c-form__mentions {
        margin-left: 0;
        margin-right: 0
    }
}

.c-form-select {
    max-width: 450px;
    position: relative
}

.c-form-select select {
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    font-family: TT Commons;
    font-size: 1.6rem;
    height: 100%;
    letter-spacing: .34px;
    line-height: 2rem;
    max-width: 100%;
    padding: 22px 65px 21px 30px;
    text-transform: uppercase;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.c-form-select select,
.c-form-select select option {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.c-form-select select option {
    color: initial
}

.c-form-select svg {
    fill: hsla(0, 0%, 100%, .5);
    font-size: .75rem;
    pointer-events: none;
    position: absolute;
    right: 28px;
    top: calc(50% - 2px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: fill .35s ease;
    -o-transition: fill .35s ease;
    transition: fill .35s ease
}

.desktop .c-form-select:hover select {
    color: #fff
}

.desktop .c-form-select:hover svg {
    fill: hsla(0, 0%, 100%, .8)
}

@media (max-width:1023.98px) {
    .c-form-select {
        max-width: 380px
    }

    .c-form-select select {
        padding: 25px 40px 20px 25px
    }

    .c-form-select svg {
        font-size: .75rem;
        right: 30px
    }
}

@media (max-width:767.98px) {
    .c-form-select {
        max-width: 340px
    }
}

@media (max-width:575.98px) {
    .c-form-select {
        max-width: 100%;
        width: 100%
    }
}

.c-header {
    background-color: #000;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    max-height: 100vh;
    min-height: 430px;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.c-header:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 56.22255%;
    position: relative
}

.c-header--small:before {
    padding-bottom: 37.20238%
}

.c-header--textual {
    overflow: visible;
    padding-bottom: 75px;
    padding-top: 255px
}

.c-header--textual:before {
    content: none
}

.c-header--textual .c-header__content {
    position: relative;
    right: auto;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.c-header--textual .c-header__background {
    background-color: #f5f5f1;
    background-image: url(./images/pattern-main.svg);
    background-repeat: repeat;
    height: 120%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.c-header--textual .c-header__content__title {
    color: #000
}

.c-header--textual .c-header__content__subtitle {
    color: #61615a
}

.c-header--textual .c-header__background-text {
    color: #e6e6df;
    top: 170px;
    z-index: 1
}

.c-header--news {
    overflow: auto
}

.c-header--news .c-header__content__title {
    font-family: Ivar;
    font-weight: 400
}

.c-header--news .c-header__content__news__category,
.c-header--news .c-header__content__news__date {
    display: inline-block;
    font-family: TT Commons;
    font-weight: 500;
    letter-spacing: .46px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle
}

.c-header--news .c-header__content__news__date:before {
    background-color: currentColor;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 3px;
    margin: 0 5px 3px;
    vertical-align: middle;
    width: 3px
}

.c-header__media {
    position: relative;
    z-index: 10
}

.c-header__media img {
    display: block;
    width: 100%;
    will-change: transform
}

.c-header__content {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    z-index: 15
}

.c-header__content--center {
    left: 50%;
    margin: 0;
    text-align: center;
    top: 55%;
    -webkit-transform: translate(-50%, -20%);
    -ms-transform: translate(-50%, -20%);
    transform: translate(-50%, -20%);
    width: 100%
}

.c-header__content--center .c-header__content__background-text {
    left: 50%;
    -webkit-transform: translate(-50%, -52%);
    -ms-transform: translate(-50%, -52%);
    transform: translate(-50%, -52%)
}

.c-header__content--center .c-header__content__subtitle,
.c-header__content--center .c-header__content__title {
    margin: 0 auto
}

.c-header__content__background-text {
    color: hsla(0, 0%, 100%, .2);
    font-family: TT Commons;
    font-size: 16rem;
    font-weight: 900;
    left: -40px;
    letter-spacing: -5px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    -webkit-transform: translateY(-52%);
    -ms-transform: translateY(-52%);
    transform: translateY(-52%);
    z-index: 5
}

.c-header__content__title {
    font-family: TT Commons;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    z-index: 10
}

.c-header__content__title u {
    display: inline-block;
    position: relative;
    text-decoration: none;
    z-index: 5
}

.c-header__content__title u:before {
    background: #afcf1a;
    bottom: 8px;
    content: "";
    display: block;
    height: 20px;
    left: 3px;
    position: absolute;
    right: 0;
    z-index: -1
}

.c-header__content__title+.c-header__content__subtitle {
    padding-top: 15px
}

.c-header__content__subtitle {
    color: hsla(0, 0%, 100%, .7);
    font-family: TT Commons;
    position: relative;
    z-index: 10
}

.c-header__content__subtitle a {
    color: #66a361;
    text-decoration: underline
}

.c-header__black-mask {
    background: #000;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5
}

.c-header__black-mask--left {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
    background: linear-gradient(90deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0))
}

.c-header__extra-buttons {
    bottom: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0;
    position: absolute;
    right: 7%;
    z-index: 20
}

.c-header__extra-button {
    display: inline-block;
    position: relative;
    z-index: 5
}

.c-header__extra-button:nth-child(2) {
    border-left: 1px solid #80b77c
}

.c-header__extra-button .c-button {
    height: 100%
}

.c-header__scroll-indication {
    bottom: 0;
    cursor: pointer;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 26px;
    z-index: 15
}

.c-header__scroll-indication__mouse {
    display: block;
    height: 40px;
    position: relative;
    width: 100%
}

@-webkit-keyframes mouse-scroll {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    35% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    70% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes mouse-scroll {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    35% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    70% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.c-header__scroll-indication__mouse svg {
    font-size: 4rem
}

.c-header__scroll-indication__mouse svg #mouse-border {
    fill: #fff
}

.c-header__scroll-indication__mouse svg #mouse-stroke {
    fill: hsla(0, 0%, 82%, .72)
}

.c-header__scroll-indication__mouse svg #mouse-dot {
    fill: #fff;
    -webkit-animation: mouse-scroll 1.1s infinite alternate;
    animation: mouse-scroll 1.1s infinite alternate
}

.c-header__scroll-indication__stroke {
    background-color: hsla(0, 0%, 82%, .72);
    display: block;
    height: 34px;
    margin: 20px auto 0;
    -webkit-transition: height .35s ease, margin .4s ease;
    -o-transition: height .35s ease, margin .4s ease;
    transition: height .35s ease, margin .4s ease;
    width: 1px
}

@media (min-width:1024px) {
    .c-header--small.c-header--media .c-header__content__background-text {
        font-size: 11rem;
        letter-spacing: -.3rem
    }

    .c-header--news {
        overflow: visible;
        padding-bottom: 80px
    }

    .c-header--news .c-header__content__title {
        font-size: 5.2rem
    }

    .c-header--news .c-header__content__news {
        font-size: 1.6rem;
        letter-spacing: .4px;
        margin-top: 25px
    }

    .c-header__content__title {
        font-size: 6.8rem;
        line-height: 1.06
    }

    .c-header__content__subtitle {
        font-size: 1.9rem;
        line-height: 2.8rem
    }

    .c-header__content__button {
        margin-top: 50px
    }
}

@media (max-width:1279.98px) {
    .c-header--textual .c-header__content {
        max-width: 60%
    }

    .c-header__background-text {
        font-size: 8rem;
        left: auto;
        margin-left: auto;
        right: 110px
    }

    .c-header__content__background-text {
        font-size: 12rem
    }

    .c-header__content--center {
        top: 60%;
        -webkit-transform: translate(-50%, -25%);
        -ms-transform: translate(-50%, -25%);
        transform: translate(-50%, -25%)
    }

    .c-header__content__title {
        font-size: 5.4rem;
        line-height: 1.06
    }

    .c-header__content__button {
        margin-top: 40px
    }
}

.desktop .c-header .c-header__scroll-indication:hover {
    padding-top: 35px
}

.desktop .c-header .c-header__scroll-indication:hover .c-header__scroll-indication__stroke {
    height: 24px
}

.desktop .c-header__content__subtitle a:hover {
    text-decoration: none
}

@media screen and (max-width:1080px) {
    .c-header__scroll-indication__mouse {
        display: none
    }
}

@media (max-width:1023.98px) {
    .c-header--small.c-header--media .c-header__content__background-text {
        font-size: 11rem;
        letter-spacing: -.3rem
    }

    .c-header--textual .c-header__background-text {
        letter-spacing: -1.32px;
        right: 100px;
        top: 135px
    }

    .c-header--textual .c-header__content {
        max-width: 75%
    }

    .c-header--news {
        overflow: visible;
        padding-bottom: 50px
    }

    .c-header--news .c-header__content__title {
        font-size: 4rem
    }

    .c-header--news .c-header__content__news {
        font-size: 1.6rem;
        letter-spacing: .4px;
        margin-top: 25px
    }

    .c-header__background-text {
        font-size: 7rem;
        letter-spacing: -.4px
    }

    .c-header__content {
        top: 60%;
        -webkit-transform: translateY(-45%);
        -ms-transform: translateY(-45%);
        transform: translateY(-45%)
    }

    .c-header__content--center {
        top: 60%;
        -webkit-transform: translate(-50%, -35%);
        -ms-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%)
    }

    .c-header__content__background-text {
        font-size: 10rem;
        letter-spacing: -.4px
    }

    .c-header__content__title {
        font-size: 5rem;
        line-height: 1.06;
        margin-bottom: 0
    }

    .c-header__content__subtitle {
        font-size: 1.9rem;
        line-height: 1.47;
        padding-top: 15px
    }

    .c-header__content__button {
        margin-top: 30px
    }

    .c-header__extra-buttons {
        right: 0
    }
}

@media (max-width:767.98px) {
    .c-header:before {
        padding-bottom: 169.6%
    }

    .c-header--textual .c-header__content,
    .c-header__media {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%
    }

    .c-header__background-text {
        font-size: 6rem;
        letter-spacing: -.4px
    }

    .c-header__content--center {
        -webkit-transform: translate(-50%, -40%);
        -ms-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%)
    }

    .c-header__content__background-text {
        font-size: 4.2rem;
        letter-spacing: -1.32px
    }

    .c-header__content__title {
        font-size: 4rem;
        line-height: 1.05
    }

    .c-header__content__subtitle {
        font-size: 1.9rem;
        line-height: 1.47;
        padding-top: 8px
    }

    .c-header__content__button {
        margin-top: 30px
    }
}

@media screen and (max-width:475px) {
    .c-header {
        height: 100vh;
        min-height: 300px
    }

    .c-header--news {
        height: auto
    }

    .c-header--news .c-header__content__title {
        font-size: 3rem;
        line-height: 3.4rem
    }

    .c-header__media {
        margin-left: 0;
        max-width: 100%;
        width: 100%
    }

    .c-header--textual {
        height: auto;
        padding-bottom: 50px;
        padding-top: 175px
    }

    .c-header--textual .c-header__background-text {
        font-size: 4.2rem;
        right: 30px;
        top: 115px
    }

    .c-header__content {
        left: 0;
        margin: 0;
        top: 55%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .c-header__content br {
        display: none
    }

    .c-header__content__background-text {
        left: 0;
        letter-spacing: 0;
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .c-header__content__title {
        max-width: 100%
    }

    .c-header__content__title u:before {
        bottom: 5px;
        height: 16px
    }

    .c-header__extra-buttons {
        width: 100%
    }

    .c-header__extra-button {
        width: 50%
    }

    .c-header__extra-button .c-button {
        width: 100%
    }

    .c-header__extra-button .c-button__dropdown-arrow {
        margin-left: 0;
        padding-left: 15px;
        position: absolute;
        right: 15px
    }

    .c-header__extra-button .c-button__icon {
        margin-right: 10px
    }

    .c-header__extra-button .c-button__icon svg {
        font-size: 3rem
    }

    .c-header__extra-button .c-button.is-dropdown {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        padding-right: 55px
    }
}

.c-introduction {
    background-color: #fff;
    /* padding-bottom: 50px */
    padding-bottom: 1rem
}

.c-introduction+.c-master-advanced-content .c-master-advanced-content__title,
.c-introduction+.c-master-ribbon-title {
    padding-top: 20px
}

.c-introduction__content {
    font-family: Ivar;
    position: relative;
    text-align: center
}

.c-introduction__content:after,
.c-introduction__content:before {
    background-color: hsla(0, 0%, 60%, .35);
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 1px
}

.c-introduction__content:before {
    top: 0
}

.c-introduction__content:after {
    bottom: 0
}

.c-introduction__content a {
    color: #66a361;
    text-decoration: underline
}

@media (min-width:1024px) {
    .c-introduction__content {
        font-size: 2rem;
        line-height: 3.3rem;
        padding: 105px 0
    }

    .c-introduction__content:after,
    .c-introduction__content:before {
        height: 62px
    }
}

.desktop .c-introduction__content a:hover {
    text-decoration: none
}

@media (max-width:1023.98px) {
    .c-introduction__content {
        font-size: 1.8rem;
        line-height: 3.2rem;
        padding: 80px 0
    }

    .c-introduction__content:after,
    .c-introduction__content:before {
        height: 52px
    }
}

@media (max-width:767.98px) {
    .c-introduction__content {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0 auto;
        max-width: 100%;
        padding-left: 10% !important;
        padding-right: 10% !important;
        width: 100%
    }
}

.c-media-cover {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.c-media-cover__media {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.c-media-cover__media.c-media-cover__media--width {
    height: auto;
    width: 100%
}

.c-media-cover__media.c-media-cover__media--height {
    height: 100%;
    width: auto
}

.c-menu-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.c-menu-list.bg-light .c-menu-list__col__head.current .c-menu-list__col__head__title {
    color: #1b1b1b
}

.c-menu-list.bg-light .c-menu-list__col__head.current .c-menu-list__col__head__title:before {
    width: 100%
}

.c-menu-list.bg-light .c-menu-list__col__content__item li.current>a,
.c-menu-list.bg-light .c-menu-list__col__content__item.current>a {
    color: #1b1b1b
}

.c-menu-list.bg-light .c-menu-list__col__content__item li.current>a>svg,
.c-menu-list.bg-light .c-menu-list__col__content__item.current>a>svg {
    fill: #1b1b1b
}

.c-menu-list.bg-light .c-menu-list__col__content {
    color: #61615a
}

.c-menu-list.bg-light .c-menu-list__col__content__dropdown.is-open>button {
    border-color: #1b1b1b;
    color: #1b1b1b
}

.c-menu-list.bg-light .c-menu-list__col__content__dropdown.is-open>button svg {
    fill: #1b1b1b
}

.c-menu-list.bg-light .c-menu-list__col__content__dropdown button {
    border-color: #e7e7e7
}

.c-menu-list.bg-light .c-menu-list__col__head {
    border-bottom: 1px solid #e7e7e7
}

.c-menu-list.bg-light .c-menu-list__col__head__title {
    color: #474747
}

.desktop .c-menu-list .c-menu-list__col__content__item a:hover,
.desktop .c-menu-list .c-menu-list__col__content__item button:hover {
    border-color: #fff;
    color: #fff
}

.desktop .c-menu-list .c-menu-list__col__content__item a:hover svg,
.desktop .c-menu-list .c-menu-list__col__content__item button:hover svg {
    fill: #fff
}

.desktop .c-menu-list.bg-light .c-menu-list__col__content__item a:hover,
.desktop .c-menu-list.bg-light .c-menu-list__col__content__item button:hover {
    border-color: #1b1b1b;
    color: #1b1b1b
}

.desktop .c-menu-list.bg-light .c-menu-list__col__content__item a:hover svg,
.desktop .c-menu-list.bg-light .c-menu-list__col__content__item button:hover svg {
    fill: #1b1b1b
}

.desktop .c-menu-list.bg-light .c-menu-list__col:hover .c-menu-list__col__head__title {
    color: #000
}

.desktop .c-menu-list.bg-light .c-menu-list__col:hover .c-menu-list__col__head__title:before {
    width: 100%
}

.c-menu-list__col {
    display: inline-block;
    text-align: left;
    vertical-align: top
}

.c-menu-list__col.is-open .c-menu-list__col__head svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.c-menu-list__col__head__title {
    color: #e7e7e7;
    display: inline-block;
    font-family: TT Commons;
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    z-index: 5
}

.c-menu-list__col__head__title:before {
    background: #afcf1a;
    bottom: -2px;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: width .35s ease;
    -o-transition: width .35s ease;
    transition: width .35s ease;
    width: 0;
    z-index: -1
}

.c-menu-list__col__head svg {
    display: none
}

.c-menu-list__col__content {
    color: #989898;
    font-family: TT Commons;
    margin-top: 15px;
    max-width: 215px;
    overflow: hidden;
    -webkit-transition: max-height .5s ease;
    -o-transition: max-height .5s ease;
    transition: max-height .5s ease
}

.c-menu-list__col__content__item {
    font-size: 1.9rem;
    line-height: 1.18;
    padding: 15px 0 0
}

.c-menu-list__col__content__item:first-child button {
    padding-top: 0
}

.c-menu-list__col__content__item:first-child button svg {
    top: 8px
}

.c-menu-list__col__content__item .c-menu-list__col__content__dropdown__subcontent li.current {
    padding-right: 15px
}

.c-menu-list__col__content__item .c-menu-list__col__content__dropdown__subcontent li.current>a {
    border-color: #fff;
    color: #fff;
    cursor: default
}

.c-menu-list__col__content__item .c-menu-list__col__content__dropdown__subcontent li.current>a>svg {
    fill: #fff
}

.c-menu-list__col__content__item+.c-menu-list__col__content__dropdown {
    padding-top: 0
}

.c-menu-list__col__content__item a {
    display: inline-block;
    position: relative;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.c-menu-list__col__content__item a .dot {
    background-color: #afcf1a;
    border-radius: 6px;
    height: 6px;
    margin-left: 8px;
    margin-top: 6px;
    position: absolute;
    width: 6px
}

.c-menu-list__col__content__dropdown.is-open>button {
    border-color: #fff;
    color: #fff
}

.c-menu-list__col__content__dropdown.is-open>button svg {
    -webkit-transform: translateY(-40%) rotate(-180deg);
    -ms-transform: translateY(-40%) rotate(-180deg);
    transform: translateY(-40%) rotate(-180deg)
}

.c-menu-list__col__content__dropdown button {
    border-bottom: 1px solid #474747;
    cursor: pointer;
    display: block;
    padding: 25px 28px 19px 0;
    position: relative;
    text-align: left;
    -webkit-transition: border-color .35s ease, color .35s ease;
    -o-transition: border-color .35s ease, color .35s ease;
    transition: border-color .35s ease, color .35s ease;
    width: 100%
}

.c-menu-list__col__content__dropdown button svg {
    fill: currentColor;
    display: block;
    font-size: .6rem;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-40%) rotate(0deg);
    -ms-transform: translateY(-40%) rotate(0deg);
    transform: translateY(-40%) rotate(0deg);
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.c-menu-list__col__content__dropdown__subcontent {
    overflow: hidden;
    -webkit-transition: max-height .5s ease;
    -o-transition: max-height .5s ease;
    transition: max-height .5s ease
}

.c-menu-list__col__content__dropdown__subcontent li {
    padding: 7px 0
}

.c-menu-list__col__content__dropdown__subcontent li:first-child {
    padding-top: 15px
}

.c-menu-list__col__content__dropdown__subcontent.--sub {
    padding-left: 30px
}

@media (max-width:1023.98px) {
    .c-menu-list__col {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin-bottom: 60px;
        margin-left: 0;
        max-width: 100%
    }

    .c-menu-list__col__content,
    .c-menu-list__col__content>ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        max-width: 100%
    }

    .c-menu-list__col__content>ul {
        height: 100%
    }

    .c-menu-list__col__content__item {
        -ms-flex-item-align: baseline;
        -webkit-align-self: baseline;
        align-self: baseline;
        display: inline-block;
        margin-right: 35px;
        vertical-align: middle;
        width: 40%
    }

    .c-menu-list__col__content__item:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width:767.98px) {
    .c-menu-list {
        display: block;
        margin: 0;
        max-width: 100%
    }

    .c-menu-list.bg-light .c-menu-list__col__head {
        border-bottom: none
    }

    .c-menu-list.bg-light .c-menu-list__col__head__title {
        color: #000 !important
    }

    .c-menu-list.bg-light .c-menu-list__col__head__title:before {
        bottom: 0;
        height: 12px
    }

    .c-menu-list__col {
        border-bottom: 1px solid hsla(0, 0%, 60%, .15);
        margin-bottom: 30px;
        padding: 0 0 20px
    }

    .c-menu-list__col__head__title {
        color: #fff !important;
        font-size: 2.4rem;
        margin-bottom: 0
    }

    .c-menu-list__col__head svg {
        fill: #989898;
        display: block;
        font-size: .8rem;
        position: absolute;
        right: 20px;
        top: 4px;
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        -o-transition: transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    .c-menu-list__col__content {
        margin-top: 0;
        padding-left: 7%;
        padding-top: 0
    }

    .c-menu-list__col__content>ul {
        padding-top: 15px
    }

    .c-menu-list__col__content__item {
        margin: 0;
        padding: 0;
        width: 100%
    }

    .c-menu-list__col__content__item:first-child button {
        margin-top: 10px
    }

    .c-menu-list__col__content__item a {
        display: inline-block;
        padding: 8px 0
    }

    .c-menu-list__col__content__dropdown {
        width: 100%
    }

    .c-menu-list__col__content__dropdown.is-open {
        margin-bottom: 5px
    }

    .c-menu-list__col__content__dropdown+:not(.c-menu-list__col__content__dropdown) {
        margin-top: 10px
    }

    .c-menu-list__col__content__dropdown button {
        padding: 20px 0 18px
    }

    .c-menu-list__col__content__dropdown button svg {
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg)
    }

    .c-menu-list__col__content__dropdown__subcontent li {
        padding: 0
    }
}

@media (max-width:575.98px) {
    .c-menu-list.bg-light .c-menu-list__col__head__title:before {
        width: 100%
    }

    .c-menu-list__col {
        max-width: 100%
    }

    .c-menu-list__col:last-child {
        margin-bottom: 0
    }
}

.--dropdown-sub button {
    word-wrap: break-all;
    border: none;
    padding: 0
}

@media (max-width:767px) {
    .--dropdown-sub button {
        padding: 8px 0
    }
}

.--dropdown-sub button svg {
    display: inline-block;
    margin-left: 15px;
    position: relative;
    top: 2px !important
}

@media (max-width:767px) {
    .--dropdown-sub+li {
        margin-top: 0 !important
    }
}

.c-mobile-sharing-bar {
    padding: 15px 0
}

.c-mobile-sharing-bar--position-top {
    border-bottom: 1px solid #e9e9e9
}

.c-mobile-sharing-bar--position-bottom {
    border-top: 1px solid #e9e9e9
}

.c-mobile-sharing-bar__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center
}

.c-mobile-sharing-bar__label {
    color: #61615a;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.9rem;
    margin-top: 3px;
    padding-left: 4px;
    vertical-align: middle
}

.c-mobile-sharing-bar__label:after {
    background-color: #e9e9e9;
    content: "";
    display: inline-block;
    height: 40px;
    margin: 0 15px;
    vertical-align: middle;
    width: 1px
}

.c-mobile-sharing-bar__items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center
}

.c-mobile-sharing-bar__item {
    display: inline-block;
    margin: 0 4px;
    position: relative
}

.c-mobile-sharing-bar__item a {
    display: block;
    padding: 8px
}

.c-mobile-sharing-bar__item:hover svg {
    fill: #66a361
}

.c-mobile-sharing-bar__item.twitter svg {
    font-size: 1.4rem
}

.c-mobile-sharing-bar__item.email svg {
    font-size: 1.3rem
}

.c-mobile-sharing-bar__item svg {
    fill: #959592;
    -webkit-transition: fill .35s ease;
    -o-transition: fill .35s ease;
    transition: fill .35s ease
}

.c-mobile-sharing-bar__item--show-overlay .c-mobile-sharing-bar__item__overlay {
    opacity: 1
}

.c-mobile-sharing-bar__item__overlay {
    background-color: rgba(0, 0, 0, .75);
    color: hsla(0, 0%, 100%, .9);
    font-family: TT Commons;
    font-size: 1.7rem;
    left: 50%;
    line-height: 1.29;
    opacity: 0;
    padding: 9px 15px 7px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 100%;
    -webkit-transform: translate(-50%, 5px);
    -ms-transform: translate(-50%, 5px);
    transform: translate(-50%, 5px);
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    white-space: nowrap;
    z-index: 13
}

.c-mobile-sharing-bar__item__overlay:before {
    border-bottom: 8px solid rgba(0, 0, 0, .75);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: -8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

@media (min-width:1024px) {
    .c-mobile-sharing-bar {
        display: none
    }
}

@media (max-width:1023.98px) {
    .c-mobile-sharing-bar+.c-introduction .c-introduction__content {
        padding-top: 30px
    }

    .c-mobile-sharing-bar+.c-introduction .c-introduction__content:before {
        display: none
    }

    .c-mobile-sharing-bar+.c-actions-map-introduction {
        padding-top: 30px
    }

    .c-mobile-sharing-bar+.c-actions-map-introduction:before {
        display: none
    }

    .c-mobile-sharing-bar+.c-cross-nav {
        margin-top: 0
    }
}

.c-newsletter-ribbon {
    padding: 45px 0 70px;
    position: relative;
    z-index: 10
}

.c-newsletter-ribbon__block {
    background-color: #66a361;
    -webkit-box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
    box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
    margin: 0 auto 60px;
    overflow: hidden;
    padding: 70px 80px;
    position: relative;
    width: 960px;
    z-index: 5
}

.c-newsletter-ribbon__block svg {
    fill: rgba(0, 0, 0, .11);
    font-size: 25rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.c-newsletter-ribbon__container {
    display: inline-block;
    position: relative;
    vertical-align: bottom
}

.c-newsletter-ribbon__container.success .c-button,
.c-newsletter-ribbon__container.success .error-message,
.c-newsletter-ribbon__container.success input {
    display: none
}

.c-newsletter-ribbon__container.error .error-message,
.c-newsletter-ribbon__container.success .success-message {
    display: inline-block
}

.c-newsletter-ribbon__container.error input {
    color: #c43535
}

.c-newsletter-ribbon__container.error input::-webkit-input-placeholder {
    color: #c43535
}

.c-newsletter-ribbon__container.error input::-moz-placeholder {
    color: #c43535
}

.c-newsletter-ribbon__container.error input:-ms-input-placeholder {
    color: #c43535
}

.c-newsletter-ribbon__container.error input::-ms-input-placeholder {
    color: #c43535
}

.c-newsletter-ribbon__container.error input::placeholder {
    color: #c43535
}

.c-newsletter-ribbon__container--left {
    margin-right: 80px;
    width: 240px
}

.c-newsletter-ribbon__container--right {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.c-newsletter-ribbon__container--right .success-message {
    color: #f0f0f0;
    display: none;
    font-family: TT Commons;
    font-size: 2rem;
    font-weight: 500
}

.c-newsletter-ribbon__container--right .error-message {
    bottom: 0;
    color: #c43535;
    display: none;
    font-family: TT Commons;
    left: 0;
    padding-top: 10px;
    position: absolute;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.c-newsletter-ribbon__container__hat {
    color: rgba(0, 0, 0, .65);
    display: block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    padding-bottom: 25px;
    text-transform: uppercase
}

.c-newsletter-ribbon__container__title {
    color: #fff;
    display: block;
    font-family: TT Commons;
    font-size: 3.6rem;
    font-weight: 700
}

.c-newsletter-ribbon__field {
    display: inline-block;
    vertical-align: middle
}

.c-newsletter-ribbon__field--error .c-newsletter-ribbon__input {
    border-color: #eb3c3c
}

.c-newsletter-ribbon__field--error .c-newsletter-ribbon__input:focus {
    border-color: #c61414
}

.c-newsletter-ribbon__field--error .c-newsletter-ribbon__error {
    display: block
}

.c-newsletter-ribbon__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #66a361;
    border-radius: 0;
    color: #1b1b1b;
    font-family: TT Commons;
    font-size: 18px;
    height: 54px;
    line-height: 1.44;
    margin: 0;
    padding: 18px 18px 17px;
    -webkit-transition: border .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: border .3s cubic-bezier(.25, .46, .45, .94);
    transition: border .3s cubic-bezier(.25, .46, .45, .94);
    width: 320px
}

.c-newsletter-ribbon__input::-webkit-input-placeholder {
    color: #1b1b1b
}

.c-newsletter-ribbon__input:-moz-placeholder,
.c-newsletter-ribbon__input::-moz-placeholder {
    color: #1b1b1b
}

.c-newsletter-ribbon__input:-ms-input-placeholder {
    color: #1b1b1b
}

.c-newsletter-ribbon__input:focus {
    border-color: #333
}

.c-newsletter-ribbon__error {
    color: #eb3c3c;
    display: none;
    font-family: TT Commons;
    font-size: 1.6rem;
    font-style: normal;
    line-height: 1.25;
    padding-top: 10px;
    position: absolute;
    top: 100%
}

.c-newsletter-ribbon__submit {
    -webkit-appearance: button;
    background: #333;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-family: TT Commons;
    font-size: 100%;
    font-size: 18px;
    height: 54px;
    line-height: 1.15;
    line-height: 1.44;
    margin: 0 0 0 8px;
    overflow: visible;
    overflow: hidden;
    position: relative;
    text-transform: none;
    -webkit-transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
    vertical-align: middle;
    width: 140px
}

.c-newsletter-ribbon__submit:before {
    background-color: #000;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width .35s ease;
    -o-transition: width .35s ease;
    transition: width .35s ease;
    width: 0;
    z-index: 1
}

.c-newsletter-ribbon__submit:focus:before {
    width: 100%
}

.c-newsletter-ribbon__submit--progress {
    background-color: #333 !important;
    cursor: progress
}

.c-newsletter-ribbon__submit--progress:before {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: fnc-form-submit-progress;
    animation-name: fnc-form-submit-progress
}

.c-newsletter-ribbon__submit--success {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: fnc-form-submit-success;
    animation-name: fnc-form-submit-success;
    background-color: #000 !important;
    cursor: progress
}

.c-newsletter-ribbon__submit--success:before {
    width: 100%
}

.c-newsletter-ribbon__submit--success .c-newsletter-ribbon__submit__label,
.c-newsletter-ribbon__submit--success .c-newsletter-ribbon__submit__success {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.c-newsletter-ribbon__submit--error {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: fnc-form-submit-error;
    animation-name: fnc-form-submit-error;
    background: #eb3c3c !important;
    cursor: not-allowed
}

.c-newsletter-ribbon__submit--error:before {
    display: none
}

.c-newsletter-ribbon__submit--error .c-newsletter-ribbon__submit__error,
.c-newsletter-ribbon__submit--error .c-newsletter-ribbon__submit__label {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.c-newsletter-ribbon__submit__error,
.c-newsletter-ribbon__submit__label,
.c-newsletter-ribbon__submit__success {
    height: 100%;
    left: 0;
    line-height: 54px;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    width: 100%;
    z-index: 2
}

.c-newsletter-ribbon__submit__error,
.c-newsletter-ribbon__submit__success {
    top: 100%
}

.c-newsletter-ribbon__submit__error svg,
.c-newsletter-ribbon__submit__success svg {
    font-size: 1.3rem;
    margin-right: 6px
}

.c-newsletter-ribbon__mentions {
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.6rem;
    line-height: 1.25;
    margin: 0 auto;
    padding: 0 15px;
    width: 960px
}

.c-newsletter-ribbon__mentions a {
    text-decoration: underline
}

.desktop .c-newsletter-ribbon__field--error .c-newsletter-ribbon__input:hover,
.desktop .c-newsletter-ribbon__field--error .c-newsletter-ribbon__select:hover {
    border-color: #c61414
}

.desktop .c-newsletter-ribbon__input:hover {
    border-color: #333
}

.desktop .c-newsletter-ribbon__submit:hover:before {
    width: 100%
}

.desktop .c-newsletter-ribbon__mentions a:hover {
    text-decoration: none
}

@media (max-width:1023.98px) {
    .c-newsletter-ribbon {
        padding-bottom: 50px;
        padding-top: 50px
    }

    .c-newsletter-ribbon__block {
        margin: 0 auto 65px;
        padding: 45px 50px;
        width: 50%
    }

    .c-newsletter-ribbon__block svg {
        font-size: 39rem;
        -webkit-transform: translate(70%);
        -ms-transform: translate(70%);
        transform: translate(70%)
    }

    .c-newsletter-ribbon__container--left {
        margin-right: 25px
    }

    .c-newsletter-ribbon__container--right {
        display: block
    }

    .c-newsletter-ribbon__container__title {
        padding-bottom: 20px
    }

    .c-newsletter-ribbon__field {
        display: block;
        width: 100%
    }

    .c-newsletter-ribbon__input {
        width: 100%
    }

    .c-newsletter-ribbon__error {
        position: static;
        top: auto
    }

    .c-newsletter-ribbon__submit {
        margin-left: 0;
        margin-top: 16px
    }
}

@media (max-width:767.98px) {
    .c-newsletter-ribbon {
        padding-bottom: 30px;
        padding-top: 30px
    }

    .c-newsletter-ribbon__block {
        margin: 0 auto 50px;
        width: 75%
    }
}

@media (max-width:575.98px) {
    .c-newsletter-ribbon {
        padding-bottom: 30px;
        padding-top: 30px
    }

    .c-newsletter-ribbon__block {
        margin: 0 auto 30px;
        padding: 50px 40px;
        width: 100%
    }

    .c-newsletter-ribbon__block svg {
        font-size: 34rem;
        -webkit-transform: translate(70%);
        -ms-transform: translate(70%);
        transform: translate(70%)
    }

    .c-newsletter-ribbon__container {
        margin: 0;
        width: 100%
    }

    .c-newsletter-ribbon__container__title {
        font-size: 2.6rem;
        line-height: 2.8rem
    }

    .c-newsletter-ribbon__container__title br {
        display: none
    }

    .c-newsletter-ribbon__mentions {
        margin: 0;
        max-width: 100%;
        width: 100%
    }
}

.c-page-transition {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483646 !important
}

.reloading .c-page-transition {
    background-color: #f5f5f1;
    display: block !important
}

.c-page-transition__container {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.c-page-transition__container__background {
    background-color: #f5f5f1;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.c-page-transition__container__background__bar {
    background-color: #afcf1a;
    display: block;
    height: 35px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    width: 85px;
    z-index: 5
}

.c-page-transition__container__centering {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.c-page-transition__container__centering__background-texts {
    height: 200px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 5
}

.c-page-transition__container__centering__background-texts__list {
    margin-top: 200px;
    overflow: hidden;
    position: relative;
    z-index: 5
}

.c-page-transition__container__centering__background-text {
    color: #e6e6df;
    display: block;
    font-family: TT Commons;
    font-size: 18rem;
    font-weight: 900;
    height: 100%;
    letter-spacing: -5px;
    line-height: 23rem;
    padding-top: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    z-index: 5
}

.c-page-transition__container__centering__background-text:before {
    content: "";
    display: inline-block;
    height: 0;
    margin-left: -.25em;
    vertical-align: middle;
    width: 0
}

.c-page-transition__container__centering__logo {
    margin-top: -15px;
    opacity: 0;
    position: relative;
    text-align: center;
    z-index: 10
}

.c-page-transition__container__centering__logo svg {
    fill: #766252;
    font-size: 5.5rem
}

@media (max-width:1279.98px) {
    .c-page-transition__container__centering__background-text {
        font-size: 16rem;
        line-height: 18.5rem
    }

    .c-page-transition__container__centering__logo {
        margin-top: -10px
    }

    .c-page-transition__container__centering__logo svg {
        font-size: 5rem
    }
}

@media (max-width:1023.98px) {
    .c-page-transition__container__centering__background-text {
        font-size: 10rem;
        line-height: 12rem
    }

    .c-page-transition__container__centering__logo {
        margin-top: 0
    }

    .c-page-transition__container__centering__logo svg {
        font-size: 3.6rem
    }
}

@media (max-width:767.98px) {
    .c-page-transition__container__centering__background-text {
        font-size: 8rem;
        line-height: 10rem
    }
}

@media (max-width:575.98px) {
    .c-page-transition__container__centering__background-text {
        font-size: 6rem;
        line-height: 7.5rem
    }

    .c-page-transition__container__centering__logo svg {
        font-size: 2.2rem
    }
}

.c-popin {
    background-color: rgba(0, 0, 0, 0);
    display: none;
    height: 100%;
    left: 0;
    margin: 0 auto;
    max-width: 1920px;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

.c-popin.is-open {
    display: block
}

.c-popin.end-anim-open {
    background-color: #000
}

.c-popin--photo-video .c-popin__strip,
.c-popin--photo-video .c-popin__strip:after,
.c-popin--photo-video .c-popin__strip:before,
.c-popin--photo-video.end-anim-open {
    background-color: #333
}

.c-popin--photo-video .c-popin__close {
    cursor: pointer
}

.c-popin--photo-video .c-popin__close__circle {
    background-color: #b78a6b;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 15px -5px rgba(5, 16, 43, .14);
    box-shadow: 0 2px 15px -5px rgba(5, 16, 43, .14);
    left: auto;
    right: 0;
    top: 0;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.c-popin--photo-video .c-popin__close__cross:after,
.c-popin--photo-video .c-popin__close__cross:before {
    background-color: #fff
}

.c-popin__wrapper {
    height: 100%;
    width: 100%
}

.c-popin__strip-container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-popin__strip {
    background-color: #f5f5f1;
    height: 33.33333%;
    position: absolute;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    width: 100%
}

.c-popin__strip:first-of-type {
    top: 0
}

.c-popin__strip:nth-of-type(2) {
    top: 33.33333%
}

.c-popin__strip:nth-of-type(3) {
    bottom: 0
}

.c-popin__strip:after,
.c-popin__strip:before {
    background-color: #f5f5f1;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%
}

.c-popin__strip:before {
    top: -4px
}

.c-popin__strip:after {
    bottom: -4px
}

.c-popin__close {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%
}

.c-popin__close__circle {
    border: 2px solid #1b1b1b;
    border-radius: 50%;
    height: 75px;
    left: 90%;
    position: absolute;
    top: 50px;
    width: 75px;
    z-index: 15
}

.c-popin__close__cross {
    height: 25px;
    left: calc(50% - 12px);
    position: absolute;
    top: calc(50% - 12px);
    width: 25px
}

.c-popin__close__cross:after,
.c-popin__close__cross:before {
    background-color: #1b1b1b;
    border-radius: 5px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: calc(50% - 2px);
    width: 100%
}

.c-popin__close__cross:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-popin__close__cross:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-popin__navigation-container {
    background-color: #fff;
    bottom: 20%;
    -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    height: 135px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden;
    width: 65px
}

.c-popin__navigation-container__item {
    font-size: .9rem;
    height: 50%;
    position: relative;
    width: 100%
}

.c-popin__navigation-container__item:first-of-type:after {
    background-color: #f0f0f0;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: calc(50% - 20px);
    position: absolute;
    width: 40px
}

.c-popin__navigation-container__item:first-of-type svg {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
    transform: translate3d(-50%, -50%, 0) rotate(-90deg)
}

.c-popin__navigation-container__item:last-of-type svg {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
    transform: translate3d(-50%, -50%, 0) rotate(90deg)
}

.c-popin__navigation-container__item svg {
    fill: #000;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transition: fill .5s ease;
    -o-transition: fill .5s ease;
    transition: fill .5s ease
}

.desktop .c-popin__navigation-container__item {
    cursor: pointer
}

.desktop .c-popin__navigation-container__item:hover:first-of-type svg {
    -webkit-animation: hoverNavigationUp .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationUp .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

.desktop .c-popin__navigation-container__item:hover:last-of-type svg {
    -webkit-animation: hoverNavigationDown .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationDown .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

@media (max-width:575.98px) {
    .c-popin__close__circle {
        background-color: #b78a6b;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: 0 2px 15px -5px rgba(5, 16, 43, .14);
        box-shadow: 0 2px 15px -5px rgba(5, 16, 43, .14);
        left: auto;
        right: 0;
        top: 0;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    .c-popin__close__cross:after,
    .c-popin__close__cross:before {
        background-color: #fff
    }
}

.c-search-results-item {
    display: inline-block;
    margin-bottom: 40px;
    position: relative;
    -webkit-transition: opacity .35s ease .1s;
    -o-transition: opacity .35s ease .1s;
    transition: opacity .35s ease .1s;
    width: calc(33.33333% - 30px);
    z-index: 10
}

.c-search-results-item.to-animate {
    opacity: 0
}

.c-search-results-item.to-animate .c-search-results-item__media a {
    width: 0
}

.c-search-results-item.to-animate .c-search-results-item__text {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px)
}

.c-search-results-item__media {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.c-search-results-item__media:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 56.25%
}

.c-search-results-item__media a {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transition: width .85s ease;
    -o-transition: width .85s ease;
    transition: width .85s ease;
    width: 100%
}

.c-search-results-item__media a img,
.c-search-results-item__media a video {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    -o-transition: transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    width: auto;
    will-change: transform
}

.c-search-results-item__text {
    font-family: TT Commons;
    opacity: 1;
    padding: 30px 0;
    -webkit-transition: all .6s ease .45s;
    -o-transition: all .6s ease .45s;
    transition: all .6s ease .45s
}

.c-search-results-item__text__title {
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.4rem;
    padding-bottom: 15px
}

.c-search-results-item__text__description {
    color: #61615a;
    font-size: 1.9rem;
    line-height: 2.8rem
}

.desktop .c-search-results-item:hover .c-search-results-item__media img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media (max-width:1023.98px) {
    .c-search-results-item {
        width: calc(50% - 20px)
    }
}

@media (max-width:767.98px) {
    .c-search-results-item {
        margin-bottom: 15px;
        width: 100%
    }

    .c-search-results-item__text {
        padding: 25px 0
    }

    .c-search-results-item__text__title {
        font-size: 2.4rem;
        line-height: 2.8rem;
        padding-bottom: 10px
    }
}

.c-site-footer {
    background-color: #333;
    background-image: url(./images/pattern-main-dark.svg);
    background-repeat: repeat;
    position: relative;
    z-index: 5
}

.c-site-footer .c-menu-list {
    z-index: 2
}

.c-site-footer__container {
    padding: 60px 0 120px;
    position: relative;
    z-index: 10
}

.c-site-footer__container .svg-arbre-de-vie {
    fill: #474747;
    bottom: 0;
    font-size: 28rem;
    position: absolute;
    right: 85px;
    z-index: 1
}

.c-site-footer .c-menu-list .c-menu-list__col__content__item {
    font-size: 1.7rem
}

.c-site-footer__social-networks {
    padding-top: 50px
}

.c-site-footer__social-networks__title {
    color: #fff;
    font-family: TT Commons;
    font-size: 2.4rem;
    font-weight: 800;
    padding-bottom: 20px;
    text-transform: uppercase
}

.c-site-footer__social-networks__newsletter {
    color: #989898;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.7rem;
    position: relative;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    vertical-align: middle
}

.c-site-footer__social-networks__newsletter:before {
    background-color: #61615a;
    content: "";
    display: inline-block;
    height: 1px;
    margin-left: 21px;
    margin-right: 15px;
    margin-top: -1px;
    -webkit-transition: width .35s ease, background-color .35s ease;
    -o-transition: width .35s ease, background-color .35s ease;
    transition: width .35s ease, background-color .35s ease;
    vertical-align: middle;
    width: 21px
}

.c-site-footer__social-networks__newsletter:focus,
.c-site-footer__social-networks__newsletter:hover {
    color: #fff
}

.c-site-footer__social-networks__newsletter:focus:before,
.c-site-footer__social-networks__newsletter:hover:before {
    background-color: #fff;
    width: 35px
}

.c-site-footer__bottom {
    background-color: #474747;
    color: #fff;
    font-family: TT Commons;
    height: 70px;
    position: relative
}

.c-site-footer__bottom__container {
    height: 100%
}

.c-site-footer__bottom__left {
    height: 100%;
    position: relative
}

.c-site-footer__bottom__left:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.c-site-footer__bottom__left__logo {
    background-color: #fff;
    bottom: 0;
    left: 0;
    padding: 19px 17px;
    position: absolute
}

.c-site-footer__bottom__left__logo img {
    width: 73px
}

.c-site-footer__bottom__left p {
    display: inline-block;
    font-size: 1.7rem;
    margin-left: 130px;
    vertical-align: middle
}

.c-site-footer__bottom__right {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.c-site-footer__bottom__right:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.c-site-footer__bottom__right__bien-fonde,
.c-site-footer__bottom__right__copyright,
.c-site-footer__bottom__right__links {
    color: #939393;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.7rem;
    position: relative;
    vertical-align: middle
}

.c-site-footer__bottom__right__copyright:after {
    background-color: hsla(0, 0%, 60%, .5);
    content: "";
    display: inline-block;
    height: 15px;
    margin: 0 10px;
    vertical-align: middle;
    width: 1px
}

.c-site-footer__bottom__right__links ul li {
    display: inline-block;
    vertical-align: middle
}

.c-site-footer__bottom__right__links ul li:after {
    background-color: hsla(0, 0%, 60%, .5);
    content: "";
    display: inline-block;
    height: 15px;
    margin: 0 10px;
    vertical-align: middle;
    width: 1px
}

.c-site-footer__bottom__right__links ul li a {
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.c-site-footer__bottom__right__bien-fonde a {
    display: inline-block;
    font-size: 1.4rem;
    margin-left: 5px;
    margin-top: -1px;
    vertical-align: top
}

@media (max-width:1023.98px) {
    .c-site-footer__bottom {
        color: hsla(0, 0%, 100%, .6);
        height: auto;
        padding-bottom: 25px
    }

    .c-site-footer__bottom__left {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        border-bottom: 1px solid hsla(0, 0%, 60%, .1);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 15px;
        padding-bottom: 10px
    }

    .c-site-footer__bottom__left:before {
        content: none
    }

    .c-site-footer__bottom__left__logo {
        display: inline-block;
        padding: 22px 12px 12px;
        position: relative;
        top: -5px;
        width: 80px
    }

    .c-site-footer__bottom__left__logo img {
        width: 100%
    }

    .c-site-footer__bottom__left p {
        font-size: 1.7rem;
        line-height: 2.2rem;
        margin-left: 0;
        padding-left: 20px;
        padding-top: 20px;
        width: calc(100% - 80px)
    }

    .c-site-footer__bottom__right {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

    .c-site-footer__bottom__right:before {
        content: none
    }

    .c-site-footer__bottom__right__copyright,
    .c-site-footer__bottom__right__links {
        line-height: 2.6rem
    }

    .c-site-footer__bottom__right__links ul li:first-child:before {
        content: none
    }

    .c-site-footer__bottom__right__bien-fonde {
        line-height: 2.6rem
    }

    .c-site-footer__bottom__right__bien-fonde a {
        margin-top: -2px
    }
}

@media (max-width:767.98px) {
    .c-site-footer__container {
        padding: 50px 0
    }

    .c-site-footer__container>svg {
        display: none
    }
}

@media (max-width:575.98px) {
    .c-site-footer__container {
        padding: 50px 0 45px
    }

    .c-site-footer__bottom__right {
        display: block;
        padding-top: 5px
    }

    .c-site-footer__bottom__right__links {
        padding-bottom: 5px
    }

    .c-site-footer__bottom__right__links ul li:last-child:after {
        content: none
    }

    .c-site-footer__bottom__right__copyright:before {
        content: "";
        display: block
    }

    .c-site-footer__bottom__right__copyrigth {
        display: block
    }

    .c-site-footer__bottom__right__copyrigth a {
        font-size: 1.3rem
    }

    .c-site-footer__social-networks {
        margin: 0;
        max-width: 100%;
        padding-top: 40px;
        width: 100%
    }

    .c-site-footer__social-networks__newsletter {
        margin-top: 30px
    }

    .c-site-footer__social-networks__newsletter:before {
        margin-left: 10px
    }
}

.desktop .c-site-footer .c-site-footer__bottom__right__links a:hover {
    color: #fff
}

.c-site-menu {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    max-width: 1920px;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 100
}

.c-site-menu.is-open {
    pointer-events: all;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.c-site-menu.is-open .c-master-navbar {
    display: none
}

.c-site-menu.is-open .c-site-menu__content {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.c-site-menu.is-open .c-site-menu__bars .c-site-menu__bar:first-child {
    -webkit-transform: translateY(7px) rotate(-45deg);
    -ms-transform: translateY(7px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg);
    width: 100%
}

.c-site-menu.is-open .c-site-menu__bars .c-site-menu__bar:nth-child(2) {
    -webkit-transform: translate(13px);
    -ms-transform: translate(13px);
    transform: translate(13px);
    width: 0 !important
}

.c-site-menu.is-open .c-site-menu__bars .c-site-menu__bar:nth-child(3) {
    -webkit-transform: translateY(-7px) rotate(45deg);
    -ms-transform: translateY(-7px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);
    width: 100%
}

.c-site-menu.is-open .c-site-menu__ribbon {
    -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .05);
    box-shadow: 0 0 20px 2px rgba(48, 48, 48, .05);
    width: calc(100% - 180px)
}

.c-site-menu.is-open .c-site-menu__logo a svg {
    fill: #766252
}

.c-site-menu.is-searching {
    background-color: rgba(0, 0, 0, .5);
    pointer-events: all
}

.c-site-menu.is-searching .c-site-menu__ribbon {
    width: calc(100% - 180px)
}

.c-site-menu.is-searching .c-site-menu__search-container {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.c-site-menu.is-searching .c-site-menu__logo a svg {
    fill: #766252
}

.c-site-menu.is-searching .c-site-menu__search__open {
    opacity: 0
}

.c-site-menu.is-searching .c-site-menu__search__close {
    opacity: 1
}

.c-site-menu.is-scrolling .c-site-menu__ribbon__sharing {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: opacity .3s ease .45s;
    -o-transition: opacity .3s ease .45s;
    transition: opacity .3s ease .45s
}

.c-site-menu.is-scrolling .c-site-menu__ribbon,
.c-site-menu.menu-navbar-fixed .c-site-menu__ribbon {
    width: calc(100% - 180px)
}

.c-site-menu.is-scrolling .c-site-menu__logo a svg,
.c-site-menu.menu-navbar-fixed .c-site-menu__logo a svg {
    fill: #766252
}

.c-site-menu.extra-navbar:not(.is-open) .c-site-menu__logo,
.c-site-menu:not(.extra-navbar) .c-master-navbar {
    opacity: 0;
    pointer-events: none
}

.c-site-menu__navbar {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 90px;
    -webkit-justify-content: left;
    justify-content: left;
    left: 0;
    pointer-events: all;
    position: absolute;
    right: 0;
    top: 0
}

.c-site-menu__burger {
    background: #b78a6b;
    color: #fff;
    cursor: pointer;
    height: 100%;
    position: relative;
    text-align: center;
    width: 90px;
    z-index: 35
}

.c-site-menu__burger:hover .c-site-menu__bars .c-site-menu__bar {
    width: 100%
}

.c-site-menu__burger:hover .c-site-menu__bars .c-site-menu__bar:nth-child(2) {
    width: 85%
}

.c-site-menu__burger .c-site-menu__bars {
    display: inline-block;
    width: 26px
}

.c-site-menu__burger .c-site-menu__bars .c-site-menu__bar {
    background-color: #fff;
    display: block;
    height: 2px;
    margin-bottom: 5px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 75%
}

.c-site-menu__burger .c-site-menu__bars .c-site-menu__bar:nth-child(2) {
    margin: 5px 0;
    width: 100%
}

.c-site-menu__burger .c-site-menu__bars .c-site-menu__bar:last-child {
    margin-bottom: 0
}

.c-site-menu__ribbon {
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 2px rgba(48, 48, 48, .06);
    box-shadow: 0 0 10px 2px rgba(48, 48, 48, .06);
    height: 100%;
    left: 90px;
    position: absolute;
    -webkit-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
    width: 0;
    z-index: 30
}

.c-site-menu__ribbon__sharing {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    opacity: 0;
    padding: 0 30px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    z-index: 30
}

.c-site-menu__ribbon__sharing__label {
    color: #61615a;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.9rem;
    margin-top: 3px;
    vertical-align: middle
}

.c-site-menu__ribbon__sharing__label:after {
    background-color: #e9e9e9;
    content: "";
    display: inline-block;
    height: 40px;
    margin: 0 15px;
    vertical-align: middle;
    width: 1px
}

.c-site-menu__ribbon__sharing__items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center
}

.c-site-menu__ribbon__sharing__item {
    display: inline-block;
    margin: 0 3px;
    position: relative
}

.c-site-menu__ribbon__sharing__item a {
    display: block;
    padding: 8px
}

.c-site-menu__ribbon__sharing__item:hover svg {
    fill: #66a361
}

.c-site-menu__ribbon__sharing__item.twitter svg {
    font-size: 1.4rem
}

.c-site-menu__ribbon__sharing__item.email svg {
    font-size: 1.3rem
}

.c-site-menu__ribbon__sharing__item svg {
    fill: #959592;
    -webkit-transition: fill .35s ease;
    -o-transition: fill .35s ease;
    transition: fill .35s ease
}

.c-site-menu__ribbon__sharing__item--show-overlay .c-site-menu__ribbon__sharing__item__overlay {
    opacity: 1
}

.c-site-menu__ribbon__sharing__item__overlay {
    background-color: rgba(0, 0, 0, .75);
    color: hsla(0, 0%, 100%, .9);
    font-family: TT Commons;
    font-size: 1.7rem;
    left: 50%;
    line-height: 1.29;
    opacity: 0;
    padding: 9px 15px 7px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 100%;
    -webkit-transform: translate(-50%, 5px);
    -ms-transform: translate(-50%, 5px);
    transform: translate(-50%, 5px);
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    white-space: nowrap;
    z-index: 13
}

.c-site-menu__ribbon__sharing__item__overlay:before {
    border-bottom: 8px solid rgba(0, 0, 0, .75);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: -8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.c-site-menu__logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
    -webkit-transition: opacity .35s ease;
    -o-transition: opacity .35s ease;
    transition: opacity .35s ease;
    z-index: 35
}

.c-site-menu__logo.brown a svg {
    fill: #766252
}

.c-site-menu__logo a {
    margin-left: 35px
}

.c-site-menu__logo a svg {
    fill: #fff;
    font-size: 3.6rem;
    -webkit-transition: fill .3s ease;
    -o-transition: fill .3s ease;
    transition: fill .3s ease
}

.c-site-menu__search {
    background: #b78a6b;
    color: #fff;
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    z-index: 35
}

.c-site-menu__search__close,
.c-site-menu__search__open {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.c-site-menu__search__close {
    display: block;
    height: 20px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 26px
}

.c-site-menu__search__close__bar {
    background-color: #fff;
    display: block;
    height: 2px;
    position: relative;
    width: 75%
}

.c-site-menu__search__close__bar:first-child {
    -webkit-transform: translateY(8px) rotate(-45deg);
    -ms-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
    width: 100%
}

.c-site-menu__search__close__bar:nth-child(2) {
    -webkit-transform: translateY(6px) rotate(45deg);
    -ms-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
    width: 100%
}

.c-site-menu__search:hover svg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.c-site-menu__search svg {
    font-size: 2.4rem;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.c-site-menu__search-container {
    background-color: #f5f5f1;
    padding: 85px 0;
    position: absolute;
    right: 0;
    top: 90px;
    -webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    transform: translate(100%);
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    width: 100%;
    z-index: 25
}

.c-site-menu__search-container__input {
    position: relative;
    text-align: left
}

.c-site-menu__search-container__input__field {
    background: transparent;
    border-bottom: 1px solid #e7e7e7;
    color: rgba(0, 0, 0, .8);
    display: block;
    font-family: TT Commons;
    font-size: 6.4rem;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 6.4rem;
    padding-bottom: 15px;
    padding-left: 0;
    text-align: left;
    width: 100%
}

.c-site-menu__search-container__input__field::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.c-site-menu__search-container__input__field:-moz-placeholder,
.c-site-menu__search-container__input__field::-moz-placeholder {
    color: rgba(0, 0, 0, .2)
}

.c-site-menu__search-container__input__field:-ms-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.c-site-menu__search-container__input__button {
    cursor: pointer;
    font-size: 3.6rem;
    position: absolute;
    right: 0;
    top: 13px
}

.c-site-menu__content {
    background-color: #f5f5f1;
    background-image: url(./images/pattern-menu.svg);
    background-position: 0 100%;
    background-repeat: repeat-x;
    bottom: 0;
    -webkit-box-shadow: 0 5px 10px 2px rgba(48, 48, 48, .06);
    box-shadow: 0 5px 10px 2px rgba(48, 48, 48, .06);
    left: 0;
    overflow-y: auto;
    position: absolute;
    top: 90px;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    width: 100%;
    z-index: 25
}

.c-site-menu__content .u-overflow-container {
    height: calc(100% - 40px);
    z-index: 25
}

.c-site-menu__content .c-menu-list {
    margin-top: 70px;
    padding: 0 0 25px;
    z-index: 15
}

.c-site-menu__content__decoration {
    background-color: #f5f5f1;
    bottom: 0;
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 20
}

@media (max-width:1023.98px) {
    .c-site-menu__content {
        padding-top: 55px
    }

    .c-site-menu__ribbon__sharing {
        display: none
    }
}

@media (max-width:767.98px) {
    .c-site-menu.is-open .c-site-menu__navbar {
        -webkit-box-shadow: 0 0 10px 2px rgba(48, 48, 48, .06);
        box-shadow: 0 0 10px 2px rgba(48, 48, 48, .06)
    }

    .c-site-menu.is-open .c-site-menu__ribbon {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: calc(100% - 132px)
    }

    .c-site-menu.is-searching .c-site-menu__navbar {
        -webkit-box-shadow: 0 0 10px 2px rgba(48, 48, 48, .06);
        box-shadow: 0 0 10px 2px rgba(48, 48, 48, .06)
    }

    .c-site-menu.is-searching .c-site-menu__ribbon {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: calc(100% - 132px)
    }

    .c-site-menu.is-scrolling .c-site-menu__ribbon,
    .c-site-menu.menu-navbar-fixed .c-site-menu__ribbon {
        width: calc(100% - 132px)
    }

    .c-site-menu__navbar {
        -webkit-box-shadow: 0 0 10px 2px rgba(48, 48, 48, .12);
        box-shadow: 0 0 10px 2px rgba(48, 48, 48, .12);
        height: 66px
    }

    .c-site-menu__burger,
    .c-site-menu__search {
        height: 66px;
        width: 66px
    }

    .c-site-menu__ribbon {
        -webkit-box-shadow: none;
        box-shadow: none;
        left: 66px
    }

    .c-site-menu__logo a svg {
        font-size: 3.2rem
    }

    .c-site-menu__search__close {
        height: 18px;
        margin-left: -1px;
        margin-top: 2px;
        width: 22px
    }

    .c-site-menu__content,
    .c-site-menu__search-container {
        top: 66px
    }

    .c-site-menu__content {
        padding-top: 0
    }

    .c-site-menu__content .c-menu-list {
        margin-top: 0;
        padding-top: 35px
    }

    .c-site-menu__content__decoration {
        display: none
    }

    .c-site-menu__search-container__input__field {
        font-size: 4rem
    }

    .c-site-menu__search-container__input__button {
        font-size: 2.8rem
    }
}

@media (max-width:575.98px) {
    .c-site-menu__burger .c-site-menu__bars {
        width: 22px
    }

    .c-site-menu__burger .c-site-menu__bars .c-site-menu__bar {
        margin: 5px 0
    }

    .c-site-menu__burger .c-site-menu__bars .c-site-menu__bar:nth-child(2) {
        margin: 4px 0
    }

    .c-site-menu__ribbon {
        width: calc(100% - 132px)
    }

    .c-site-menu__logo a {
        margin-left: 20px
    }

    .c-site-menu__logo a svg {
        fill: #766252
    }

    .c-site-menu__content {
        bottom: 0
    }

    .c-site-menu__search {
        background-color: #fff;
        border-left: 1px solid #e7e7e7;
        color: #61615a
    }

    .c-site-menu__search__close__bar {
        background-color: #61615a
    }

    .c-site-menu__search svg {
        font-size: 2rem
    }

    .c-site-menu__search-container {
        height: 100%;
        padding-top: 45px
    }

    .c-site-menu__search-container__input {
        margin: 0;
        max-width: 100%;
        text-align: left;
        width: 100%
    }

    .c-site-menu__search-container__input__field {
        padding-bottom: 0
    }

    .c-site-menu__search-container__input__button {
        font-size: 2.4rem;
        padding: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.c-social-networks {
    display: inline-block
}

.c-social-networks--bordered .c-social-networks__container__item a {
    border: 2px solid #61615a;
    border-radius: 50%
}

.c-social-networks__container__item {
    display: inline-block;
    margin: 0 6px 0 0
}

.c-social-networks__container__item a {
    display: block;
    height: 44px;
    text-align: center;
    -webkit-transition: background-color .35s ease, border-color .35s ease;
    -o-transition: background-color .35s ease, border-color .35s ease;
    transition: background-color .35s ease, border-color .35s ease;
    width: 44px
}

.c-social-networks__container__item a:focus,
.c-social-networks__container__item a:hover {
    background-color: #fff;
    border-color: #fff
}

.c-social-networks__container__item a:focus svg,
.c-social-networks__container__item a:hover svg {
    fill: #66a361
}

.c-social-networks__container__item a:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-left: -.25em;
    vertical-align: middle;
    width: 0
}

.c-social-networks__container__item a svg {
    fill: #fff;
    display: inline-block;
    -webkit-transition: fill .35s ease;
    -o-transition: fill .35s ease;
    transition: fill .35s ease;
    vertical-align: middle
}

@media (max-width:575.98px) {
    .c-social-networks__container__item {
        font-size: 1.4rem
    }
}

.c-video-embed {
    position: relative
}

.c-video-embed:before {
    content: "";
    display: block;
    padding-top: 56.25%;
    width: 100%
}

.c-video-embed>.u-aspect-ratio__inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-video-embed--hide-cover .c-video-embed__video {
    opacity: 1
}

.c-video-embed--hide-cover .c-video-embed__cover {
    opacity: 0;
    pointer-events: none
}

.c-video-embed__video {
    opacity: 0;
    -webkit-transition: opacity .7s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .7s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .7s cubic-bezier(.25, .46, .45, .94)
}

.c-video-embed__video,
.c-video-embed__video iframe,
.c-video-embed__video__video-iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.c-video-embed__cover {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .7s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .7s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .7s cubic-bezier(.25, .46, .45, .94);
    width: 100%;
    z-index: 2
}

.c-video-embed__cover__button {
    background-color: #fff;
    border-radius: 50%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    z-index: 3
}

.c-video-embed__cover__button:before {
    border-radius: 50%;
    bottom: 0;
    -webkit-box-shadow: 0 0 150px rgba(0, 0, 0, .75);
    box-shadow: 0 0 150px rgba(0, 0, 0, .75);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    width: 100%
}

.c-video-embed__cover__button .svg-icon-play {
    color: #333;
    -webkit-transition: color .25s cubic-bezier(.25, .46, .45, .94);
    -o-transition: color .25s cubic-bezier(.25, .46, .45, .94);
    transition: color .25s cubic-bezier(.25, .46, .45, .94)
}

.c-video-embed__cover img {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    -o-transition: transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    will-change: transform
}

@media (min-width:1024px) {
    .c-video-embed__cover__button {
        height: 110px;
        margin-left: -55px;
        margin-top: -55px;
        width: 110px
    }

    .c-video-embed__cover__button .svg-icon-play {
        font-size: 32px;
        margin-left: 5px
    }
}

.desktop .c-video-embed .c-video-embed__cover:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05)
}

.desktop .c-video-embed .c-video-embed__cover:hover .c-video-embed__cover__button {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.desktop .c-video-embed .c-video-embed__cover:hover .c-video-embed__cover__button:before {
    opacity: 1
}

.desktop .c-video-embed .c-video-embed__cover:hover .c-video-embed__cover__button .svg-icon-play {
    color: #66a361
}

@media (max-width:1023.98px) {
    .c-video-embed__cover__button {
        height: 95px;
        margin-left: -47.5px;
        margin-top: -47.5px;
        width: 95px
    }

    .c-video-embed__cover__button .svg-icon-play {
        font-size: 27px;
        margin-left: 4px
    }
}

@media (max-width:767.98px) {
    .c-video-embed__cover__button {
        height: 80px;
        margin-left: -40px;
        margin-top: -40px;
        width: 80px
    }

    .c-video-embed__cover__button .svg-icon-play {
        font-size: 22px;
        margin-left: 3px
    }
}

@media (max-width:575.98px) {
    .c-video-embed__cover__button {
        height: 64px;
        margin-left: -32px;
        margin-top: -32px;
        width: 64px
    }

    .c-video-embed__cover__button .svg-icon-play {
        font-size: 16px;
        margin-left: 2px
    }
}

.c-actions-map-introduction {
    background-color: #fff;
    padding-bottom: 50px;
    position: relative
}

.c-actions-map-introduction:after,
.c-actions-map-introduction:before {
    background-color: hsla(0, 0%, 60%, .35);
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 1px
}

.c-actions-map-introduction:before {
    top: 0
}

.c-actions-map-introduction:after {
    bottom: 0
}

.c-actions-map-introduction__title {
    display: block;
    margin: 0 auto 40px;
    text-align: center
}

.c-actions-map-introduction__content {
    font-family: Ivar;
    position: relative;
    text-align: center
}

@media (min-width:1024px) {
    .c-actions-map-introduction {
        padding: 105px 0
    }

    .c-actions-map-introduction:after,
    .c-actions-map-introduction:before {
        height: 62px
    }

    .c-actions-map-introduction__content {
        font-size: 2rem;
        line-height: 3.3rem
    }
}

@media (max-width:1023.98px) {
    .c-actions-map-introduction {
        padding: 80px 0
    }

    .c-actions-map-introduction:after,
    .c-actions-map-introduction:before {
        height: 52px
    }

    .c-actions-map-introduction__title {
        margin-bottom: 26px
    }

    .c-actions-map-introduction__content {
        font-size: 1.8rem;
        line-height: 3.2rem
    }
}

@media (max-width:767.98px) {
    .c-actions-map-introduction__content {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0 auto;
        max-width: 100%;
        padding-left: 10% !important;
        padding-right: 10% !important;
        width: 100%
    }
}

.c-actions-map-map {
    background-color: #000;
    color: #fff;
    height: 680px;
    padding-right: 420px;
    position: relative
}

.c-actions-map-map__map-container {
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.c-actions-map-map__map-container .mapboxgl-popup {
    max-width: 200px
}

.c-actions-map-map__map-container .mapboxgl-popup-content {
    background: rgba(0, 0, 0, .8);
    border-radius: 0;
    color: #f7f6f4;
    font-family: TT Commons;
    font-size: 1.6rem;
    line-height: 1.29;
    padding: 18px 20px 16px
}

.c-actions-map-map__map-container .mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.c-actions-map-map__map-container .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.c-actions-map-map__map-container .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    border-bottom-color: rgba(0, 0, 0, .8)
}

.c-actions-map-map__map-container .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.c-actions-map-map__map-container .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.c-actions-map-map__map-container .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    border-top-color: rgba(0, 0, 0, .8)
}

.c-actions-map-map__map-container .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: rgba(0, 0, 0, .8)
}

.c-actions-map-map__map-container .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-left-color: rgba(0, 0, 0, .8)
}

.c-actions-map-map__map-container .mapboxgl-ctrl-attrib,
.c-actions-map-map__map-container .mapboxgl-ctrl-logo {
    opacity: .3;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94)
}

.c-actions-map-map__map-container .mapboxgl-ctrl-zoom {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 15px;
    margin-left: 30px
}

.c-actions-map-map__map-container .mapboxgl-ctrl-zoom button {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94)
}

.c-actions-map-map__map-container .mapboxgl-ctrl-zoom button svg {
    fill: #333
}

.c-actions-map-map__map-container .mapboxgl-ctrl-zoom button+button {
    border-top: 1px solid #e7e7e7;
    margin-bottom: -1px;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.c-actions-map-map__filters {
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 420px
}

.c-actions-map-map__filters--show-taxonomy-terms .c-actions-map-map__filters__locations-taxonomies {
    opacity: 0;
    -webkit-transform: translate(-150px, -50%);
    -ms-transform: translate(-150px, -50%);
    transform: translate(-150px, -50%)
}

.c-actions-map-map__filters--show-taxonomy-terms .c-actions-map-map__filters__reset {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    transform: translateX(-150px)
}

.c-actions-map-map__filters__locations-taxonomies {
    opacity: 1;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    will-change: transform;
    z-index: 1
}

.c-actions-map-map__filters__locations {
    border-bottom: 1px solid #333;
    height: 140px;
    position: relative
}

.c-actions-map-map__filters__locations__navigation {
    -webkit-appearance: button;
    bottom: 40px;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    font-size: 1.1rem;
    height: 34px;
    line-height: 1.15;
    margin: 0;
    opacity: .6;
    overflow: visible;
    position: absolute;
    text-transform: none;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    width: 22px
}

.c-actions-map-map__filters__locations__navigation--prev {
    left: 60px;
    text-align: left
}

.c-actions-map-map__filters__locations__navigation--prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-actions-map-map__filters__locations__navigation--next {
    right: 60px;
    text-align: right
}

.c-actions-map-map__filters__locations__navigation:focus {
    opacity: .9
}

.c-actions-map-map__filters__locations__active-location {
    bottom: 40px;
    font-family: TT Commons;
    font-size: 2.4rem;
    font-weight: 700;
    height: 34px;
    left: 86px;
    letter-spacing: -.044rem;
    line-height: 34px;
    opacity: .9;
    position: absolute;
    right: 86px;
    text-align: center
}

.c-actions-map-map__filters__locations-list {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    left: 60px;
    position: absolute;
    right: 60px;
    top: 0
}

.c-actions-map-map__filters__location {
    -webkit-appearance: button;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    overflow: visible;
    position: relative;
    text-transform: none
}

.c-actions-map-map__filters__location svg {
    fill: #fff;
    font-size: 32px;
    opacity: .2;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94)
}

.c-actions-map-map__filters__location--france svg {
    font-size: 42px
}

.c-actions-map-map__filters__location--reunion svg {
    font-size: 32px
}

.c-actions-map-map__filters__location--guadeloupe svg,
.c-actions-map-map__filters__location--martinique svg,
.c-actions-map-map__filters__location--mayotte svg {
    font-size: 38px
}

.c-actions-map-map__filters__location--active svg {
    opacity: .7
}

.c-actions-map-map__filters__location__overlay {
    background-color: #2e302b;
    color: hsla(0, 0%, 100%, .9);
    font-family: TT Commons;
    font-size: 1.7rem;
    left: 50%;
    line-height: 1.29;
    opacity: 0;
    padding: 9px 15px 7px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 100%;
    -webkit-transform: translate(-50%, 12px);
    -ms-transform: translate(-50%, 12px);
    transform: translate(-50%, 12px);
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    z-index: 13
}

.c-actions-map-map__filters__location__overlay:before {
    border-bottom: 8px solid #2e302b;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: -8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.c-actions-map-map__filters__location:focus svg {
    opacity: .7
}

.c-actions-map-map__filters__location:focus .c-actions-map-map__filters__location__overlay {
    opacity: 1
}

.c-actions-map-map__filters__taxonomies {
    padding-top: 32px;
    position: relative
}

.c-actions-map-map__filters__taxonomy {
    color: #fff;
    opacity: .6;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94)
}

.c-actions-map-map__filters__taxonomy__button {
    -webkit-appearance: button;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 2px 0;
    overflow: visible;
    padding: 12px 72px 12px 60px;
    position: relative;
    text-align: left;
    text-transform: none;
    width: 100%
}

.c-actions-map-map__filters__taxonomy__label {
    font-family: TT Commons;
    font-size: 1.7rem;
    letter-spacing: .036rem;
    line-height: 1.65;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: uppercase;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    white-space: nowrap
}

.c-actions-map-map__filters__taxonomy__badge {
    border: 1px solid #fff;
    border-radius: 17px;
    display: none;
    font-family: TT Commons;
    font-size: 1.7rem;
    height: 28px;
    line-height: 27px;
    padding-top: 1px;
    right: 92px;
    text-align: center;
    width: 41px
}

.c-actions-map-map__filters__taxonomy__badge,
.c-actions-map-map__filters__taxonomy__chevron {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-actions-map-map__filters__taxonomy__chevron {
    margin-top: -1px;
    right: 60px;
    width: 7px
}

.c-actions-map-map__filters__taxonomy__chevron svg {
    font-size: 1.3rem
}

.c-actions-map-map__filters__taxonomy--active {
    opacity: .9
}

.c-actions-map-map__filters__taxonomy--active .c-actions-map-map__filters__taxonomy__badge {
    display: block
}

.c-actions-map-map__filters__taxonomy--active .c-actions-map-map__filters__taxonomy__button {
    padding-right: 140px
}

.c-actions-map-map__filters__taxonomy-terms {
    background-color: #000;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    width: 100%;
    will-change: transform;
    z-index: 2
}

.c-actions-map-map__filters__taxonomy-terms:before {
    background-color: #333;
    content: "";
    height: 1px;
    left: 60px;
    position: absolute;
    top: 84px;
    width: calc(100% - 120px);
    z-index: 10
}

.c-actions-map-map__filters__taxonomy-terms--show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.c-actions-map-map__filters__taxonomy-terms--show .c-actions-map-map__filters__taxonomy-terms__taxonomy {
    opacity: .85
}

.c-actions-map-map__filters__taxonomy-terms--show .c-actions-map-map__filters__taxonomy-terms__term__checkbox {
    opacity: .6
}

.c-actions-map-map__filters__taxonomy-terms--show .c-actions-map-map__filters__taxonomy-terms__term__name {
    opacity: .7
}

.c-actions-map-map__filters__taxonomy-terms--show .c-actions-map-map__filters__taxonomy-terms__term__related-page {
    opacity: .6
}

.c-actions-map-map__filters__taxonomy-terms__taxonomy {
    -webkit-appearance: button;
    cursor: pointer;
    font-family: inherit;
    font-family: TT Commons;
    font-size: 100%;
    font-size: 1.7rem;
    height: 72px;
    letter-spacing: .036rem;
    line-height: 1.15;
    line-height: 1.65;
    margin: 12px 60px 0;
    opacity: 0;
    overflow: visible;
    padding: 22px 0 22px 27px;
    position: relative;
    text-align: left;
    text-transform: none;
    text-transform: uppercase;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    width: calc(100% - 120px)
}

.c-actions-map-map__filters__taxonomy-terms__taxonomy__chevron {
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-actions-map-map__filters__taxonomy-terms__taxonomy__chevron svg {
    font-size: 1.3rem
}

.c-actions-map-map__filters__taxonomy-terms__terms {
    height: calc(100% - 84px);
    overflow: auto;
    padding: 20px 60px 12px
}

.c-actions-map-map__filters__taxonomy-terms__term {
    font-family: TT Commons;
    font-size: 1.7rem;
    line-height: 1.53;
    padding-bottom: 10px;
    padding-left: 36px;
    padding-top: 10px;
    position: relative
}

.c-actions-map-map__filters__taxonomy-terms__term__checkbox {
    background-color: transparent;
    background-image: url(./images/actions-map-checkbox-sprite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 14px 42px;
    border: 1px solid #b7b7b7;
    cursor: pointer;
    height: 16px;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 13px;
    -webkit-transition: border .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: border .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: border .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94);
    width: 16px
}

.c-actions-map-map__filters__taxonomy-terms__term__checkbox:focus {
    background-color: hsla(0, 0%, 100%, .35);
    border-color: #fff
}

.c-actions-map-map__filters__taxonomy-terms__term__checkbox:focus+.c-actions-map-map__filters__taxonomy-terms__term__name {
    opacity: .9
}

.c-actions-map-map__filters__taxonomy-terms__term__checkbox:checked {
    background-color: hsla(0, 0%, 100%, .9);
    background-position: 0 -14px;
    border-color: hsla(0, 0%, 100%, .9);
    opacity: .9
}

.c-actions-map-map__filters__taxonomy-terms__term__checkbox:checked+.c-actions-map-map__filters__taxonomy-terms__term__name {
    opacity: .9
}

.c-actions-map-map__filters__taxonomy-terms__term__name {
    cursor: pointer;
    display: block;
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-actions-map-map__filters__taxonomy-terms__term__description {
    margin-top: 17px;
    opacity: .6
}

.c-actions-map-map__filters__taxonomy-terms__term__related-page {
    margin-top: 17px;
    opacity: 0
}

.c-actions-map-map__filters__taxonomy-terms__term__related-page a {
    position: relative
}

.c-actions-map-map__filters__taxonomy-terms__term__related-page a:before {
    background-color: #b7b7b7;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.c-actions-map-map__filters__reset {
    -webkit-appearance: button;
    bottom: 60px;
    color: #fff;
    display: none;
    font-family: inherit;
    font-family: TT Commons;
    font-size: 100%;
    font-size: 1.7rem;
    line-height: 1.15;
    line-height: 1.53;
    margin: 0;
    opacity: .6;
    overflow: visible;
    position: absolute;
    right: 60px;
    text-transform: none;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    will-change: transform
}

.c-actions-map-map__filters__reset:before {
    background-color: #b7b7b7;
    bottom: 2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.c-actions-map-map__filters__reset:focus {
    opacity: .8
}

.c-actions-map-map__filters__reset:focus:before {
    display: none
}

.c-actions-map-map__filters__reset--show {
    cursor: pointer;
    display: block
}

.c-actions-map-map__filters__open-mobile,
.c-actions-map-map__filters__popin-mobile {
    display: none
}

.c-actions-map-map__action__popin {
    background-color: #61615a;
    opacity: .5;
    overflow: hidden;
    pointer-events: all;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .25s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .25s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .25s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .25s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .25s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    visibility: hidden;
    width: 540px;
    will-change: background-color, transform, opacity;
    z-index: 99
}

.c-actions-map-map__action__popin--show {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.c-actions-map-map__action__popin__close {
    background-color: #fff;
    cursor: pointer;
    height: 76px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 59px;
    z-index: 25
}

.c-actions-map-map__action__popin__close:after,
.c-actions-map-map__action__popin__close:before {
    background-color: #000;
    border-radius: 5px;
    content: "";
    display: block;
    height: 2px;
    left: 18px;
    position: absolute;
    top: 45px;
    -webkit-transition: -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
    -o-transition: transform .15s cubic-bezier(.25, .46, .45, .94);
    transition: transform .15s cubic-bezier(.25, .46, .45, .94);
    transition: transform .15s cubic-bezier(.25, .46, .45, .94), -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
    width: 21px;
    will-change: transform, opacity
}

.c-actions-map-map__action__popin__close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-actions-map-map__action__popin__close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-actions-map-map__action__popin__media {
    background-color: rgba(0, 0, 0, .25);
    background-image: url(./images/pattern-main-medium.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.c-actions-map-map__action__popin__media:before {
    content: "";
    display: block;
    padding-top: 54.07407%;
    width: 100%
}

.c-actions-map-map__action__popin__media>.u-aspect-ratio__inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-actions-map-map__action__popin__media__item {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 10
}

.c-actions-map-map__action__popin__media__item.active {
    pointer-events: all;
    z-index: 15
}

.c-actions-map-map__action__popin__media__item img {
    width: 100%
}

.c-actions-map-map__action__popin__info {
    background-image: url(./images/pattern-main-medium.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    position: relative
}

.c-actions-map-map__action__popin__info__item {
    display: none;
    height: 100%;
    left: 0;
    overflow-y: auto;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10
}

.c-actions-map-map__action__popin__info__item .u-overflow-container {
    height: 100%
}

.c-actions-map-map__action__popin__info__item.active {
    display: block;
    pointer-events: all;
    visibility: visible;
    z-index: 15
}

.c-actions-map-map__action__popin__info__categories {
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .04rem;
    line-height: 1.86;
    margin-bottom: 10px;
    text-transform: uppercase
}

.c-actions-map-map__action__popin__info__title {
    font-family: Ivar;
    font-size: 2rem;
    letter-spacing: -.017rem;
    line-height: 1.5;
    margin-bottom: 15px
}

.c-actions-map-map__action__popin__info__description {
    color: #f7f6f4;
    font-family: TT Commons;
    font-size: 1.9rem;
    letter-spacing: normal;
    line-height: 1.47
}

.c-actions-map-map .spider-leg-container {
    height: 1px;
    overflow: display;
    width: 1px;
    will-change: transform
}

.c-actions-map-map .spider-leg-container .spider-leg-pin {
    border: 3px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 21px;
    margin-left: -10px;
    margin-top: -10px;
    position: relative;
    width: 21px;
    z-index: 1
}

.c-actions-map-map .spider-leg-container .spider-leg-pin:hover {
    border-width: 4px;
    height: 39px;
    margin-left: -19px;
    margin-top: -19px;
    width: 39px
}

.c-actions-map-map .spider-leg-container .spider-leg-line {
    background-color: #fff;
    bottom: 0;
    height: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    width: 1px;
    z-index: 0
}

.c-actions-map-map .spider-leg-container:hover .spider-leg-line {
    opacity: 1
}

.c-actions-map-map .spider-leg-container.animate {
    -webkit-transition: margin .15s linear;
    -o-transition: margin .15s linear;
    transition: margin .15s linear
}

.c-actions-map-map .spider-leg-container.animate .spider-leg-line {
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    -webkit-transition-delay: inherit;
    -o-transition-delay: inherit;
    transition-delay: inherit
}

.c-actions-map-map .spider-leg-container.exit,
.c-actions-map-map .spider-leg-container.initial {
    height: 0;
    margin-left: 0 !important;
    margin-top: 0 !important
}

.c-actions-map-map .spider-leg-container.animate.exit .spider-leg-line,
.c-actions-map-map .spider-leg-container.animate.initial .spider-leg-line {
    height: 0 !important
}

@media (min-width:1024px) {
    .c-actions-map-map.in-master {
        margin: 80px 0
    }

    .c-actions-map-map__action__popin-container {
        margin: 0 auto;
        max-width: 1920px;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        width: 100%;
        z-index: 10
    }

    .c-actions-map-map__action__popin__info__item {
        padding: 67px 0 60px 67px
    }

    .c-actions-map-map__action__popin__info__item .u-overflow-container {
        padding-right: 60px
    }
}

.desktop .c-actions-map-map__map-container .mapboxgl-ctrl-attrib:hover,
.desktop .c-actions-map-map__map-container .mapboxgl-ctrl-logo:hover {
    opacity: 1
}

.desktop .c-actions-map-map__map-container .mapboxgl-ctrl-zoom button:not(:disabled):hover {
    background-color: #e7e7e7
}

.desktop .c-actions-map-map__filters__locations__navigation:hover {
    opacity: .9
}

.desktop .c-actions-map-map__filters__location:hover svg {
    opacity: .7
}

.desktop .c-actions-map-map__filters__location:hover .c-actions-map-map__filters__location__overlay {
    opacity: 1
}

.desktop .c-actions-map-map__filters__taxonomy:hover {
    opacity: .9
}

.desktop .c-actions-map-map__filters__taxonomy:hover--active {
    opacity: 1
}

.desktop .c-actions-map-map__filters__taxonomy-terms__taxonomy:hover {
    opacity: 1
}

.desktop .c-actions-map-map__filters__taxonomy-terms__term__checkbox:hover {
    background-color: hsla(0, 0%, 100%, .35);
    border-color: #fff
}

.desktop .c-actions-map-map__filters__taxonomy-terms__term__checkbox:checked:hover,
.desktop .c-actions-map-map__filters__taxonomy-terms__term__name:hover {
    opacity: 1
}

.desktop .c-actions-map-map__filters__taxonomy-terms__term__related-page a:hover:before {
    display: none
}

.desktop .c-actions-map-map__filters__reset:hover {
    opacity: .8
}

.desktop .c-actions-map-map__filters__reset:hover:before {
    display: none
}

.desktop .c-actions-map-map__action__popin__close:hover:before {
    -webkit-transform: scale(1.12) rotate(-45deg);
    -ms-transform: scale(1.12) rotate(-45deg);
    transform: scale(1.12) rotate(-45deg)
}

.desktop .c-actions-map-map__action__popin__close:hover:after {
    -webkit-transform: scale(1.12) rotate(45deg);
    -ms-transform: scale(1.12) rotate(45deg);
    transform: scale(1.12) rotate(45deg)
}

@media screen and (min-width:1024px) and (min-height:850px) {
    .c-actions-map-map {
        height: 720px
    }
}

@media screen and (min-width:1024px) and (min-height:900px) {
    .c-actions-map-map {
        height: 770px
    }
}

@media screen and (min-width:1024px) and (min-height:950px) {
    .c-actions-map-map {
        height: 820px
    }
}

@media (max-width:1023.98px) {
    .c-actions-map-map {
        height: 700px;
        padding-bottom: 70px;
        padding-right: 0;
        padding-top: 180px
    }

    .c-actions-map-map.in-master {
        margin: 50px 0
    }

    .c-actions-map-map__map-container .mapboxgl-ctrl-zoom {
        display: none
    }

    .c-actions-map-map__filters {
        height: auto;
        left: 0;
        top: 0;
        width: 100%
    }

    .c-actions-map-map__filters--show-taxonomy-terms .c-actions-map-map__filters__locations-taxonomies {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .c-actions-map-map__filters--show-taxonomy-terms .c-actions-map-map__filters__taxonomy-terms.c-actions-map-map__filters__taxonomy-terms--show {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .c-actions-map-map__filters__locations-taxonomies {
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .c-actions-map-map__filters__locations {
        border-bottom: none;
        height: 180px
    }

    .c-actions-map-map__filters__locations__navigation {
        bottom: auto;
        top: 40px
    }

    .c-actions-map-map__filters__locations__navigation--prev {
        left: 32px
    }

    .c-actions-map-map__filters__locations__navigation--next {
        right: 32px
    }

    .c-actions-map-map__filters__locations__active-location {
        bottom: auto;
        top: 40px
    }

    .c-actions-map-map__filters__locations-list {
        bottom: 40px;
        left: 32px;
        right: 32px;
        top: auto
    }

    .c-actions-map-map__filters__location__overlay,
    .c-actions-map-map__filters__taxonomies--desktop {
        display: none
    }

    .c-actions-map-map__filters__taxonomies--mobile {
        opacity: 1;
        -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        will-change: transform
    }

    .c-actions-map-map__filters__taxonomy__button {
        padding-left: 32px;
        padding-right: 44px
    }

    .c-actions-map-map__filters__taxonomy__badge {
        right: 64px
    }

    .c-actions-map-map__filters__taxonomy__chevron {
        margin-top: -3px;
        right: 32px
    }

    .c-actions-map-map__filters__taxonomy--active .c-actions-map-map__filters__taxonomy__button {
        padding-right: 112px
    }

    .c-actions-map-map__filters__taxonomy-terms:before {
        left: 32px;
        width: calc(100% - 64px)
    }

    .c-actions-map-map__filters__taxonomy-terms__taxonomy {
        margin: 12px 32px 0;
        width: calc(100% - 64px)
    }

    .c-actions-map-map__filters__taxonomy-terms__terms {
        height: calc(100% - 184px);
        padding: 20px 32px 12px
    }

    .c-actions-map-map__filters__reset {
        display: none
    }

    .c-actions-map-map__filters__open-mobile {
        -webkit-appearance: button;
        bottom: 0;
        color: #b7b7b7;
        display: block;
        font-family: inherit;
        font-family: TT Commons;
        font-size: 100%;
        font-size: 1.6rem;
        height: 70px;
        left: 0;
        letter-spacing: .034rem;
        line-height: 1.15;
        line-height: 70px;
        margin: 0;
        overflow: visible;
        padding-left: 26px;
        padding-top: 2px;
        position: absolute;
        text-align: left;
        text-transform: none;
        text-transform: uppercase;
        width: 100%
    }

    .c-actions-map-map__filters__open-mobile__icon {
        border-left: 1px solid #474747;
        height: 70px;
        position: absolute;
        right: 0;
        top: 0;
        width: 70px
    }

    .c-actions-map-map__filters__open-mobile__icon svg {
        fill: #b7b7b7;
        font-size: 21px;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .c-actions-map-map__filters__open-mobile__icon__badge {
        background-color: #fff;
        border-radius: 50%;
        color: #000;
        display: none;
        font-family: TT Commons;
        font-size: 1.3rem;
        font-weight: 500;
        height: 20px;
        left: 50%;
        line-height: 23.1px;
        padding-left: 1px;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transform: translate(-10%, -90%);
        -ms-transform: translate(-10%, -90%);
        transform: translate(-10%, -90%);
        width: 20px
    }

    .c-actions-map-map__filters__open-mobile--active {
        opacity: .9
    }

    .c-actions-map-map__filters__open-mobile--active .c-actions-map-map__filters__open-mobile__icon__badge {
        display: block
    }

    .c-actions-map-map__filters__popin-mobile {
        background-color: #000;
        color: #fff;
        display: block;
        height: 100vh;
        height: calc(var(--vh, 1vh)*100);
        left: 0;
        margin: 0 auto;
        opacity: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        -o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        visibility: hidden;
        width: 100%;
        will-change: transform, opacity;
        z-index: 102
    }

    .c-actions-map-map__filters__popin-mobile--show {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .c-actions-map-map__filters__popin-mobile--show-taxonomy-terms .c-actions-map-map__filters__popin-mobile__head,
    .c-actions-map-map__filters__popin-mobile--show-taxonomy-terms .c-actions-map-map__filters__reset,
    .c-actions-map-map__filters__popin-mobile--show-taxonomy-terms .c-actions-map-map__filters__taxonomies {
        opacity: 0;
        -webkit-transform: translateX(-150px);
        -ms-transform: translateX(-150px);
        transform: translateX(-150px)
    }

    .c-actions-map-map__filters__popin-mobile__head {
        border-bottom: 1px solid #333;
        font-family: TT Commons;
        font-size: 1.7rem;
        height: 74px;
        left: 32px;
        letter-spacing: .036rem;
        line-height: 74px;
        opacity: 1;
        padding-top: 2px;
        position: absolute;
        text-transform: uppercase;
        top: 11px;
        -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        width: calc(100% - 64px);
        will-change: transform
    }

    .c-actions-map-map__filters__popin-mobile__close {
        height: 26px;
        opacity: .9;
        position: absolute;
        right: 32px;
        top: 35px;
        width: 26px;
        z-index: 3
    }

    .c-actions-map-map__filters__popin-mobile__close:after,
    .c-actions-map-map__filters__popin-mobile__close:before {
        background-color: #fff;
        border-radius: 5px;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        top: calc(50% - 2px);
        width: 100%
    }

    .c-actions-map-map__filters__popin-mobile__close:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .c-actions-map-map__filters__popin-mobile__close:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .c-actions-map-map__filters__popin-mobile .c-actions-map-map__filters__reset {
        bottom: auto;
        position: absolute;
        right: 80px;
        top: 36px;
        z-index: 1
    }

    .c-actions-map-map__filters__popin-mobile .c-actions-map-map__filters__reset--show {
        display: block
    }

    .c-actions-map-map__filters__popin-mobile .c-actions-map-map__filters__taxonomies {
        padding-top: 16px;
        position: absolute;
        top: 85px;
        width: 100%;
        z-index: 2
    }

    .c-actions-map-map__filters__popin-mobile__results {
        -webkit-appearance: button;
        background-color: #333;
        bottom: 20px;
        display: block;
        font-family: inherit;
        font-family: TT Commons;
        font-size: 100%;
        font-size: 1.6rem;
        height: 60px;
        left: 20px;
        letter-spacing: .034rem;
        line-height: 1.15;
        margin: 0;
        overflow: visible;
        padding-top: 3px;
        position: absolute;
        text-align: center;
        text-transform: none;
        text-transform: uppercase;
        width: calc(100% - 40px);
        z-index: 2
    }

    .c-actions-map-map__action__popin {
        height: 100vh;
        height: calc(var(--vh, 1vh)*100);
        left: 0;
        margin: 0 auto;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        -o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        width: 100%;
        z-index: 102
    }

    .c-actions-map-map__action__popin--show {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .c-actions-map-map__action__popin__info__item {
        padding: 30px 0 30px 30px
    }

    .c-actions-map-map__action__popin__info__item .u-overflow-container {
        padding-right: 30px
    }
}

.c-actions-map-other-actions {
    padding-bottom: 40px;
    padding-top: 70px
}

.c-actions-map-other-actions__title {
    display: block;
    margin: 0 auto 40px;
    text-align: center
}

.c-actions-map-other-actions__slider {
    margin: 0 -15px;
    position: relative
}

.c-actions-map-other-actions__slider.flickity-enabled {
    padding-bottom: 0
}

.c-actions-map-other-actions__slider .flickity-viewport {
    -webkit-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s
}

.c-actions-map-other-actions__item {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    -webkit-transition: opacity .35s ease .1s;
    -o-transition: opacity .35s ease .1s;
    transition: opacity .35s ease .1s;
    vertical-align: top;
    width: 33.3333%;
    z-index: 10
}

.c-actions-map-other-actions__item__media {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.c-actions-map-other-actions__item__media:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 56.25%
}

.c-actions-map-other-actions__item__media a {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transition: width .85s ease;
    -o-transition: width .85s ease;
    transition: width .85s ease;
    width: 100%
}

.c-actions-map-other-actions__item__media a img,
.c-actions-map-other-actions__item__media a video {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    -o-transition: transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    width: auto;
    will-change: transform
}

.c-actions-map-other-actions__item__text {
    font-family: TT Commons;
    opacity: 1;
    padding: 30px 0;
    -webkit-transition: all .6s ease .45s;
    -o-transition: all .6s ease .45s;
    transition: all .6s ease .45s
}

.c-actions-map-other-actions__item__text__title {
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.4rem;
    padding-bottom: 15px
}

.c-actions-map-other-actions__item__text__description {
    color: #61615a;
    font-size: 1.9rem;
    line-height: 2.8rem
}

.desktop .c-actions-map-other-actions__slider__controls__nav--prev:hover svg {
    -webkit-animation: hoverNavigationLeft .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationLeft .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

.desktop .c-actions-map-other-actions__slider__controls__nav--next:hover svg {
    -webkit-animation: hoverNavigationRight .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationRight .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

.desktop .c-actions-map-other-actions__item:hover .c-actions-map-other-actions__item__media img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media (max-width:1023.98px) {
    .c-actions-map-other-actions {
        padding-bottom: 30px;
        padding-top: 50px
    }

    .c-actions-map-other-actions__slider.flickity-enabled {
        padding-bottom: 30px
    }

    .c-actions-map-other-actions__slider .flickity-page-dots {
        bottom: 10px
    }

    .c-actions-map-other-actions__item {
        padding: 0 8px;
        width: 80%
    }

    .c-actions-map-other-actions__item.is-selected .c-actions-map-other-actions__item__text {
        opacity: 1
    }

    .c-actions-map-other-actions__item__text {
        opacity: 0;
        padding: 25px 0;
        -webkit-transition: opacity .35s ease;
        -o-transition: opacity .35s ease;
        transition: opacity .35s ease
    }

    .c-actions-map-other-actions__item__text__title {
        font-size: 2.4rem;
        line-height: 2.8rem;
        padding-bottom: 10px
    }
}

.c-section-hunting {
    background-color: #f5f5f1;
    padding-bottom: 150px;
    padding-top: 155px
}

.c-section-hunting__head {
    position: relative;
    z-index: 10
}

.c-section-hunting__head__title {
    padding-bottom: 30px
}

.c-section-hunting__head__background-text {
    color: #e6e6df;
    left: 0;
    top: -39px
}

.c-section-hunting__content {
    position: relative
}

.c-section-hunting__content__media:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 51.76471%
}

.c-section-hunting__content__media img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-section-hunting__content__buttons {
    bottom: 0;
    font-size: 0;
    left: 0;
    position: absolute;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.c-section-hunting__content__buttons .c-button {
    vertical-align: top
}

.c-section-hunting__content__buttons .c-button:nth-child(2) {
    border-left: 1px solid #80b77c
}

.c-section-hunting__info-box {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20
}

.c-section-hunting__info-box__content {
    background-color: #fff;
    -webkit-box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
    box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
    padding: 70px 60px;
    position: relative
}

.c-section-hunting__info-box__content__icon {
    position: absolute;
    right: 35px;
    top: 35px
}

.c-section-hunting__info-box__content__icon svg {
    fill: #989898;
    font-size: 4.6rem
}

.c-section-hunting__info-box__content__hat {
    color: #b78a6b;
    display: block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 1.43;
    padding-bottom: 20px;
    text-transform: uppercase
}

.c-section-hunting__info-box__content__title {
    color: #000;
    display: block;
    font-family: TT Commons;
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: -.47px;
    line-height: 1.23;
    max-width: 85%;
    padding-bottom: 25px
}

.c-section-hunting__info-box__content__actions {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.c-section-hunting__info-box__content__actions .c-button {
    padding: 14px 20px
}

.c-section-hunting__info-box__content__actions .c-button:first-child {
    margin-right: 10px
}

@media (max-width:1279.98px) {
    .c-section-hunting__info-box__content {
        padding: 60px 50px
    }
}

@media (max-width:1023.98px) {
    .c-section-hunting {
        padding-bottom: 80px;
        padding-top: 100px
    }

    .c-section-hunting__head {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%;
        width: 100%
    }

    .c-section-hunting__head__background-text {
        left: auto;
        margin: 0;
        right: 7%;
        top: -60px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .c-section-hunting__head__title {
        margin: 0
    }

    .c-section-hunting__content,
    .c-section-hunting__head,
    .c-section-hunting__info-box {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0 auto;
        max-width: 100%;
        padding-left: 7% !important;
        padding-right: 7% !important
    }

    .c-section-hunting__content__media {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%
    }

    .c-section-hunting__content__buttons {
        text-align: center;
        width: 100%
    }

    .c-section-hunting__info-box {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 80px auto 0;
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .c-section-hunting__info-box__content {
        padding: 50px 40px
    }

    .c-section-hunting__info-box__content__title {
        font-size: 2.2rem;
        line-height: 2.5rem;
        max-width: 80%
    }
}

@media (max-width:767.98px) {
    .c-section-hunting {
        padding-bottom: 40px
    }

    .c-section-hunting__content__buttons .c-button:first-child {
        display: none
    }

    .c-section-hunting__content__buttons .c-button:last-child {
        border-left: none
    }

    .c-section-hunting__content__buttons .c-button:last-child br {
        display: none
    }

    .c-section-hunting__info-box {
        margin-top: 70px
    }

    .c-section-hunting__info-box__content__icon svg {
        font-size: 4rem
    }
}

.c-section-map {
    background-color: #fff;
    position: relative;
    z-index: 12
}

.c-section-map:after {
    background-color: #f5f5f1;
    bottom: 0;
    content: "";
    height: 60px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.c-section-map__head {
    position: relative;
    z-index: 10
}

.c-section-map__head__title {
    padding-bottom: 30px
}

.c-section-map__head__description {
    color: #61615a;
    display: block;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 1.47;
    padding-bottom: 30px
}

.c-section-map__head__map {
    background-image: url(./images/home-section-map-minimap.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 336px
}

.c-section-map__head__map:before {
    content: "";
    display: block;
    padding-top: 113.9881%;
    width: 100%
}

.c-section-map__head__map>.u-aspect-ratio__inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-section-map__head__map__dot {
    -webkit-appearance: button;
    background-color: #66a361;
    border: 3px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    height: 22px;
    line-height: 1.15;
    margin: 0 0 -11px -11px;
    overflow: visible;
    position: absolute;
    text-transform: none;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    width: 22px
}

.c-section-map__head__map__dot--active {
    border: 4px solid #fff;
    cursor: default;
    height: 36px;
    margin-bottom: -18px;
    margin-left: -18px;
    width: 36px;
    z-index: 999
}

.c-section-map__slider {
    position: relative;
    z-index: 2
}

.c-section-map__slider__media {
    position: relative
}

.c-section-map__slider__media:before {
    content: "";
    display: block;
    padding-top: 54.07407%;
    width: 100%
}

.c-section-map__slider__media>.u-aspect-ratio__inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-section-map__slider__media__item {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 10
}

.c-section-map__slider__media__item.active {
    pointer-events: all;
    z-index: 15
}

.c-section-map__slider__media__item img {
    width: 100%
}

.c-section-map__slider__info {
    background-color: #b78a6b;
    background-image: url(./images/pattern-main-medium.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    position: relative;
    -webkit-transition: background-color .6s ease;
    -o-transition: background-color .6s ease;
    transition: background-color .6s ease
}

.c-section-map__slider__info__items {
    position: relative
}

.c-section-map__slider__info__item {
    display: none;
    left: 0;
    overflow-y: auto;
    pointer-events: none;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10
}

.c-section-map__slider__info__item.active {
    pointer-events: all;
    visibility: visible;
    z-index: 15
}

.c-section-map__slider__info__categories {
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .04rem;
    line-height: 1.86;
    margin-bottom: 10px;
    text-transform: uppercase
}

.c-section-map__slider__info__title {
    font-family: Ivar;
    font-size: 2rem;
    letter-spacing: -.017rem;
    line-height: 1.5
}

.c-section-map__slider__info__description {
    color: #f7f6f4;
    font-family: TT Commons;
    font-size: 1.9rem;
    letter-spacing: normal;
    line-height: 1.47
}

.c-section-map__slider__info__link {
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.8rem;
    line-height: 1.56;
    margin-top: 15px;
    padding-bottom: 1px;
    position: relative
}

.c-section-map__slider__info__link:before {
    border-bottom: 1px solid #fff;
    bottom: 0;
    content: "";
    opacity: .45;
    position: absolute;
    width: 100%
}

.c-section-map__slider__controls {
    background: #fff;
    -webkit-box-shadow: 0 2px 15px -5px rgba(5, 16, 43, .14);
    box-shadow: 0 2px 15px -5px rgba(5, 16, 43, .14);
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 25
}

.c-section-map__slider__controls__nav {
    cursor: pointer;
    display: inline-block;
    padding: 27px 28px;
    position: relative;
    vertical-align: top
}

.c-section-map__slider__controls__nav--prev:after {
    background-color: hsla(0, 0%, 60%, .21);
    content: "";
    height: 38px;
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.c-section-map__slider__controls__nav--prev svg {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(180deg);
    transform: translate3d(-50%, 0, 0) rotate(180deg)
}

.c-section-map__slider__controls__nav--next svg {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.c-section-map__slider__controls__nav svg {
    font-size: 1.2rem;
    left: 50%;
    position: relative;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

@media (min-width:768px) {
    .c-section-map {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .c-section-map__head__background-text {
        left: -42px;
        right: auto;
        top: -30px
    }

    .c-section-map__head__description {
        max-width: 300px
    }

    .c-section-map__head__button {
        margin-bottom: 40px
    }

    .c-section-map__slider {
        bottom: 0;
        margin-top: 0;
        position: absolute;
        width: 100%
    }
}

@media (min-width:1024px) {
    .c-section-map {
        padding-top: 145px
    }

    .c-section-map__head {
        padding-bottom: 100px
    }

    .c-section-map__head__description {
        max-width: 450px
    }

    .c-section-map__slider {
        max-width: 540px
    }

    .c-section-map__slider__info {
        position: relative
    }

    .c-section-map__slider__info:before {
        content: "";
        display: block;
        padding-top: 84.44444%;
        width: 100%
    }

    .c-section-map__slider__info>.u-aspect-ratio__inner {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .c-section-map__slider__info__item {
        height: 100%;
        padding: 67px 0 60px 67px;
        position: absolute
    }

    .c-section-map__slider__info__item .u-overflow-container {
        height: 100%;
        padding-right: 60px
    }

    .c-section-map__slider__info__title {
        margin-bottom: 15px
    }
}

@media (min-width:1280px) {
    .c-section-map__head__background-text {
        left: -50px;
        top: -35px
    }

    .c-section-map__head__button {
        margin-right: 40px
    }

    .c-section-map__head__button,
    .c-section-map__head__map {
        display: inline-block;
        vertical-align: top
    }
}

.desktop .c-section-map .c-section-map__head__map__dot:hover {
    border: 4px solid #fff;
    height: 36px;
    margin-bottom: -18px;
    margin-left: -18px;
    width: 36px;
    z-index: 999
}

.desktop .c-section-map .c-section-map__slider__controls__nav--prev:hover svg {
    -webkit-animation: hoverNavigationLeft .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationLeft .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

.desktop .c-section-map .c-section-map__slider__controls__nav--next:hover svg {
    -webkit-animation: hoverNavigationRight .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationRight .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

@media (max-width:1023.98px) {
    .c-section-map {
        padding-top: 100px
    }

    .c-section-map__head {
        padding-bottom: 110px
    }

    .c-section-map__head__background-text {
        right: 0;
        top: -50px
    }

    .c-section-map__head__map {
        display: none
    }

    .c-section-map__slider {
        margin-top: 40px
    }

    .c-section-map__slider__info__item {
        padding: 65px 40px 40px
    }

    .c-section-map__slider__info__item .u-overflow-container {
        overflow: initial
    }

    .c-section-map__slider__info__description {
        display: none
    }
}

@media (max-width:767.98px) {
    .c-section-map__head {
        padding-bottom: 0
    }
}

.c-section-recipes {
    padding: 60px 0;
    position: relative;
    z-index: 15
}

.c-section-recipes:after {
    background-color: #f5f5f1;
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1
}

.desktop .c-section-recipes .c-section-recipes__head__link:hover {
    color: #000
}

.desktop .c-section-recipes .c-section-recipes__head__link:hover:before {
    background-color: #000;
    width: 35px
}

.desktop .c-section-recipes .c-section-recipes__content__item:hover .c-section-recipes__content__item__media img,
.desktop .c-section-recipes .c-section-recipes__content__item:hover .c-section-recipes__content__item__media video {
    -webkit-transform: translate(-50%) scale(1.05);
    -ms-transform: translate(-50%) scale(1.05);
    transform: translate(-50%) scale(1.05)
}

.c-section-recipes__container {
    background-color: #fff;
    padding: 60px
}

.c-section-recipes__head {
    padding-bottom: 40px;
    position: relative
}

.c-section-recipes__head__link {
    color: #61615a;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.6rem;
    letter-spacing: .4px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    vertical-align: middle
}

.c-section-recipes__head__link:before {
    background-color: #d2d2d2;
    content: "";
    display: inline-block;
    height: 1px;
    margin-left: 28px;
    margin-right: 14px;
    margin-top: -3px;
    -webkit-transition: width .35s ease, background-color .35s ease;
    -o-transition: width .35s ease, background-color .35s ease;
    transition: width .35s ease, background-color .35s ease;
    vertical-align: middle;
    width: 21px
}

.c-section-recipes__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.c-section-recipes__content__item {
    margin-right: 30px;
    width: 29.4%
}

.c-section-recipes__content__item:last-child {
    margin-right: 0
}

.c-section-recipes__content__item__media a {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.c-section-recipes__content__item__media a:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 56%
}

.c-section-recipes__content__item__media a img,
.c-section-recipes__content__item__media a video {
    display: block;
    height: 100%;
    left: 50%;
    min-width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%) scale(1);
    -ms-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1);
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    -o-transition: transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    will-change: transform
}

.c-section-recipes__content__item__title {
    display: block;
    font-family: Ivar;
    font-size: 2rem;
    letter-spacing: -.17px;
    line-height: 2.6rem;
    padding: 20px 0
}

@media (max-width:1023.98px) {
    .c-section-recipes {
        display: none
    }
}

@media (max-width:575.98px) {
    .c-section-recipes__head__link {
        font-size: 1.6rem
    }

    .c-section-recipes__head__link:before {
        margin-left: 12px;
        margin-right: 6px
    }
}

.c-section-social-networks {
    background-color: #f5f5f1;
    padding-bottom: 40px;
    padding-top: 100px
}

.c-section-social-networks__head {
    position: relative;
    z-index: 10
}

.c-section-social-networks__head__background-text {
    color: #e6e6df;
    left: 0;
    top: -39px
}

.c-section-social-networks__head__title {
    padding-bottom: 30px
}

.c-section-social-networks__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.c-section-social-networks__content__item {
    margin-bottom: 20px;
    position: relative;
    width: calc(50% - 10px)
}

.c-section-social-networks__content__item__media {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.c-section-social-networks__content__item__media:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 60.52632%
}

.c-section-social-networks__content__item__media:after {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .35s ease;
    -o-transition: background-color .35s ease;
    transition: background-color .35s ease;
    z-index: 2
}

.c-section-social-networks__content__item__media img {
    display: block;
    height: 100%;
    left: 50%;
    min-width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%) scale(1);
    -ms-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1);
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    -o-transition: transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    will-change: transform
}

.c-section-social-networks__content__item a {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 15
}

.c-section-social-networks__content__item a:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-left: -1em;
    vertical-align: middle;
    width: 0
}

.c-section-social-networks__content__item a .icon-container {
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 76px;
    -webkit-transition: background-color .4s ease, border-color .4s ease;
    -o-transition: background-color .4s ease, border-color .4s ease;
    transition: background-color .4s ease, border-color .4s ease;
    vertical-align: middle;
    width: 76px
}

.c-section-social-networks__content__item a .icon-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-left: -.25rem;
    vertical-align: middle;
    width: 0
}

.c-section-social-networks__content__item a .icon-container svg {
    fill: #fff;
    font-size: 3rem;
    -webkit-transition: fill .4s ease;
    -o-transition: fill .4s ease;
    transition: fill .4s ease
}

.c-section-social-networks__content__item a .icon-container svg.svg-icon-facebook {
    margin-left: -.2rem
}

.c-section-social-networks__push {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
    box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 70px 60px;
    position: relative
}

.c-section-social-networks__push__icon {
    position: absolute;
    right: 35px;
    top: 35px
}

.c-section-social-networks__push__icon svg {
    fill: #ededed;
    font-size: 5.4rem
}

.c-section-social-networks__push__hat {
    color: #b78a6b;
    display: block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 1.43;
    max-width: 65%;
    padding-bottom: 20px;
    text-transform: uppercase
}

.c-section-social-networks__push__title {
    color: #000;
    display: block;
    font-family: TT Commons;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.23;
    max-width: 215px;
    padding-bottom: 25px
}

@media (max-width:1279.98px) {
    .c-section-social-networks {
        padding-top: 60px
    }

    .c-section-social-networks__push {
        padding: 50px 40px
    }

    .c-section-social-networks__push__title {
        max-width: 85%
    }
}

@media (max-width:1023.98px) {
    .c-section-social-networks {
        padding-bottom: 60px;
        padding-top: 120px
    }

    .c-section-social-networks+.c-newsletter-ribbon {
        padding-top: 0
    }

    .c-section-social-networks__head {
        margin: 0;
        max-width: 100%;
        width: 100%
    }

    .c-section-social-networks__head__background-text {
        left: auto;
        margin: 0;
        right: 7%;
        top: -60px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .c-section-social-networks__head__title {
        margin: 0
    }

    .c-section-social-networks .row .c-section-social-networks__content,
    .c-section-social-networks__head {
        padding-left: 7% !important;
        padding-right: 7% !important
    }

    .c-section-social-networks__content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-flex: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0 0 10px;
        max-width: 100%
    }

    .c-section-social-networks__content__item {
        width: calc(50% - 7px)
    }

    .c-section-social-networks__push {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0 auto;
        max-width: 50%;
        padding: 50px 40px
    }

    .c-section-social-networks__push__title {
        font-size: 2.2rem;
        line-height: 2.5rem;
        max-width: 80%
    }
}

@media (max-width:767.98px) {
    .c-section-social-networks .row .c-section-social-networks__content {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .c-section-social-networks__content__item a .icon-container {
        border: 1px solid #fff;
        height: 45px;
        width: 45px
    }

    .c-section-social-networks__content__item a .icon-container svg {
        font-size: 1.4rem
    }

    .c-section-social-networks__push {
        max-width: 75%
    }
}

@media (max-width:575.98px) {
    .c-section-social-networks__head__title {
        padding-bottom: 20px
    }

    .c-section-social-networks__content__item a:after {
        background-color: rgba(0, 0, 0, .6)
    }

    .c-section-social-networks__push {
        max-width: 100%
    }

    .c-section-social-networks__push__icon svg {
        font-size: 4.6rem
    }
}

.desktop .c-section-social-networks .c-section-social-networks__content__item:hover .c-section-social-networks__content__item__media:after {
    background-color: rgba(0, 0, 0, .55)
}

.desktop .c-section-social-networks .c-section-social-networks__content__item:hover .c-section-social-networks__content__item__media img {
    -webkit-transform: translate(-50%) scale(1.05);
    -ms-transform: translate(-50%) scale(1.05);
    transform: translate(-50%) scale(1.05)
}

.desktop .c-section-social-networks .c-section-social-networks__content__item:hover .icon-container {
    background-color: #fff;
    border-color: #fff
}

.desktop .c-section-social-networks .c-section-social-networks__content__item:hover .icon-container svg {
    fill: #66a361
}

.c-section-triple-rows {
    background-color: #fff;
    padding: 120px 0;
    position: relative;
    z-index: 15
}

.desktop .c-section-triple-rows .c-section-triple-rows__head__link:hover {
    color: #000
}

.desktop .c-section-triple-rows .c-section-triple-rows__head__link:hover:before {
    background-color: #000;
    width: 35px
}

.desktop .c-section-triple-rows .c-section-triple-rows__container .c-section-triple-rows__content__item:hover .c-section-triple-rows__content__item__media img {
    -webkit-transform: translate(-50%) scale(1.05);
    -ms-transform: translate(-50%) scale(1.05);
    transform: translate(-50%) scale(1.05)
}

.c-section-triple-rows__head {
    padding-bottom: 40px;
    position: relative
}

.c-section-triple-rows__head__background-text {
    right: 0;
    top: -60px
}

.c-section-triple-rows__head__link {
    color: #61615a;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.6rem;
    letter-spacing: .4px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    vertical-align: middle
}

.c-section-triple-rows__head__link:before {
    background-color: #d2d2d2;
    content: "";
    display: inline-block;
    height: 1px;
    margin-left: 28px;
    margin-right: 14px;
    margin-top: -3px;
    -webkit-transition: width .35s ease, background-color .35s ease;
    -o-transition: width .35s ease, background-color .35s ease;
    transition: width .35s ease, background-color .35s ease;
    vertical-align: middle;
    width: 21px
}

.c-section-triple-rows__container-flickity {
    display: none
}

.c-section-triple-rows__content--left .c-section-triple-rows__content__item__text__details {
    padding-bottom: 10px
}

.c-section-triple-rows__content--left .c-section-triple-rows__content__item__title {
    display: block;
    font-family: Ivar;
    font-size: 3rem;
    line-height: 1.33
}

.c-section-triple-rows__content--right .c-section-triple-rows__content__item {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    border-bottom: 1px solid #eaeaea;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 42px 0;
    width: 100%
}

.c-section-triple-rows__content--right .c-section-triple-rows__content__item:first-child {
    padding-top: 0
}

.c-section-triple-rows__content--right .c-section-triple-rows__content__item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.c-section-triple-rows__content--right .c-section-triple-rows__content__item__media,
.c-section-triple-rows__content--right .c-section-triple-rows__content__item__text {
    display: inline-block;
    vertical-align: top
}

.c-section-triple-rows__content--right .c-section-triple-rows__content__item__media {
    width: calc(40% - 30px)
}

.c-section-triple-rows__content--right .c-section-triple-rows__content__item__text__details {
    padding-bottom: 10px
}

.c-section-triple-rows__content--right .c-section-triple-rows__content__item__text {
    margin-left: 30px;
    padding: 0;
    width: 60%
}

.c-section-triple-rows__content--right .c-section-triple-rows__content__item__text__title {
    font-family: Ivar;
    font-size: 2rem;
    line-height: 1.25
}

.c-section-triple-rows__content__item__media a {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.c-section-triple-rows__content__item__media a:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 58.86364%
}

.c-section-triple-rows__content__item__media a img {
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%) scale(1);
    -ms-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1);
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    -o-transition: transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    width: 100%;
    will-change: transform
}

.c-section-triple-rows__content__item__text {
    padding: 20px 0
}

.c-section-triple-rows__content__item__text__details__category,
.c-section-triple-rows__content__item__text__details__date {
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle
}

.c-section-triple-rows__content__item__text__details__category:after {
    background-color: currentColor;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 3px;
    margin: -3px 5px 0;
    vertical-align: middle;
    width: 3px
}

@media (max-width:1023.98px) {
    .c-section-triple-rows {
        padding: 120px 0 0
    }

    .c-section-triple-rows__container .c-section-triple-rows__content {
        display: none
    }

    .c-section-triple-rows__container-flickity {
        display: block
    }

    .c-section-triple-rows__container-flickity:after {
        content: "flickity";
        display: none
    }

    .c-section-triple-rows__container-flickity.flickity-enabled {
        padding-bottom: 30px
    }

    .c-section-triple-rows__container-flickity .flickity-page-dots {
        bottom: 40px;
        display: block
    }

    .c-section-triple-rows__container-flickity .flickity-prev-next-button,
    .c-section-triple-rows__container-flickity .flickity-prev-next-button.next {
        right: 70px
    }

    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item {
        display: block;
        margin: 0 50px 40px 0;
        max-width: 100%;
        overflow: hidden;
        width: 65%
    }

    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item:last-child {
        margin-right: 50px
    }

    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item.is-selected .c-section-triple-rows__content__item__text {
        opacity: 1
    }

    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item__text {
        display: block;
        opacity: 0;
        -webkit-transition: opacity .35s ease;
        -o-transition: opacity .35s ease;
        transition: opacity .35s ease
    }

    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item__text__details {
        padding-bottom: 5px
    }

    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item__text__title {
        font-family: Ivar;
        font-size: 2rem;
        line-height: 1.3
    }

    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item__media {
        display: block;
        height: 100%;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item__media img,
    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item__media video {
        display: block;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        -webkit-transition: -webkit-transform .7s ease;
        transition: -webkit-transform .7s ease;
        -o-transition: transform .7s ease;
        transition: transform .7s ease;
        transition: transform .7s ease, -webkit-transform .7s ease;
        width: 100%
    }
}

@media (max-width:767.98px) {
    .c-section-triple-rows__container-flickity .flickity-prev-next-button {
        display: none
    }

    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item {
        margin: 0 30px 40px 0;
        width: 75%
    }

    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item:last-child {
        margin-right: 30px
    }
}

@media (max-width:575.98px) {
    .c-section-triple-rows__head__background-text {
        top: -65px
    }

    .c-section-triple-rows__head__link {
        font-size: 1.6rem
    }

    .c-section-triple-rows__head__link:before {
        margin-left: 12px;
        margin-right: 6px
    }

    .c-section-triple-rows__container-flickity .flickity-prev-next-button {
        display: none
    }

    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item {
        margin: 0 16px 40px 0;
        width: 86%
    }

    .c-section-triple-rows__container-flickity .c-section-triple-rows__content__item:last-child {
        margin-right: 16px
    }
}

.c-section-values {
    background-color: #fff;
    position: relative;
    z-index: 15
}

.c-section-values__background {
    background-color: #f5f5f1;
    background-image: url(./images/pattern-main.svg);
    background-repeat: repeat;
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5
}

.c-section-values__head {
    padding-bottom: 80px;
    padding-top: 150px;
    position: relative;
    text-align: center;
    z-index: 10
}

.c-section-values__head__title {
    padding-bottom: 30px
}

.c-section-values__head__title__background-text {
    color: #e6e6df;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -45%);
    -ms-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%)
}

.c-section-values__head__description {
    color: #61615a;
    display: block;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 1.47;
    padding-bottom: 30px
}

.c-section-values__content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 10
}

.c-section-values__content__item {
    background-color: #fff;
    -webkit-box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
    box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
    margin-right: 20px;
    padding: 55px 15px;
    position: relative;
    text-align: center
}

.c-section-values__content__item:last-child {
    margin-right: 0
}

.c-section-values__content__item[data-color=brown] {
    color: #b78a6b
}

.c-section-values__content__item[data-color=green] {
    color: #66a361
}

.c-section-values__content__item[data-color=orange] {
    color: #e0a959
}

.c-section-values__content__item[data-color=yellow] {
    color: #e4d460
}

.c-section-values__content__item__icon {
    background-repeat: no-repeat;
    background-size: 75px 40px;
    display: block;
    height: 40px;
    margin: 0 auto 18px;
    width: 75px
}

.c-section-values__content__item__title {
    display: block;
    font-family: TT Commons;
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 8px
}

.c-section-values__content__item__text {
    color: #000;
    font-family: Ivar;
    font-size: 2rem
}

@media (max-width:1023.98px) {
    .c-section-values__background {
        bottom: 0
    }

    .c-section-values__content:after {
        content: "flickity";
        display: none
    }

    .c-section-values__content.flickity-enabled {
        padding-bottom: 30px
    }

    .c-section-values__content .flickity-page-dots {
        bottom: 40px;
        display: block
    }

    .c-section-values__content .flickity-prev-next-button {
        display: none
    }

    .c-section-values__content__item {
        -webkit-box-flex: 0;
        -webkit-box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
        box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0 30px 60px 0;
        max-width: 40%;
        padding: 30px 0 30px 125px;
        text-align: left
    }

    .c-section-values__content__item:last-child {
        margin-right: 30px
    }

    .c-section-values__content__item__title {
        font-size: 2.4rem;
        margin-bottom: 0;
        margin-top: 5px
    }

    .c-section-values__content__item__text {
        font-size: 1.8rem;
        line-height: 1.39
    }

    .c-section-values__content__item__icon {
        left: 25px;
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width:767.98px) {
    .c-section-values__background {
        bottom: 0
    }

    .c-section-values__head {
        padding-bottom: 40px;
        padding-top: 125px;
        text-align: left
    }

    .c-section-values__head__title {
        position: unset
    }

    .c-section-values__head__title__background-text {
        left: auto;
        -webkit-transform: translateY(-65px);
        -ms-transform: translateY(-65px);
        transform: translateY(-65px)
    }

    .c-section-values__content {
        padding-bottom: 85px
    }

    .c-section-values__content__item {
        margin: 0 16px 60px 0;
        max-width: 75%;
        padding: 30px 0 30px 120px
    }

    .c-section-values__content__item:last-child {
        margin-right: 16px
    }
}

@media (max-width:575.98px) {
    .c-section-values__content__item {
        max-width: 86%
    }
}

.c-section-videos {
    position: relative;
    z-index: 15
}

.c-section-videos__head {
    padding-bottom: 40px;
    position: relative
}

.c-section-videos__head__background-text {
    color: #2a2a29;
    right: 0;
    top: 0
}

.c-section-videos__head__title {
    color: #fff
}

.c-section-videos__head__link {
    color: #86867d;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: .4px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    vertical-align: middle
}

.c-section-videos__head__link:before {
    background-color: #86867d;
    content: "";
    display: inline-block;
    height: 1px;
    margin-left: 18px;
    margin-right: 14px;
    -webkit-transition: width .35s ease, background-color .35s ease;
    -o-transition: width .35s ease, background-color .35s ease;
    transition: width .35s ease, background-color .35s ease;
    vertical-align: middle;
    width: 21px
}

.c-section-videos__content--left .c-section-videos__content__highlight-item__text__details {
    padding-bottom: 10px
}

.c-section-videos__content--left .c-section-videos__content__highlight-item__text__title {
    display: block;
    font-family: Ivar;
    font-size: 3rem;
    line-height: 1.33
}

.c-section-videos__content--right .c-section-videos__content__item {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
    width: 100%
}

.c-section-videos__content--right .c-section-videos__content__item:first-child {
    margin-top: 0
}

.c-section-videos__content--right .c-section-videos__content__item__media,
.c-section-videos__content--right .c-section-videos__content__item__text {
    display: inline-block;
    vertical-align: top
}

.c-section-videos__content--right .c-section-videos__content__item__media {
    width: calc(40% - 30px)
}

.c-section-videos__content--right .c-section-videos__content__item__text__details {
    padding-bottom: 10px
}

.c-section-videos__content--right .c-section-videos__content__item__text {
    margin-left: 30px;
    padding: 0;
    width: 60%
}

.c-section-videos__content--right .c-section-videos__content__item__text__title {
    font-family: Ivar;
    font-size: 2rem;
    line-height: 1.25
}

.c-section-videos__content__highlight-item {
    width: 100%
}

.c-section-videos__content__highlight-item__media a {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.c-section-videos__content__highlight-item__media a:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 56.25%
}

.c-section-videos__content__highlight-item__media a img {
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%) scale(1);
    -ms-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1);
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    -o-transition: transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    width: 100%;
    will-change: transform
}

.c-section-videos__content__highlight-item__text {
    color: #fff;
    padding: 20px 0
}

.c-section-videos__content__highlight-item__text__details__date,
.c-section-videos__content__highlight-item__text__details__topic {
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle
}

.c-section-videos__content__item {
    -webkit-appearance: button;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    overflow: visible;
    text-align: left;
    text-transform: none
}

.c-section-videos__content__item--active .c-section-videos__content__item__media img,
.c-section-videos__content__item--active .c-section-videos__content__item__text {
    opacity: .5
}

.c-section-videos__content__item--active .c-section-videos__content__item__media__play {
    background-color: #ddd;
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.c-section-videos__content__item--active .c-section-videos__content__item__media__play:before {
    opacity: 1
}

.c-section-videos__content__item--active .c-section-videos__content__item__media__play .svg-icon-play {
    color: #66a361
}

.c-section-videos__content__item__media__container {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.c-section-videos__content__item__media__container:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 56.25%
}

.c-section-videos__content__item__media__container img {
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%) scale(1);
    -ms-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1);
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .7s ease;
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .7s ease;
    -o-transition: transform .7s ease, opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .7s ease, opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .7s ease, opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .7s ease;
    width: 100%;
    will-change: transform
}

.c-section-videos__content__item__media__play {
    background-color: #fff;
    border-radius: 50%;
    height: 44px;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: transform .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    width: 44px;
    z-index: 3
}

.c-section-videos__content__item__media__play:before {
    border-radius: 50%;
    bottom: 0;
    -webkit-box-shadow: 0 0 150px rgba(0, 0, 0, .75);
    box-shadow: 0 0 150px rgba(0, 0, 0, .75);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    width: 100%
}

.c-section-videos__content__item__media__play .svg-icon-play {
    color: #333;
    font-size: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: color .25s cubic-bezier(.25, .46, .45, .94);
    -o-transition: color .25s cubic-bezier(.25, .46, .45, .94);
    transition: color .25s cubic-bezier(.25, .46, .45, .94)
}

.c-section-videos__content__item__text {
    color: #fff;
    padding: 20px 0;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94)
}

.c-section-videos__content__item__text__details__date,
.c-section-videos__content__item__text__details__topic {
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle
}

@media (min-width:1024px) {
    .c-section-videos {
        padding: 120px 0 30px
    }

    .c-section-videos__content__highlight-items.flickity-enabled {
        padding-bottom: 0
    }

    .c-section-videos .c-video-embed__cover__button {
        height: 80px;
        margin-left: -40px;
        margin-top: -40px;
        width: 80px
    }

    .c-section-videos .c-video-embed__cover__button .svg-icon-play {
        font-size: 22px;
        margin-left: 3px
    }
}

.desktop .c-section-videos .c-section-videos__head__link:hover {
    color: #fff
}

.desktop .c-section-videos .c-section-videos__head__link:hover:before {
    background-color: #fff;
    width: 35px
}

.desktop .c-section-videos .c-section-videos__content__item:focus .c-section-videos__content__item__media img,
.desktop .c-section-videos .c-section-videos__content__item:hover .c-section-videos__content__item__media img {
    -webkit-transform: translate(-50%) scale(1.05);
    -ms-transform: translate(-50%) scale(1.05);
    transform: translate(-50%) scale(1.05)
}

.desktop .c-section-videos .c-section-videos__content__item:focus .c-section-videos__content__item__media img,
.desktop .c-section-videos .c-section-videos__content__item:focus .c-section-videos__content__item__text,
.desktop .c-section-videos .c-section-videos__content__item:hover .c-section-videos__content__item__media img,
.desktop .c-section-videos .c-section-videos__content__item:hover .c-section-videos__content__item__text {
    opacity: .5
}

.desktop .c-section-videos .c-section-videos__content__item:focus .c-section-videos__content__item__media__play,
.desktop .c-section-videos .c-section-videos__content__item:hover .c-section-videos__content__item__media__play {
    background-color: #fff;
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.desktop .c-section-videos .c-section-videos__content__item:focus .c-section-videos__content__item__media__play:before,
.desktop .c-section-videos .c-section-videos__content__item:hover .c-section-videos__content__item__media__play:before {
    opacity: 1
}

.desktop .c-section-videos .c-section-videos__content__item:focus .c-section-videos__content__item__media__play .svg-icon-play,
.desktop .c-section-videos .c-section-videos__content__item:hover .c-section-videos__content__item__media__play .svg-icon-play {
    color: #66a361
}

@media (max-width:1023.98px) {
    .c-section-videos {
        margin-top: -85px;
        padding: 160px 0 60px
    }

    .c-section-videos__head__background-text {
        top: -65px
    }

    .c-section-videos__content--left .c-section-videos__content__highlight-item__text__title {
        font-size: 2rem;
        line-height: 1.3
    }

    .c-section-videos__content__highlight-items.flickity-enabled {
        padding-bottom: 50px
    }

    .c-section-videos__content__highlight-items .flickity-page-dots {
        bottom: 20px;
        display: block
    }

    .c-section-videos__content__highlight-items .flickity-prev-next-button {
        background-color: #2a2a29;
        color: #fff;
        right: 70px
    }

    .c-section-videos__content__highlight-items .flickity-prev-next-button.next {
        right: 70px
    }

    .c-section-videos__content__highlight-items .flickity-prev-next-button.previous:before {
        background-color: #2a2a29
    }

    .c-section-videos__content__highlight-item {
        margin-right: 50px;
        width: 65%
    }

    .c-section-videos__content__highlight-item.is-selected .c-section-videos__content__highlight-item__text {
        opacity: 1
    }

    .c-section-videos__content__highlight-item__text {
        opacity: 0;
        -webkit-transition: opacity .35s ease;
        -o-transition: opacity .35s ease;
        transition: opacity .35s ease
    }
}

@media (max-width:767.98px) {
    .c-section-videos {
        padding: 160px 0 45px
    }

    .c-section-videos__content__highlight-items .flickity-prev-next-button {
        display: none
    }

    .c-section-videos__content__highlight-item {
        margin-right: 30px;
        width: 75%
    }
}

@media (max-width:575.98px) {
    .c-section-videos {
        padding: 160px 0 40px
    }

    .c-section-videos__head__title {
        max-width: 100%
    }

    .c-section-videos__head__title br {
        display: block
    }

    .c-section-videos__head__link {
        font-size: 1.6rem
    }

    .c-section-videos__head__link:before {
        margin-left: 12px;
        margin-right: 6px
    }

    .c-section-videos__content__highlight-item {
        margin-right: 16px;
        width: 86%
    }
}

@media (min-width:1024px) {
    .c-master-advanced-content-highlight {
        float: right;
        margin-right: -16.66667%;
        padding: .6rem 8.33333% 8.33333%;
        width: 50%
    }

    .c-master-advanced-content-highlight--image .c-master-advanced-content-highlight__media img {
        display: block;
        width: 100%
    }

    .c-master-advanced-content-highlight--image .c-master-advanced-content-highlight__content {
        font-family: Ivar;
        font-size: 1.8rem;
        letter-spacing: -.015rem;
        line-height: 2rem;
        margin-top: 20px;
        text-align: center
    }

    .c-master-advanced-content-highlight--text .c-master-advanced-content-highlight__content {
        border-bottom: 1px solid #e7e7e7;
        border-top: 1px solid #e7e7e7;
        color: #000;
        font-family: TT Commons;
        font-size: 2.6rem;
        font-weight: 700;
        letter-spacing: -.047rem;
        line-height: 3rem;
        padding: 10% 6% 8.5%
    }

    .c-master-advanced-content-highlight--text .c-master-advanced-content-highlight__content u {
        -webkit-box-shadow: inset 0 -.5em #afcf1a;
        box-shadow: inset 0 -.5em #afcf1a
    }
}

@media (max-width:1023.98px) {
    .c-master-advanced-content-highlight {
        display: none
    }
}

.c-master-advanced-content+.c-master-buttons+.c-master-advanced-content {
    padding-top: 15px
}

.c-master-advanced-content+.c-master-number {
    padding-top: 20px
}

.c-master-advanced-content+.c-master-media {
    padding-top: 25px
}

.c-master-advanced-content+.c-master-overlapped-blocks {
    margin-top: 20px
}

.c-master-advanced-content+.c-master-triple-columns {
    padding-top: 15px
}

.c-master-advanced-content+.c-master-chronology {
    padding-top: 0
}

.c-master-advanced-content+.c-master-key-figures .c-master-key-figures__content.no-title {
    margin-top: 20px
}

.c-master-advanced-content__content {
    color: #61615a;
    font-family: TT Commons
}

.c-master-advanced-content__content h3 {
    color: #000;
    font-weight: 700
}

.c-master-advanced-content__content h3 u {
    -webkit-box-shadow: inset 0 -.5em #afcf1a;
    box-shadow: inset 0 -.5em #afcf1a
}

.c-master-advanced-content__content a {
    color: #66a361;
    text-decoration: underline
}

.c-master-advanced-content__content b,
.c-master-advanced-content__content strong {
    color: #000;
    font-weight: 600
}

.c-master-advanced-content__content p,
.c-master-advanced-content__content ul {
    padding-bottom: 30px
}

.c-master-advanced-content__content ul li {
    position: relative
}

.c-master-advanced-content__content ul li:last-child {
    margin-bottom: 0
}

.c-master-advanced-content__content ul li:before {
    background-color: #000;
    border-radius: 50%;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px
}

@media (min-width:1024px) {
    .c-master-advanced-content {
        padding-bottom: 0;
        padding-top: 0
    }

    .c-master-advanced-content:after {
        clear: both;
        content: "";
        display: block
    }

    .c-master-advanced-content__title {
        padding-bottom: 40px;
        padding-top: 55px
    }

    .c-master-advanced-content__content {
        font-size: 1.9rem;
        line-height: 3rem
    }

    .c-master-advanced-content__content h3 {
        font-size: 2.8rem;
        padding-bottom: 20px
    }

    .c-master-advanced-content__content a {
        text-decoration: underline
    }

    .c-master-advanced-content__content ul {
        padding-left: 60px
    }

    .c-master-advanced-content__content ul li {
        line-height: 3rem;
        margin-bottom: 10px;
        padding-left: 20px
    }
}

.desktop .c-master-advanced-content__content a:hover {
    text-decoration: none
}

@media (max-width:1023.98px) {
    .c-master-advanced-content {
        padding-bottom: 0;
        padding-top: 0
    }

    .c-master-advanced-content__title {
        padding-bottom: 40px;
        padding-top: 30px
    }

    .c-master-advanced-content__content {
        font-size: 1.9rem;
        line-height: 3rem
    }

    .c-master-advanced-content__content h3 {
        font-size: 2.4rem;
        padding-bottom: 20px;
        padding-top: 10px
    }

    .c-master-advanced-content__content p,
    .c-master-advanced-content__content ul {
        padding-bottom: 30px
    }

    .c-master-advanced-content__content a {
        text-decoration: underline
    }

    .c-master-advanced-content__content ul {
        padding-left: 50px
    }

    .c-master-advanced-content__content ul li {
        line-height: 3rem;
        margin-bottom: 10px;
        padding-left: 20px
    }
}

@media (max-width:767.98px) {
    .c-master-advanced-content {
        padding-bottom: 0
    }

    .c-master-advanced-content+.c-master-media,
    .c-master-advanced-content+.c-master-number,
    .c-master-advanced-content+.c-master-triple-columns {
        padding-top: 0
    }

    .c-master-advanced-content+.c-master-buttons .c-master-buttons__title {
        padding-top: 15px
    }

    .c-master-advanced-content+.c-master-overlapped-blocks {
        margin-top: 10px
    }

    .c-master-advanced-content+.c-master-ribbon-title {
        padding-top: 25px
    }

    .c-master-advanced-content+.c-master-chronology {
        margin-top: 0
    }

    .c-master-advanced-content+.c-master-key-figures .c-master-key-figures__content.no-title {
        margin-top: 5px
    }

    .c-master-advanced-content__content,
    .c-master-advanced-content__title {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%
    }

    .c-master-advanced-content__title {
        padding-bottom: 30px
    }

    .c-master-advanced-content__content ul {
        padding-left: 30px
    }
}

.c-master-anchor:before {
    content: "";
    display: block;
    height: 90px;
    margin: -90px 0 0
}

@media (max-width:767.98px) {
    .c-master-anchor:before {
        height: 66px;
        margin: -66px 0 0
    }
}

.c-master-buttons {
    padding-bottom: 0;
    padding-top: 0
}

.c-master-buttons__title {
    font-family: TT Commons;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: -.5px;
    padding-bottom: 25px;
    padding-top: 25px
}

.c-master-buttons__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.c-master-buttons__content__item {
    margin-bottom: 30px;
    width: calc(50% - 20px)
}

.c-master-buttons__content__item .c-button {
    padding: 16px 20px;
    text-align: left;
    width: 100%
}

@media (max-width:1023.98px) {
    .c-master-buttons__title {
        font-size: 2.4rem;
        padding-bottom: 30px;
        padding-top: 40px
    }
}

@media (max-width:767.98px) {
    .c-master-buttons__title {
        padding-bottom: 30px;
        padding-top: 30px
    }

    .c-master-buttons__content,
    .c-master-buttons__title {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%
    }

    .c-master-buttons__content__item {
        margin-bottom: 15px
    }
}

@media (max-width:575.98px) {
    .c-master-buttons {
        padding-bottom: 30px
    }

    .c-master-buttons+.c-master-ribbon-title {
        padding-top: 25px
    }

    .c-master-buttons__content__item {
        width: 100%
    }

    .c-master-buttons__content__item:last-child {
        margin-bottom: 0
    }
}

.c-master-charts {
    background-color: #f5f5f1;
    padding-bottom: 50px;
    padding-top: 80px;
    position: relative
}

.c-master-charts+:not(.c-master-charts) {
    z-index: 15
}

.c-master-charts+.c-master-charts {
    margin-bottom: 0;
    padding-top: 0
}

.c-master-charts+.c-master-charts:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    z-index: 1
}

.c-master-charts+.c-master-advanced-content {
    margin-top: 55px
}

.c-master-charts+.c-master-advanced-content .c-master-advanced-content__title {
    padding-top: 20px
}

.c-master-charts+.c-master-number {
    padding-top: 75px
}

.c-master-charts+.c-master-key-figures {
    background-color: #f5f5f1
}

.c-master-charts+.c-master-key-figures .c-master-key-figures__content__background {
    background-image: none
}

.c-master-charts__title {
    font-size: 2.8rem;
    line-height: 1.3;
    padding-bottom: 45px
}

.c-master-charts__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.c-master-charts__content__item {
    background-color: #fff;
    -webkit-box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
    box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
    margin-bottom: 35px;
    padding: 50px 65px;
    position: relative;
    text-align: center;
    width: calc(50% - 15px);
    z-index: 10
}

.c-master-charts__content__item--image,
.c-master-charts__content__item--pie_simple {
    min-width: 220px;
    width: calc(33% - 15px)
}

.c-master-charts__content__item--pie_simple {
    padding: 55px
}

.c-master-charts__content__item--pie_simple .c-master-charts__content__item__chart {
    margin: 0 auto;
    max-width: 180px;
    padding: 0
}

.c-master-charts__content__item--pie .c-master-charts__content__item__labels {
    display: inline-block;
    text-align: left
}

.c-master-charts__content__item--pie .c-master-charts__content__item__label {
    margin-right: 0;
    min-width: 55%
}

.c-master-charts__content__item--pie .c-master-charts__content__item__chart {
    margin: 0 auto;
    max-width: 290px
}

.c-master-charts__content__item--bar,
.c-master-charts__content__item--horizontalBar {
    width: 100%
}

.c-master-charts__content__item--bar .c-master-charts__content__item__chart,
.c-master-charts__content__item--horizontalBar .c-master-charts__content__item__chart {
    margin: 0 auto;
    max-width: 800px;
    padding: 0 95px
}

.c-master-charts__content__item__chart {
    padding: 0 35px
}

.c-master-charts__content__item__chart canvas {
    margin: 0 auto
}

.c-master-charts__content__item__number {
    color: #000;
    display: block;
    font-family: TT Commons;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: -.5px;
    padding-top: 35px
}

.c-master-charts__content__item__title {
    padding-bottom: 40px
}

.c-master-charts__content__item__subtitle,
.c-master-charts__content__item__title {
    font-family: Ivar;
    font-size: 2rem;
    line-height: 2.5rem
}

.c-master-charts__content__item__labels {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 45px
}

.c-master-charts__content__item__label {
    display: block;
    font-family: TT Commons;
    font-size: 1.8rem;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-right: 40px;
    position: relative;
    vertical-align: top
}

.c-master-charts__content__item__label:last-child {
    margin-bottom: 0
}

.c-master-charts__content__item__label__color {
    border-radius: 11px;
    display: inline-block;
    height: 11px;
    margin-right: 8px;
    margin-top: 4px;
    position: relative;
    vertical-align: top;
    width: 11px
}

.c-master-charts__content__item__label__percentage {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.c-master-charts__content__item__label__content {
    color: #61615a;
    display: inline;
    vertical-align: top
}

@media (max-width:1279.98px) {

    .c-master-charts__content,
    .c-master-charts__title {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%;
        padding-left: 7%;
        padding-right: 7%
    }

    .c-master-charts__content__item--bar .c-master-charts__content__item__chart,
    .c-master-charts__content__item--horizontalBar .c-master-charts__content__item__chart,
    .c-master-charts__title__item--bar .c-master-charts__content__item__chart,
    .c-master-charts__title__item--horizontalBar .c-master-charts__content__item__chart {
        padding: 0
    }
}

@media (max-width:1023.98px) {
    .c-master-charts {
        padding-bottom: 50px;
        padding-top: 50px
    }

    .c-master-charts__content__item,
    .c-master-charts__title__item {
        padding: 35px
    }

    .c-master-charts__content__item--pie_simple,
    .c-master-charts__title__item--pie_simple {
        min-width: 280px
    }

    .c-master-charts__content__item--pie_simple .c-master-charts__content__item__chart,
    .c-master-charts__title__item--pie_simple .c-master-charts__content__item__chart {
        max-width: 70%
    }
}

@media (max-width:767.98px) {
    .c-master-charts+.c-master-number {
        padding-top: 45px
    }

    .c-master-charts__title {
        padding-bottom: 30px
    }

    .c-master-charts__content__item {
        margin-left: auto;
        margin-right: auto
    }

    .c-master-charts__content__item--pie {
        width: 80%
    }

    .c-master-charts__content__item--pie_simple {
        min-width: auto;
        width: 65%
    }

    .c-master-charts__content__item--bar .c-master-charts__content__item__chart,
    .c-master-charts__content__item--horizontalBar .c-master-charts__content__item__chart,
    .c-master-charts__content__item--pie_simple .c-master-charts__content__item__chart {
        padding: 0
    }

    .c-master-charts__content__item__labels {
        display: inline-block;
        text-align: left
    }
}

@media (max-width:575.98px) {
    .c-master-charts__title {
        text-align: center
    }

    .c-master-charts__content__item {
        padding: 30px;
        width: 100%
    }

    .c-master-charts__content__item:last-child {
        margin-bottom: 0
    }

    .c-master-charts__content__item--pie_simple {
        width: 100%
    }

    .c-master-charts__content__item--pie_simple .c-master-charts__content__item__chart {
        max-width: 165px
    }

    .c-master-charts__content__item--bar,
    .c-master-charts__content__item--horizontalBar,
    .c-master-charts__content__item--pie {
        width: 100%
    }

    .c-master-charts__content__item--bar .c-master-charts__content__item__label__content,
    .c-master-charts__content__item--horizontalBar .c-master-charts__content__item__label__content,
    .c-master-charts__content__item--pie .c-master-charts__content__item__label__content {
        min-width: 80px
    }

    .c-master-charts__content__item--bar .c-master-charts__content__item__label__color,
    .c-master-charts__content__item--horizontalBar .c-master-charts__content__item__label__color {
        border-radius: 0;
        height: 7px;
        margin-top: 4px;
        width: 20px
    }

    .c-master-charts__content__item--bar .c-master-charts__content__item__label__content,
    .c-master-charts__content__item--horizontalBar .c-master-charts__content__item__label__content {
        width: calc(100% - 75px)
    }

    .c-master-charts__content__item--pie .c-master-charts__content__item__label__content {
        width: calc(100% - 65px)
    }

    .c-master-charts__content__item__title {
        padding-bottom: 30px
    }

    .c-master-charts__content__item__labels {
        padding-top: 30px
    }

    .c-master-charts__content__item__label {
        margin-right: 0
    }

    .c-master-charts__content__item__label__color {
        margin-right: 7px
    }

    .c-master-charts__content__item__label__percentage {
        margin-right: 0;
        width: 36px
    }
}

.c-master-chronology {
    margin: 25px 0 0;
    overflow: hidden;
    padding: 55px 0;
    position: relative
}

.c-master-chronology+.c-master-advanced-content .c-master-advanced-content__title {
    padding-top: 20px
}

.desktop .c-master-chronology .c-master-chronology__container__dates-timeline__item:hover span {
    -webkit-box-shadow: inset 0 -.5em #afcf1a;
    box-shadow: inset 0 -.5em #afcf1a;
    cursor: pointer
}

.desktop .c-master-chronology .c-master-chronology__container__textual__controls__nav:hover {
    color: #66a361
}

.c-master-chronology__container {
    position: relative;
    z-index: 5
}

.c-master-chronology__container__dates-timeline {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-master-chronology__container__dates-timeline__item {
    color: #000;
    display: block;
    font-family: Ivar;
    font-size: 2.1rem;
    line-height: 1.25;
    padding-bottom: 25px;
    text-align: center
}

.c-master-chronology__container__dates-timeline__item.active span {
    -webkit-box-shadow: inset 0 -.5em #afcf1a;
    box-shadow: inset 0 -.5em #afcf1a
}

.c-master-chronology__container__dates-timeline__item span {
    display: inline-block;
    -webkit-transition: -webkit-box-shadow .4s ease;
    transition: -webkit-box-shadow .4s ease;
    -o-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease;
    transition: box-shadow .4s ease, -webkit-box-shadow .4s ease
}

.c-master-chronology__container__main {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10
}

.c-master-chronology__container__main__dates ul {
    padding-bottom: 80px;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.c-master-chronology__container__main__dates__item {
    color: #000;
    font-family: Ivar;
    font-size: 13.8rem;
    left: 0;
    letter-spacing: -1.18px;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10
}

.c-master-chronology__container__main__dates__item.active {
    pointer-events: all;
    visibility: visible;
    z-index: 15
}

.c-master-chronology__container__main__dates__item span {
    display: inline-block;
    vertical-align: top
}

.c-master-chronology__container__main__dates__item span:last-child {
    padding-top: 115px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.c-master-chronology__container__main__dates__item span:last-child:before {
    background: #afcf1a;
    bottom: 6px;
    content: "";
    display: block;
    height: 43px;
    left: 2px;
    position: absolute;
    width: 400px;
    z-index: -1
}

.c-master-chronology__container__main__medias {
    overflow: hidden;
    position: relative
}

.c-master-chronology__container__main__medias:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 56.25%
}

.c-master-chronology__container__main__medias__item {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 10
}

.c-master-chronology__container__main__medias__item.active {
    pointer-events: all;
    z-index: 15
}

.c-master-chronology__container__main__medias__item iframe,
.c-master-chronology__container__main__medias__item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-master-chronology__container__textual {
    background-color: #66a361;
    background-image: url(./images/pattern-main-medium.svg);
    background-repeat: repeat;
    background-size: cover;
    margin-top: 35px;
    min-width: 240px;
    position: absolute;
    top: 135px;
    -webkit-transition: background-color .6s ease;
    -o-transition: background-color .6s ease;
    transition: background-color .6s ease;
    z-index: 15
}

.c-master-chronology__container__textual.color-bis {
    background-color: #b78a6b
}

.c-master-chronology__container__textual__slider {
    color: #fff;
    font-family: Ivar;
    font-size: 1.8rem;
    height: 100%;
    line-height: 3rem;
    position: relative;
    width: 100%
}

.c-master-chronology__container__textual__slider:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 63.21839%
}

.c-master-chronology__container__textual__slider__item {
    height: 100%;
    left: 0;
    overflow-y: auto;
    padding: 50px 0 65px 50px;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10
}

.c-master-chronology__container__textual__slider__item .u-overflow-container {
    height: 100%;
    padding-right: 50px
}

.c-master-chronology__container__textual__slider__item.active {
    pointer-events: all;
    visibility: visible;
    z-index: 15
}

.c-master-chronology__container__textual__slider__item__title {
    display: inline-block;
    font-family: TT Commons;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: -.51px;
    padding-bottom: 20px
}

.c-master-chronology__container__textual__controls {
    background: #fff;
    bottom: 0;
    -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .14);
    box-shadow: 0 0 20px 2px rgba(48, 48, 48, .14);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    -webkit-transform: translate(38px, 50%);
    -ms-transform: translate(38px, 50%);
    transform: translate(38px, 50%);
    z-index: 25
}

.c-master-chronology__container__textual__controls__nav {
    cursor: pointer;
    display: inline-block;
    padding: 27px 28px;
    position: relative;
    vertical-align: top
}

.c-master-chronology__container__textual__controls__nav--prev:after {
    background-color: hsla(0, 0%, 60%, .21);
    content: "";
    height: 38px;
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.c-master-chronology__container__textual__controls__nav--prev svg {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(180deg);
    transform: translate3d(-50%, 0, 0) rotate(180deg)
}

.c-master-chronology__container__textual__controls__nav--next svg {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.c-master-chronology__container__textual__controls__nav svg {
    font-size: 1.2rem;
    left: 50%;
    position: relative;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.c-master-chronology__container__background-medias {
    position: relative;
    z-index: 5
}

.c-master-chronology__container__background-medias__slider {
    overflow: hidden;
    position: relative
}

.c-master-chronology__container__background-medias__slider:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 106.94444%
}

.c-master-chronology__container__background-medias__slider__item {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 10
}

.c-master-chronology__container__background-medias__slider__item:after {
    background: rgba(0, 0, 0, .55);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5
}

.c-master-chronology__container__background-medias__slider__item.active {
    pointer-events: all;
    z-index: 15
}

.c-master-chronology__container__background-medias__slider__item img {
    height: 100%;
    min-width: 100%
}

@media (max-width:1023.98px) {
    .c-master-chronology__container {
        display: block
    }

    .c-master-chronology__container__dates-timeline {
        -webkit-box-flex: 0;
        border-bottom: 1px solid hsla(0, 0%, 92%, .35);
        border-top: 1px solid hsla(0, 0%, 92%, .35);
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0 0 55px;
        max-width: 100%;
        overflow-x: auto;
        padding: 0 7%;
        position: relative;
        text-align: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        white-space: nowrap;
        width: 100%
    }

    .c-master-chronology__container__dates-timeline li {
        display: inline-block;
        margin-right: 20px;
        padding: 22px 0
    }

    .c-master-chronology__container__dates-timeline li:last-child {
        margin-right: 0
    }

    .c-master-chronology__container__main {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%
    }

    .c-master-chronology__container__main__dates:after {
        content: "";
        display: block;
        height: 0;
        padding-bottom: 55%
    }

    .c-master-chronology__container__main__dates__item {
        font-size: 0;
        text-align: center
    }

    .c-master-chronology__container__main__dates__item span {
        font-size: 7.2rem
    }

    .c-master-chronology__container__main__dates__item span:last-child {
        padding-top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .c-master-chronology__container__main__dates__item span:last-child:before {
        bottom: 4px;
        height: 23px;
        left: auto;
        right: 0;
        width: 50%
    }

    .c-master-chronology__container__textual {
        -webkit-box-flex: 0;
        display: block;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        left: 0;
        margin: 0 auto;
        max-width: 100%;
        right: 0;
        text-align: center;
        top: 245px;
        width: 80%
    }

    .c-master-chronology__container__textual__slider:before {
        padding-bottom: 96.49123%
    }

    .c-master-chronology__container__textual__controls {
        left: 50%;
        -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%)
    }

    .c-master-chronology__container__background-medias {
        display: none
    }
}

@media (max-width:767.98px) {
    .c-master-chronology {
        padding: 35px 0
    }

    .c-master-chronology__container__dates-timeline {
        margin: 0 0 45px
    }

    .c-master-chronology__container__textual {
        padding: 0 !important
    }

    .c-master-chronology__container__textual__slider {
        max-height: 350px
    }

    .c-master-chronology__container__textual__slider__item {
        padding: 38px 0 50px 40px
    }
}

.desktop .c-master-chronology .c-master-chronology__container__textual__controls__nav--prev:hover svg {
    -webkit-animation: hoverNavigationLeft .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationLeft .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

.desktop .c-master-chronology .c-master-chronology__container__textual__controls__nav--next:hover svg {
    -webkit-animation: hoverNavigationRight .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationRight .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

.c-master-form-report__malicious-acts {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    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;
    margin-bottom: -12px
}

.c-master-form-report__malicious-acts__field {
    margin-bottom: 12px;
    padding-right: 25px;
    width: 33.3333%
}

@media (max-width:767.98px) {
    .c-master-form-report__malicious-acts__field {
        padding-right: 0;
        width: 100%
    }
}

.c-master-form__form--show-message .c-master-form__subject-message {
    display: block
}

.c-master-form__form--hide-fields .c-master-form__subject-message {
    margin-bottom: 0
}

.c-master-form__form--hide-fields .c-master-form__fields {
    display: none
}

.c-master-form__subject-message {
    display: none;
    font-family: TT Commons;
    font-size: 18px;
    line-height: 1.44;
    margin-bottom: 36px;
    margin-left: 6.25%;
    width: 81.25%
}

.c-master-form__subject-message p+p {
    margin-top: 15px
}

.c-master-form__subject-message strong {
    font-size: 24px;
    font-weight: 700
}

.c-master-form__subject-message a {
    color: #66a361;
    text-decoration: underline
}

@media (max-width:767.98px) {
    .c-master-form__subject-message {
        margin-bottom: 26px;
        margin-left: 0;
        width: 100%
    }
}

.c-master-gallery {
    padding: 45px 0;
    position: relative;
    text-align: center;
    z-index: 10
}

.c-master-gallery__title {
    font-family: TT Commons;
    font-weight: 700;
    padding-bottom: 40px
}

.c-master-gallery__content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 10
}

.c-master-gallery__content--no-slider .c-master-gallery__content__item {
    margin: 0 auto !important
}

.c-master-gallery__content--slider {
    display: block
}

.c-master-gallery__content--slider:after {
    content: "flickity";
    display: none
}

.c-master-gallery__content__item {
    margin-right: 40px;
    text-align: center;
    width: calc(25% - 40px)
}

.c-master-gallery__content__item__media {
    overflow: hidden;
    position: relative;
    width: 100%
}

.c-master-gallery__content__item__media:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 135.83333%
}

.c-master-gallery__content__item__media img {
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-master-gallery__content__item__headline,
.c-master-gallery__content__item__label {
    display: block
}

.c-master-gallery__content__item__label {
    font-family: Ivar;
    font-size: 2rem;
    line-height: 2.5rem;
    padding-bottom: 10px;
    padding-top: 30px
}

.c-master-gallery__content__item__headline {
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 2.2rem
}

.c-master-gallery__second-level {
    margin-top: 60px;
    position: relative;
    text-align: center;
    z-index: 10
}

.c-master-gallery__second-level:before {
    background-color: #b7b7b7;
    content: "";
    display: block;
    height: 51px;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1px;
    z-index: 12
}

.c-master-gallery__second-level__background {
    background-color: #f5f5f1;
    background-image: url(./images/pattern-main.svg);
    background-repeat: repeat;
    height: 75%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5
}

.c-master-gallery__second-level ul {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 70px;
    position: relative;
    z-index: 10
}

.c-master-gallery__second-level__item {
    background-color: #fff;
    -webkit-box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
    box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .14);
    color: #1b1b1b;
    display: inline-block;
    line-height: normal;
    margin: 0 20px 40px;
    padding: 25px 5px;
    text-align: center;
    vertical-align: middle;
    width: calc(25% - 40px)
}

.c-master-gallery__second-level__item:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle
}

.c-master-gallery__second-level__item__label {
    display: inline-block;
    font-family: Ivar;
    font-size: 2rem;
    line-height: 2.7rem;
    vertical-align: middle
}

@media (max-width:1279.98px) {
    .c-master-gallery__second-level ul {
        margin: 0;
        max-width: 100%;
        width: 100%
    }

    .c-master-gallery__second-level__item {
        margin-right: 30px;
        max-width: 300px;
        width: calc(50% - 30px)
    }
}

@media (max-width:1023.98px) {
    .c-master-gallery {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .c-master-gallery__title {
        max-width: 100%;
        text-align: center;
        width: 100%
    }

    .c-master-gallery__content {
        display: block
    }

    .c-master-gallery__content:not(.c-master-gallery__content--no-slider):after {
        content: "flickity";
        display: none
    }

    .c-master-gallery__content__item {
        min-width: 200px
    }
}

@media (max-width:767.98px) {
    .c-master-gallery {
        padding-bottom: 30px;
        padding-top: 30px
    }

    .c-master-gallery__title {
        padding-bottom: 40px
    }

    .c-master-gallery__content {
        margin: 0;
        width: 100%
    }

    .c-master-gallery__content,
    .c-master-gallery__content__item {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        max-width: 100%
    }

    .c-master-gallery__content__item {
        width: 50%
    }

    .c-master-gallery__content__item__label {
        font-size: 1.9rem;
        line-height: 2.5rem
    }

    .c-master-gallery__content__item__headline {
        font-size: 1.9rem;
        line-height: 2.8rem
    }

    .c-master-gallery__second-level__item {
        margin: 0 auto 20px !important;
        padding: 30px 40px 35px;
        width: 100%
    }
}

@media (max-width:575.98px) {
    .c-master-gallery {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

.c-master-key-figures {
    padding-bottom: 45px;
    position: relative;
    z-index: 15
}

.c-master-key-figures+.c-master-advanced-content .c-master-advanced-content__title {
    padding-top: 10px
}

.c-master-key-figures__title {
    margin-bottom: 35px;
    padding-top: 55px
}

.c-master-key-figures__subtitle {
    font-size: 2.8rem;
    line-height: 1.3;
    padding-top: 55px
}

.c-master-key-figures--background-image .c-master-key-figures__content__background {
    bottom: 0
}

.c-master-key-figures--background-image .c-master-key-figures__content ul {
    padding: 80px 0 40px
}

.c-master-key-figures--background-image .c-master-key-figures__content__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 55px;
    padding: 35px 25px
}

.c-master-key-figures--background-image .c-master-key-figures__content__item:first-child,
.c-master-key-figures--background-image .c-master-key-figures__content__item:nth-child(2n),
.c-master-key-figures--background-image .c-master-key-figures__content__item:nth-child(5n) {
    border-right: 1px solid hsla(0, 0%, 100%, .15)
}

.c-master-key-figures--background-image .c-master-key-figures__content__item:last-child {
    border-right: none
}

.c-master-key-figures--background-image .c-master-key-figures__content__item__description {
    color: #fff
}

.c-master-key-figures__content {
    position: relative;
    z-index: 10
}

.c-master-key-figures__content__background {
    background-color: #f5f5f1;
    background-image: url(./images/pattern-main.svg);
    background-repeat: repeat;
    bottom: 125px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5
}

.c-master-key-figures__content__background__media {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.c-master-key-figures__content__background__media:after {
    background-color: rgba(0, 0, 0, .55);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-master-key-figures__content__background__media img {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.c-master-key-figures__content ul {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px;
    position: relative;
    z-index: 10
}

.c-master-key-figures__content ul,
.c-master-key-figures__content__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center
}

.c-master-key-figures__content__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .06);
    box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .06);
    color: #66a361;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 30px;
    margin-right: 30px;
    padding: 55px 25px;
    text-align: center;
    width: calc(33.33333% - 22px)
}

.c-master-key-figures__content__item:last-child {
    margin-right: 0
}

.c-master-key-figures__content__item--image {
    padding: 50px 40px 55px
}

.c-master-key-figures__content__item--number .c-master-key-figures__content__item__description {
    padding-top: 5px
}

.c-master-key-figures__content__item--long-text .c-master-key-figures__content__item__head {
    font-size: 5.2rem
}

.c-master-key-figures__content__item a {
    display: block;
    width: 100%
}

.c-master-key-figures__content__item__head {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    display: block;
    font-family: TT Commons;
    font-size: 5.6rem;
    font-weight: 700;
    letter-spacing: -.6px;
    width: 100%
}

.c-master-key-figures__content__item__head img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.c-master-key-figures__content__item__description {
    color: #000;
    display: inline-block;
    font-family: Ivar;
    font-size: 1.8rem;
    line-height: 2.5rem;
    margin: 0 auto;
    max-width: 220px;
    padding-top: 15px
}

.c-master-key-figures__content__item__description b {
    display: block;
    font-family: TT Commons;
    font-size: 2.8rem;
    padding-bottom: 3px;
    padding-top: 8px;
    text-align: center
}

.c-master-key-figures__content__item:nth-child(3n) {
    margin-right: 0
}

@media (max-width:1279.98px) {
    .c-master-key-figures__subtitle {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%;
        padding-left: 7%;
        padding-right: 7%
    }
}

@media (max-width:1023.98px) {
    .c-master-key-figures {
        padding-bottom: 40px
    }

    .c-master-key-figures+.c-master-advanced-content .c-master-advanced-content__title {
        padding-top: 10px
    }

    .c-master-key-figures__title {
        padding-top: 40px
    }

    .c-master-key-figures__content:not(.c-master-key-figures__content--no-slider) .c-master-key-figures__content__background {
        bottom: 0
    }

    .c-master-key-figures__content:not(.c-master-key-figures__content--no-slider) ul {
        margin: 0;
        max-width: 100%;
        padding-bottom: 85px;
        width: 100%
    }

    .c-master-key-figures__content:not(.c-master-key-figures__content--no-slider) ul:after {
        content: "flickity";
        display: none
    }

    .c-master-key-figures__content:not(.c-master-key-figures__content--no-slider) ul .flickity-page-dots {
        bottom: 40px;
        display: block
    }

    .c-master-key-figures__content:not(.c-master-key-figures__content--no-slider) ul .c-master-key-figures__content__item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: 16px;
        max-width: 86%;
        width: 100%
    }

    .c-master-key-figures__content:not(.c-master-key-figures__content--no-slider) ul .c-master-key-figures__content__item__description {
        max-width: 300px
    }
}

@media (max-width:767.98px) {
    .c-master-key-figures {
        padding-bottom: 25px
    }

    .c-master-key-figures__title {
        margin: 0 0 30px;
        padding-top: 30px;
        width: 100%
    }

    .c-master-key-figures__subtitle {
        padding-top: 45px
    }

    .c-master-key-figures__content__item--solo {
        min-width: 100%
    }
}

@media (max-width:575.98px) {
    .c-master-key-figures__subtitle {
        text-align: center
    }
}

.c-master-media {
    background-color: #fff;
    padding-bottom: 55px;
    /* padding-top: 45px */
    padding-top: 1rem
}

.c-master-media+.c-master-advanced-content .c-master-advanced-content__title {
    padding-top: 20px
}

.c-master-media__title {
    padding-bottom: 35px
}

.c-master-media__container {
    position: relative;
    text-align: center
}

.c-master-media__container iframe,
.c-master-media__container img,
.c-master-media__container video {
    width: 100%
}

@media (max-width:767.98px) {
    .c-master-media {
        padding-bottom: 30px;
        padding-top: 30px
    }

    .c-master-media__container,
    .c-master-media__title {
        margin: 0;
        max-width: 100%
    }

    .c-master-media__title {
        padding-bottom: 15px
    }

    .c-master-media__container iframe,
    .c-master-media__container img,
    .c-master-media__container video {
        width: 100%
    }
}

.c-master-navbar {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .35s ease;
    -o-transition: opacity .35s ease;
    transition: opacity .35s ease;
    white-space: nowrap;
    width: 100%;
    z-index: 10
}

.c-master-navbar__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
}

.c-master-navbar__container__media {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top
}

.c-master-navbar__container__media:before {
    background-color: rgba(0, 0, 0, .3);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.c-master-navbar__container__media img {
    max-height: 110%;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    z-index: 1
}

.c-master-navbar__container__details {
    display: inline-block;
    padding: 0 30px;
    vertical-align: middle;
    width: calc(100% - 460px)
}

.c-master-navbar__container__details__category,
.c-master-navbar__container__details__date {
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .46px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle
}

.c-master-navbar__container__details__date:before {
    background-color: currentColor;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 3px;
    margin: 0 5px 3px;
    vertical-align: middle;
    width: 3px
}

.c-master-navbar__container__details__title {
    color: #000;
    display: block;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 2rem;
    overflow: hidden;
    padding-top: 7px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.c-master-navbar__progress {
    background-color: currentColor;
    bottom: 0;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 25%
}

@media (max-width:1023.98px) {
    .c-master-navbar__container__details {
        width: calc(100% - 240px)
    }
}

@media (max-width:767.98px) {
    .c-master-navbar__container__details {
        width: calc(100% - 150px)
    }
}

@media (max-width:575.98px) {
    .c-master-navbar__container__media {
        display: none
    }

    .c-master-navbar__container__details {
        width: 100%
    }
}

.c-master-number {
    padding-bottom: 45px;
    padding-top: 45px;
    position: relative;
    z-index: 10
}

.c-master-number+.c-master-number {
    padding-top: 0
}

.c-master-number--small.c-master-number--long-text .c-master-number__content__number {
    font-size: 5.2rem
}

.c-master-number--small.c-master-number--long-text .c-master-number__content__number u:before {
    bottom: -4px;
    height: 22px
}

.c-master-number--small .c-master-number__content__number {
    font-size: 6.8rem
}

.c-master-number--small .c-master-number__content__number u:before {
    bottom: -7px;
    height: 32px
}

.c-master-number--small .c-master-number__content__text {
    margin-top: 8px
}

.c-master-number__content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center
}

.c-master-number__content__number {
    display: inline-block;
    font-family: Ivar;
    font-size: 13.8rem;
    margin-right: 30px;
    max-width: 230px;
    position: relative;
    width: 30%
}

.c-master-number__content__number u {
    display: inline-block;
    position: relative;
    text-decoration: none
}

.c-master-number__content__number u:before {
    background: #afcf1a;
    bottom: -3px;
    content: "";
    display: block;
    height: 43px;
    left: 2px;
    position: absolute;
    width: 100%;
    z-index: -1
}

.c-master-number__content__text {
    display: inline-block;
    margin-top: 18px;
    max-width: 420px;
    width: calc(70% - 80px)
}

.c-master-number__content__text h2,
.c-master-number__content__text h3,
.c-master-number__content__text h4 {
    font-family: TT Commons;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: -.51px;
    padding-bottom: 20px
}

.c-master-number__content__text p {
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 3rem
}

@media (max-width:1023.98px) {
    .c-master-number {
        padding-bottom: 40px;
        padding-top: 30px
    }

    .c-master-number--small .c-master-number__content__text {
        margin-top: 15px
    }

    .c-master-number--small .c-master-number__content__number {
        font-size: 5rem;
        padding-bottom: 10px
    }

    .c-master-number--small .c-master-number__content__number u:before {
        bottom: -4px;
        height: 23px
    }

    .c-master-number__content {
        display: block;
        margin: 0
    }

    .c-master-number__content,
    .c-master-number__content__number {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        max-width: 100%;
        text-align: center;
        width: 100%
    }

    .c-master-number__content__number {
        display: inline-block;
        font-size: 7.2rem;
        padding-bottom: 25px;
        position: relative
    }

    .c-master-number__content__number u {
        position: relative
    }

    .c-master-number__content__number u:before {
        bottom: -3px;
        height: 23px;
        left: 50%;
        margin: 0 auto;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }

    .c-master-number__content__text {
        margin: 0 auto;
        width: 80%
    }

    .c-master-number__content__text h3,
    .c-master-number__content__text h4 {
        font-size: 2.4rem;
        line-height: 1.25;
        padding-bottom: 10px
    }
}

@media (max-width:575.98px) {
    .c-master-number+.c-master-ribbon-title {
        padding-top: 25px
    }
}

.c-master-overlapped-blocks {
    position: relative
}

.c-master-overlapped-blocks+.c-master-overlapped-blocks {
    margin-top: 25px
}

.c-master-overlapped-blocks+div:not(.c-master-overlapped-blocks) {
    padding-top: 120px
}

.c-master-overlapped-blocks__content {
    position: relative
}

.c-master-overlapped-blocks__content__media {
    overflow: hidden;
    position: absolute;
    z-index: 5
}

.c-master-overlapped-blocks__content__media:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 110%
}

.c-master-overlapped-blocks__content__media img {
    display: block;
    position: absolute;
    top: 0;
    width: 100%
}

.c-master-overlapped-blocks__content__text {
    background-color: #66a361;
    background-image: url(./images/pattern-main-medium.svg);
    background-repeat: repeat;
    background-size: cover;
    color: #fff;
    font-family: TT Commons;
    position: relative;
    z-index: 10
}

.c-master-overlapped-blocks__content__text.brown {
    background-color: #b78a6b
}

.c-master-overlapped-blocks__content__text__title {
    font-weight: 700
}

.c-master-overlapped-blocks__content__text__description {
    color: #fff
}

.c-master-overlapped-blocks__content__text__description a {
    text-decoration: underline
}

.c-master-overlapped-blocks__content__text__description p {
    margin-bottom: 15px
}

.c-master-overlapped-blocks__content__text__description p:last-child {
    margin-bottom: 0
}

.c-master-overlapped-blocks__content__text__description b,
.c-master-overlapped-blocks__content__text__description strong {
    font-weight: 700
}

.c-master-overlapped-blocks__content__text__description em,
.c-master-overlapped-blocks__content__text__description i {
    font-style: italic
}

@media (min-width:768px) {
    .c-master-overlapped-blocks {
        margin-top: 45px;
        padding-bottom: 45px
    }

    .c-master-overlapped-blocks--reversed .c-master-overlapped-blocks__content__media {
        right: 0
    }

    .c-master-overlapped-blocks--reversed .c-master-overlapped-blocks__content__text {
        margin-left: 0
    }

    .c-master-overlapped-blocks__content {
        margin: 0 auto;
        max-width: 1080px;
        overflow: hidden;
        padding-top: 160px;
        position: relative;
        width: 100%
    }
}

@media screen and (min-width:768px) and (max-width:1100px) {
    .c-master-overlapped-blocks__content {
        max-width: 1024px
    }
}

@media (min-width:768px) {
    .c-master-overlapped-blocks__content__media {
        bottom: 80px;
        top: 0;
        width: 600px
    }

    .c-master-overlapped-blocks__content__text {
        margin-left: 480px;
        padding: 90px;
        width: 600px
    }

    .c-master-overlapped-blocks__content__text__title {
        font-size: 2.8rem;
        padding-bottom: 30px
    }

    .c-master-overlapped-blocks__content__text__description {
        font-size: 1.9rem;
        line-height: 3rem
    }
}

@media (max-width:1023.98px) {

    .c-master-overlapped-blocks+div:not(.c-master-overlapped-blocks),
    .c-master-overlapped-blocks+section:not(.c-master-overlapped-blocks) {
        padding-top: 100px
    }

    .c-master-overlapped-blocks__content__media,
    .c-master-overlapped-blocks__content__text {
        width: 60%
    }

    .c-master-overlapped-blocks__content__text {
        margin-left: auto
    }
}

@media (max-width:767.98px) {
    .c-master-overlapped-blocks {
        margin-top: 30px
    }

    .c-master-overlapped-blocks+div:not(.c-master-overlapped-blocks),
    .c-master-overlapped-blocks+section:not(.c-master-overlapped-blocks) {
        padding-top: 60px
    }

    .c-master-overlapped-blocks+.c-master-overlapped-blocks {
        margin-top: 0
    }

    .c-master-overlapped-blocks+section.c-master-advanced-content {
        padding-top: 40px
    }

    .c-master-overlapped-blocks+section.c-master-advanced-content .c-master-advanced-content__title {
        padding-top: 10px
    }

    .c-master-overlapped-blocks+section.c-master-quote {
        padding-top: 120px
    }

    .c-master-overlapped-blocks--reversed .c-master-overlapped-blocks__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .c-master-overlapped-blocks__content {
        padding-top: 0;
        width: 100%
    }

    .c-master-overlapped-blocks__content__media {
        margin: 0;
        max-width: 100%;
        position: relative;
        width: 100%
    }

    .c-master-overlapped-blocks__content__media:before {
        padding-bottom: 65%
    }

    .c-master-overlapped-blocks__content__text {
        margin: 0;
        padding-bottom: 40px;
        padding-top: 40px;
        width: 100%
    }

    .c-master-overlapped-blocks__content__text__title {
        font-size: 2.4rem;
        line-height: 1.3;
        padding-bottom: 20px
    }

    .c-master-overlapped-blocks__content__text__description {
        font-size: 1.9rem;
        line-height: 3rem
    }
}

.c-master-push {
    padding-bottom: 45px;
    padding-top: 45px;
    position: relative;
    z-index: 15
}

.c-master-push__title {
    margin-bottom: 35px
}

.c-master-push__content {
    padding-top: 55px;
    position: relative;
    z-index: 10
}

.c-master-push__content__background {
    background-color: #f5f5f1;
    background-image: url(./images/pattern-main.svg);
    background-repeat: repeat;
    bottom: 80px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.c-master-push__content__item {
    background-color: #fff;
    -webkit-box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .06);
    box-shadow: 0 22px 54px -8px rgba(0, 0, 0, .06);
    padding: 60px;
    position: relative;
    z-index: 10
}

.c-master-push__content__item__hat {
    color: #b78a6b;
    display: block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
    padding-bottom: 25px;
    text-transform: uppercase
}

.c-master-push__content__item__title {
    color: #000;
    display: block;
    font-family: TT Commons;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.4rem;
    max-width: 70%;
    padding-bottom: 35px
}

.c-master-push__content__item__actions {
    display: inline-block
}

.c-master-push__content__item__actions .c-button:first-child {
    margin-right: 10px
}

.c-master-push__content__item svg {
    fill: #e7e7e7;
    bottom: 0;
    display: block;
    font-size: 25rem;
    position: absolute;
    right: 85px;
    z-index: -1
}

@media (max-width:1023.98px) {
    .c-master-push {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media (max-width:767.98px) {
    .c-master-push {
        padding-bottom: 30px;
        padding-top: 30px
    }

    .c-master-push__content__item,
    .c-master-push__title {
        margin-left: 0;
        margin-right: 0
    }

    .c-master-push__content svg {
        right: 45px
    }

    .c-master-push__content__item {
        max-width: 100%;
        padding: 50px 40px 40px;
        width: 100%
    }
}

@media (max-width:575.98px) {
    .c-master-push__content svg {
        display: none
    }

    .c-master-push__content__item__title {
        max-width: 100%
    }

    .c-master-push__content__item__actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .c-master-push__content__item__actions .c-button {
        padding-left: 0;
        padding-right: 0;
        width: calc(50% - 10px)
    }

    .c-master-push__content__item__actions .c-button:first-child {
        margin-right: 20px
    }
}

.c-master-quote {
    padding-bottom: 70px;
    padding-top: 80px;
    text-align: center
}

.c-master-quote+.c-master-advanced-content {
    margin-top: 0
}

.c-master-quote__content {
    position: relative
}

.c-master-quote__content__text {
    font-family: Ivar;
    font-size: 2rem;
    line-height: 3.3rem;
    margin-bottom: 45px;
    position: relative
}

.c-master-quote__content__text:after,
.c-master-quote__content__text:before {
    content: "‘‘";
    font-family: Ivar;
    font-size: 10rem;
    letter-spacing: -.786rem;
    position: absolute;
    z-index: 5
}

.c-master-quote__content__text:before {
    left: -80px;
    top: -15px
}

.c-master-quote__content__text:after {
    bottom: -15px;
    right: -80px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.c-master-quote__content__details {
    color: #61615a;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.7rem;
    line-height: 1.35;
    padding-bottom: 20px
}

@media (max-width:767.98px) {
    .c-master-quote {
        padding-bottom: 30px;
        padding-top: 60px
    }

    .c-master-quote__content {
        margin: 0;
        max-width: 100%
    }

    .c-master-quote__content__text {
        font-size: 1.8rem;
        letter-spacing: -.15px;
        line-height: 3.2rem;
        margin-bottom: 65px;
        padding: 0 35px
    }

    .c-master-quote__content__text:after,
    .c-master-quote__content__text:before {
        font-size: 10rem;
        letter-spacing: -.786rem
    }

    .c-master-quote__content__text:before {
        left: 0;
        top: -30px
    }

    .c-master-quote__content__text:after {
        bottom: -15px;
        right: 0
    }

    .c-master-quote__content__details {
        padding: 0 35px
    }
}

.c-master-ribbon-title {
    padding-bottom: 55px;
    padding-top: 55px
}

.c-master-ribbon-title+.c-master-advanced-content .c-master-advanced-content__title {
    padding-top: 20px
}

.c-master-ribbon-title+.c-master-number {
    padding-top: 25px
}

.c-master-ribbon-title__container {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    z-index: 10
}

.c-master-ribbon-title__container:after {
    background-color: rgba(0, 0, 0, .4);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.c-master-ribbon-title__container:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 34.02778%
}

.c-master-ribbon-title__container__title {
    color: #fff;
    font-size: 5.4rem;
    left: 50%;
    line-height: 6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-master-ribbon-title__container__title u:before {
    bottom: 10px
}

@media (max-width:1023.98px) {
    .c-master-ribbon-title {
        padding-top: 40px
    }

    .c-master-ribbon-title__container {
        margin: 0;
        max-width: 100%;
        width: 100%
    }

    .c-master-ribbon-title__container__title {
        width: 100%
    }
}

@media (max-width:767.98px) {
    .c-master-ribbon-title {
        padding-bottom: 40px;
        padding-top: 55px
    }

    .c-master-ribbon-title+.c-master-number {
        padding-top: 10px
    }

    .c-master-ribbon-title__container:before {
        padding-bottom: 66.66667%
    }

    .c-master-ribbon-title__container__title {
        display: block;
        font-size: 4rem;
        line-height: 4.2rem;
        max-width: 100%
    }
}

.c-master-slideshow {
    margin: 25px 0;
    overflow: hidden;
    padding: 90px 0;
    position: relative
}

.c-master-slideshow+.c-master-advanced-content .c-master-advanced-content__content.no-title {
    margin-top: 55px
}

.c-master-slideshow__background {
    background-color: #f5f5f1;
    background-image: url(./images/pattern-main.svg);
    background-repeat: repeat;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0
}

.c-master-slideshow__container__medias {
    position: relative;
    z-index: 10
}

.c-master-slideshow__container__medias__slider {
    overflow: hidden;
    position: relative
}

.c-master-slideshow__container__medias__slider:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 56.25%
}

.c-master-slideshow__container__medias__slider__item {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 10
}

.c-master-slideshow__container__medias__slider__item.active {
    pointer-events: all;
    z-index: 15
}

.c-master-slideshow__container__medias__slider__item iframe,
.c-master-slideshow__container__medias__slider__item img {
    height: 100%;
    min-width: 100%
}

.c-master-slideshow__container__medias__controls {
    background: #fff;
    bottom: 35px;
    -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .14);
    box-shadow: 0 0 20px 2px rgba(48, 48, 48, .14);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 100%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 25
}

.c-master-slideshow__container__medias__controls__nav {
    cursor: pointer;
    display: inline-block;
    padding: 27px 28px;
    position: relative;
    vertical-align: top
}

.c-master-slideshow__container__medias__controls__nav--prev:after {
    background-color: hsla(0, 0%, 60%, .21);
    content: "";
    height: 38px;
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.c-master-slideshow__container__medias__controls__nav--prev svg {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(180deg);
    transform: translate3d(-50%, 0, 0) rotate(180deg)
}

.c-master-slideshow__container__medias__controls__nav--next svg {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.c-master-slideshow__container__medias__controls__nav svg {
    font-size: 1.2rem;
    left: 50%;
    position: relative;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.c-master-slideshow__container__textual {
    margin-top: 35px;
    position: relative;
    width: 240px;
    z-index: 8
}

.c-master-slideshow__container__textual__counter {
    color: #61615a;
    display: block;
    font-family: TT Commons;
    padding-bottom: 20px
}

.c-master-slideshow__container__textual__slider {
    color: #000;
    font-family: Ivar;
    font-size: 1.8rem;
    line-height: 3rem;
    position: relative
}

.c-master-slideshow__container__textual__slider__item {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10
}

.c-master-slideshow__container__textual__slider__item.active {
    pointer-events: all;
    visibility: visible;
    z-index: 15
}

.c-master-slideshow__container__textual__slider__item__description {
    padding-bottom: 20px
}

.c-master-slideshow__container__textual__slider__item__caption {
    color: #61615a;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.7rem;
    line-height: normal
}

@media (max-width:1023.98px) {
    .c-master-slideshow {
        margin-bottom: 105px;
        padding-bottom: 90px
    }

    .c-master-slideshow+.c-master-advanced-content .c-master-advanced-content__content.no-title {
        margin-top: 0
    }

    .c-master-slideshow__background {
        max-width: 70%
    }

    .c-master-slideshow__container__textual {
        width: 70%
    }
}

@media (max-width:767.98px) {
    .c-master-slideshow {
        margin: 30px 0;
        padding-bottom: 0;
        padding-top: 0
    }

    .c-master-slideshow__background {
        bottom: 0;
        max-width: 100%
    }

    .c-master-slideshow__container__medias {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%;
        width: 100%
    }

    .c-master-slideshow__container__medias__controls {
        left: auto;
        right: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .c-master-slideshow__container__textual {
        margin: 0;
        padding: 35px 0;
        width: 100%
    }

    .c-master-slideshow__container__medias__controls {
        bottom: -30px
    }
}

.desktop .c-master-slideshow .c-master-slideshow__container__medias__controls__nav--prev:hover svg {
    -webkit-animation: hoverNavigationLeft .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationLeft .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

.desktop .c-master-slideshow .c-master-slideshow__container__medias__controls__nav--next:hover svg {
    -webkit-animation: hoverNavigationRight .5s cubic-bezier(.455, .03, .515, .955) 1 forwards;
    animation: hoverNavigationRight .5s cubic-bezier(.455, .03, .515, .955) 1 forwards
}

.c-master-small-list {
    padding-bottom: 45px;
    padding-top: 45px;
    position: relative;
    z-index: 10
}

.c-master-small-list__title {
    padding-bottom: 60px
}

.c-master-small-list__content__item {
    border-bottom: 1px solid hsla(0, 0%, 60%, .26);
    font-family: TT Commons;
    margin-top: 45px;
    padding-bottom: 45px;
    position: relative
}

.c-master-small-list__content__item:first-child {
    margin-top: 0
}

.c-master-small-list__content__item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.c-master-small-list__content__item:last-child:after {
    content: none
}

.c-master-small-list__content__item__title {
    color: #000;
    display: inline-block;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.4rem;
    padding-bottom: 15px;
    width: 65%
}

.c-master-small-list__content__item__description {
    color: #61615a;
    display: inline-block;
    font-size: 1.9rem;
    line-height: 2.8rem;
    width: 65%
}

.c-master-small-list__content__item .c-button {
    float: right
}

@media (max-width:1023.98px) {
    .c-master-small-list {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .c-master-small-list__title {
        padding-bottom: 40px
    }
}

@media (max-width:767.98px) {
    .c-master-small-list {
        padding-bottom: 30px;
        padding-top: 30px
    }

    .c-master-small-list__content,
    .c-master-small-list__title {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%
    }

    .c-master-small-list__title {
        padding-bottom: 30px
    }

    .c-master-small-list__content__item {
        margin-left: 0;
        margin-right: 0;
        margin-top: 40px;
        max-width: 100%;
        padding-bottom: 40px;
        width: 100%
    }

    .c-master-small-list__content__item__description,
    .c-master-small-list__content__item__title {
        width: 100%
    }

    .c-master-small-list__content__item__title {
        font-size: 2.4rem;
        line-height: 2.8rem
    }

    .c-master-small-list__content__item .c-button {
        float: none;
        margin-top: 30px
    }
}

.c-master-triple-columns {
    padding-top: 45px;
    position: relative;
    z-index: 15
}

.c-master-triple-columns__content {
    position: relative;
    z-index: 10
}

.c-master-triple-columns__content--no-slider .c-master-triple-columns__content__item {
    margin: 0 auto !important
}

.c-master-triple-columns__content--slider ul {
    display: block
}

.c-master-triple-columns__content--slider ul:after {
    content: "flickity";
    display: none
}

.c-master-triple-columns__content ul {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.c-master-triple-columns__content ul.align-left {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.c-master-triple-columns__content__item {
    display: inline-block;
    margin-bottom: 60px;
    width: calc(33.33333% - 20px)
}

.c-master-triple-columns__content__item__media {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative
}

.c-master-triple-columns__content__item__media:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 58.88889%
}

.c-master-triple-columns__content__item__media img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.c-master-triple-columns__content__item__title {
    display: block;
    font-family: Ivar;
    font-size: 2rem;
    line-height: 2.6rem;
    padding-bottom: 20px
}

.c-master-triple-columns__content__item__description {
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 2.8rem
}

@media (min-width:1024px) {
    .c-master-triple-columns__content__item {
        margin-right: 30px
    }

    .c-master-triple-columns__content__item:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width:1023.98px) {
    .c-master-triple-columns {
        padding-bottom: 50px;
        padding-top: 50px
    }

    .c-master-triple-columns__content ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .c-master-triple-columns__content__item {
        width: calc(50% - 30px)
    }
}

@media (max-width:767.98px) {
    .c-master-triple-columns {
        padding-bottom: 30px;
        padding-top: 30px
    }

    .c-master-triple-columns__content {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%;
        width: 100%
    }

    .c-master-triple-columns__content:not(.c-master-triple-columns__content--no-slider) ul:after {
        content: "flickity";
        display: none
    }

    .c-master-triple-columns__content:not(.c-master-triple-columns__content--no-slider) ul .flickity-page-dots {
        display: block
    }

    .c-master-triple-columns__content__item {
        margin-bottom: 0;
        margin-right: 30px;
        width: 100%
    }

    .c-master-triple-columns__content__item:last-child {
        margin-bottom: 0
    }
}

.c-master-videos-grid__container {
    margin: 0 auto;
    padding-bottom: 35px;
    padding-top: 35px
}

.c-master-videos-grid__title {
    padding-bottom: 35px
}

.c-master-videos-grid__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.c-master-videos-grid__row .c-photos-videos-grid-item {
    margin: 2rem 1rem
}

.c-master-videos-grid__row .c-photos-videos-grid-item img {
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:1023.98px) {
    .c-master-videos-grid__row {
        display: block
    }

    .c-master-videos-grid__row .c-photos-videos-grid-item {
        margin: 3rem 0;
        width: 100%
    }
}

.c-news-filters {
    left: 0;
    position: absolute;
    right: 0;
    text-align: right;
    -webkit-transform: translate(64px, -50%);
    -ms-transform: translate(64px, -50%);
    transform: translate(64px, -50%);
    z-index: 20
}

.c-news-filters__container {
    background-color: #333;
    color: #989898;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    text-transform: uppercase
}

.c-news-filters__container__label {
    border-right: 1px solid hsla(0, 0%, 60%, .16);
    font-family: TT Commons;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 22px 30px 21px;
    position: relative;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.c-news-filters__container__label.is-loading {
    color: transparent
}

.c-news-filters__container__label.is-loading .c-news-filters__container__label__spinner {
    opacity: 1;
    visibility: visible
}

@media (max-width:1023.98px) {
    .c-news-filters {
        -webkit-transform: translate(32px, -50%);
        -ms-transform: translate(32px, -50%);
        transform: translate(32px, -50%)
    }

    .c-news-filters__container__label {
        padding: 26px 25px 20px
    }
}

@media (max-width:575.98px) {
    .c-news-filters {
        left: 0;
        margin: 0 0 35px;
        max-width: 100%;
        padding-left: 7% !important;
        padding-right: 7% !important;
        position: relative;
        top: 0;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        width: 100%
    }

    .c-news-filters__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        width: 100%
    }

    .c-news-filters__container__label,
    .c-news-filters__container__select {
        display: inline-block
    }

    .c-news-filters__container__label {
        display: none;
        padding-left: 0;
        padding-right: 0;
        width: 100px
    }

    .c-news-filters__container__select {
        display: block;
        max-width: 100% !important;
        width: 100%
    }

    .c-news-filters__container__select select {
        display: block;
        padding-right: 30px;
        width: 100%
    }
}

.c-news-item {
    position: relative;
    -webkit-transition: opacity .35s ease .1s;
    -o-transition: opacity .35s ease .1s;
    transition: opacity .35s ease .1s;
    z-index: 10
}

.c-news-item.to-animate {
    opacity: 0
}

.c-news-item.to-animate .c-news-item__media a {
    width: 0
}

.c-news-item.to-animate .c-news-item__text {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px)
}

.c-news-item--small {
    display: inline-block;
    margin-bottom: 40px;
    width: calc(33.33333% - 30px)
}

.c-news-item--full {
    margin-bottom: 60px;
    width: 100%
}

.c-news-item--full .c-news-item__media:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 58.91667%
}

.c-news-item--full .c-news-item__media a {
    left: 0;
    position: absolute;
    top: 0
}

.c-news-item--full .c-news-item__media a:after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    bottom: 0;
    content: "";
    display: block;
    height: 65%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 5
}

.c-news-item--full .c-news-item__text {
    bottom: 35px;
    color: #fff;
    left: 65px;
    max-width: 60%;
    position: absolute;
    z-index: 10
}

.c-news-item--full .c-news-item__text .c-news-item__text__title {
    font-size: 3rem;
    line-height: 4rem
}

.c-news-item__media {
    position: relative;
    z-index: 5
}

.c-news-item__media:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 56.25%
}

.c-news-item__media a {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transition: width .85s ease;
    -o-transition: width .85s ease;
    transition: width .85s ease;
    width: 100%
}

.c-news-item__media a img {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    -o-transition: transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    width: auto;
    will-change: transform
}

.c-news-item__text {
    opacity: 1;
    padding: 20px 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .6s ease .45s;
    -o-transition: all .6s ease .45s;
    transition: all .6s ease .45s
}

.c-news-item__text__title {
    font-size: 2rem;
    line-height: 2.6rem
}

.c-news-item__text__details {
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding-bottom: 5px
}

.c-news-item__text__details__category,
.c-news-item__text__details__date {
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle
}

.c-news-item__text__details__date:before {
    background-color: currentColor;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 3px;
    margin: 0 5px 3px;
    vertical-align: middle;
    width: 3px
}

.desktop .c-news-item:hover .c-news-item__media img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media (max-width:1023.98px) {
    .c-news-item--full .c-news-item__media:before {
        padding-bottom: 56.25%
    }

    .c-news-item--full .c-news-item__media a:after {
        content: none
    }

    .c-news-item--full .c-news-item__media a img {
        height: auto;
        max-height: 110%;
        min-width: 100%
    }

    .c-news-item--full .c-news-item__text {
        bottom: inherit;
        color: #000;
        left: inherit;
        max-width: 90%;
        position: relative
    }

    .c-news-item--full .c-news-item__text .c-news-item__text__title {
        font-size: 2rem;
        line-height: 2.6rem
    }

    .c-news-item--full,
    .c-news-item--small {
        margin-bottom: 45px;
        width: calc(50% - 20px)
    }
}

@media (max-width:767.98px) {

    .c-news-item--full,
    .c-news-item--small {
        margin-bottom: 20px;
        width: 100%
    }
}

.c-news-list__container {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.c-news-list__container>div:last-child {
    margin-bottom: 0
}

.c-news-list__container .fake-news {
    width: calc(33.33333% - 30px)
}

.c-news-list__container__push {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: #66a361;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding: 60px;
    position: relative;
    width: calc(33.33333% - 30px)
}

.c-news-list__container__push.brown {
    background-color: #b78a6b
}

.c-news-list__container__push.orange {
    background-color: #e0a959
}

.c-news-list__container__push.to-animate {
    opacity: 0
}

.c-news-list__container__push.to-animate .c-news-list__container__push__media a img {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 0
}

.c-news-list__container__push.to-animate .c-button,
.c-news-list__container__push.to-animate .c-news-list__container__push__hat,
.c-news-list__container__push.to-animate .c-news-list__container__push__title {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px)
}

.c-news-list__container__push svg {
    fill: rgba(0, 0, 0, .1);
    bottom: 0;
    font-size: 26rem;
    position: absolute;
    right: 35px;
    z-index: 5
}

.c-news-list__container__push__hat {
    color: rgba(0, 0, 0, .62);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.6rem;
    padding-bottom: 10px;
    text-transform: uppercase;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    width: 100%
}

.c-news-list__container__push__hat,
.c-news-list__container__push__title {
    display: block;
    font-family: TT Commons;
    opacity: 1;
    position: relative;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    z-index: 10
}

.c-news-list__container__push__title {
    color: #fff;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.2rem;
    padding-bottom: 20px;
    -webkit-transition: all .6s ease .15s;
    -o-transition: all .6s ease .15s;
    transition: all .6s ease .15s
}

.c-news-list__container__push .c-button {
    opacity: 1;
    position: relative;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .6s ease .3s;
    -o-transition: all .6s ease .3s;
    transition: all .6s ease .3s;
    z-index: 10
}

@media (max-width:1023.98px) {
    .c-news-list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .c-news-list__container__push {
        display: block;
        margin-bottom: 45px;
        width: calc(50% - 20px)
    }
}

@media (max-width:767.98px) {
    .c-news-list__container {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%
    }

    .c-news-list__container__push {
        margin-bottom: 50px;
        padding: 75px 30px;
        width: 100%
    }

    .c-news-list__container__push svg {
        font-size: 20rem
    }
}

.c-photo-video-popin {
    display: table;
    height: 100%;
    pointer-events: none;
    position: relative;
    width: 100%
}

.c-photo-video-popin__media {
    display: table-cell;
    height: 100%;
    overflow: hidden;
    pointer-events: all;
    position: relative;
    width: 100%
}

.c-photo-video-popin__media--photo:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.c-photo-video-popin__media__inner {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.c-photo-video-popin__media__image {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.c-photo-video-popin__media__image.c-photo-video-popin__media__image--width {
    height: auto;
    width: 100%
}

.c-photo-video-popin__media__image.c-photo-video-popin__media__image--height {
    height: 100%;
    width: auto
}

.c-photo-video-popin__media__video {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.c-photo-video-popin__text {
    display: table-row;
    font-family: Ivar;
    pointer-events: all;
    position: relative;
    text-align: center;
    width: 100%
}

.c-photo-video-popin__text__topic {
    font-family: TT Commons;
    font-weight: 500;
    text-transform: uppercase
}

.c-photo-video-popin__text__title {
    color: #fff
}

.c-photo-video-popin__text__copyright {
    color: #b7b7b7
}

@media (min-width:1024px) {
    .c-photo-video-popin__media {
        padding: 50px 50px 20px
    }

    .c-photo-video-popin__text__inner {
        padding: 30px 50px 50px
    }

    .c-photo-video-popin__text__topic {
        font-size: 1.6rem;
        letter-spacing: .006rem;
        margin-bottom: 10px
    }

    .c-photo-video-popin__text__title {
        display: inline-block;
        font-size: 2.2rem;
        letter-spacing: -.02rem
    }

    .c-photo-video-popin__text__title+.c-photo-video-popin__text__copyright:before {
        content: "-";
        display: inline-block;
        padding: 0 8px;
        text-align: center
    }

    .c-photo-video-popin__text__copyright {
        display: inline-block;
        font-size: 1.8rem;
        letter-spacing: -.02rem
    }
}

@media (min-width:1280px) {
    .c-photo-video-popin__media {
        padding: 80px 80px 20px
    }

    .c-photo-video-popin__text__inner {
        padding: 30px 80px 80px
    }
}

@media (min-width:1600px) {
    .c-photo-video-popin__media {
        padding: 120px 120px 20px
    }

    .c-photo-video-popin__text__inner {
        padding: 30px 120px 120px
    }
}

@media (max-width:1023.98px) {
    .c-photo-video-popin__media {
        padding: 25px 25px 10px
    }

    .c-photo-video-popin__text {
        font-size: 1.8rem;
        letter-spacing: -.015rem
    }

    .c-photo-video-popin__text__inner {
        padding: 15px 25px 25px
    }

    .c-photo-video-popin__text__topic {
        font-size: 1.4rem;
        letter-spacing: .4px;
        margin-bottom: 4px
    }

    .c-photo-video-popin__text__title {
        font-size: 1.8rem;
        letter-spacing: -.015rem;
        line-height: 1.6
    }

    .c-photo-video-popin__text__copyright {
        font-size: 1.6rem;
        letter-spacing: -.015rem;
        line-height: 1.44;
        margin-top: 4px
    }
}

@media (max-width:767.98px) {
    .c-photo-video-popin__media {
        padding: 0
    }

    .c-photo-video-popin__text__inner {
        padding: 15px
    }
}

.c-photos-videos-filters {
    left: 0;
    position: absolute;
    right: 0;
    text-align: right;
    -webkit-transform: translate(64px, -50%);
    -ms-transform: translate(64px, -50%);
    transform: translate(64px, -50%);
    z-index: 20
}

.c-photos-videos-filters__container {
    background-color: #333;
    color: #989898;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    text-transform: uppercase
}

.c-photos-videos-filters__container__label {
    font-family: TT Commons;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 22px 30px 21px;
    position: relative;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.c-photos-videos-filters__container__label.is-loading {
    color: transparent
}

.c-photos-videos-filters__container__label.is-loading .c-photos-videos-filters__container__label__spinner {
    opacity: 1;
    visibility: visible
}

.c-photos-videos-filters__container__select {
    border-left: 1px solid hsla(0, 0%, 60%, .16)
}

@media (max-width:1023.98px) {
    .c-photos-videos-filters {
        -webkit-transform: translate(32px, -50%);
        -ms-transform: translate(32px, -50%);
        transform: translate(32px, -50%)
    }

    .c-photos-videos-filters__container__label {
        padding: 26px 25px 20px
    }
}

@media (max-width:767.98px) {
    .c-photos-videos-filters {
        left: 0;
        margin: 0 0 35px;
        max-width: 100%;
        padding-left: 7% !important;
        padding-right: 7% !important;
        position: relative;
        top: 0;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        width: 100%
    }

    .c-photos-videos-filters__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        width: 100%
    }

    .c-photos-videos-filters__container__label,
    .c-photos-videos-filters__container__select {
        display: inline-block
    }

    .c-photos-videos-filters__container__label {
        display: none
    }

    .c-photos-videos-filters__container__select {
        border-left: none;
        display: block;
        max-width: 60% !important;
        width: 60%
    }

    .c-photos-videos-filters__container__select:nth-of-type(2) {
        border-left: 1px solid hsla(0, 0%, 60%, .16);
        max-width: 40% !important;
        width: 40%
    }

    .c-photos-videos-filters__container__select select {
        display: block;
        padding-right: 30px;
        width: 100%
    }
}

.c-photos-videos-highlight-block {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding: 80px 60px 60px;
    position: relative;
    width: calc(33.33333% - 20px)
}

.c-photos-videos-highlight-block--green {
    background-color: #66a361
}

.c-photos-videos-highlight-block--brown {
    background-color: #b78a6b
}

.c-photos-videos-highlight-block--orange {
    background-color: #e0a959
}

.c-photos-videos-highlight-block.to-animate {
    opacity: 0 !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.c-photos-videos-highlight-block.to-animate .c-photos-videos-highlight-block__media a img {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 0
}

.c-photos-videos-highlight-block.to-animate .c-button,
.c-photos-videos-highlight-block.to-animate .c-photos-videos-highlight-block__hat,
.c-photos-videos-highlight-block.to-animate .c-photos-videos-highlight-block__title {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px)
}

.c-photos-videos-highlight-block svg {
    fill: rgba(0, 0, 0, .1);
    bottom: 0;
    font-size: 23rem;
    position: absolute;
    right: 35px;
    z-index: 5
}

.c-photos-videos-highlight-block__hat {
    color: rgba(0, 0, 0, .62);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.6rem;
    padding-bottom: 10px;
    text-transform: uppercase;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    width: 100%
}

.c-photos-videos-highlight-block__hat,
.c-photos-videos-highlight-block__title {
    display: block;
    font-family: TT Commons;
    opacity: 1;
    position: relative;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    z-index: 10
}

.c-photos-videos-highlight-block__title {
    color: #fff;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.2rem;
    padding-bottom: 20px;
    -webkit-transition: all .6s ease .15s;
    -o-transition: all .6s ease .15s;
    transition: all .6s ease .15s
}

.c-photos-videos-highlight-block .c-button {
    opacity: 1;
    position: relative;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .6s ease .3s;
    -o-transition: all .6s ease .3s;
    transition: all .6s ease .3s;
    z-index: 10
}

@media (max-width:1023.98px) {
    .c-photos-videos-highlight-block {
        width: calc(50% - 15px)
    }
}

@media (max-width:767.98px) {
    .c-photos-videos-highlight-block {
        width: 100%
    }
}

.c-photos-videos-item {
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.c-photos-videos-item,
.c-photos-videos-item--column-width,
.c-photos-videos-item--small {
    width: calc(33.33333% - 20px)
}

.c-photos-videos-item--large {
    width: 100%
}

.c-photos-videos-item.to-animate {
    opacity: 0 !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.c-photos-videos-item.to-animate .c-photos-videos-item__media a img {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 0
}

.c-photos-videos-item.to-animate .c-photos-videos-item__text {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px)
}

.c-photos-videos-item__media {
    position: relative;
    z-index: 5
}

.c-photos-videos-item__media__aspect-ratio {
    content: "";
    display: block;
    height: 0
}

.c-photos-videos-item__media a {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transition: width .85s ease;
    -o-transition: width .85s ease;
    transition: width .85s ease;
    width: 100%
}

.c-photos-videos-item__media a img {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    -o-transition: transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    width: 100%;
    will-change: transform
}

.c-photos-videos-item__media__play {
    background-color: #fff;
    border-radius: 50%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    z-index: 6
}

.c-photos-videos-item__media__play:before {
    border-radius: 50%;
    bottom: 0;
    -webkit-box-shadow: 0 0 150px rgba(0, 0, 0, .75);
    box-shadow: 0 0 150px rgba(0, 0, 0, .75);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    width: 100%
}

.c-photos-videos-item__media__play .svg-icon-play {
    color: #333;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: color .25s cubic-bezier(.25, .46, .45, .94);
    -o-transition: color .25s cubic-bezier(.25, .46, .45, .94);
    transition: color .25s cubic-bezier(.25, .46, .45, .94)
}

.c-photos-videos-item__text {
    opacity: 1;
    padding-top: 20px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .6s ease .45s;
    -o-transition: all .6s ease .45s;
    transition: all .6s ease .45s
}

.c-photos-videos-item__text__title {
    font-size: 2rem;
    line-height: 2.6rem
}

.c-photos-videos-item__text__details {
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding-bottom: 5px
}

.c-photos-videos-item__text__details__topic {
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle
}

@media (min-width:1024px) {
    .c-photos-videos-item--large {
        margin-bottom: 60px
    }

    .c-photos-videos-item--large .c-photos-videos-item__media a {
        left: 0;
        position: absolute;
        top: 0
    }

    .c-photos-videos-item--large .c-photos-videos-item__media a:after {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, 0)));
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
        background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
        bottom: 0;
        content: "";
        display: block;
        height: 65%;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 5
    }

    .c-photos-videos-item--large .c-photos-videos-item__media__play {
        height: 110px;
        margin-left: -55px;
        margin-top: -55px;
        width: 110px
    }

    .c-photos-videos-item--large .c-photos-videos-item__media__play .svg-icon-play {
        font-size: 32px;
        margin-left: 3px
    }

    .c-photos-videos-item--large .c-photos-videos-item__text {
        bottom: 35px;
        color: #fff;
        left: 65px;
        max-width: 60%;
        position: absolute;
        z-index: 10
    }

    .c-photos-videos-item--large .c-photos-videos-item__text .c-photos-videos-item__text__title {
        font-size: 3rem;
        line-height: 4rem
    }

    .c-photos-videos-item__media__play {
        height: 64px;
        margin-left: -32px;
        margin-top: -32px;
        width: 64px
    }

    .c-photos-videos-item__media__play .svg-icon-play {
        font-size: 16px;
        margin-left: 1px
    }
}

.desktop .c-photos-videos-item:hover .c-photos-videos-item__media img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.desktop .c-photos-videos-item:hover .c-photos-videos-item__media__play {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.desktop .c-photos-videos-item:hover .c-photos-videos-item__media__play:before {
    opacity: 1
}

.desktop .c-photos-videos-item:hover .c-photos-videos-item__media__play .svg-icon-play {
    color: #66a361
}

@media (max-width:1023.98px) {
    .c-photos-videos-item--small {
        width: calc(50% - 15px)
    }

    .c-photos-videos-item--small .c-photos-videos-item__media__play {
        height: 64px;
        margin-left: -32px;
        margin-top: -32px;
        width: 64px
    }

    .c-photos-videos-item--small .c-photos-videos-item__media__play .svg-icon-play {
        font-size: 16px;
        margin-left: 1px
    }

    .c-photos-videos-item__media__play {
        height: 95px;
        margin-left: -47.5px;
        margin-top: -47.5px;
        width: 95px
    }

    .c-photos-videos-item__media__play .svg-icon-play {
        font-size: 27px;
        margin-left: 4px
    }
}

@media (max-width:767.98px) {
    .c-photos-videos-item--small {
        width: 100%
    }

    .c-photos-videos-item__media__play {
        height: 64px;
        margin-left: -32px;
        margin-top: -32px;
        width: 64px
    }

    .c-photos-videos-item__media__play .svg-icon-play {
        font-size: 16px;
        margin-left: 1px
    }
}

.c-faq-filters {
    left: 0;
    position: absolute;
    right: 0;
    text-align: right;
    -webkit-transform: translate(64px, -50%);
    -ms-transform: translate(64px, -50%);
    transform: translate(64px, -50%);
    z-index: 20
}

.c-faq-filters__container {
    background-color: #333;
    color: #989898;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    text-transform: uppercase
}

.c-faq-filters__container__label {
    border-right: 1px solid hsla(0, 0%, 60%, .16);
    font-family: TT Commons;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 24px 30px 20px;
    position: relative;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.c-faq-filters__container__label.is-loading {
    color: transparent
}

.c-faq-filters__container__label.is-loading .c-faq-filters__container__label__spinner {
    opacity: 1;
    visibility: visible
}

@media (max-width:1023.98px) {
    .c-faq-filters {
        -webkit-transform: translate(32px, -50%);
        -ms-transform: translate(32px, -50%);
        transform: translate(32px, -50%)
    }

    .c-faq-filters__container__label {
        padding: 26px 25px 20px
    }
}

@media (max-width:575.98px) {
    .c-faq-filters {
        margin: 0;
        max-width: 100%;
        padding-left: 7% !important;
        padding-right: 7% !important;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%
    }

    .c-faq-filters__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        width: 100%
    }

    .c-faq-filters__container__label,
    .c-faq-filters__container__select {
        display: inline-block
    }

    .c-faq-filters__container__label {
        display: none;
        padding-left: 0;
        padding-right: 0;
        width: 100px
    }

    .c-faq-filters__container__select {
        display: block;
        width: calc(100% - 100px)
    }

    .c-faq-filters__container__select select {
        display: block;
        padding-right: 30px;
        width: 100%
    }
}

.c-faq-item {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 22px 3px rgba(0, 0, 0, .06);
    box-shadow: 0 4px 22px 3px rgba(0, 0, 0, .06);
    cursor: pointer;
    display: block;
    margin-bottom: 20px;
    padding: 40px;
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    -o-transition: transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease;
    z-index: 10
}

.c-faq-item,
.c-faq-item__content {
    position: relative
}

.c-faq-item__content__hat {
    color: #66a361;
    display: block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
    padding-bottom: 25px;
    text-transform: uppercase
}

.c-faq-item__content__title {
    color: #333;
    display: block;
    font-family: TT Commons;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.4rem;
    max-width: 75%;
    padding-bottom: 1rem;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.c-faq-item__content__count {
    color: #989898;
    display: block;
    font-family: TT Commons;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2rem;
    padding-top: 5px
}

.c-faq-item__content svg {
    font-size: 2rem;
    position: absolute;
    right: 35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    -o-transition: transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease
}

.desktop .c-faq-item:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.desktop .c-faq-item:hover .c-faq-item__content svg {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.desktop .c-faq-item:hover .c-faq-item__content__title {
    color: #000
}

@media (max-width:1023.98px) {
    .c-faq-item__content__title {
        max-width: 85%
    }
}

@media (max-width:767.98px) {
    .c-faq-item {
        padding: 40px 40px 50px
    }

    .c-faq-item__content__hat {
        font-size: 1.4rem;
        line-height: 2rem;
        padding-bottom: 15px
    }

    .c-faq-item__content__title {
        font-size: 2.2rem;
        letter-spacing: -.4px;
        line-height: 2.5rem;
        max-width: 100%
    }

    .c-faq-item__content svg {
        bottom: -25px;
        font-size: 1.6rem;
        right: 0;
        top: auto
    }
}

.is-hide {
    display: none
}

.section__card {
    background-image: url(/wp-content/themes/chasseurdefrance/library/images/background.png);
    background-repeat: repeat
}

.c-faq-card__container__category {
    padding-bottom: 90px;
    padding-top: 120px
}

.c-faq-card__container__category__head {
    margin-bottom: 48px;
    max-width: 25%
}

.c-faq-card__container__category__head-center {
    max-width: unset !important;
    text-align: center !important
}

.c-faq-card__container__category__head__title {
    color: #000;
    display: block;
    font-family: TT Commons;
    font-weight: 700;
    padding-bottom: 30px
}

.c-faq-card__container__category__card__items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 22px 3px rgba(0, 0, 0, .06);
    box-shadow: 0 4px 22px 3px rgba(0, 0, 0, .06);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 350px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 20px;
    padding: 0 2rem 2rem;
    text-align: center;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    width: calc(33.3% - 20px)
}

.c-faq-card__container__category__card__items:not(:last-child),
.c-faq-card__container__category__card__items:not(:nth-child(3)) {
    margin-right: 20px
}

.c-faq-card__container__category__card__items>div {
    height: 70%;
    margin-bottom: 12px;
    max-height: 250px;
    max-width: 250px;
    width: 70%
}

.c-faq-card__container__category__card__items>div img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-faq-card__container__category__card__items h2 {
    color: #333;
    font-family: TT Commons;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin-bottom: 1rem
}

.c-faq-card__container__category__card__items p {
    color: #66a361;
    font-family: TT Commons;
    font-size: 16px
}

@media (max-width:1023.98px) {
    .c-faq-card__container__category {
        padding-bottom: 50px;
        padding-top: 50px
    }

    .c-faq-card__container__category__head {
        max-width: 100%;
        text-align: center;
        width: 100%
    }

    .c-faq-card__container__category__card {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .c-faq-card__container__category__card__items {
        height: 300px;
        max-width: 400px;
        width: calc(50% - 20px)
    }

    .c-faq-card__container__category__card__items>div {
        max-height: 200px;
        max-width: 200px
    }

    .c-faq-card__container__category__card__items>div img {
        height: 100%;
        width: 100%
    }
}

@media (max-width:767.98px) {
    .c-faq-card__container__category__card__items {
        width: 100%
    }

    .c-faq-card__container__category__card__items:not(:last-child),
    .c-faq-card__container__category__card__items:not(:nth-child(3)) {
        margin-right: 0
    }
}

.faq-container .section__card .c-faq-card:nth-of-type(2) .c-faq-card__container__category {
    padding-top: 0
}

.c-faq-category-list__container__category {
    padding-bottom: 90px
}

.c-faq-category-list__container__category:first-child {
    padding-top: 120px
}

.c-faq-category-list__container__category__head {
    margin-bottom: 48px
}

.c-faq-category-list__container__category__head__title {
    color: #000;
    display: block;
    font-family: TT Commons;
    font-weight: 700;
    padding-bottom: 30px
}

.c-faq-category-list__container__category__head__description {
    color: #333;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 3rem
}

.c-faq-category-list__container__category__head .c-faq-item {
    margin-bottom: 40px
}

.c-faq-category-list__container__category__head .faq-load-more-button {
    margin: 0;
    max-width: unset
}

@media (max-width:1023.98px) {
    .c-faq-category-list__container {
        background-color: #fff
    }

    .c-faq-category-list__container__category {
        display: block
    }

    .c-faq-category-list__container__category:first-child {
        padding-top: 0
    }

    .c-faq-category-list__container__category:first-child .c-faq-category-list__container__category__head {
        padding-top: 120px
    }

    .c-faq-category-list__container__category__head {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%;
        padding: 55px 7%;
        position: relative;
        text-align: center;
        width: 100%;
        z-index: 5
    }

    .c-faq-category-list__container__category__head:before {
        content: "";
        display: block;
        height: calc(100% + 45px);
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    .c-faq-category-list__container__category__items {
        -webkit-box-flex: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        max-width: 100%;
        padding-left: 7%;
        padding-right: 7%;
        width: 100%
    }

    .c-faq-category-list__container__category .faq-load-more-button {
        margin: 0 auto;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@media (max-width:767.98px) {
    .c-faq-category-list__container__category {
        padding-bottom: 50px
    }

    .c-faq-category-list__container__category:first-child {
        padding-top: 0
    }

    .c-faq-category-list__container__category:first-child .c-faq-category-list__container__category__head {
        padding-top: 80px
    }

    .c-faq-category-list__container__category__head {
        padding-bottom: 50px
    }

    .c-faq-category-list__container__category__head__title {
        max-width: 100%;
        padding-bottom: 20px
    }
}

.class_modifier {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.left__align {
    padding-right: 200px
}

.c-faq-list__container__category {
    padding-bottom: 90px
}

.c-faq-list__container__category:first-child {
    padding-top: 120px
}

.c-faq-list__container__category__head__title {
    color: #000;
    display: block;
    font-family: TT Commons;
    font-weight: 700;
    padding-bottom: 30px
}

.c-faq-list__container__category__head__description {
    color: #333;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 3rem
}

.c-faq-list__container__category__head .c-faq-item {
    margin-bottom: 40px
}

@media (max-width:1023.98px) {
    .c-faq-list__container {
        background-color: #fff
    }

    .c-faq-list__container__category {
        display: block
    }

    .c-faq-list__container__category:first-child {
        padding-top: 0
    }

    .c-faq-list__container__category:first-child .c-faq-list__container__category__head {
        padding-top: 120px
    }

    .c-faq-list__container__category__head {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%;
        padding: 55px 7%;
        position: relative;
        text-align: center;
        width: 100%;
        z-index: 5
    }

    .c-faq-list__container__category__head:before {
        background-color: #f5f5f1;
        content: "";
        display: block;
        height: calc(100% + 45px);
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    .c-faq-list__container__category__items {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        max-width: 100%;
        padding-left: 7%;
        padding-right: 7%;
        width: 100%
    }
}

@media (max-width:767.98px) {
    .c-faq-list__container__category {
        padding-bottom: 50px
    }

    .c-faq-list__container__category:first-child {
        padding-top: 0
    }

    .c-faq-list__container__category:first-child .c-faq-list__container__category__head {
        padding-top: 80px
    }

    .c-faq-list__container__category__head {
        padding-bottom: 50px
    }

    .c-faq-list__container__category__head__title {
        max-width: 100%;
        padding-bottom: 20px
    }
}

.c-faq-popin {
    height: 100%;
    position: relative;
    width: 63%
}

.c-faq-popin__container {
    opacity: 0;
    visibility: hidden
}

.c-faq-popin__container__top-link {
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 2.6rem;
    position: absolute;
    right: 85px;
    text-transform: uppercase;
    top: 55px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

.c-faq-popin__container__top-link,
.c-faq-popin__container__top-link:before {
    display: inline-block;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.c-faq-popin__container__top-link:before {
    background-color: #61615a;
    content: "";
    height: 1px;
    margin-right: 15px;
    margin-top: -1px;
    vertical-align: middle;
    width: 21px
}

.c-faq-popin__container--left {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    height: 100%;
    overflow-y: auto;
    padding: 45px 5% 45px 0;
    position: relative;
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
    width: 100%
}

.c-faq-popin__container--left .c-faq-popin__container__content {
    padding-right: 20%
}

.c-faq-popin__container--left .c-faq-popin__container__content:not(.long-content) {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-faq-popin__container--left .c-faq-popin__container__content.long-content {
    padding-top: 75px
}

.c-faq-popin__container--left .c-faq-popin__container__content__category {
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 1.8rem;
    position: relative;
    text-transform: uppercase
}

.c-faq-popin__container--left .c-faq-popin__container__content__title {
    color: #000;
    font-family: TT Commons;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -.44px;
    line-height: 3.2rem;
    padding: 8px 0 28px;
    position: relative
}

.c-faq-popin__container--left .c-faq-popin__container__content__description {
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 3rem;
    position: relative
}

.c-faq-popin__container--left .c-faq-popin__container__content__description__answer {
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
    padding-bottom: 15px
}

.c-faq-popin__container--left .c-faq-popin__container__content__description__answer--true {
    color: #66a361
}

.c-faq-popin__container--left .c-faq-popin__container__content__description__answer--false {
    color: #eb3c3c
}

.c-faq-popin__container--left .c-faq-popin__container__content__description p {
    color: #61615a
}

.c-faq-popin__container--left .c-faq-popin__container__content .c-button {
    margin-top: 40px
}

.c-faq-popin__container--right {
    left: 93%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    z-index: 5
}

.c-faq-popin__container--right.portrait {
    width: 47%
}

.c-faq-popin__container--right.portrait .c-faq-popin__container__image {
    height: 100%
}

.c-faq-popin__container--right.landscape {
    width: 70%
}

.c-faq-popin__container--right.landscape .c-faq-popin__container__image {
    -webkit-transform: translate(-80px);
    -ms-transform: translate(-80px);
    transform: translate(-80px);
    width: 100%
}

.c-faq-popin__container--right .c-faq-popin__container__image {
    display: block;
    position: relative
}

@media (max-width:1279.98px) {
    .c-faq-popin {
        width: 70%
    }

    .c-faq-popin__container__top-link {
        top: 45px
    }

    .c-faq-popin__container--right {
        left: 90%;
        width: 50%
    }

    .c-faq-popin__container--right.portrait {
        width: 47%
    }

    .c-faq-popin__container--right.landscape {
        width: 50%
    }

    .c-faq-popin__container--right.landscape .c-faq-popin__container__image {
        -webkit-transform: translate(-40px);
        -ms-transform: translate(-40px);
        transform: translate(-40px);
        width: 100%
    }

    .c-faq-popin__container__content {
        margin-left: 100px
    }
}

@media (max-width:1023.98px) {
    .c-faq-popin {
        width: 85%
    }
}

@media (max-width:767.98px) {
    .c-faq-popin {
        background-color: #fff;
        -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
        box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
        height: 100%;
        overflow: auto;
        width: 100%
    }

    .c-faq-popin__container {
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        height: auto
    }

    .c-faq-popin__container--left.landscape,
    .c-faq-popin__container--left.portrait,
    .c-faq-popin__container--right.landscape,
    .c-faq-popin__container--right.portrait {
        width: 100%
    }

    .c-faq-popin__container__top-link {
        top: 30px
    }

    .c-faq-popin__container--left {
        padding: 75px 5% 45px 0
    }

    .c-faq-popin__container--left .c-faq-popin__container__content.long-content,
    .c-faq-popin__container--left .c-faq-popin__container__content:not(.long-content) {
        padding-top: 0;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .c-faq-popin__container--right {
        height: 235px;
        left: 0;
        overflow: hidden;
        position: relative;
        top: 0;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    .c-faq-popin__container--right.portrait .c-faq-popin__container__image {
        height: 100%;
        margin: 0 auto;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }

    .c-faq-popin__container--right.landscape {
        max-height: 275px;
        overflow: hidden;
        width: 100%
    }

    .c-faq-popin__container--right.landscape .c-faq-popin__container__image {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        width: 100%
    }
}

@media (max-width:575.98px) {
    .c-faq-popin:not(.c-faq-popin--image) .c-faq-popin__container__top-link {
        left: 7%;
        right: auto
    }

    .c-faq-popin__container__top-link {
        right: 7%;
        top: 30px
    }

    .c-faq-popin__container--left .c-faq-popin__container__content {
        margin: 0;
        padding: 0
    }

    .c-faq-popin__container--right.landscape {
        max-height: 215px;
        width: 100%
    }
}

.desktop .c-faq-popin .c-faq-popin__container__top-link:hover {
    color: #000;
    -webkit-transform: translate3d(14px, 0, 0);
    transform: translate3d(14px, 0, 0)
}

.desktop .c-faq-popin .c-faq-popin__container__top-link:hover:before {
    background-color: #000;
    width: 35px
}

.c-federation-popin {
    height: 100%;
    position: relative;
    width: 63%
}

.c-federation-popin__container {
    opacity: 0;
    visibility: hidden
}

.c-federation-popin__container--left {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    height: 100%;
    padding: 45px 5% 45px 0;
    position: relative;
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
    width: 100%
}

.c-federation-popin__container--left .c-federation-popin__container__content {
    padding-right: 20%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-federation-popin__container--left .c-federation-popin__container__content__type {
    color: #66a361;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 1.8rem;
    position: relative;
    text-transform: uppercase
}

.c-federation-popin__container--left .c-federation-popin__container__content__title {
    color: #000;
    font-family: TT Commons;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -.44px;
    line-height: 3.2rem;
    padding: 8px 0 20px;
    position: relative
}

.c-federation-popin__container--left .c-federation-popin__container__content__description {
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 3rem;
    position: relative
}

.c-federation-popin__container--left .c-federation-popin__container__content__description p {
    color: #61615a
}

.c-federation-popin__container--left .c-federation-popin__container__content__description p+p {
    margin-top: 8px
}

.c-federation-popin__container--left .c-federation-popin__container__content__description a {
    color: #66a361;
    text-decoration: underline
}

.c-federation-popin__container--left .c-federation-popin__container__content__description__subtitle {
    font-family: TT Commons;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3rem;
    padding: 5px 0
}

.c-federation-popin__container--left .c-federation-popin__container__content__description__table {
    width: 100%
}

.c-federation-popin__container--left .c-federation-popin__container__content__description__separator {
    height: 45px;
    padding: 8px 0;
    position: relative
}

.c-federation-popin__container--left .c-federation-popin__container__content__description__separator:before {
    background-color: #e7e7e7;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%
}

.c-federation-popin__container--left .c-federation-popin__container__content__description__label {
    padding: 8px 20px 8px 0;
    white-space: nowrap
}

.c-federation-popin__container--left .c-federation-popin__container__content__description__value {
    color: #61615a;
    padding: 8px 0;
    width: 100%
}

.c-federation-popin__container--left .c-federation-popin__container__content__description__additional-information {
    margin-top: 20px
}

.desktop .c-federation-popin__container--left .c-federation-popin__container__content__description a:hover {
    text-decoration: none
}

@media (max-width:1279.98px) {
    .c-federation-popin {
        width: 70%
    }

    .c-federation-popin__container__content {
        margin-left: 100px
    }
}

@media (max-width:1023.98px) {
    .c-federation-popin {
        width: 85%
    }
}

@media (max-width:767.98px) {
    .c-federation-popin {
        background-color: #fff;
        -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
        box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
        height: 100%;
        overflow: auto;
        width: 100%
    }

    .c-federation-popin__container {
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        height: auto
    }

    .c-federation-popin__container--left {
        padding: 75px 5% 45px 0
    }

    .c-federation-popin__container--left .c-federation-popin__container__content {
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .c-federation-popin__container--left .c-federation-popin__container__content__description__label {
        display: block;
        padding-bottom: 0
    }

    .c-federation-popin__container--left .c-federation-popin__container__content__description__value {
        display: block;
        padding-top: 0
    }

    .c-federation-popin br {
        display: block
    }
}

@media (max-width:575.98px) {
    .c-federation-popin:not(.c-federation-popin--image) .c-federation-popin__container__top-link {
        left: 7%;
        right: auto
    }

    .c-federation-popin__container--left .c-federation-popin__container__content {
        margin: 0;
        padding: 0
    }
}

.c-quiz-menu {
    background-color: #fff;
    height: 100%;
    position: relative;
    width: calc(100% - 438px);
    z-index: 35
}

.c-quiz-menu__content__left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    padding-left: 40px;
    position: relative
}

.c-quiz-menu__content__left__title-parent {
    color: #61615a;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 3rem;
    padding: 0 23px 0 0;
    position: relative
}

.c-quiz-menu__content__left__title-parent:after {
    background-color: #e7e7e7;
    content: "";
    height: 22px;
    position: absolute;
    right: 0;
    top: calc(50% - 15px);
    width: 1px
}

.c-quiz-menu__content__left__title-subpart {
    padding: 0 20px
}

.c-quiz-menu__content__left__title,
.c-quiz-menu__content__left__title-subpart {
    color: #000;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 3rem;
    position: relative
}

.c-quiz-menu__content__left__title {
    padding: 0 25px
}

.c-quiz-menu__content__left__question-number {
    color: #61615a;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 3rem;
    opacity: 0;
    padding: 0 20px;
    position: relative;
    visibility: hidden
}

.c-quiz-menu__content__left__question-number:after,
.c-quiz-menu__content__left__question-number:before {
    background-color: #e7e7e7;
    content: "";
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    width: 1px
}

.c-quiz-menu__content__left__question-number:before {
    left: 0
}

.c-quiz-menu__content__left__question-number:after {
    right: 0
}

.c-quiz-menu__content__left__question-number .number-current {
    display: inline-block;
    position: relative;
    text-align: right;
    width: 30px
}

.c-quiz-menu__content__left__question-eliminatory {
    color: #eb3c3c;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 2.6rem;
    opacity: 0;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: opacity .5s ease, visibility .5s ease;
    -o-transition: opacity .5s ease, visibility .5s ease;
    transition: opacity .5s ease, visibility .5s ease;
    visibility: hidden
}

.c-quiz-menu__content__left__question-eliminatory.show {
    opacity: 1;
    visibility: visible
}

.c-quiz-menu__content__right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    padding: 0 38px 0 25px;
    position: absolute;
    right: 0;
    top: 0
}

.c-quiz-menu__content__right.show {
    opacity: 1;
    visibility: visible
}

.c-quiz-menu__content__right__stopwatch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    position: relative
}

.c-quiz-menu__content__right__stopwatch__picto {
    color: #989898;
    display: inline-block;
    font-size: 2.8rem;
    position: relative
}

.c-quiz-menu__content__right__stopwatch__number {
    color: #000;
    display: inline-block;
    font-family: TT Commons;
    font-size: 2.2rem;
    font-weight: 400;
    letter-spacing: .6px;
    line-height: 3rem;
    position: relative;
    text-align: center;
    top: 5px;
    width: 30px
}

.c-quiz-menu__content__right__stopwatch__number.active {
    -webkit-animation: stopwatchNumber 1s infinite;
    animation: stopwatchNumber 1s infinite
}

.c-quiz-menu__content__right__button-exit {
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    position: relative
}

.c-quiz-menu__content__right__button-exit:before {
    background-color: rgba(51, 51, 51, .2);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    top: -2px;
    -webkit-transform: scaleX(.575);
    -ms-transform: scaleX(.575);
    transform: scaleX(.575);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, background .3s ease;
    transition: transform .3s ease, background .3s ease;
    transition: transform .3s ease, background .3s ease, -webkit-transform .3s ease;
    vertical-align: middle;
    width: 35px
}

.c-quiz-menu__content__right__button-exit__label {
    color: #61615a;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.6rem;
    left: 0;
    letter-spacing: .4px;
    line-height: 1.44rem;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: left .35s ease, color .35s ease;
    -o-transition: left .35s ease, color .35s ease;
    transition: left .35s ease, color .35s ease;
    vertical-align: middle
}

.c-quiz-menu__content__progress-bar {
    background-color: #b2b2b2;
    bottom: 0;
    height: 4px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%
}

.c-quiz-menu__content__progress-bar.show {
    opacity: 1;
    visibility: visible
}

@media (min-width:1024px) {

    .c-quiz-menu__content__progress-bar,
    .c-quiz-menu__content__right__stopwatch {
        display: none
    }
}

@media (max-width:767.98px) {
    .c-quiz-menu {
        width: calc(100% - 365px)
    }
}

.desktop .c-quiz-menu .c-quiz-menu__content__right__button-exit:hover:before {
    background-color: #000;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.desktop .c-quiz-menu .c-quiz-menu__content__right__button-exit:hover .c-quiz-menu__content__right__button-exit__label {
    color: #000;
    left: 15px
}

.c-quiz-popin {
    height: 100%;
    position: relative;
    width: 50%
}

.c-quiz-popin__container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    height: 100%;
    opacity: 0;
    padding: 45px 5% 45px 0;
    position: relative;
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
    visibility: hidden;
    width: 100%
}

.c-quiz-popin__container__content {
    padding-right: 50px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-quiz-popin__container__content__question-number {
    color: #61615a;
    display: inline-block;
    font-weight: 400;
    padding-right: 17px
}

.c-quiz-popin__container__content__eliminatory,
.c-quiz-popin__container__content__question-number {
    font-family: TT Commons;
    font-size: 1.4rem;
    letter-spacing: .4px;
    line-height: 1.8rem;
    position: relative;
    text-transform: uppercase
}

.c-quiz-popin__container__content__eliminatory {
    color: #eb3c3c;
    display: none;
    font-weight: 500;
    opacity: 0
}

.c-quiz-popin__container__content__eliminatory.show {
    display: inline-block
}

.c-quiz-popin__container__content__theme {
    color: #000;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 1.8rem;
    padding: 25px 0 0;
    position: relative
}

.c-quiz-popin__container__content__title {
    color: #000;
    font-family: TT Commons;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -.44px;
    line-height: 3.2rem;
    padding: 8px 0 28px;
    position: relative
}

.c-quiz-popin__container__content__answers {
    padding-bottom: 85px;
    position: relative
}

.c-quiz-popin__container__content__answer-item {
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 60%, .26);
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.8rem;
    line-height: 2.2rem;
    min-width: 315px;
    padding: 24px 25px 23px;
    position: relative;
    text-align: left;
    width: 30%
}

.c-quiz-popin__container__content__answer-item:not(:last-of-type) {
    margin-bottom: 18px
}

.c-quiz-popin__container__content__answer-item.wrong {
    background-color: #eb3c3c;
    border-color: #eb3c3c;
    color: #fff
}

.c-quiz-popin__container__content__answer-item.right {
    background-color: #66a361;
    border-color: #66a361;
    color: #fff
}

.c-quiz-popin__container__content__state {
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 3rem
}

.c-quiz-popin__container__content__state.right .state-right {
    display: block
}

.c-quiz-popin__container__content__state.empty .state-right,
.c-quiz-popin__container__content__state.empty .state-wrong,
.c-quiz-popin__container__content__state.right .state-empty,
.c-quiz-popin__container__content__state.right .state-wrong {
    display: none
}

.c-quiz-popin__container__content__state.empty .state-empty {
    display: block
}

.c-quiz-popin__container__content__state .state-right {
    display: none
}

.c-quiz-popin__container__content__state .state-wrong {
    display: block
}

.c-quiz-popin__container__content__state .state-empty {
    display: none
}

.c-quiz-popin__right {
    left: 93%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    visibility: hidden
}

.c-quiz-popin__right:before {
    content: "";
    display: block;
    position: relative;
    width: 100%
}

.c-quiz-popin__right.portrait {
    width: 47%
}

.c-quiz-popin__right.portrait:before {
    padding-bottom: 150%
}

.c-quiz-popin__right.portrait .c-quiz-popin__right__image {
    height: 100%
}

.c-quiz-popin__right.portrait .c-quiz-popin__right__explanation {
    width: 148%
}

.c-quiz-popin__right.landscape {
    width: 70%
}

.c-quiz-popin__right.landscape:before {
    padding-bottom: 75.4386%
}

.c-quiz-popin__right.landscape .c-quiz-popin__right__explanation,
.c-quiz-popin__right.landscape .c-quiz-popin__right__image {
    width: 100%
}

.c-quiz-popin__right__image {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0)
}

.c-quiz-popin__right__image.hide {
    display: none
}

.c-quiz-popin__right__explanation {
    bottom: 0;
    left: -40px;
    position: absolute;
    -webkit-transform: translate3d(0, calc(100% - 50px), 0);
    transform: translate3d(0, calc(100% - 50px), 0)
}

.c-quiz-popin__right__explanation__text {
    background-color: #333;
    color: #fff;
    font-family: TT Commons;
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 2rem;
    padding: 30px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0)
}

.c-quiz-popin__right__explanation__text span {
    display: block;
    font-weight: 400;
    padding-top: 10px;
    text-transform: none
}

.c-quiz-introduction {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 1120px;
    padding: 65px 50px;
    position: relative;
    text-align: center;
    width: 83%
}

.c-quiz-introduction.hide {
    display: none
}

.c-quiz-introduction__content {
    position: relative
}

.c-quiz-introduction__content__title {
    color: #000;
    font-family: TT Commons;
    font-size: 4.2rem;
    font-weight: 700;
    letter-spacing: -.4px;
    padding-bottom: 30px;
    position: relative
}

.c-quiz-introduction__content__text {
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 3rem;
    padding-bottom: 30px;
    position: relative
}

.c-quiz-introduction__content .c-button {
    margin: 0 10px
}

.c-quiz-question {
    display: none;
    margin: 0 auto 50px;
    max-width: 1120px;
    position: relative;
    width: 83%
}

.c-quiz-question.show {
    display: block
}

.c-quiz-question__content--left {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    opacity: 0;
    padding: 40px 45px 75px 78px;
    position: relative;
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
    visibility: hidden;
    width: 60%
}

.c-quiz-question__content__timer {
    display: block;
    padding-bottom: 25px;
    position: relative;
    text-align: right
}

.c-quiz-question__content__timer__container-progress-bar {
    background: #e7e7e7;
    display: inline-block;
    height: 4px;
    opacity: 0;
    overflow: hidden;
    position: relative;
    top: -2px;
    visibility: hidden;
    width: 150px
}

.c-quiz-question__content__timer__container-progress-bar.show {
    opacity: 1;
    visibility: visible
}

.c-quiz-question__content__timer__progress-bar {
    background-color: #66a361;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%
}

.c-quiz-question__content__timer__container-stopwatch {
    display: inline-block;
    opacity: 0;
    padding-left: 20px;
    position: relative;
    visibility: hidden
}

.c-quiz-question__content__timer__container-stopwatch.show {
    opacity: 1;
    visibility: visible
}

.c-quiz-question__content__timer__container-stopwatch__picto {
    color: #989898;
    display: inline-block;
    font-size: 2.2rem;
    position: relative
}

.c-quiz-question__content__timer__container-stopwatch__number {
    color: #000;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: .6px;
    position: relative;
    text-align: center;
    width: 20px
}

.c-quiz-question__content__timer__container-stopwatch__number.active {
    -webkit-animation: stopwatchNumber 1s infinite;
    animation: stopwatchNumber 1s infinite
}

.c-quiz-question__content__question-number {
    color: #61615a;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8rem;
    padding: 0 17px 0 0;
    position: relative;
    text-transform: uppercase
}

.c-quiz-question__content__question-number .number-current {
    display: inline-block;
    position: relative;
    text-align: right;
    width: 23px
}

.c-quiz-question__content__eliminatory {
    color: #eb3c3c;
    display: none;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 1.8rem;
    opacity: 0;
    position: relative;
    text-transform: uppercase
}

.c-quiz-question__content__eliminatory.show {
    display: inline-block
}

.c-quiz-question__content__title {
    color: #000;
    font-family: TT Commons;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -.44px;
    line-height: 3.2rem;
    padding: 18px 90px 32px 0;
    position: relative
}

.c-quiz-question__content__answers {
    padding: 0 90px 45px 0;
    position: relative
}

.c-quiz-question__content__answer-item {
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 60%, .26);
    color: #61615a;
    cursor: pointer;
    font-family: TT Commons;
    font-size: 1.8rem;
    line-height: 2.2rem;
    min-width: 366px;
    padding: 21px 15px 19px;
    position: relative;
    text-align: left;
    -webkit-transition: color .3s ease, border .3s ease, background .3s ease;
    -o-transition: color .3s ease, border .3s ease, background .3s ease;
    transition: color .3s ease, border .3s ease, background .3s ease;
    width: 60%
}

.c-quiz-question__content__answer-item:not(:last-of-type) {
    margin-bottom: 20px
}

.c-quiz-question__content__answer-item.selected {
    background-color: #333;
    border-color: #333;
    color: #fff
}

.c-quiz-question__content__answer-item.wrong {
    background-color: #eb3c3c;
    border-color: #eb3c3c;
    color: #fff
}

.c-quiz-question__content__answer-item.right {
    background-color: #66a361;
    border-color: #66a361;
    color: #fff
}

.c-quiz-question__content__buttons {
    position: relative
}

.c-quiz-question__content__buttons .button--validate {
    display: inline-block;
    margin-right: 25px;
    position: relative;
    -webkit-transition: opacity .35s ease;
    -o-transition: opacity .35s ease;
    transition: opacity .35s ease
}

.c-quiz-question__content__buttons .button--validate .c-button.disabled {
    cursor: default;
    opacity: .3
}

.c-quiz-question__content__buttons .button--next {
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    opacity: 0;
    pointer-events: none;
    position: relative;
    -webkit-transform: translateX(-6%);
    -ms-transform: translateX(-6%);
    transform: translateX(-6%);
    -webkit-transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease;
    -o-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
    transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
    transition: opacity .5s ease, visibility .5s ease, transform .5s ease, -webkit-transform .5s ease;
    visibility: hidden
}

.c-quiz-question__content__buttons .button--next.show {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible
}

.c-quiz-question__content__buttons .button--next:before {
    background-color: rgba(51, 51, 51, .2);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    top: -2px;
    -webkit-transform: scaleX(.575);
    -ms-transform: scaleX(.575);
    transform: scaleX(.575);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, background .3s ease;
    transition: transform .3s ease, background .3s ease;
    transition: transform .3s ease, background .3s ease, -webkit-transform .3s ease;
    vertical-align: middle;
    width: 35px
}

.c-quiz-question__content__buttons .button--next__label {
    color: #61615a;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.6rem;
    left: 0;
    letter-spacing: .4px;
    line-height: 1.44rem;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: left .35s ease, color .35s ease;
    -o-transition: left .35s ease, color .35s ease;
    transition: left .35s ease, color .35s ease;
    vertical-align: middle
}

.c-quiz-question__content--right {
    height: 100%;
    left: 55%;
    min-width: 360px;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
    visibility: hidden;
    width: 45%
}

.c-quiz-question__content__background-text {
    color: #e6e6df;
    position: relative;
    text-align: right
}

.c-quiz-question__content__image {
    display: block;
    position: relative;
    top: calc(50% - 60px);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.c-quiz-question__content__image.portrait {
    height: 70%;
    min-height: 380px
}

.c-quiz-question__content__image.landscape {
    width: 100%
}

.c-quiz-question__content__image.hide {
    display: none
}

.c-quiz-question__content__explanation {
    background-color: #333;
    display: none;
    left: -35px;
    opacity: 0;
    padding: 35px;
    position: absolute;
    top: 75%;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    visibility: hidden;
    width: 100%
}

.c-quiz-question__content__explanation.right .state-right,
.c-quiz-question__content__explanation.show {
    display: block
}

.c-quiz-question__content__explanation.right .state-wrong {
    display: none
}

.c-quiz-question__content__explanation__state {
    color: #fff;
    display: none;
    font-family: TT Commons;
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding-bottom: 14px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.c-quiz-question__content__explanation__state .state-right {
    display: none
}

.c-quiz-question__content__explanation__state .state-wrong {
    display: block
}

.c-quiz-question__content__explanation__text {
    color: #fff;
    font-family: TT Commons;
    font-size: 1.7rem;
    letter-spacing: .4px;
    line-height: 2rem;
    position: relative;
    text-align: left
}

.c-quiz-question__content__explanation__text__first {
    border: 1px solid #fff;
    display: none;
    margin-bottom: 15px;
    padding: 7px 5px 6px
}

.c-quiz-question__content__explanation__text__first span {
    font-weight: 800
}

.c-quiz-question__content__explanation__text__first span:first-of-type {
    text-transform: uppercase
}

.c-quiz-question__content__explanation__text__second {
    font-weight: 700;
    text-transform: uppercase
}

.c-quiz-question__content__explanation__text__second span {
    display: block;
    font-weight: 400;
    padding-top: 10px;
    text-transform: none
}

@media (max-width:1023.98px) {
    .c-quiz-question .c-quiz-question__content__header__timer {
        display: none
    }
}

.desktop .c-quiz-question .c-quiz-question__content__answer-item:not(.selected):not(.wrong):not(.right):hover {
    border-color: #61615a;
    color: #000
}

.desktop .c-quiz-question .c-quiz-question__content__buttons .button--next:hover:before {
    background-color: #000;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.desktop .c-quiz-question .c-quiz-question__content__buttons .button--next:hover .button--next__label {
    color: #000;
    left: 15px
}

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

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

    90% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

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

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

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

    90% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

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

.c-quiz-result {
    display: none;
    padding: 30px 0 50px;
    position: relative
}

.c-quiz-result.show {
    display: block
}

.c-quiz-result__top {
    padding: 20px 0 100px;
    position: relative
}

.c-quiz-result__top__container {
    position: relative
}

.c-quiz-result__top__container__background-text {
    color: #e6e6df;
    right: 0
}

.c-quiz-result__top__container__content,
.c-quiz-result__top__container__title {
    position: relative
}

.c-quiz-result__top__container__content__text {
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 3rem;
    padding: 45px 0 35px;
    position: relative
}

.c-quiz-result__bottom {
    background-color: #fff;
    padding: 70px 0;
    position: relative
}

.c-quiz-result__bottom__container {
    position: relative
}

.c-quiz-result__bottom__container__title {
    padding-bottom: 40px
}

.c-quiz-result__bottom__container__content {
    position: relative
}

.c-quiz-result__bottom__container__content__question {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    box-shadow: 0 0 20px 2px rgba(48, 48, 48, .1);
    cursor: pointer;
    margin-bottom: 15px;
    padding: 25px;
    position: relative;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    width: 100%
}

.c-quiz-result__bottom__container__content__question__left {
    border-right: 1px solid #f0f0f0;
    padding: 0 35px 0 0;
    position: relative;
    width: calc(100% - 95px)
}

.c-quiz-result__bottom__container__content__question__left__number {
    color: #000;
    display: inline-block;
    font-family: TT Commons;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -.44px;
    line-height: 2.5rem;
    padding-right: 15px;
    position: relative
}

.c-quiz-result__bottom__container__content__question__left__eliminatory {
    color: #eb3c3c;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 1.8rem;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    top: -1px
}

.c-quiz-result__bottom__container__content__question__left__title {
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 3rem;
    padding: 5px 0 0;
    position: relative
}

.c-quiz-result__bottom__container__content__question__state {
    height: 50px;
    position: absolute;
    right: 28px;
    top: calc(50% - 25px);
    width: 95px
}

.c-quiz-result__bottom__container__content__question__state:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-quiz-result__bottom__container__content__question__state:after,
.c-quiz-result__bottom__container__content__question__state:before {
    background-color: #eb3c3c;
    border-radius: 6px;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    position: absolute;
    top: calc(50% - 2px);
    width: 30px
}

.c-quiz-result__bottom__container__content__question__state:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-quiz-result__bottom__container__content__question__state.right:before {
    background-color: #66a361
}

.c-quiz-result__bottom__container__content__question__state.right:after {
    background-color: #66a361;
    left: calc(50% - 7px);
    top: 50%;
    top: calc(50% + 2px);
    width: 15px
}

.desktop .c-quiz-result .c-quiz-result__bottom__container__content__question:hover {
    -webkit-box-shadow: 0 0 20px 2px rgba(48, 48, 48, .25);
    box-shadow: 0 0 20px 2px rgba(48, 48, 48, .25)
}

.c-sensi-map-map {
    background-color: #000;
    color: #fff;
    height: 680px;
    padding-right: 420px;
    position: relative
}

.c-sensi-map-map__col {
    display: inline-block;
    text-align: left;
    vertical-align: top
}

.c-sensi-map-map__col.is-open .c-sensi-map-map__col__head svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.c-sensi-map-map__col__head__title {
    color: #e7e7e7;
    display: inline-block;
    font-family: TT Commons;
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 14px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    z-index: 5
}

.c-sensi-map-map__col__head__title:before {
    background: #afcf1a;
    bottom: -2px;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: width .35s ease;
    -o-transition: width .35s ease;
    transition: width .35s ease;
    width: 0;
    z-index: -1
}

.c-sensi-map-map__col__head svg {
    display: none
}

.c-sensi-map-map__col__content {
    color: #989898;
    font-family: TT Commons;
    margin-top: 15px;
    max-width: 215px;
    overflow: hidden;
    -webkit-transition: max-height .5s ease;
    -o-transition: max-height .5s ease;
    transition: max-height .5s ease
}

.c-sensi-map-map__col__content__item {
    font-size: 1.9rem;
    line-height: 1.18;
    padding: 15px 0 0
}

.c-sensi-map-map__col__content__item.is-open [data-dropdown-trigger] {
    opacity: 1
}

.c-sensi-map-map__col__content__item.is-open [data-dropdown-trigger] svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-sensi-map-map__col__content__item [data-dropdown-trigger] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-family: TT Commons;
    font-size: 17px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    opacity: .5;
    padding: 1rem 0;
    text-transform: uppercase;
    -webkit-transition: opacity .25s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .25s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .25s cubic-bezier(.25, .46, .45, .94);
    width: 100%
}

.c-sensi-map-map__col__content__item [data-dropdown-trigger] svg {
    width: 20px;
    height: 20px;
}

.c-sensi-map-map__col__content__item [data-dropdown-trigger] .badge {
    border: 1px solid #fff;
    border-radius: 17px;
    font-family: TT Commons;
    font-size: 1.7rem;
    height: 28px;
    line-height: 27px;
    margin-right: 1rem;
    opacity: 1;
    padding-top: 1px;
    text-align: center;
    text-transform: none;
    -webkit-transition: opacity .15s cubic-bezier(.25, .46, .45, .94), -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .15s cubic-bezier(.25, .46, .45, .94), -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
    -o-transition: transform .15s cubic-bezier(.25, .46, .45, .94), opacity .15s cubic-bezier(.25, .46, .45, .94);
    transition: transform .15s cubic-bezier(.25, .46, .45, .94), opacity .15s cubic-bezier(.25, .46, .45, .94);
    transition: transform .15s cubic-bezier(.25, .46, .45, .94), opacity .15s cubic-bezier(.25, .46, .45, .94), -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
    width: 41px
}

.c-sensi-map-map__col__content__item [data-dropdown-trigger] .badge.empty {
    opacity: 0;
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px)
}

.c-sensi-map-map__col__content__item:first-child button {
    padding-top: 0
}

.c-sensi-map-map__col__content__item:first-child button svg {
    top: 8px
}

.c-sensi-map-map__col__content__item .c-sensi-map-map__col__content__dropdown__subcontent li.current {
    padding-right: 15px
}

.c-sensi-map-map__col__content__item .c-sensi-map-map__col__content__dropdown__subcontent li.current>a {
    border-color: #fff;
    color: #fff;
    cursor: default
}

.c-sensi-map-map__col__content__item .c-sensi-map-map__col__content__dropdown__subcontent li.current>a>svg {
    fill: #fff
}

.c-sensi-map-map__col__content__item+.c-sensi-map-map__col__content__dropdown {
    padding-top: 0
}

.c-sensi-map-map__col__content__item a {
    display: inline-block;
    position: relative;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.c-sensi-map-map__col__content__item a .dot {
    background-color: #afcf1a;
    border-radius: 6px;
    height: 6px;
    margin-left: 8px;
    margin-top: 6px;
    position: absolute;
    width: 6px
}

.c-sensi-map-map__col__content__dropdown.is-open>button {
    border-color: #fff;
    color: #fff
}

.c-sensi-map-map__col__content__dropdown.is-open>button svg {
    -webkit-transform: translateY(-40%) rotate(-180deg);
    -ms-transform: translateY(-40%) rotate(-180deg);
    transform: translateY(-40%) rotate(-180deg)
}

.c-sensi-map-map__col__content__dropdown button {
    border-bottom: 1px solid #474747;
    cursor: pointer;
    display: block;
    padding: 25px 28px 19px 0;
    position: relative;
    text-align: left;
    -webkit-transition: border-color .35s ease, color .35s ease;
    -o-transition: border-color .35s ease, color .35s ease;
    transition: border-color .35s ease, color .35s ease;
    width: 100%
}

.c-sensi-map-map__col__content__dropdown button svg {
    fill: currentColor;
    display: block;
    font-size: .6rem;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-40%) rotate(0deg);
    -ms-transform: translateY(-40%) rotate(0deg);
    transform: translateY(-40%) rotate(0deg);
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.c-sensi-map-map__col__content__dropdown__subcontent {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-transition: max-height .5s ease;
    -o-transition: max-height .5s ease;
    transition: max-height .5s ease
}

.c-sensi-map-map__col__content__dropdown__subcontent__item {
    padding: 1rem;
    position: relative
}

.c-sensi-map-map__col__content__dropdown__subcontent__item label {
    font-size: 17px;
    margin-left: 3rem;
    opacity: .6
}

.c-sensi-map-map__col__content__dropdown__subcontent__item input,
.c-sensi-map-map__col__content__dropdown__subcontent__item label {
    cursor: pointer
}

.c-sensi-map-map__col__content__dropdown__subcontent li {
    padding: 7px 0
}

.c-sensi-map-map__col__content__dropdown__subcontent li:first-child {
    padding-top: 15px
}

.c-sensi-map-map__map-container {
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.c-sensi-map-map__map-container .mapboxgl-popup {
    max-width: 200px
}

.c-sensi-map-map__map-container .mapboxgl-popup-content {
    background: rgba(0, 0, 0, .8);
    border-radius: 0;
    color: #f7f6f4;
    font-family: TT Commons;
    font-size: 1.6rem;
    line-height: 1.29;
    padding: 18px 20px 16px
}

.c-sensi-map-map__map-container .mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.c-sensi-map-map__map-container .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.c-sensi-map-map__map-container .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    border-bottom-color: rgba(0, 0, 0, .8)
}

.c-sensi-map-map__map-container .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.c-sensi-map-map__map-container .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.c-sensi-map-map__map-container .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    border-top-color: rgba(0, 0, 0, .8)
}

.c-sensi-map-map__map-container .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: rgba(0, 0, 0, .8)
}

.c-sensi-map-map__map-container .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-left-color: rgba(0, 0, 0, .8)
}

.c-sensi-map-map__map-container .mapboxgl-ctrl-attrib,
.c-sensi-map-map__map-container .mapboxgl-ctrl-logo {
    opacity: .3;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94)
}

.c-sensi-map-map__map-container .mapboxgl-ctrl-zoom {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 15px;
    margin-left: 30px
}

.c-sensi-map-map__map-container .mapboxgl-ctrl-zoom button {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94)
}

.c-sensi-map-map__map-container .mapboxgl-ctrl-zoom button svg {
    fill: #333
}

.c-sensi-map-map__map-container .mapboxgl-ctrl-zoom button+button {
    border-top: 1px solid #e7e7e7;
    margin-bottom: -1px;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.c-sensi-map-map__filters {
    font-family: TT Commons;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    /* padding: 40px 56px; */
    padding: 40px 0px;
    position: absolute;
    right: 0;
    top: 0;
    width: 420px
}

.c-sensi-map-map__filters__container {
    margin-top: 2em
}

.c-sensi-map-map__filters__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-align: center
}

.c-sensi-map-map__filters__checkbox {
    background-color: transparent;
    background-image: url(./images/actions-map-checkbox-sprite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 14px 42px;
    border: 1px solid #b7b7b7;
    cursor: pointer;
    height: 16px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: border .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: border .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: border .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94);
    width: 16px
}

.c-sensi-map-map__filters__checkbox:focus {
    background-color: hsla(0, 0%, 100%, .35);
    border-color: #fff
}

.c-sensi-map-map__filters__checkbox:focus+.c-sensi-map-map__filters__taxonomy-terms__term__name {
    opacity: .9
}

.c-sensi-map-map__filters__checkbox:checked {
    background-color: hsla(0, 0%, 100%, .9);
    background-position: 0 -14px;
    border-color: hsla(0, 0%, 100%, .9);
    opacity: .9
}

.c-sensi-map-map__filters__checkbox:checked+.c-sensi-map-map__filters__taxonomy-terms__term__name {
    opacity: .9
}

.c-sensi-map-map__filters__reset {
    -webkit-appearance: button;
    bottom: 60px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-family: inherit;
    font-family: TT Commons;
    font-size: 100%;
    font-size: 1.7rem;
    line-height: 1.15;
    line-height: 1.53;
    margin: 0;
    opacity: .6;
    overflow: visible;
    position: absolute;
    right: 60px;
    text-transform: none;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    will-change: transform
}

.c-sensi-map-map__filters__reset:before {
    background-color: #b7b7b7;
    bottom: 2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.c-sensi-map-map__filters__reset:focus {
    opacity: .8
}

.c-sensi-map-map__filters__reset:focus:before {
    display: none
}

.c-sensi-map-map__filters__reset--show {
    cursor: pointer;
    display: block
}

.c-sensi-map-map__filters__open-mobile,
.c-sensi-map-map__filters__popin-mobile {
    display: none
}

.c-sensi-map-map__sensi__popin {
    background-color: #b78a6b;
    font-family: TT Commons;
    overflow: hidden;
    pointer-events: all;
    right: 0;
    width: 540px
}

.c-sensi-map-map__sensi__popin,
.c-sensi-map-map__sensi__popin__image {
    opacity: .5;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .25s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .25s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .25s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .25s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94), opacity .25s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    visibility: hidden;
    will-change: background-color, transform, opacity;
    z-index: 99
}

.c-sensi-map-map__sensi__popin__image {
    background-color: #333;
    left: 0
}

.c-sensi-map-map__sensi__popin__image,
.c-sensi-map-map__sensi__popin__image__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.c-sensi-map-map__sensi__popin__image__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-sensi-map-map__sensi__popin__image__container img {
    max-height: calc(100% - 80px);
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.c-sensi-map-map__sensi__popin__image__container span.title {
    color: #fff;
    display: block;
    font-family: TT Commons;
    font-size: 17px;
    line-height: 22px;
    margin-top: 18px;
    text-align: center
}

.c-sensi-map-map__sensi__popin__image--show {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.c-sensi-map-map__sensi__popin__image__close {
    background-color: #fff;
    cursor: pointer;
    height: 76px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 59px;
    z-index: 25
}

.c-sensi-map-map__sensi__popin__image__close:after,
.c-sensi-map-map__sensi__popin__image__close:before {
    background-color: #000;
    border-radius: 5px;
    content: "";
    display: block;
    height: 2px;
    left: 18px;
    position: absolute;
    top: 45px;
    -webkit-transition: -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
    -o-transition: transform .15s cubic-bezier(.25, .46, .45, .94);
    transition: transform .15s cubic-bezier(.25, .46, .45, .94);
    transition: transform .15s cubic-bezier(.25, .46, .45, .94), -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
    width: 21px;
    will-change: transform, opacity
}

.c-sensi-map-map__sensi__popin__image__close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-sensi-map-map__sensi__popin__image__close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-sensi-map-map__sensi__popin__info__container--item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 20px
}

.c-sensi-map-map__sensi__popin__info__container--item .contain {
    padding-right: 1rem
}

.c-sensi-map-map__sensi__popin__info__container--item span {
    opacity: .7
}

.c-sensi-map-map__sensi__popin__info__container--item__link {
    text-decoration: underline
}

.c-sensi-map-map__sensi__popin__info__container--item__link:hover {
    text-decoration: none
}

.c-sensi-map-map__sensi__popin--slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 3rem !important
}

.c-sensi-map-map__sensi__popin--slider:after {
    content: "flickity";
    display: none
}

.c-sensi-map-map__sensi__popin--slider .flickity-prev-next-button {
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: block !important;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.c-sensi-map-map__sensi__popin--slider .flickity-prev-next-button:disabled {
    opacity: .5
}

.c-sensi-map-map__sensi__popin--slider .flickity-prev-next-button.previous {
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%)
}

.c-sensi-map-map__sensi__popin--slider .flickity-prev-next-button:after,
.c-sensi-map-map__sensi__popin--slider .flickity-prev-next-button:before {
    display: none !important
}

.c-sensi-map-map__sensi__popin--slider .flickity-prev-next-button path {
    fill: #fff !important
}

.c-sensi-map-map__sensi__popin--slider .flickity-button-icon {
    -webkit-animation: none !important;
    animation: none !important
}

.c-sensi-map-map__sensi__popin--slider .flickity-page-dots {
    display: none
}

.c-sensi-map-map__sensi__popin--slider .track {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 10
}

.c-sensi-map-map__sensi__popin--slider__item {
    height: 90px;
    margin-right: 20px;
    min-width: 90px;
    text-align: center;
    width: 90px
}

.c-sensi-map-map__sensi__popin--slider__item__media {
    background-color: #c4a793;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.c-sensi-map-map__sensi__popin--slider__item__media img {
    cursor: pointer;
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.c-sensi-map-map__sensi__popin--slider__item__headline,
.c-sensi-map-map__sensi__popin--slider__item__label {
    display: block
}

.c-sensi-map-map__sensi__popin--slider__item__label {
    font-family: Ivar;
    font-size: 2rem;
    line-height: 2.5rem;
    padding-bottom: 10px;
    padding-top: 30px
}

.c-sensi-map-map__sensi__popin--slider__item__headline {
    color: #61615a;
    font-family: TT Commons;
    font-size: 1.9rem;
    line-height: 2.2rem
}

.c-sensi-map-map__sensi__popin--show {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.c-sensi-map-map__sensi__popin__close {
    background-color: #fff;
    cursor: pointer;
    height: 76px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 59px;
    z-index: 25
}

.c-sensi-map-map__sensi__popin__close:after,
.c-sensi-map-map__sensi__popin__close:before {
    background-color: #000;
    border-radius: 5px;
    content: "";
    display: block;
    height: 2px;
    left: 18px;
    position: absolute;
    top: 45px;
    -webkit-transition: -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
    -o-transition: transform .15s cubic-bezier(.25, .46, .45, .94);
    transition: transform .15s cubic-bezier(.25, .46, .45, .94);
    transition: transform .15s cubic-bezier(.25, .46, .45, .94), -webkit-transform .15s cubic-bezier(.25, .46, .45, .94);
    width: 21px;
    will-change: transform, opacity
}

.c-sensi-map-map__sensi__popin__close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-sensi-map-map__sensi__popin__close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-sensi-map-map__sensi__popin__media {
    background-color: rgba(0, 0, 0, .25);
    background-image: url(./images/pattern-main-medium.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.c-sensi-map-map__sensi__popin__media:before {
    content: "";
    display: block;
    padding-top: 54.07407%;
    width: 100%
}

.c-sensi-map-map__sensi__popin__media>.u-aspect-ratio__inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-sensi-map-map__sensi__popin__media__item {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 10
}

.c-sensi-map-map__sensi__popin__media__item.active {
    pointer-events: all;
    z-index: 15
}

.c-sensi-map-map__sensi__popin__media__item img {
    width: 100%
}

.c-sensi-map-map__sensi__popin__info {
    background-image: url(./images/pattern-main-medium.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    position: relative
}

.c-sensi-map-map__sensi__popin__info__item {
    display: none;
    height: 100%;
    left: 0;
    overflow-y: auto;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10
}

.c-sensi-map-map__sensi__popin__info__item .u-overflow-container {
    height: 100%
}

.c-sensi-map-map__sensi__popin__info__item.active {
    display: block;
    pointer-events: all;
    visibility: visible;
    z-index: 15
}

.c-sensi-map-map__sensi__popin__info__categories {
    font-family: TT Commons;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .04rem;
    line-height: 1.86;
    margin-bottom: 10px;
    text-transform: uppercase
}

.c-sensi-map-map__sensi__popin__info__title {
    font-family: Ivar;
    font-size: 2rem;
    letter-spacing: -.017rem;
    line-height: 1.5;
    margin-bottom: 15px
}

.c-sensi-map-map__sensi__popin__info__description {
    color: #f7f6f4;
    font-family: TT Commons;
    font-size: 1.9rem;
    letter-spacing: normal;
    line-height: 1.47
}

.c-sensi-map-map .spider-leg-container {
    height: 1px;
    overflow: display;
    width: 1px;
    will-change: transform
}

.c-sensi-map-map .spider-leg-container .spider-leg-pin {
    border: 3px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 21px;
    margin-left: -10px;
    margin-top: -10px;
    position: relative;
    width: 21px;
    z-index: 1
}

.c-sensi-map-map .spider-leg-container .spider-leg-pin:hover {
    border-width: 4px;
    height: 39px;
    margin-left: -19px;
    margin-top: -19px;
    width: 39px
}

.c-sensi-map-map .spider-leg-container .spider-leg-line {
    background-color: #fff;
    bottom: 0;
    height: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    width: 1px;
    z-index: 0
}

.c-sensi-map-map .spider-leg-container:hover .spider-leg-line {
    opacity: 1
}

.c-sensi-map-map .spider-leg-container.animate {
    -webkit-transition: margin .15s linear;
    -o-transition: margin .15s linear;
    transition: margin .15s linear
}

.c-sensi-map-map .spider-leg-container.animate .spider-leg-line {
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    -webkit-transition-delay: inherit;
    -o-transition-delay: inherit;
    transition-delay: inherit
}

.c-sensi-map-map .spider-leg-container.exit,
.c-sensi-map-map .spider-leg-container.initial {
    height: 0;
    margin-left: 0 !important;
    margin-top: 0 !important
}

.c-sensi-map-map .spider-leg-container.animate.exit .spider-leg-line,
.c-sensi-map-map .spider-leg-container.animate.initial .spider-leg-line {
    height: 0 !important
}

@media (min-width:1024px) {
    .c-sensi-map-map.in-master {
        margin: 80px 0
    }

    .c-sensi-map-map__sensi__popin-container {
        margin: 0 auto;
        max-width: 1920px;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        width: 100%;
        z-index: 10
    }

    .c-sensi-map-map__sensi__popin__info__item {
        padding: 24px 0 24px 42px
    }

    .c-sensi-map-map__sensi__popin__info__item .u-overflow-container {
        padding-right: 0
    }
}

.c-sensi-map-map__filters__results {
    display: none
}

.desktop .c-sensi-map-map__map-container .mapboxgl-ctrl-attrib:hover,
.desktop .c-sensi-map-map__map-container .mapboxgl-ctrl-logo:hover {
    opacity: 1
}

.desktop .c-sensi-map-map__map-container .mapboxgl-ctrl-zoom button:not(:disabled):hover {
    background-color: #e7e7e7
}

.desktop .c-sensi-map-map__filters__locations__navigation:hover {
    opacity: .9
}

.desktop .c-sensi-map-map__filters__location:hover svg {
    opacity: .7
}

.desktop .c-sensi-map-map__filters__location:hover .c-sensi-map-map__filters__location__overlay {
    opacity: 1
}

.desktop .c-sensi-map-map__filters__taxonomy:hover {
    opacity: .9
}

.desktop .c-sensi-map-map__filters__taxonomy:hover--active {
    opacity: 1
}

.desktop .c-sensi-map-map__filters__taxonomy-terms__taxonomy:hover {
    opacity: 1
}

.desktop .c-sensi-map-map__filters__taxonomy-terms__term__checkbox:hover {
    background-color: hsla(0, 0%, 100%, .35);
    border-color: #fff
}

.desktop .c-sensi-map-map__filters__taxonomy-terms__term__checkbox:checked:hover,
.desktop .c-sensi-map-map__filters__taxonomy-terms__term__name:hover {
    opacity: 1
}

.desktop .c-sensi-map-map__filters__taxonomy-terms__term__related-page a:hover:before {
    display: none
}

.desktop .c-sensi-map-map__filters__reset:hover {
    opacity: .8
}

.desktop .c-sensi-map-map__filters__reset:hover:before {
    display: none
}

.desktop .c-sensi-map-map__sensi__popin__close:hover:before {
    -webkit-transform: scale(1.12) rotate(-45deg);
    -ms-transform: scale(1.12) rotate(-45deg);
    transform: scale(1.12) rotate(-45deg)
}

.desktop .c-sensi-map-map__sensi__popin__close:hover:after {
    -webkit-transform: scale(1.12) rotate(45deg);
    -ms-transform: scale(1.12) rotate(45deg);
    transform: scale(1.12) rotate(45deg)
}

@media screen and (min-width:1024px) and (min-height:850px) {
    .c-sensi-map-map {
        height: 720px
    }
}

@media screen and (min-width:1024px) and (min-height:900px) {
    .c-sensi-map-map {
        height: 770px
    }
}

@media screen and (min-width:1024px) and (min-height:950px) {
    .c-sensi-map-map {
        height: 820px
    }
}

@media (max-width:1023.98px) {
    .c-sensi-map-map {
        height: 500px !important;
        height: 700px;
        padding-bottom: 70px;
        padding-right: 0;
        padding-top: 0 !important;
        padding-top: 180px
    }

    .c-sensi-map-map.in-master {
        margin: 50px 0
    }

    .c-sensi-map-map__map-container .mapboxgl-ctrl-zoom {
        display: none
    }

    .c-sensi-map-map__filters {
        height: auto;
        left: 0;
        opacity: 0;
        /* padding: 100px 56px; */
        padding: 100px 0px;
        top: 0;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        -o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        visibility: hidden;
        width: 100%
    }

    .c-sensi-map-map__filters.is-open {
        background-color: #000;
        height: 100vh;
        height: calc(var(--vh, 1vh)*100);
        left: 0;
        opacity: 1;
        position: fixed;
        top: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        visibility: visible;
        width: 100%;
        z-index: 100
    }

    .c-sensi-map-map__filters__close {
        height: 26px;
        opacity: .9;
        position: absolute;
        right: 32px;
        top: 35px;
        width: 26px;
        z-index: 3
    }

    .c-sensi-map-map__filters__close:after,
    .c-sensi-map-map__filters__close:before {
        background-color: #fff;
        border-radius: 5px;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        top: calc(50% - 2px);
        width: 100%
    }

    .c-sensi-map-map__filters__close:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .c-sensi-map-map__filters__close:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .c-sensi-map-map__filters__results {
        -webkit-appearance: button;
        background-color: #333;
        bottom: 20px;
        display: block;
        font-family: inherit;
        font-family: TT Commons;
        font-size: 100%;
        font-size: 1.6rem;
        height: 60px;
        left: 20px;
        letter-spacing: .034rem;
        line-height: 1.15;
        margin: 0;
        overflow: visible;
        padding-top: 3px;
        position: absolute;
        text-align: center;
        text-transform: none;
        text-transform: uppercase;
        width: calc(100% - 40px);
        z-index: 2
    }

    .c-sensi-map-map__filters--show-taxonomy-terms .c-sensi-map-map__filters__locations-taxonomies {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .c-sensi-map-map__filters--show-taxonomy-terms .c-sensi-map-map__filters__taxonomy-terms.c-sensi-map-map__filters__taxonomy-terms--show {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .c-sensi-map-map__filters__locations-taxonomies {
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .c-sensi-map-map__filters__locations {
        border-bottom: none;
        height: 180px
    }

    .c-sensi-map-map__filters__locations__navigation {
        bottom: auto;
        top: 40px
    }

    .c-sensi-map-map__filters__locations__navigation--prev {
        left: 32px
    }

    .c-sensi-map-map__filters__locations__navigation--next {
        right: 32px
    }

    .c-sensi-map-map__filters__locations__active-location {
        bottom: auto;
        top: 40px
    }

    .c-sensi-map-map__filters__locations-list {
        bottom: 40px;
        left: 32px;
        right: 32px;
        top: auto
    }

    .c-sensi-map-map__filters__location__overlay,
    .c-sensi-map-map__filters__taxonomies--desktop {
        display: none
    }

    .c-sensi-map-map__filters__taxonomies--mobile {
        opacity: 1;
        -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        will-change: transform
    }

    .c-sensi-map-map__filters__taxonomy__button {
        padding-left: 32px;
        padding-right: 44px
    }

    .c-sensi-map-map__filters__taxonomy__badge {
        right: 64px
    }

    .c-sensi-map-map__filters__taxonomy__chevron {
        margin-top: -3px;
        right: 32px
    }

    .c-sensi-map-map__filters__taxonomy--active .c-sensi-map-map__filters__taxonomy__button {
        padding-right: 112px
    }

    .c-sensi-map-map__filters__taxonomy-terms:before {
        left: 32px;
        width: calc(100% - 64px)
    }

    .c-sensi-map-map__filters__taxonomy-terms__taxonomy {
        margin: 12px 32px 0;
        width: calc(100% - 64px)
    }

    .c-sensi-map-map__filters__taxonomy-terms__terms {
        height: calc(100% - 184px);
        padding: 20px 32px 12px
    }

    .c-sensi-map-map__filters__reset {
        bottom: auto;
        position: absolute;
        right: 80px;
        top: 36px;
        z-index: 1
    }

    .c-sensi-map-map__filters__open-mobile {
        -webkit-appearance: button;
        bottom: 0;
        color: #b7b7b7;
        display: block;
        font-family: inherit;
        font-family: TT Commons;
        font-size: 100%;
        font-size: 1.6rem;
        height: 70px;
        left: 0;
        letter-spacing: .034rem;
        line-height: 1.15;
        line-height: 70px;
        margin: 0;
        overflow: visible;
        padding-left: 26px;
        padding-top: 2px;
        position: absolute;
        text-align: left;
        text-transform: none;
        text-transform: uppercase;
        width: 100%
    }

    .c-sensi-map-map__filters__open-mobile__icon {
        border-left: 1px solid #474747;
        height: 70px;
        position: absolute;
        right: 0;
        top: 0;
        width: 70px
    }

    .c-sensi-map-map__filters__open-mobile__icon svg {
        fill: #b7b7b7;
        font-size: 21px;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .c-sensi-map-map__filters__open-mobile__icon__badge {
        background-color: #fff;
        border-radius: 50%;
        color: #000;
        display: none;
        font-family: TT Commons;
        font-size: 1.3rem;
        font-weight: 500;
        height: 20px;
        left: 50%;
        line-height: 23.1px;
        padding-left: 1px;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transform: translate(-10%, -90%);
        -ms-transform: translate(-10%, -90%);
        transform: translate(-10%, -90%);
        width: 20px
    }

    .c-sensi-map-map__filters__open-mobile--active {
        opacity: .9
    }

    .c-sensi-map-map__filters__open-mobile--active .c-sensi-map-map__filters__open-mobile__icon__badge {
        display: block
    }

    .c-sensi-map-map__filters__popin-mobile {
        background-color: #000;
        color: #fff;
        display: block;
        height: 100vh;
        height: calc(var(--vh, 1vh)*100);
        left: 0;
        margin: 0 auto;
        opacity: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        -o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        visibility: hidden;
        width: 100%;
        will-change: transform, opacity;
        z-index: 102
    }

    .c-sensi-map-map__filters__popin-mobile--show {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .c-sensi-map-map__filters__popin-mobile--show-taxonomy-terms .c-sensi-map-map__filters__popin-mobile__head,
    .c-sensi-map-map__filters__popin-mobile--show-taxonomy-terms .c-sensi-map-map__filters__reset,
    .c-sensi-map-map__filters__popin-mobile--show-taxonomy-terms .c-sensi-map-map__filters__taxonomies {
        opacity: 0;
        -webkit-transform: translateX(-150px);
        -ms-transform: translateX(-150px);
        transform: translateX(-150px)
    }

    .c-sensi-map-map__filters__popin-mobile__head {
        border-bottom: 1px solid #333;
        font-family: TT Commons;
        font-size: 1.7rem;
        height: 74px;
        left: 32px;
        letter-spacing: .036rem;
        line-height: 74px;
        opacity: 1;
        padding-top: 2px;
        position: absolute;
        text-transform: uppercase;
        top: 11px;
        -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        -o-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        width: calc(100% - 64px);
        will-change: transform
    }

    .c-sensi-map-map__filters__popin-mobile .c-sensi-map-map__filters__reset {
        bottom: auto;
        position: absolute;
        right: 80px;
        top: 36px;
        z-index: 1
    }

    .c-sensi-map-map__filters__popin-mobile .c-sensi-map-map__filters__reset--show {
        display: block
    }

    .c-sensi-map-map__filters__popin-mobile .c-sensi-map-map__filters__taxonomies {
        padding-top: 16px;
        position: absolute;
        top: 85px;
        width: 100%;
        z-index: 2
    }

    .c-sensi-map-map__sensi__popin {
        height: 100vh;
        height: calc(var(--vh, 1vh)*100);
        left: 0;
        margin: 0 auto;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        -o-transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
        width: 100%;
        z-index: 102
    }

    .c-sensi-map-map__sensi__popin--slider {
        margin-top: 10px
    }

    .c-sensi-map-map__sensi__popin--show {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .c-sensi-map-map__sensi__popin__info__item {
        padding: 30px 0 30px 30px
    }

    .c-sensi-map-map__sensi__popin__info__item .u-overflow-container {
        padding-right: 0
    }
}

*::-webkit-scrollbar {
    width: 0.4rem;
  }
  
  *::-webkit-scrollbar-track {
    background: none;
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: #808080;
    border-radius: 20px;
  }
  
  *::-webkit-scrollbar-thumb:hover {
    background-color: #fff;
  }

.c-message-container{
    position: absolute;
    z-index: 1;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex;
}

.c-error-message{
    margin: auto;
    background-color: #2f2f2f;
    color: #ef2929;
    padding: 0.5em;
    border-radius: 5px;
    font-size: 3rem;
}

.anchor{
    position: relative;
    top: -90px;
}

#map-glob{
    padding-top: 0;
}

#map-glob h2{
    padding-top: 0;
}

#bal-map{
    height: 100%;
}

#bal-map > div > div{
    position: inherit !important;
}

.c-filters-balises{
    right: 0;
    top: 0;
    text-align: center;
    width: 100%;
    color: white;
}

.c-filters-title{
    margin: 2em 0 2em 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-align: center
}


.filter-bals{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    height: 100%;
    margin: 1%;
}

.text-line{
    width: 320px;
    text-align: justify;
}

datalist option{
    transform: rotate(-90deg);
    text-align: center;
}

.per-lab{
    opacity: .5;
    padding: 1rem 0;
    text-transform: uppercase;
    font-size: 17px;
}

.slider{
    -webkit-appearance: none;
    appearance: none;
    margin: 2em 0 0 0;
    width: 100%;
    height: 0.5em;
    border-radius: 10px;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

#periode{
    background: repeating-linear-gradient(to right, 
                                          #d3d3d3,
                                          #d3d3d3 33%,
                                          #000 33%,
                                          #000 34%,
                                          #d3d3d3 34%, 
                                          #d3d3d3 66%,
                                          #000 66%,
                                          #000 67%,
                                          #d3d3d3 67%);
    align-items: center;
}

.slider:hover {
  opacity: 1;
  cursor: pointer;
}

#periode::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: url( "data:image/svg+xml,%3Csvg style='background-color:%23b78a6b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M20,3a1,1,0,0,0,0-2H4A1,1,0,0,0,4,3H5.049c.146,1.836.743,5.75,3.194,8-2.585,2.511-3.111,7.734-3.216,10H4a1,1,0,0,0,0,2H20a1,1,0,0,0,0-2H18.973c-.105-2.264-.631-7.487-3.216-10,2.451-2.252,3.048-6.166,3.194-8Zm-6.42,7.126a1,1,0,0,0,.035,1.767c2.437,1.228,3.2,6.311,3.355,9.107H7.03c.151-2.8.918-7.879,3.355-9.107a1,1,0,0,0,.035-1.767C7.881,8.717,7.227,4.844,7.058,3h9.884C16.773,4.844,16.119,8.717,13.58,10.126ZM12,13s3,2.4,3,3.6V20H9V16.6C9,15.4,12,13,12,13Z'/%3E%3C/svg%3E" );
    cursor: pointer;
    align-items: center;
}
  
#periode::-moz-range-thumb {
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: url( "data:image/svg+xml,%3Csvg style='background-color:%23b78a6b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M20,3a1,1,0,0,0,0-2H4A1,1,0,0,0,4,3H5.049c.146,1.836.743,5.75,3.194,8-2.585,2.511-3.111,7.734-3.216,10H4a1,1,0,0,0,0,2H20a1,1,0,0,0,0-2H18.973c-.105-2.264-.631-7.487-3.216-10,2.451-2.252,3.048-6.166,3.194-8Zm-6.42,7.126a1,1,0,0,0,.035,1.767c2.437,1.228,3.2,6.311,3.355,9.107H7.03c.151-2.8.918-7.879,3.355-9.107a1,1,0,0,0,.035-1.767C7.881,8.717,7.227,4.844,7.058,3h9.884C16.773,4.844,16.119,8.717,13.58,10.126ZM12,13s3,2.4,3,3.6V20H9V16.6C9,15.4,12,13,12,13Z'/%3E%3C/svg%3E" );
    cursor: pointer;
}

#periodes{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    writing-mode: vertical-lr;
    margin: 0.2em 0 0 0;
    width: 100%;
}

.duree {
    width: 100%;
}

.filter-reset{
    color: inherit;
}

.filter-reset:hover, .button-filter:hover {
    opacity: 1;
    text-decoration: underline;
    cursor: pointer;
    transition: opacity text-decoration .5s;
}

.date-input{
    margin: 1em 0.5em 3.5em 0.5em;
}

.svg-icon .svg-icon-reinit {
    width: 1.75em
}

.c-button-refresh {
    background: #66a361;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: TT Commons;
    font-size: 1.8rem;
    line-height: 1.44;
    overflow: hidden;
    padding: 15px 35px 13px 32px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: padding .35s ease, background .35s ease, border .35s ease, color .35s ease;
    -o-transition: padding .35s ease, background .35s ease, border .35s ease, color .35s ease;
    transition: padding .35s ease, background .35s ease, border .35s ease, color .35s ease
}

.c-button-refresh:before {
    background-color: #5a9755;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width .35s ease;
    -o-transition: width .35s ease;
    transition: width .35s ease;
    width: 0;
    z-index: 1
}

.loader-bckgrnd{
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0.7;
    align-items: center;
    justify-content: center;
}

.loader {
    display: flex;
    position: absolute;
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

.c-option-specs{
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
}

.c-option-balises{
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
}

.c-option-select{
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
}

.c-button-option{
    padding: 0.7em 2em 0.7em 2em !important;
    margin-top: 1em;
    margin-bottom: 1em;
}

  .c-button-return{
    background: #2f2f2f;
    margin-bottom: 2rem;
  }

  .c-button-return:hover{
    background: #2f2f2f;
  }

  .c-button-return:before {
      background-color: #7e7e7e;
  }

  /* The switch - the box around the slider */
  .switch_per {
    position: relative;
    display: inline-block;
    /* width: 60px;
    height: 34px; */
    width: 5.2rem;
    height: 2.6rem;
  }

  .switch_text {
    font-size: 2rem;
    color: #959595;
    vertical-align: bottom;
    margin: 0 1rem;
  }
  
  /* Hide default HTML checkbox */
  .switch_per input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider_per {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 34px;
    background-color: #80614b;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider_per:before {
    position: absolute;
    content: "";
    /* height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px; */
    height: 2rem;
    width: 2rem;
    left: 0.3rem;
    bottom: 0.3rem;
    border-radius: 50%;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider_per {
    background-color: #afcf1a;
  }
  
  input:focus + .slider_per {
    box-shadow: 0 1px 1px #f0f0f0;
  }
  
  input:checked + .slider_per:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }

  #per-seas{
      background: repeating-linear-gradient(to right, 
      #d3d3d3,
      #AFCF1A 24%,
      #000 24%,
      #000 25%,
      #AFCF1A 25%, 
      #FFCC33 49%,
      #000 49%,
      #000 50%,
      #FFCC33 50%, 
      #956A4B 74%,
      #000 74%,
      #000 75%,
      #956A4B 75%,
      #CCDEE8 100%
      );
  }

  .season option{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
  }

  .help-container{
    position: absolute;
    /* top: 50%; */
    /* right: 2rem; */
    top: 0;
    right: 5rem;
  }

  .help-popup{
    margin-top: 4rem;
    display: none;
    background-color: white;
    color: black;
    padding: 2rem;
    top: 50%;
    right: 4.5rem;
    width: 30rem;
    border-radius: 1rem;
    overflow-y: scroll;
    max-height: 60rem;
  }

  .help-title{
    text-align: center;
    color: #80614b;
    font-family: TT Commons;
    font-size: 2.4rem;
    font-weight: 800;
  }

  .help-line{
    /* display: flex; */
    margin: 1rem;
    text-align: justify;
    align-items: center;
  }

  /* .svg-icon-question, .svg-icon-close{
    width: 3rem;
    height: 3rem;
    cursor: pointer;
  } */

  .leg-container{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 5rem;
    height: 5rem;
    /* text-align: center; */
    margin-right: 1rem;
  }

  .antpath{
    height: 0.5rem;
    width: 100%;
    background: rgba(102, 163, 97, 0.8);
    border-radius: 0.5rem;
    position: relative;
  }

  .antbar{
    height: 100%;
    width: 0%;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 0.5rem;
    position: absolute;
    animation: scrollAnimation1 1.5s linear infinite;
  }

  .folium-circle{
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    border: 0.2em solid rgb(102, 163, 97);
    background: rgba(102, 163, 97, 0.7);
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
  }

  .folium-circle-fit{
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    border: 0.2em solid red;
    background: rgba(102, 163, 97, 0.7);
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
  }

  .folium-poly{
    height: 3rem;
    width: 5rem;
    border-radius: 1%;
    border: 0.2em solid red;
    background-color: rgba(255, 0, 0, 0.6);
    fill-opacity: 0.7;
    -moz-border-radius: 1%;
    -webkit-border-radius: 1%;
  }
  
  @keyframes scrollAnimation1 {
    0% {right: 100%;
        width: 0%}
    17% {right: 75%;
         width: 25%}
    34% {right: 50%;
         width: 50%}
    51% {right: 25%;
         width: 50%}
    68% {right: 0%;
         width: 50%}
    85% {right: 0%;
         width: 25%}
    100% {right: 0%;
         width: 0%}
  }


.help-text{
    display: flex;
    align-items: center;
}

.help-line u{
    font-weight: 600;
    display: flex;
    position: relative;
    z-index: 1;
}

.help-line u::before{
    background: #afcf1a;
    bottom: 2px;
    content: "";
    display: block;
    height: 0.5rem;
    left: 2px;
    position: absolute;
    right: 2px;
    z-index: -1;
}

.c-form__form .c-form__extra-label{
    margin: 0rem 3rem 1rem 3rem;
}

.form-feedback, .address-feedback{
    width: auto;
    position: absolute;
    font-family: TT Commons;
    font-size: 1.8rem;
    line-height: 1.44;
}

.form-feedback ul, .address-feedback ul{
    /* display: none; */
    /* padding : 0.4rem 0 0.4rem 0.8rem; */
    border-left: 0.1rem solid #66a361ad;
    border-bottom: 0.1rem solid #66a361ad;
    border-right: 0.1rem solid #66a361ad;
    background-color: white;
    z-index: 2;
    position: relative;
    max-height: 30rem;
    overflow-y: scroll;
}

.form-feedback li, .address-feedback li{
    padding : 0.5rem 1.2rem;
    -webkit-transition: background-color 100ms linear, color 100ms linear;
    -ms-transition: background-color 250ms linear, color 100ms linear;
    transition: background-color 250ms linear, color 100ms linear;
    /* font-family: TT Commons;
    font-size: 1.8rem; */
}

.form-feedback li:hover, .address-feedback li:hover{
    background: #b7b7b7;
    color: white;
    cursor: pointer;
  }

.c-form__input_two{
    height: 100px;
    word-wrap: break-word;
    word-break: break-all;
    height: 80px;
}

.c-form__date{
    margin: 1rem 2rem;
    border: 0.1rem solid black;
    padding: 0.5rem;
}

.c-form__button-inline{
    width: 14%;
    background-color: #66a361;
    cursor: pointer;
    bottom: 0.2rem;
    position: relative;
}

#form_5_coord_disc{
    width: 85%;
}

/* .icon-map{
    height: 4.5rem;
    width: 4.5rem;
}

.map-container{
    position: absolute;
}

.map-top{
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    align-content: center;
    background-color: rgba(0, 0, 0, 0.7);
}

.map-top .svg-icon-close{
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    position: relative;
    top: 5rem;
    left: 45%;
    z-index: 1000;
} */

.form_but_container{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

@media (max-width: 800px) {
    .c-form__form_bag .c-form__extra-label{
        font-size: 1.1em;
    }
}

@media (min-width: 801px) {
    .c-form__form_bag .c-form__extra-label{
        margin: 0rem 3rem 2rem 5rem;
        font-size: 1.2em;
    }
}

#page_end h1, #page_error h1{
    text-align: center;
    font-size: 2em;
}

#page_end h1{
    color: #333333;
}

#page_error h1{
    color: red;
}

/* p .icon-map{
    background-color: #66a361;
    height: 3rem;
    width: 3rem;
} */

.c-master-form-report__loc-type {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -12px
}

.c-master-form-report__loc-type__field {
    margin-bottom: 12px;
    padding-right: 25px;
}

@media (max-width: 800px) {
    .c-master-form-report__loc-type__field {
        margin-left: 0;
        padding-right: 0;
        width: 100%
    }
}

@media (min-width: 801px) {
    .c-master-form-report__loc-type__field {
        margin-left: 10rem;
    }
}

.c-form__label--radio {
    color: #1b1b1b;
    cursor: pointer;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.44;
    margin-bottom: 0;
    padding-top: 3px;
    text-transform: none;
    vertical-align: middle
}

.c-form__label--radio .c-form__radio {
    margin-top: -3px
}

.c-form__radio {
    /* background-image: url(./images/form-sprite.gif); */
    /* background-image: url(images/form-sprite.gif); */
    /* background-image: url(images/check-svgrepo-com.svg); */
    /* background-position: 0 -150px;
    background-repeat: no-repeat;
    background-size: 50px 216px; */
    border: 1px solid #b7b7b7;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin: 0 12px 0 0;
    -webkit-transition: border .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: border .3s cubic-bezier(.25, .46, .45, .94);
    transition: border .3s cubic-bezier(.25, .46, .45, .94);
    vertical-align: middle;
    width: 22px
}

.c-form__radio:focus {
    border-color: #66a361
}

.c-form__radio:disabled {
    border-color: #e7e7e7;
    cursor: default
}

.c-form__radio:checked {
    background-image: url(images/check-svgrepo-com.svg);
    stroke: #66a361;
}

.c-form__radio:checked:disabled {
    background-position: 0 -194px;
    border-color: #e7e7e7
}

.c-form__field .c-form__extra-label {
    font-size: 1.1em;
    margin: 0rem 0.5rem 1rem 0.5rem;
    display: none;
    position: relative;
}

.c-form__field .c-form__extra-label p {
    position: absolute;
    bottom: 0rem;
    background-color: white;
    padding: 1rem;
    border: 1px solid #b7b7b7;
    border-radius: 1%;
    color: black;
}

.c-form__page{
    scroll-margin-top: 15rem;
}

.c-form__subpage {
    display: none;
    scroll-margin-top: -10rem;
}

.c-form__input:disabled {
    background-color: rgba(5, 5, 5, 0.1);
    color: rgba(5, 5, 5, 0.7);
    cursor: not-allowed;
}

.c-form__map{
    margin-bottom: 2rem;
}

@media (max-width: 800px) {
    .c-form__map {
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 801px) {
    .c-form__map {
        max-width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
}

.c-form__warning {
    display: none;
    text-align: center;
    color: rgba(255, 1, 1, 0.8);
    font-size: 1.2em;
    margin: 0rem 2rem 2rem 3rem;
}

.c-button-refresh:disabled{
    background-color: rgba(5, 5, 5, 0.1);
    color: rgba(5, 5, 5, 0.7);
    cursor: not-allowed;
}

#buttons_row {
  scroll-margin-top: -10rem;
}
                                
#svg-icon-in-text {
    width: 3rem;
    position: relative;
    vertical-align: bottom;
}

@media (max-width: 800px) {
    .c-form__image {
        max-width: 95%;
        margin: auto;
    }
}

@media (min-width: 801px) {
    .c-form__image {
        max-height: 26rem
    }
}

.c-img__caption {
    text-align: center;
    color: #61615a;
    margin-top: 1rem;
}