html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
    }
article, aside, footer, header, nav, section {
    display: block
    }
h1 {
    font-size: 2em;
    margin: 0.67em 0
    }
figcaption, figure, main {
    display: block
    }
figure {
    margin: 1em 40px
    }
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
    }
pre {
    font-family: monospace, monospace;
    font-size: 1em
    }
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
    }
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
    }
b, strong {
    font-weight: inherit
    }
b, strong {
    font-weight: bolder
    }
code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
    }
dfn {
    font-style: italic
    }
mark {
    background-color: #ff0;
    color: #000
    }
small {
    font-size: 80%
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sub {
    bottom: -0.25em
    }
sup {
    top: -0.5em
    }
audio, video {
    display: inline-block
    }
audio:not([controls]) {
    display: none;
    height: 0
    }
img {
    border-style: none
    }
svg:not(:root) {
    overflow: hidden
    }
button, input, optgroup, select, textarea {
    margin: 0
    }
button, input {
    overflow: visible
    }
button, select {
    text-transform: none
    }
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
    }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
    }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
    }
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
    }
progress {
    display: inline-block;
    vertical-align: baseline
    }
textarea {
    overflow: auto
    }
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
    }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
    }
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
    }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
    }
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
    }
details, menu {
    display: block
    }
summary {
    display: list-item
    }
canvas {
    display: inline-block
    }
template {
    display: none
    }
[hidden] {
    display: none
    }
@font-face {
    font-display: swap;
    font-family: "AcherusRegular";
    font-style: normal;
    font-weight: normal;
    src: local("AcherusRegular"), url(/themes/custom/base_otq/css/../fonts/acherusgrotesque-regular-webfont.woff2) format("woff2"), url(/themes/custom/base_otq/css/../fonts/acherusgrotesque-regular-webfont.woff) format("woff")
    }
@font-face {
    font-display: swap;
    font-family: "AcherusBold";
    font-style: normal;
    font-weight: normal;
    src: local("AcherusBold"), url(/themes/custom/base_otq/css/../fonts/acherusgrotesque-bold-webfont.woff2) format("woff2"), url(/themes/custom/base_otq/css/../fonts/acherusgrotesque-bold-webfont.woff) format("woff")
    }
@font-face {
    font-display: swap;
    font-family: "AcherusBlack";
    font-style: normal;
    font-weight: normal;
    src: local("AcherusBlack"), url(/themes/custom/base_otq/css/../fonts/acherusgrotesque-black-webfont.woff2) format("woff2"), url(/themes/custom/base_otq/css/../fonts/acherusgrotesque-black-webfont.woff) format("woff")
    }
@font-face {
    font-family: sans-serif;
    ascent-override: 100%;
    descent-override: -40%;
    line-gap-override: normal;
    advance-override: 139%;
    src: local(Arial)
    }
@-webkit-keyframes rotate360 {
    0% {
        transform: rotate(0);
        } 100% {
        transform: rotate(360deg);
        }
    }
@keyframes rotate360 {
    0% {
        transform: rotate(0);
        } 100% {
        transform: rotate(360deg);
        }
    }
@-webkit-keyframes replay {
    0% {
        transform: rotate(0);
        } 50% {
        transform: rotate(-60deg);
        } 100% {
        transform: rotate(0);
        }
    }
@keyframes replay {
    0% {
        transform: rotate(0);
        } 50% {
        transform: rotate(-60deg);
        } 100% {
        transform: rotate(0);
        }
    }
@-webkit-keyframes loadingAnim {
    0% {
        transform: translate3d(-50%, 0, 0);
        } 50% {
        transform: translate3d(50%, 0, 0);
        } 100% {
        transform: translate3d(-50%, 0, 0);
        }
    }
@keyframes loadingAnim {
    0% {
        transform: translate3d(-50%, 0, 0);
        } 50% {
        transform: translate3d(50%, 0, 0);
        } 100% {
        transform: translate3d(-50%, 0, 0);
        }
    }
@-webkit-keyframes toggleAnimation {
    0% {
        left: 2px;
        transform: scale(1);
        } 50% {
        left: calc(50% - 22px);
        transform: scale(0.5);
        } 100% {
        left: calc(100% - 22px);
        transform: scale(1);
        }
    }
@keyframes toggleAnimation {
    0% {
        left: 2px;
        transform: scale(1);
        } 50% {
        left: calc(50% - 22px);
        transform: scale(0.5);
        } 100% {
        left: calc(100% - 22px);
        transform: scale(1);
        }
    }
@-webkit-keyframes reverseToggleAnimation {
    0% {
        left: calc(100% - 22px);
        transform: scale(1);
        } 50% {
        left: calc(50% - 22px);
        transform: scale(0.5);
        } 100% {
        left: 2px;
        transform: scale(1);
        }
    }
@keyframes reverseToggleAnimation {
    0% {
        left: calc(100% - 22px);
        transform: scale(1);
        } 50% {
        left: calc(50% - 22px);
        transform: scale(0.5);
        } 100% {
        left: 2px;
        transform: scale(1);
        }
    }
@-webkit-keyframes float {
    0% {
        transform: translateY(0);
        } 50% {
        transform: translateY(20px);
        } 100% {
        transform: translateY(0);
        }
    }
@keyframes float {
    0% {
        transform: translateY(0);
        } 50% {
        transform: translateY(20px);
        } 100% {
        transform: translateY(0);
        }
    }
@-webkit-keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
        } 50% {
        transform: scale3d(1.05, 1.05, 1.05);
        } to {
        transform: scale3d(1, 1, 1);
        }
    }
@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
        } 50% {
        transform: scale3d(1.05, 1.05, 1.05);
        } to {
        transform: scale3d(1, 1, 1);
        }
    }
@-webkit-keyframes pop {
    0% {
        transform: scale(0);
        } 80% {
        transform: scale(1.2);
        } 100% {
        transform: scale(1);
        }
    }
@keyframes pop {
    0% {
        transform: scale(0);
        } 80% {
        transform: scale(1.2);
        } 100% {
        transform: scale(1);
        }
    }
.lazyload, .lazyloading {
    opacity: 0
    }
.lazyloaded {
    opacity: 1;
    transition: opacity 150ms ease-out
    }
:root {
    --litepickerbgcolor: #fff !important;
    --litepickermonthheadertextcolor: #282f50 !important;
    --litepickermonthbutton: #282f50 !important;
    --litepickermonthbuttonhover: #000 !important;
    --litepickermonthwidth: calc(var(--litepickerDayWidth) * 7) !important;
    --litepickermonthweekdaycolor: #282f50 !important;
    --litepickerdaycolor: #282f50 !important;
    --litepickerdaycolorhover: #58c5c7 !important;
    --litepickerdayistodaycolor: #e75a53 !important;
    --litepickerdayisinrange: rgba(88, 197, 199, 0.15) !important;
    --litepickerdayislockedcolor: #9b9b9b !important;
    --litepickerdayisbookedcolor: #9b9b9b !important;
    --litepickerdayisstartcolor: #282f50 !important;
    --litepickerdayisstartbg: #58c5c7 !important;
    --litepickerdayisendcolor: #282f50 !important;
    --litepickerdayisendbg: #58c5c7 !important;
    --litepickerdaywidth: 48px !important;
    --litepickerbuttoncancelcolor: #fff !important;
    --litepickerbuttoncancelbg: #9b9b9b !important;
    --litepickerbuttonapplycolor: #fff !important;
    --litepickerbuttonapplybg: #282f50 !important
    }
.litepicker {
    font-family: "AcherusBold" !important
    }
.litepicker .container__months .month-item-header {
    font-family: "AcherusBold" !important;
    font-weight: normal;
    padding-top: 0 !important
    }
.litepicker .container__months .month-item-weekdays-row {
    border-bottom: 1px solid #d8d8d8
    }
.litepicker .container__months .month-item-weekdays-row > div {
    font-family: "AcherusBold";
    padding: 0 !important;
    font-size: 1.4rem
    }
.litepicker .container__months .day-item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--litepickerDayWidth);
    margin: 0 0 4px
    }
#layout-header .litepicker .container__months .day-item {
    color: #282f50
    }
.litepicker .container__months .is-start-date, .litepicker .container__months .is-end-date {
    border-radius: 50% !important;
    position: relative
    }
.litepicker .container__months .is-start-date:before, .litepicker .container__months .is-end-date:before {
    background: var(--litepickerDayIsInRange);
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 50%
    }
.litepicker .container__months .is-end-date:before {
    left: 0
    }
.litepicker .container__months .is-start-date.is-end-date:before {
    content: none
    }
.litepicker .container__tooltip {
    transform: translate(5px, 150%) !important
    }
html {
    box-sizing: border-box;
    font-size: 62.5%;
    overflow-x: hidden
    }
html.main-menu-opened, html.has-map-overlay, html.has-overlay {
    overflow: hidden
    }
html.main-menu-opened body, html.has-map-overlay body, html.has-overlay body {
    overflow: hidden;
    position: relative
    }
html body {
    color: #282f50;
    font-family: "AcherusRegular", sans-serif;
    margin: 0;
    overflow-x: hidden;
    padding: 78px 0 0 !important;
    --admin-bar-offset: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
html body.neighbourhood-mode {
    padding-top: 0 !important
    }
@media only screen and (min-width: 768px) {
    html body {
        font-size: 2rem;
        line-height: 3rem
        }
    }
@media only screen and (min-width: 1024px) {
    html body {
        padding-top: 120px !important
        }
    }
@media only screen and (min-width: 1440px) {
    html body.adminimal-admin-toolbar {
        padding-top: calc(120px + 78px) !important;
        --admin-bar-offset: 78px
        }
    }
*, *:before, *:after {
    box-sizing: inherit
    }
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
    }
::selection {
    background: #b3d4fc;
    text-shadow: none
    }
strong {
    font-family: "AcherusBold", sans-serif;
    font-weight: normal
    }
p {
    margin: 0 0 32px
    }
a {
    color: #282f50;
    text-decoration: none
    }
.no-touchevents a:hover {
    text-decoration: underline
    }
ul, ol {
    margin: 0 0 32px;
    padding: 0
    }
img {
    border: 0;
    display: block;
    outline: 0
    }
img.img-responsive {
    display: block;
    height: auto;
    width: 100%
    }
button {
    cursor: pointer
    }
button:disabled {
    cursor: default
    }
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 32px;
    width: 100%
    }
audio, canvas, iframe, img, svg, video {
    vertical-align: middle
    }
[class*="icon-"]:not(.toolbar-icon-9), [class*="picto-"], [class*="asset-"] {
    background-size: contain;
    display: inline-block;
    vertical-align: middle
    }
[class*="icon-"]:not(.toolbar-icon-9) svg, [class*="picto-"] svg, [class*="asset-"] svg {
    height: 100%;
    vertical-align: top;
    width: 100%
    }
@media only screen and (min-width: 600px) {
    .has-notice #layout-main {
        padding-top: 72px
        }
    }
#layout-content > article, #layout-content > .search-container {
    opacity: 1
    }
.layout-wrapper {
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 32px;
    position: relative;
    text-align: left;
    width: calc(100% - 2 * 32px)
    }
@media only screen and (min-width: 1440px) {
    .layout-wrapper-narrow {
        max-width: 850px
        }
    }
.layout-wrapper-small {
    max-width: 960px
    }
.layout-wrapper-medium {
    max-width: 1200px
    }
.layout-wrapper-large {
    max-width: 1600px
    }
.layout-wrapper-huge {
    max-width: 1600px
    }
.layout-wrapper-full {
    padding: 0;
    max-width: 1920px
    }
.layout-wrapper.layout-wrapper-cheater-left {
    width: auto
    }
@media only screen and (min-width: 1680px) {
    .layout-wrapper.layout-wrapper-cheater-left {
        max-width: none
        }
    }
@media only screen and (min-width: 1024px) {
    .layout-wrapper {
        padding: 0 64px;
        width: calc(100% - 2 * 64px)
        }
    .layout-wrapper-large {
        padding: 0 32px;
        width: calc(100% - 32px * 2)
        }
    .layout-wrapper-huge {
        padding: 0 16px;
        width: calc(100% - 32px)
        }
    .layout-wrapper.layout-wrapper-full {
        padding: 0;
        width: 100%
        }
    }
@media only screen and (min-width: 1200px) {
    .layout-wrapper {
        padding: 0 120px;
        width: calc(100% - 2 * 120px)
        }
    .layout-wrapper-nav {
        padding: 0 32px;
        width: calc(100% - 32px * 2)
        }
    }
.layout-wysiwyg ul, .layout-wysiwyg ol {
    padding: 0 0 0 15px
    }
@media only screen and (min-width: 768px) {
    .layout-columns[data-colsize="2"] {
        display: grid;
        grid-gap: 0 32px;
        grid-template-columns: 1fr 1fr
        }
    }
@media only screen and (min-width: 1200px) {
    body.adminimal-admin-toolbar {
        padding-left: 53px !important;
        position: relative
        }
    body.adminimal-admin-toolbar.toolbar-horizontal {
        margin-top: 39px !important;
        padding-top: 120px !important
        }
    body.adminimal-admin-toolbar.toolbar-horizontal.toolbar-tray-open {
        margin-top: 78px !important
        }
    }
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 0
    }
#toolbar-administration {
    display: none
    }
@media only screen and (min-width: 1200px) {
    #toolbar-administration {
        display: block
        }
    }
#toolbar-administration ul li {
    font-size: small;
    margin: 0
    }
#layout-node-options {
    background: #333;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 50%;
    transform: translatey(-50%);
    width: 53px;
    z-index: 10
    }
.path-user #layout-node-options {
    display: none
    }
#layout-node-options .node-state {
    display: none;
    left: 0;
    position: absolute;
    top: 100px;
    width: 53px
    }
#layout-node-options .node-state.has-state {
    display: block
    }
#layout-node-options .node-state .dot {
    background: white;
    border-radius: 50%;
    border: 2px solid #333;
    display: block;
    height: 28px;
    margin-left: 12px;
    position: relative;
    width: 28px;
    z-index: 2
    }
#layout-node-options .node-state .title {
    font-family: "AcherusBold", sans-serif;
    font-size: 14px;
    display: block;
    height: 42px;
    left: 0;
    line-height: 42px;
    opacity: 0;
    padding: 0 20px 0 60px;
    pointer-events: none;
    top: -7px;
    transform: translatex(-3px);
    transition: transform 0.3s, opacity 0.3s;
    position: absolute;
    white-space: nowrap;
    z-index: 1
    }
#layout-node-options .node-state.state-published .dot, #layout-node-options .node-state.state-published .title {
    background: #71e6a0
    }
#layout-node-options .node-state.state-draft .dot, #layout-node-options .node-state.state-draft .title, #layout-node-options .node-state.state-unpublished .dot, #layout-node-options .node-state.state-unpublished .title {
    background: #f55353
    }
#layout-node-options .node-state.state-ready_to_validate .dot, #layout-node-options .node-state.state-ready_to_validate .title {
    background: #ffb961
    }
#layout-node-options .node-state:hover .title {
    opacity: 1;
    pointer-events: initial;
    transform: none
    }
@media only screen and (min-width: 1200px) {
    #layout-node-options {
        display: block
        }
    }
#layout-node-options ul {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translatey(-50%)
    }
#layout-node-options ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
    margin: 0;
    text-align: center
    }
#layout-node-options ul li a {
    background: #333;
    color: #fff;
    display: block;
    font-size: 0;
    height: 53px;
    position: relative;
    transition: background-color 0.3s;
    width: 53px
    }
#layout-node-options ul li a:before {
    background: #0084d7;
    color: #fff;
    content: attr(data-title);
    font-size: 12px;
    height: 53px;
    left: 100%;
    line-height: 53px;
    opacity: 0;
    padding: 0 10px;
    pointer-events: none;
    position: absolute;
    text-indent: 0;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-4px, -50%);
    transition: transform 0.3s, opacity 0.3s;
    white-space: nowrap
    }
#layout-node-options ul li a:after {
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
    }
#layout-node-options ul li a.clone:after, #layout-node-options ul li a.cloner:after {
    background: url(/themes/custom/base_otq/css/../img/pictos/admin_add.svg) center center no-repeat;
    background-size: 16px auto
    }
#layout-node-options ul li a.voir:after, #layout-node-options ul li a.view:after {
    background: url(/themes/custom/base_otq/css/../img/pictos/admin_view.svg) center center no-repeat;
    background-size: 16px auto
    }
#layout-node-options ul li a.edit:after, #layout-node-options ul li a.modifier:after {
    background: url(/themes/custom/base_otq/css/../img/pictos/admin_edit.svg) center center no-repeat;
    background-size: 16px auto
    }
#layout-node-options ul li a.delete:after, #layout-node-options ul li a.supprimer:after {
    background: url(/themes/custom/base_otq/css/../img/pictos/admin_delete.svg) center center no-repeat;
    background-size: 14px auto
    }
#layout-node-options ul li a.revisions:after, #layout-node-options ul li a.révisions:after {
    background: url(/themes/custom/base_otq/css/../img/pictos/admin_clock.svg) center center no-repeat;
    background-size: 16px auto
    }
#layout-node-options ul li a.devel:after {
    background: url(/themes/custom/base_otq/css/../img/pictos/admin_devel.svg) center center no-repeat;
    background-size: 18px auto
    }
#layout-node-options ul li a.translate:after, #layout-node-options ul li a.traduire:after {
    background: url(/themes/custom/base_otq/css/../img/pictos/admin_translate.svg) center center no-repeat;
    background-size: 16px auto
    }
#layout-node-options ul li a.dernière-version:after, #layout-node-options ul li a.latest-version:after {
    background: url(/themes/custom/base_otq/css/../img/pictos/admin_latest.svg) center center no-repeat;
    background-size: 17px auto
    }
#layout-node-options ul li a:hover {
    background: #0084d7;
    color: #fff
    }
#layout-node-options ul li a:hover:before {
    opacity: 1;
    pointer-events: initial;
    transform: translate(0, -50%)
    }
.h-level-1, h1 {
    font-family: "AcherusBold", sans-serif;
    opacity: 1
    }
@media only screen and (min-width: 1680px) {
    .h-level-1, h1 {
        font-size: 8rem;
        line-height: 9rem
        }
    }
@media only screen and (min-width: 600px) {
    .page-module .layout-wrapper > .h-level-1, .page-module .layout-wrapper > h1 {
        font-size: 5rem;
        line-height: 6rem
        }
    }
@media only screen and (min-width: 1440px) {
    .highlight.primary .layout-wrapper > .h-level-1, .highlight.primary .layout-wrapper > h1 {
        font-size: 10rem;
        line-height: 11rem
        }
    }
.highlight.primary article .h-level-1, .highlight.primary article h1 {
    font-family: "AcherusBlack", sans-serif
    }
@media only screen and (min-width: 768px) {
    .highlight.primary article .h-level-1, .highlight.primary article h1 {
        font-size: 5rem;
        line-height: 5.6rem
        }
    }
@media only screen and (min-width: 768px) {
    .content-overlay article .h-level-1, .content-overlay article h1 {
        font-size: 5.8rem;
        line-height: 6.6rem
        }
    }
@media only screen and (min-width: 1024px) {
    .hero--video .content .h-level-1, .hero--video .content h1 {
        font-size: 10rem;
        line-height: 10rem
        }
    }
.h-level-2, h2, .active-campaign ._form_element ._form-title {
    font-family: "AcherusBold", sans-serif
    }
@media only screen and (min-width: 1680px) {
    .h-level-2, h2, .active-campaign ._form_element ._form-title {
        font-size: 4.8rem;
        line-height: 5.4rem
        }
    }
@media only screen and (min-width: 1200px) {
    .mixed-content article .h-level-2, .mixed-content article h2, .mixed-content article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .mixed-content article ._form-title, .highlight.secondary article .h-level-2, .highlight.secondary article h2, .highlight.secondary article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .highlight.secondary article ._form-title {
        font-size: 2.6rem;
        line-height: 3rem
        }
    }
@media only screen and (min-width: 600px) {
    .suggested article .h-level-2, .suggested article h2, .suggested article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .suggested article ._form-title {
        font-size: 2.2rem;
        line-height: 2.6rem
        }
    }
.mixed-content.events .articles-container-slider article .h-level-2, .mixed-content.events .articles-container-slider article h2, .mixed-content.events .articles-container-slider article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .mixed-content.events .articles-container-slider article ._form-title {
    font-family: "AcherusBold", sans-serif;
    font-size: 2.2rem;
    line-height: 2.6rem
    }
@media only screen and (min-width: 600px) {
    .related-members .articles-container article .h-level-2, .related-members .articles-container article h2, .related-members .articles-container article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .related-members .articles-container article ._form-title {
        font-size: 1.6rem;
        line-height: 2.4rem
        }
    }
@media only screen and (min-width: 600px) {
    .related-members.member-listing-page .articles-container article .h-level-2, .related-members.member-listing-page .articles-container article h2, .related-members.member-listing-page .articles-container article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .related-members.member-listing-page .articles-container article ._form-title {
        font-size: 1.8rem;
        line-height: 2.4rem
        }
    }
@media only screen and (min-width: 600px) {
    .categories article .h-level-2, .categories article h2, .categories article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .categories article ._form-title {
        font-size: 1.6rem;
        line-height: 2.4rem
        }
    }
@media only screen and (min-width: 1680px) {
    .list-group-title .h-level-2, .list-group-title h2, .list-group-title .active-campaign ._form_element ._form-title, .active-campaign ._form_element .list-group-title ._form-title {
        font-size: 6rem;
        line-height: 7rem
        }
    }
.tabs-content .h-level-2, .tabs-content h2, .tabs-content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .tabs-content ._form-title {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 1em
    }
@media only screen and (min-width: 768px) {
    .user-login-forms .h-level-2, .user-login-forms h2, .user-login-forms .active-campaign ._form_element ._form-title, .active-campaign ._form_element .user-login-forms ._form-title {
        font-size: 2.4rem;
        line-height: 3rem
        }
    }
.infowindow .h-level-2, .infowindow h2, .infowindow .active-campaign ._form_element ._form-title, .active-campaign ._form_element .infowindow ._form-title {
    font-size: 1.8rem;
    line-height: 2.6rem
    }
.member-main-category.h-level-2, h2.member-main-category, .active-campaign ._form_element .member-main-category._form-title {
    font-family: "AcherusRegular", sans-serif
    }
@media only screen and (min-width: 600px) {
    .member-main-category.h-level-2, h2.member-main-category, .active-campaign ._form_element .member-main-category._form-title {
        font-size: 1.6rem;
        line-height: 2.4rem
        }
    }
@media only screen and (min-width: 1680px) {
    .map-enabled .list-item-content .h-level-2, .map-enabled .list-item-content h2, .map-enabled .list-item-content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .map-enabled .list-item-content ._form-title {
        font-size: 3.6rem;
        line-height: 4rem
        }
    }
.infowindow .h-level-2, .infowindow h2, .infowindow .active-campaign ._form_element ._form-title, .active-campaign ._form_element .infowindow ._form-title {
    font-size: 1.8rem;
    line-height: 2.2rem
    }
@media only screen and (min-width: 600px) {
    .search-results .articles-container article .h-level-2, .search-results .articles-container article h2, .search-results .articles-container article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .search-results .articles-container article ._form-title {
        font-size: 1.8rem;
        line-height: 2.4rem
        }
    }
.search-results .articles-container-search-featured article .h-level-2, .search-results .articles-container-search-featured article h2, .search-results .articles-container-search-featured article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .search-results .articles-container-search-featured article ._form-title {
    font-size: 2.2rem;
    line-height: 2.6rem
    }
.form .form-subtitle, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .h-level-3, h3 {
    font-family: "AcherusBold", sans-serif
    }
@media only screen and (min-width: 1680px) {
    .form .form-subtitle, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .h-level-3, h3 {
        font-size: 3.6rem;
        line-height: 4rem
        }
    }
.experiences-container:not(.feature) .form .form-subtitle, .form .experiences-container:not(.feature) .form-subtitle, .experiences-container:not(.feature) .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .experiences-container:not(.feature) .sv_api_section_head, .experiences-container:not(.feature) .h-level-3, .experiences-container:not(.feature) h3 {
    text-transform: uppercase;
    font-family: "AcherusBlack", sans-serif
    }
@media only screen and (min-width: 600px) {
    .experiences-container .form .form-subtitle, .form .experiences-container .form-subtitle, .experiences-container .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .experiences-container .sv_api_section_head, .experiences-container .h-level-3, .experiences-container h3 {
        font-size: 2rem;
        line-height: 2.6rem
        }
    }
.experiences-container.feature > div:first-child .form .form-subtitle, .form .experiences-container.feature > div:first-child .form-subtitle, .experiences-container.feature > div:first-child .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .experiences-container.feature > div:first-child .sv_api_section_head, .experiences-container.feature > div:first-child .h-level-3, .experiences-container.feature > div:first-child h3 {
    text-transform: uppercase
    }
@media only screen and (min-width: 600px) {
    .experiences-container.feature > div:first-child .form .form-subtitle, .form .experiences-container.feature > div:first-child .form-subtitle, .experiences-container.feature > div:first-child .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .experiences-container.feature > div:first-child .sv_api_section_head, .experiences-container.feature > div:first-child .h-level-3, .experiences-container.feature > div:first-child h3 {
        font-size: 3.6rem;
        line-height: 4rem;
        font-family: "AcherusBold", sans-serif
        }
    }
.experiences-container.feature > div:not(:first-child) .form .form-subtitle, .form .experiences-container.feature > div:not(:first-child) .form-subtitle, .experiences-container.feature > div:not(:first-child) .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .experiences-container.feature > div:not(:first-child) .sv_api_section_head, .experiences-container.feature > div:not(:first-child) .h-level-3, .experiences-container.feature > div:not(:first-child) h3 {
    font-size: 1.8rem;
    line-height: 2.2rem
    }
.neighbourhoods .experiences-container .form .form-subtitle, .form .neighbourhoods .experiences-container .form-subtitle, .neighbourhoods .experiences-container .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .neighbourhoods .experiences-container .sv_api_section_head, .neighbourhoods .experiences-container .h-level-3, .neighbourhoods .experiences-container h3 {
    font-family: "AcherusBlack", sans-serif
    }
@media only screen and (min-width: 600px) {
    .mixed-content article .form .form-subtitle, .form .mixed-content article .form-subtitle, .mixed-content article .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .mixed-content article .sv_api_section_head, .mixed-content article .h-level-3, .mixed-content article h3, .suggested article .form .form-subtitle, .form .suggested article .form-subtitle, .suggested article .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .suggested article .sv_api_section_head, .suggested article .h-level-3, .suggested article h3, .highlight.secondary article .form .form-subtitle, .form .highlight.secondary article .form-subtitle, .highlight.secondary article .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .highlight.secondary article .sv_api_section_head, .highlight.secondary article .h-level-3, .highlight.secondary article h3 {
        font-size: 1.4rem;
        line-height: 2rem
        }
    }
@media only screen and (min-width: 600px) {
    .listings article .form .form-subtitle, .form .listings article .form-subtitle, .listings article .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .listings article .sv_api_section_head, .listings article .h-level-3, .listings article h3 {
        font-size: 2.6rem;
        line-height: 3rem
        }
    }
.related-members .articles-container article .form .form-subtitle, .form .related-members .articles-container article .form-subtitle, .related-members .articles-container article .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .related-members .articles-container article .sv_api_section_head, .related-members .articles-container article .h-level-3, .related-members .articles-container article h3 {
    font-size: 1.2rem;
    line-height: 1.6rem
    }
.infowindow .form .form-subtitle, .form .infowindow .form-subtitle, .infowindow .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .infowindow .sv_api_section_head, .infowindow .h-level-3, .infowindow h3 {
    font-size: 1.4rem;
    line-height: 1.8rem
    }
.infowindow .form h2 + .form-subtitle, .form .infowindow h2 + .form-subtitle, .infowindow .active-campaign ._form_element .form ._form-title + .form-subtitle, .form .infowindow .active-campaign ._form_element ._form-title + .form-subtitle, .active-campaign ._form_element .infowindow .form ._form-title + .form-subtitle, .form .active-campaign ._form_element .infowindow ._form-title + .form-subtitle, .infowindow .sv_api_form .sv_api_main_tbl tbody tr h2 + .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .infowindow h2 + .sv_api_section_head, .infowindow .active-campaign ._form_element .sv_api_form .sv_api_main_tbl tbody tr ._form-title + .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .infowindow .active-campaign ._form_element ._form-title + .sv_api_section_head, .active-campaign ._form_element .infowindow .sv_api_form .sv_api_main_tbl tbody tr ._form-title + .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .active-campaign ._form_element .infowindow ._form-title + .sv_api_section_head, .infowindow h2 + .h-level-3, .infowindow .active-campaign ._form_element ._form-title + .h-level-3, .active-campaign ._form_element .infowindow ._form-title + .h-level-3, .infowindow h2 + h3, .infowindow .active-campaign ._form_element ._form-title + h3, .active-campaign ._form_element .infowindow ._form-title + h3 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-family: "AcherusRegular", sans-serif
    }
@media only screen and (min-width: 1680px) {
    .map-enabled .list-item .list-item-content .form .form-subtitle, .form .map-enabled .list-item .list-item-content .form-subtitle, .map-enabled .list-item .list-item-content .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .map-enabled .list-item .list-item-content .sv_api_section_head, .map-enabled .list-item .list-item-content .h-level-3, .map-enabled .list-item .list-item-content h3, .map-enabled .list-item .list-item-content .list-item-title-box .form .form-subtitle, .form .map-enabled .list-item .list-item-content .list-item-title-box .form-subtitle, .map-enabled .list-item .list-item-content .list-item-title-box .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .map-enabled .list-item .list-item-content .list-item-title-box .sv_api_section_head, .map-enabled .list-item .list-item-content .list-item-title-box .h-level-3, .map-enabled .list-item .list-item-content .list-item-title-box h3 {
        font-size: 3.2rem;
        line-height: 4rem
        }
    }
.search-results .articles-container article .form .form-subtitle, .form .search-results .articles-container article .form-subtitle, .search-results .articles-container article .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .search-results .articles-container article .sv_api_section_head, .search-results .articles-container article .h-level-3, .search-results .articles-container article h3 {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-family: "AcherusRegular", sans-serif
    }
@media only screen and (min-width: 768px) {
    .media-related-video .form .form-subtitle, .form .media-related-video .form-subtitle, .media-related-video .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .media-related-video .sv_api_section_head, .media-related-video .h-level-3, .media-related-video h3, .video.video-featured .media-related-video .form .form-subtitle, .form .video.video-featured .media-related-video .form-subtitle, .video.video-featured .media-related-video .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .video.video-featured .media-related-video .sv_api_section_head, .video.video-featured .media-related-video .h-level-3, .video.video-featured .media-related-video h3 {
        font-size: 1.8rem;
        line-height: 2.4rem
        }
    }
.h-level-4, h4 {
    font-family: "AcherusBold", sans-serif
    }
@media only screen and (min-width: 1680px) {
    .h-level-4, h4 {
        font-size: 3rem;
        line-height: 4rem
        }
    }
.articles-container article .h-level-4, .articles-container article h4 {
    font-size: 1.4rem;
    line-height: 2rem;
    font-family: "AcherusBlack", sans-serif
    }
.tabs-content .h-level-4, .tabs-content h4 {
    font-size: 1.8rem;
    line-height: 2.6rem
    }
.map-overlay .filters .h-level-4, .map-overlay .filters h4, .map-overlay .articles-container .h-level-4, .map-overlay .articles-container h4 {
    font-size: 1.3rem;
    line-height: 2rem
    }
h5 {
    font-family: "AcherusBold", sans-serif
    }
@media only screen and (min-width: 600px) {
    h5 {
        font-size: 2.2rem;
        line-height: 2.6rem
        }
    }
h6 {
    font-family: "AcherusBold", sans-serif
    }
@media only screen and (min-width: 768px) {
    h6 {
        font-size: 2rem;
        line-height: 2.6rem
        }
    }
@media only screen and (min-width: 900px) {
    h6.subtitle {
        font-size: 2.2rem;
        line-height: 2.6rem
        }
    }
.simple-play-button-small .icon-play {
    margin-left: 2px;
    margin-top: 2px;
    width: 26px
    }
.video-overlay .simple-play-button-small {
    position: relative
    }
.video-overlay .simple-play-button-small .icon-play {
    margin: 0;
    position: relative
    }
.video-overlay .simple-play-button-small .icon-play:after {
    border: 4px solid #282f50;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 64px;
    left: 50%;
    margin: -32px 0 0 -32px;
    position: absolute;
    top: 50%;
    transition: transform 0.2s;
    width: 64px
    }
.simple-play-button-small .text-play {
    -webkit-animation: none;
    animation: none
    }
.simple-play-button-small .text-play span svg {
    border: 4px solid #fff;
    border-radius: 50%;
    fill: none
    }
@media only screen and (min-width: 600px) {
    .simple-play-button-small .icon-play {
        width: 26px
        }
    .simple-play-button-small .text-play {
        height: 60px;
        margin: -32px 0 0 -32px;
        width: 60px
        }
    }
.no-touchevents .articles-container article:hover .video-overlay .simple-play-button-small .icon-play:after {
    transform: scale(1.1)
    }
button, input[type="submit"], input[type="reset"], .btn, .button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-family: "AcherusBold", sans-serif;
    justify-content: center;
    outline: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    width: auto
    }
button .icon, input[type="submit"] .icon, input[type="reset"] .icon, .btn .icon, .button .icon {
    margin-left: 1em
    }
.btn {
    font-family: "AcherusBold", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    transition: background-color 0.3s linear
    }
.no-touchevents .btn:hover {
    text-decoration: none
    }
.btn-primary, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .sv_api_button {
    font-size: 1.4rem;
    background: #000;
    color: #fff;
    display: inline-block;
    padding: 13px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.3s linear;
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 0, 0)
    }
.btn-primary:after, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .sv_api_button:after {
    background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(10, 10);
    transition: transform 0.5s, opacity 1s;
    width: 100%
    }
.btn-primary:active:after, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .sv_api_button:active:after {
    opacity: 0.2;
    transform: scale(0, 0);
    transition: 0s
    }
.no-touchevents .btn-primary:hover, .no-touchevents .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .sv_api_button:hover, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .no-touchevents .sv_api_button:hover {
    background: #030303
    }
.btn-primary .icon, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .sv_api_button .icon {
    height: 20px;
    width: 20px
    }
.btn-primary .icon svg, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .sv_api_button .icon svg {
    fill: currentColor
    }
.btn-rounded {
    border-radius: 4px
    }
.btn-map {
    background: #006758;
    border-radius: 4px;
    color: #fff;
    height: 50px;
    line-height: 40px;
    padding: 0 20px
    }
.btn-map .icon {
    margin-top: -1px;
    transition: transform 0.2s;
    width: 14px
    }
.btn-map .icon path {
    fill: #fff
    }
.no-touchevents .btn-map:hover {
    background-color: #004e42
    }
.btn-gmap {
    background-color: #282f50
    }
.btn-gmap .icon-gmaps {
    height: 35px;
    margin-top: -5px;
    width: 35px
    }
.btn-gmap:hover {
    text-decoration: none
    }
.no-touchevents .btn-gmap:hover {
    text-decoration: none
    }
.btn-link {
    font-size: 1.8rem;
    line-height: 2.2rem;
    box-sizing: border-box;
    color: #e75a53;
    display: block;
    height: auto;
    font-family: "AcherusBlack", sans-serif;
    max-width: none;
    padding: 14px 30px 14px 0;
    position: relative;
    text-transform: none;
    width: 100%
    }
.btn-link .icon, .btn-link .icon.icon-arrow-long {
    display: block;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%)
    }
.btn-link .icon svg, .btn-link .icon path, .btn-link .icon.icon-arrow-long svg, .btn-link .icon.icon-arrow-long path {
    fill: #e75a53
    }
.btn-link .icon.icon-external {
    right: 10px;
    transition: transform 0.3s;
    width: 16px
    }
.no-touchevents .btn-link:hover .icon.icon-external {
    transform: scale(1.2) translatey(-46%)
    }
.btn-filter {
    background: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--main-color);
    font-size: 1.3rem;
    line-height: 3.4rem;
    height: 34px;
    padding: 0 14px;
    text-transform: none;
    transition: border 0.2s, background-color 0.2s, padding 0.2s;
    white-space: nowrap;
    --border-color: #c9cbd3;
    --main-color: #282f50;
    --secondary-color: #d5f0f1;
    --secondary-border-color: #58c5c7
    }
.btn-filter .icon, .btn-filter .loader-container {
    display: block;
    height: 16px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translatey(-50%) scale(0);
    transition: transform 0.1s;
    width: 16px
    }
.btn-filter .icon svg, .btn-filter .loader-container svg {
    height: 100%;
    width: 100%;
    fill: var(--main-color)
    }
.btn-filter .icon path, .btn-filter .loader-container path {
    fill: var(--main-color)
    }
.btn-filter .loader-container {
    height: 16px;
    width: 16px
    }
.btn-filter .numeral {
    font-size: 1rem;
    line-height: 1.6rem;
    background: var(--main-color);
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-family: "AcherusBlack", sans-serif;
    height: 16px;
    margin-left: 8px;
    text-align: center;
    width: 16px
    }
.no-touchevents .btn-filter:hover {
    border-color: var(--main-color)
    }
.btn-filter.loading, .btn-filter.selected {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    padding-right: 37px;
    transition: border 0.2s, background-color 0.2s, padding 0.2s
    }
.no-touchevents .btn-filter.loading:hover, .no-touchevents .btn-filter.selected:hover {
    border-color: var(--secondary-border-color)
    }
.btn-filter.loading .loader-container {
    transform: translatey(-50%) scale(1);
    transition: transform 0.1s 0.1s
    }
.btn-filter.selected .icon {
    transform: translatey(-50%) scale(1);
    transition: transform 0.1s 0.1s
    }
#layout-header .search-filters .btn-filter {
    --main-color: #fff;
    --secondary-color: #2d415e
    }
#layout-header .search-filters .btn-filter .filter-count {
    background: #fff;
    color: #282f50
    }
.inline-module-mandy .btn-filter {
    --border-color: #ed837e;
    --main-color: #fff;
    --secondary-color: #ed837e;
    --secondary-border-color: #fff
    }
.inline-module-rhino .btn-filter {
    --border-color: #7e8396;
    --main-color: #fff;
    --secondary-color: #7e8396;
    --secondary-border-color: #fff
    }
.inline-module-tan .btn-filter {
    --border-color: #a59473;
    --main-color: #282f50;
    --secondary-color: #a59473;
    --secondary-border-color: #282f50
    }
.btn-filter-has-numeral.loading, .btn-filter-has-numeral.selected {
    padding-right: 14px
    }
.btn-color-fountain, .btn-color-p1 {
    background-color: #58c5c7;
    color: #282f50
    }
.btn-color-fountain svg, .btn-color-p1 svg {
    fill: #282f50
    }
.no-touchevents .btn-color-fountain:hover, .no-touchevents .btn-color-p1:hover {
    background-color: #3bafb1
    }
.btn-color-rhino, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .sv_api_button, .btn-color-p2 {
    background-color: #282f50;
    color: #fff
    }
.btn-color-rhino path, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .sv_api_button path, .btn-color-rhino svg, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .sv_api_button svg, .btn-color-p2 path, .btn-color-p2 svg {
    fill: #fff
    }
.no-touchevents .btn-color-rhino:hover, .no-touchevents .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .sv_api_button:hover, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .no-touchevents .sv_api_button:hover, .no-touchevents .btn-color-p2:hover {
    background-color: #171b2e
    }
.btn-color-tan {
    background-color: #cfb87f;
    color: #282f50
    }
.btn-color-tan svg {
    fill: #282f50
    }
.no-touchevents .btn-color-tan:hover {
    background-color: #c1a35a
    }
.btn .icon-arrow-long {
    display: inline-block;
    margin: 0 -10px 0 1em;
    overflow: hidden;
    position: relative;
    width: 25px
    }
.btn .icon-arrow-long svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-12px, -50%);
    transition: transform 0.3s;
    width: 25px
    }
.btn .icon-external {
    height: 20px;
    width: 20px
    }
.no-touchevents .btn-has-arrow:hover .icon-arrow-long svg {
    transform: translate(0, -50%)
    }
.btn-has-arrow:active .icon-arrow-long svg {
    transform: translate(-12px, -50%)
    }
.btn-secondary {
    font-size: 1.3rem;
    height: 42px;
    line-height: 43px;
    padding: 0 22px;
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 0, 0)
    }
.btn-secondary:after {
    background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(10, 10);
    transition: transform 0.5s, opacity 1s;
    width: 100%
    }
.btn-secondary:active:after {
    opacity: 0.2;
    transform: scale(0, 0);
    transition: 0s
    }
.no-touchevents .btn-secondary:hover {
    background: #030303
    }
.btn-secondary .icon-arrow-long {
    height: 42px;
    top: -2px
    }
.btn:disabled {
    opacity: 0.4;
    pointer-events: none
    }
.btn.is-inline-flex {
    display: inline-flex;
    line-height: 1
    }
.btn-container a {
    font-size: 1.4rem;
    line-height: 5.2rem;
    background: #282f50;
    color: #fff;
    display: inline-block;
    font-family: "AcherusBold", sans-serif;
    height: 52px;
    padding: 0 56px 0 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.3s;
    vertical-align: middle
    }
.btn-container a:after {
    background: url(/themes/custom/base_otq/css/../img/pictos/arrow-long-white.svg) right center no-repeat;
    background-size: auto 12px;
    content: "";
    display: inline-block;
    height: 52px;
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: 0;
    transition: width 0.3s, transform 0.3s;
    width: 16px
    }
.layout-wysiwyg .btn-container a {
    color: #fff;
    text-decoration: none
    }
.no-touchevents .layout-wysiwyg .btn-container a:hover {
    text-decoration: none
    }
.no-touchevents .btn-container a:hover {
    background-color: #20253f;
    text-decoration: none
    }
.no-touchevents .btn-container a:hover:after {
    transform: translatex(10px);
    width: 24px
    }
.btn-close {
    background-color: rgba(40, 47, 80, 0.3);
    border-radius: 50%;
    height: 32px;
    line-height: 1;
    padding: 0;
    position: relative;
    transition: background-color 0.3s linear;
    width: 32px
    }
.no-touchevents .btn-close:hover {
    background-color: #282f50
    }
.btn-close .icon {
    height: 12px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px
    }
.btn-close .icon path {
    fill: #fff
    }
.btn-close-alert {
    background: 0;
    border-radius: 0
    }
.btn-close-alert .icon {
    height: 16px;
    width: 16px
    }
.btn-close-alert .icon path {
    fill: #282f50
    }
.no-touchevents .btn-close-alert:hover {
    background: none
    }
.no-touchevents .btn-close-alert:hover .icon path {
    fill: #000
    }
.content-overlay > .btn-close, .map-overlay > .btn-close {
    height: 40px;
    transition: background-color 0.3s, transform 0.3s;
    width: 40px;
    z-index: 2
    }
.content-overlay > .btn-close .icon, .map-overlay > .btn-close .icon {
    height: 15px;
    width: 15px
    }
.btn-map-controls {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(155, 155, 155, 0.5);
    height: 40px;
    padding: 0;
    width: 40px
    }
.btn-map-controls .icon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: scale(1) translate(-50%, -50%);
    transition: transform 0.2s;
    margin: 0
    }
.btn-map-controls-resize .icon {
    height: 19px;
    width: 19px
    }
.btn-map-controls-resize .icon-reduce {
    transform: scale(0) translate(-50%, -50%)
    }
.btn-map-controls-geolocate .icon {
    height: 18px;
    width: 18px
    }
.map-overlay-full .btn-map-controls-resize .icon-enlarge {
    transform: scale(0) translate(-50%, -50%)
    }
.map-overlay-full .btn-map-controls-resize .icon-reduce {
    transform: scale(1) translate(-50%, -50%)
    }
.btn-member-action {
    background-color: #fff;
    color: #e75a53;
    display: block;
    font-family: "AcherusBlack", sans-serif;
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    white-space: nowrap
    }
.btn-member-action:before {
    background: #e75a53;
    bottom: 14px;
    content: "";
    height: 1px;
    left: 40px;
    position: absolute;
    transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 0
    }
.btn-member-action .icon {
    margin: -4px 10px 0 0
    }
.btn-member-action .icon svg, .btn-member-action .icon path {
    fill: #e75a53
    }
.btn-member-action .icon.icon-arrow-long {
    display: none
    }
.btn-member-action .icon.icon-map-view {
    height: 24px;
    width: 22px
    }
.btn-member-action .icon.icon-external-alt {
    height: 20px;
    width: 20px
    }
.btn-member-action .icon.icon-phone {
    height: 21px;
    width: 21px
    }
.btn-member-action .icon.icon-coupons {
    height: 22px;
    width: 22px
    }
.no-touchevents .btn-member-action:hover {
    background-color: #fff
    }
.no-touchevents .btn-member-action:hover:before {
    width: calc(100% - 46px)
    }
.btn-member-action-phone span.action {
    display: none
    }
.touchevents .btn-member-action-phone span.action {
    display: inline
    }
.touchevents .btn-member-action-phone span.number {
    display: none
    }
.btn-search-tab {
    font-size: 1.4rem;
    line-height: 2rem;
    background: none;
    color: #fff;
    cursor: pointer;
    font-family: "AcherusRegular", sans-serif;
    padding: 13px;
    text-transform: none;
    transition: color 0.3s
    }
.is-active .btn-search-tab {
    font-family: "AcherusBold", sans-serif;
    padding: 14px 13px 12px;
    color: #58c5c7
    }
.no-touchevents .is-active .btn-search-tab:hover {
    color: #58c5c7
    }
.no-touchevents .btn-search-tab:hover {
    color: #58c5c7
    }
.btn-slider, .video-overlay button, .tns-controls button {
    background: none;
    display: block;
    height: 60px;
    padding: 0;
    position: absolute;
    transform: translate(0, -50%);
    transform-origin: center top;
    width: 60px;
    z-index: 5
    }
.btn-slider span, .video-overlay button span, .tns-controls button span {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -1000px;
    top: 0;
    transition: box-shadow 0.3s, transform 0.1s;
    width: 100%
    }
.btn-slider span:before, .video-overlay button span:before, .tns-controls button span:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 19.9 18.4\"><path d=\"M0 10.2h16.1L9.3 17l1.4 1.4 9.2-9.2L10.7 0 9.3 1.4l6.8 6.8H0z\"/></svg>");
    background-position: center 24px;
    background-repeat: no-repeat;
    background-size: 16px auto;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform 0.15s ease-out, opacity 0.5s;
    width: 100%
    }
.no-touchevents .btn-slider:active span, .no-touchevents .video-overlay button:active span, .video-overlay .no-touchevents button:active span, .no-touchevents .tns-controls button:active span, .tns-controls .no-touchevents button:active span {
    transform: scale(0.9)
    }
.btn-slider-small {
    height: 42px;
    width: 42px
    }
.btn-slider-small span:before {
    background-position: center 16px;
    background-size: 12px auto
    }
.btn-slider[disabled], .video-overlay button[disabled], .tns-controls button[disabled] {
    opacity: 0.3
    }
.no-touchevents .btn-slider:hover span, .no-touchevents .video-overlay button:hover span, .video-overlay .no-touchevents button:hover span, .no-touchevents .tns-controls button:hover span, .tns-controls .no-touchevents button:hover span {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3)
    }
.btn-slider[data-controls="next"], .video-overlay button[data-controls="next"], .tns-controls button[data-controls="next"] {
    right: 24px
    }
.floating-controls .btn-slider[data-controls="next"], .floating-controls .video-overlay button[data-controls="next"], .video-overlay .floating-controls button[data-controls="next"], .floating-controls .tns-controls button[data-controls="next"], .tns-controls .floating-controls button[data-controls="next"] {
    right: 0
    }
.btn-slider[data-controls="prev"], .video-overlay button[data-controls="prev"], .tns-controls button[data-controls="prev"] {
    left: 24px
    }
.floating-controls .btn-slider[data-controls="prev"], .floating-controls .video-overlay button[data-controls="prev"], .video-overlay .floating-controls button[data-controls="prev"], .floating-controls .tns-controls button[data-controls="prev"], .tns-controls .floating-controls button[data-controls="prev"] {
    left: 0
    }
.btn-slider[data-controls="prev"] span:before, .video-overlay button[data-controls="prev"] span:before, .tns-controls button[data-controls="prev"] span:before {
    transform: scalex(-1)
    }
.btn-menu-back {
    font-size: 2.4rem;
    line-height: 3.6rem;
    background: none;
    color: #fff;
    display: block;
    height: 40px;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 40px
    }
.btn-menu-back .icon {
    display: inline-block;
    height: 22px;
    margin: 0;
    left: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px
    }
.btn-menu-back .icon svg {
    fill: #58c5c7;
    transform: rotate(180deg)
    }
@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0;
        }
    }
@keyframes dash {
    to {
        stroke-dashoffset: 0;
        }
    }
.crown-container {
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
    }
.crown-container .crown {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
    }
.crown-container .crown span {
    display: none
    }
.crown-container.crown-stroke {
    height: 200%;
    top: -55px;
    z-index: 3
    }
.crown-container.crown-stroke .crown {
    top: 0
    }
.crown-container.crown-stroke svg {
    margin-left: -6px;
    width: 160vw
    }
.crown-container.crown-stroke svg path {
    stroke-width: 4;
    stroke-dasharray: 820;
    stroke-dashoffset: 820
    }
.crown-container.crown-full {
    bottom: 0;
    height: 100%;
    z-index: 0
    }
.crown-container.crown-full .crown svg {
    fill: #58c5c7;
    left: 0;
    position: absolute;
    top: 32px;
    width: 130vw;
    max-width: 2100px
    }
[data-emergence="visible"] .crown-container.crown-stroke .crown svg path {
    animation: dash 3s cubic-bezier(0.215, 0.61, 0.355, 1) reverse
    }
@media only screen and (min-width: 768px) {
    .crown-container .crown .mobile {
        display: none
        }
    .crown-container .crown .desktop {
        display: block
        }
    .crown-container.crown-stroke {
        top: -115px
        }
    .crown-container.crown-stroke .crown svg {
        width: 130vw
        }
    .crown-container.crown-stroke .crown svg path {
        stroke-dasharray: 2790;
        stroke-dashoffset: 2790
        }
    }
@media only screen and (min-width: 1440px) {
    .crown-container.crown-full .crown svg {
        left: 12vw
        }
    }
.cta > .btn {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4
    }
.cta-map {
    background-color: #f7f7f7;
    border: 1px solid #e1e2e5;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    text-align: center
    }
.cta-map > .media, .cta-map > .media .media-container {
    position: static
    }
.cta-map > .media picture > img {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 102%
    }
.cta-map.size-tiny {
    background: none;
    border: 0;
    padding: 0;
    z-index: 5
    }
.cta-map > img {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1
    }
.cta-map.has-map .btn-map {
    bottom: 20px;
    top: auto;
    transform: translatex(-50%)
    }
@media only screen and (min-width: 768px) {
    .cta-map {
        height: 190px
        }
    .cta-map.size-large {
        height: 310px
        }
    }
.filters {
    display: block
    }
.filters-container {
    height: auto;
    margin: 28px 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
    }
.filters-container.layout-flat {
    display: flex;
    overflow: auto
    }
.filters-container.layout-flat li:last-child {
    margin-right: 10px
    }
.filters-container.layout-flat .orphan-filters:last-child li:last-child {
    margin-right: calc(32px - 6px)
    }
.search-container-content .filters-container {
    margin-top: 16px
    }
.filters-container.select-opened {
    overflow-x: hidden;
    overflow-y: visible
    }
.filters-container ul.filters-list {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #c2c2c2 transparent;
    padding-bottom: 3px
    }
.filters-container ul.filters-list::-webkit-scrollbar {
    height: 7px;
    padding-top: 40px;
    width: 7px
    }
.filters-container ul.filters-list::-webkit-scrollbar-track {
    background: transparent
    }
.filters-container ul.filters-list::-webkit-scrollbar-thumb {
    background: #c2c2c2;
    border-radius: 10px;
    height: 30px;
    margin: 2px 0;
    width: 8px
    }
.filters-container ul.filters-list::-webkit-scrollbar-track-piece {
    height: 30px;
    width: 30px
    }
.filters-container ul {
    margin: 0;
    white-space: nowrap
    }
.filters-container li {
    display: inline-block;
    margin-right: 6px
    }
.filters-container li:last-child {
    margin-right: calc(32px - 6px)
    }
.filters-container .filter-count {
    align-items: center;
    background-color: #282f50;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-family: "AcherusBlack";
    height: 16px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translatey(-50%) scale(1);
    transform-origin: center center;
    transition: 0.3s ease;
    vertical-align: middle;
    width: 16px;
    font-size: 1rem
    }
.filters-container .filter-count.is-empty {
    height: 0;
    opacity: 0;
    width: 0
    }
.inline-module-rhino .filters-container .filter-count {
    background-color: #58c5c7;
    color: #282f50
    }
.filters-container .orphan-filters.isolated {
    margin: 0 0 16px
    }
.filters-container .orphan-filter.is-disabled {
    opacity: 0.3;
    pointer-events: none
    }
.filters-container li.orphan-filters .filters-list {
    margin: 0;
    padding: 0;
    overflow: visible
    }
.filters-container li.orphan-filters .filters-list li:last-child {
    margin-right: 0
    }
.filters-container .orphan-filter li, .filters-container .sub-filters[data-vid="dates"] li {
    transition: opacity 0.15s linear
    }
.filters-container .orphan-filter li.is-disabled label, .filters-container .orphan-filter li.is-disabled input, .filters-container .sub-filters[data-vid="dates"] li.is-disabled label, .filters-container .sub-filters[data-vid="dates"] li.is-disabled input {
    opacity: 0.3;
    pointer-events: none
    }
.filters-container .orphan-filter + input, .filters-container .sub-filters[data-vid="dates"] + input {
    display: none
    }
.filters-container .btn-filter.selected {
    z-index: 9
    }
.filters-container .btn-filter.has-count {
    padding-right: 37px
    }
.filters-container .sub-filters {
    left: 120px;
    margin-bottom: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 140px;
    width: 100%;
    z-index: 8
    }
.filters-container .sub-filters[data-vid="dates"] .filter-content {
    max-height: none;
    overflow: hidden;
    text-align: center
    }
.filters-container .sub-filters[data-vid="dates"] p {
    margin: 0;
    font-size: 1.4rem
    }
.filters-container .sub-filters[data-vid="dates"] ul {
    margin: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
    }
.filters-container .sub-filters[data-vid="dates"] li {
    display: inline-block;
    margin-right: 6px
    }
.filters-container .sub-filters[data-vid="dates"] li:last-child {
    margin-right: calc(32px - 6px)
    }
.filters-container .sub-filters[data-vid="dates"] li .btn-filter {
    --border-color: #c9cbd3;
    --main-color: #282f50 !important;
    --secondary-color: #d5f0f1 !important;
    --secondary-border-color: #58c5c7
    }
.filters-container .sub-filters[data-vid="dates"] li .btn-filter + input {
    display: none
    }
.filters-container .sub-filters[data-vid="dates"] .datepicker {
    display: inline-block !important;
    height: 0;
    pointer-events: none;
    visibility: hidden;
    width: 100%
    }
.filters-container .sub-filters[data-vid="dates"] .litepicker {
    margin: -20px auto 0
    }
.filters-container .sub-filters[data-vid="dates"] .litepicker .container__months {
    box-shadow: none
    }
.filters-container .sub-filters li {
    position: relative;
    transition: opacity 0.15s linear
    }
.filters-container .sub-filters li.item-level-0 > label {
    font-family: "AcherusBold", sans-serif;
    margin-top: 12px;
    font-size: 1.6rem;
    line-height: 2rem
    }
.filters-container .sub-filters li.item-level-0 > label + input {
    transform: translate(0, 25%)
    }
.filters-container .sub-filters li.item-level-1 {
    margin-bottom: 5px
    }
.filters-container .sub-filters li.is-disabled {
    display: none
    }
.filters-container .sub-filters li.is-disabled label, .filters-container .sub-filters li.is-disabled input {
    opacity: 0.5;
    pointer-events: none
    }
@media only screen and (min-width: 768px) {
    .filters-container .sub-filters {
        width: auto
        }
    }
.filters-container .sub-filters.is-active {
    opacity: 1;
    pointer-events: initial
    }
.filters-container .sub-filters.is-active .wrapper {
    opacity: 1;
    transform: translatey(0)
    }
.filters-container .sub-filters.is-active .btn-close {
    transform: translatey(0)
    }
.filters-container .sub-filters.is-active .filter-overlay {
    opacity: 1
    }
.filters-container .sub-filters > * {
    color: #282f50
    }
.filters-container .sub-filters .filter-overlay {
    background: transparent;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: -1
    }
.filters-container .sub-filters .wrapper {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgba(155, 155, 155, 0.5);
    box-sizing: border-box;
    height: auto;
    opacity: 0;
    padding: 20px;
    transform: translatey(100px);
    transition: 0.3s ease;
    width: 400px
    }
.filters-container .sub-filters .filter-content {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 16px;
    max-height: 30vh;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative
    }
.filters-container .sub-filters .btn-close {
    position: absolute;
    right: 16px;
    top: 16px;
    transform: translatey(100px);
    transition: 0.3s ease;
    z-index: 6
    }
.filters-container .sub-filters .btn-reset {
    font-size: 1.4rem;
    background-color: transparent;
    display: block;
    margin: 0 0 16px;
    padding: 0;
    text-transform: none
    }
.filters-container .sub-filters p {
    margin: 0 0 20px
    }
.filters-container .sub-filters label {
    font-size: 1.4rem;
    line-height: 2rem;
    box-sizing: border-box;
    color: #282f50;
    font-family: "AcherusRegular", sans-serif;
    margin: 0;
    white-space: pre-line;
    width: calc(100% - 24px)
    }
.filters-container .sub-filters label.sub-filter:not(.parent-filter):after {
    background: #f7f7f7;
    border-radius: 3px;
    content: "";
    display: block;
    height: calc(100% + 6px);
    left: 0;
    margin: -3px 0 0 -3px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.2s;
    width: calc(100% + 6px);
    z-index: -1
    }
.filters-container .sub-filters ul {
    margin: 0;
    padding: 3px;
    position: relative
    }
.filters-container .sub-filters ul ul {
    padding: 0
    }
.filters-container .sub-filters li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 10px
    }
.filters-container .sub-filters li.has-children + li:not(.has-children) {
    margin-top: 16px
    }
.no-touchevents .filters-container .sub-filters li:not(.has-children):hover .sub-filter:after {
    opacity: 1
    }
.filters-container .sub-filters li:last-child {
    margin-right: 0
    }
.filters-container .sub-filters li input {
    border: 1px solid rgba(40, 47, 80, 0.25);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    transition: 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
    }
.filters-container .sub-filters li input[type=radio] {
    border-radius: 50%
    }
.filters-container .sub-filters li input:after {
    background: url(/themes/custom/base_otq/css/../svg/icons/check-white.svg) center center no-repeat;
    background-size: 15px auto;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translatey(30px);
    transition: 0.2s ease 0.1s
    }
.filters-container .sub-filters li input:checked {
    background-color: #282f50
    }
.filters-container .sub-filters li input:checked:after {
    transform: translatey(0)
    }
.filters-container .sub-filters li input:focus {
    outline: 0
    }
.filters-container .sub-filters li ul {
    margin: 0;
    width: 100%
    }
.filters-container .sub-filters li ul li:last-child {
    margin: 0
    }
.filters-container .sub-filters li ul:after {
    content: none
    }
.filters-container .sub-filters h3 {
    margin-bottom: 32px
    }
.filters-container .sub-filters .btn-submit {
    box-sizing: border-box;
    text-align: center;
    width: 100%
    }
.filters-container .sub-filters .parent-filter {
    font-family: "AcherusBold", sans-serif;
    line-height: 1;
    margin-bottom: 5px;
    margin-top: 12px;
    font-size: 1.6rem
    }
.filters-container .sub-filters .parent-filter.is-old-quebec {
    pointer-events: none
    }
.filters-container select {
    font-size: 1.3rem;
    line-height: 3.4rem;
    background: url(/themes/custom/base_otq/css/../img/pictos/select-arrow.svg) right 12px center no-repeat #fff;
    background-size: 10px auto;
    border: 1px solid #c9cbd3;
    border-radius: 4px;
    box-sizing: border-box;
    color: #282f50;
    cursor: pointer;
    font-family: "AcherusBold", sans-serif;
    height: 36px;
    min-width: 160px;
    padding: 0 14px;
    position: relative;
    transition: border-color 0.2s, background-color 0.2s;
    z-index: 2
    }
.no-touchevents .filters-container select:hover {
    border-color: #282f50
    }
.custom-select {
    font-size: 1.3rem;
    line-height: 3.4rem;
    color: #282f50;
    cursor: pointer;
    font-family: "AcherusBold", sans-serif;
    min-width: 160px;
    position: relative;
    z-index: 99
    }
.custom-select select {
    display: none
    }
.custom-select .select-selected {
    background: #fff;
    border: 1px solid #c9cbd3;
    border-radius: 4px;
    padding: 0 14px;
    position: relative;
    transition: border-color 0.2s, background-color 0.2s;
    z-index: 2
    }
.custom-select .select-selected:after {
    border-color: #282f50 transparent transparent;
    border-style: solid;
    border-width: 4px;
    content: "";
    height: 0;
    position: absolute;
    right: 12px;
    top: 16px;
    width: 0
    }
.custom-select .select-selected.select-arrow-active {
    background: #d5f0f1;
    border-color: #d5f0f1
    }
.no-touchevents .custom-select .select-selected.select-arrow-active:hover {
    border-color: #d5f0f1
    }
.no-touchevents .custom-select:hover .select-selected {
    border-color: #282f50
    }
.no-touchevents .custom-select:hover .select-selected.select-arrow-active {
    border-color: #d5f0f1
    }
.custom-select .select-items {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    left: 0;
    margin-top: 4px;
    max-height: 200px;
    overflow: auto;
    position: absolute;
    top: 100%;
    transition: opacity 0.3s, transform 0.3s;
    width: 100%;
    z-index: 1
    }
.custom-select .select-items > div {
    overflow: hidden;
    padding: 0 14px;
    position: relative;
    transition: background-color 0.1s, color 0.2s
    }
.custom-select .select-items > div:first-child {
    border-radius: 4px 4px 0 0
    }
.custom-select .select-items > div:last-child {
    border-radius: 0 0 4px 4px
    }
.custom-select .select-items > div:before {
    background: #58c5c7;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translatex(-6px);
    transition: transform 0.2s;
    width: 6px
    }
.no-touchevents .custom-select .select-items > div:hover {
    background: #f7f7f7
    }
.custom-select .select-items.select-hide {
    opacity: 0;
    pointer-events: none;
    transform: translatey(4px)
    }
.custom-select .select-items.select-hide > div {
    color: #fff
    }
.boxed-filter {
    position: relative
    }
.boxed-filter .boxed-filter-form {
    background: #fff;
    display: none;
    position: absolute;
    top: 100%
    }
.form {
    position: relative
    }
.form.full {
    margin: 0 0 64px
    }
.form.is-loading {
    opacity: 0.5;
    pointer-events: none
    }
.form.is-invalid .form-group {
    opacity: 0.5
    }
.form.is-invalid .form-group.is-invalid {
    opacity: 1
    }
.form .form-subtitle {
    margin: 0 0 32px
    }
.form .form-group {
    transition: opacity 0.3s linear
    }
.form .inline-radios {
    margin: 0
    }
.form .inline-radios.two-cols .fieldset-wrapper .form-group {
    width: calc(50% - 20px)
    }
.form .inline-radios legend {
    display: block;
    line-height: 1;
    margin: 0 0 5px
    }
.form .inline-radios legend span.form-required:before {
    color: #f02244;
    content: "* ";
    display: inline-block;
    margin-right: 4px
    }
.form .inline-radios .fieldset-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: flex-start;
    margin: 0 0 32px;
    min-height: 50px
    }
.form .inline-radios .fieldset-wrapper .form-group {
    margin: 0 20px 5px 0
    }
.form .inline-radios .fieldset-wrapper .form-group:first-child {
    margin-left: 0
    }
.form .inline-radios label {
    line-height: 1;
    font-size: 1.4rem
    }
.form .actions {
    margin-bottom: 32px
    }
.form .actions:last-child {
    margin-bottom: 0
    }
.form.user-login-form input[type="submit"] {
    background: #282f50
    }
.no-touchevents .form.user-login-form input[type="submit"]:hover {
    background-color: #20253f
    }
input[type=text], input[type=password], input[type=email], input[type=search], input[type=telephone], input[type=number], input[type=tel], input[type=file], input[type=date], select, textarea {
    -webkit-appearance: none;
    border: 1px solid rgba(40, 47, 80, 0.25);
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #000;
    display: inline-flex;
    font-family: "AcherusRegular", sans-serif;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    position: relative;
    transition: 0.3s ease;
    width: 100%;
    font-size: 1.6rem
    }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, input[type=telephone]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=file]:focus, input[type=date]:focus, select:focus, textarea:focus {
    border: 1px solid #58c5c7;
    outline: none
    }
input[type=text].has-error, input[type=text]._has_error, input[type=text].error, .has-error input[type=text], input[type=password].has-error, input[type=password]._has_error, input[type=password].error, .has-error input[type=password], input[type=email].has-error, input[type=email]._has_error, input[type=email].error, .has-error input[type=email], input[type=search].has-error, input[type=search]._has_error, input[type=search].error, .has-error input[type=search], input[type=telephone].has-error, input[type=telephone]._has_error, input[type=telephone].error, .has-error input[type=telephone], input[type=number].has-error, input[type=number]._has_error, input[type=number].error, .has-error input[type=number], input[type=tel].has-error, input[type=tel]._has_error, input[type=tel].error, .has-error input[type=tel], input[type=file].has-error, input[type=file]._has_error, input[type=file].error, .has-error input[type=file], input[type=date].has-error, input[type=date]._has_error, input[type=date].error, .has-error input[type=date], select.has-error, select._has_error, select.error, .has-error select, textarea.has-error, textarea._has_error, textarea.error, .has-error textarea {
    border-left: 4px solid #eb665b;
    color: #eb665b
    }
input[type="file"]::-webkit-file-upload-button {
    line-height: 1;
    margin-top: 15px
    }
label {
    align-items: center;
    display: flex;
    line-height: 1;
    margin: 0 0 5px;
    width: 100%
    }
label.form-required:before {
    color: #f02244;
    content: "* ";
    display: inline-block;
    margin-right: 4px
    }
label span {
    font-family: "AcherusBold";
    font-size: 1.4rem
    }
textarea {
    min-height: 150px;
    resize: vertical
    }
fieldset {
    border: 0 !important;
    margin: 0;
    min-width: 0;
    padding: 0;
    width: 100%
    }
input[type="checkbox"] {
    border: 1px solid rgba(40, 47, 80, 0.25);
    border-radius: 4px;
    height: 24px;
    overflow: hidden;
    position: relative;
    transition: 0.3s ease;
    width: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
    }
input[type="checkbox"]:after {
    background: url(/themes/custom/base_otq/css/../svg/icons/check-white.svg) center center no-repeat;
    background-size: 15px auto;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translatey(30px);
    transition: 0.2s ease 0.15s
    }
input[type="checkbox"]:checked {
    background-color: #282f50
    }
input[type="checkbox"]:checked:after {
    transform: translatey(0)
    }
input[type="checkbox"]:focus {
    outline: 0
    }
input[type="radio"] {
    border: 1px solid rgba(40, 47, 80, 0.25);
    border-radius: 50%;
    height: 24px;
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 0, 0);
    transition: 0.3s ease;
    width: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
    }
input[type="radio"]:after {
    border: 8px solid #282f50;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    transform-origin: center center;
    transition: 0.2s ease 0.1s
    }
input[type="radio"]:checked {
    border: none
    }
input[type="radio"]:checked:after {
    transform: scale(1)
    }
input[type="radio"]:focus {
    outline: 0
    }
input[type="checkbox"].has-error, .has-error input[type="checkbox"], input[type="radio"].has-error, .has-error input[type="radio"] {
    border-color: #eb665b
    }
select {
    background: url(/themes/custom/base_otq/css/../svg/icons/chevron-down.svg) calc(100% - 10px) center no-repeat;
    background-color: #fff;
    background-size: 10px 10px;
    color: #000;
    padding-right: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
    }
.toggle-button {
    background-color: #fff;
    border: 1px solid rgba(40, 47, 80, 0.25);
    border-radius: 25px;
    height: 24px;
    position: relative;
    width: 50px
    }
.toggle-button:before {
    -webkit-animation: reverseToggleAnimation 0.3s forwards;
    animation: reverseToggleAnimation 0.3s forwards;
    background-color: #d8d8d8;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: 0.3s ease;
    width: 20px
    }
.toggle-button input[type="checkbox"] {
    display: none
    }
.toggle-button:hover {
    cursor: pointer
    }
.toggle-button:hover:before {
    background-color: rgba(40, 47, 80, 0.25)
    }
.toggle-button.is-on:before {
    -webkit-animation: toggleAnimation 0.3s forwards;
    animation: toggleAnimation 0.3s forwards;
    background-color: #282f50
    }
input.button[id*=remove-button] {
    background: none;
    text-decoration: underline
    }
.error {
    color: #eb665b;
    display: block;
    font-family: "AcherusBold";
    width: 100%;
    font-size: 1.2rem
    }
.form-group {
    margin: 0 0 32px;
    padding: 0;
    position: relative
    }
.form-action {
    text-align: center
    }
.form-action button, .form-action input {
    margin: 0 auto
    }
.form-group-radio, .form-group-checkbox {
    display: flex;
    list-style-type: none
    }
.form-group-radio input, .form-group-radio label, .form-group-checkbox input, .form-group-checkbox label {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    min-height: 20px;
    text-transform: none
    }
.form-group-radio label, .form-group-checkbox label {
    margin: 0 0 0 10px
    }
.form-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
    }
.form-row + .form-row {
    margin-top: 32px
    }
.form-row .form-group {
    width: calc(50% - 12px / 2)
    }
.form-row .form-group + .form-group {
    margin-left: 12px
    }
.switch-wrapper {
    align-items: center;
    display: flex;
    justify-content: flex-start
    }
.switch-wrapper .switch {
    display: inline-block;
    height: 34px;
    margin: 0 10px;
    position: relative;
    width: 60px
    }
.switch-wrapper .switch input {
    height: 0;
    opacity: 0;
    width: 0
    }
.switch-wrapper .switch-slider {
    background-color: #9b9b9b;
    border-radius: 34px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s
    }
.switch-wrapper .switch-slider:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 4px;
    content: "";
    height: 26px;
    left: 4px;
    position: absolute;
    transition: 0.4s;
    width: 26px
    }
.switch-wrapper input:checked + .switch-slider {
    background-color: #58c5c7
    }
.switch-wrapper input:focus + .switch-slider {
    box-shadow: 0 0 1px #58c5c7
    }
.switch-wrapper input:checked + .switch-slider:before {
    transform: translatex(26px)
    }
#otq-documentation-form table td p {
    margin: 0
    }
#otq-documentation-form table td:last-child {
    max-width: 150px
    }
#otq-documentation-form table td .form-group {
    display: inline-block;
    margin: 0 0 0 10px;
    max-width: calc(50% - 10px)
    }
#otq-documentation-form table td .form-group:first-child {
    margin-left: 0
    }
#otq-documentation-form table td .form-group label {
    font-size: 1.4rem
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head {
    padding: 0 0 32px
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body tr {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 32px;
    position: relative;
    vertical-align: top
    }
@media only screen and (min-width: 600px) {
    .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body tr {
        padding-right: 32px;
        width: 49%
        }
    .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body tr:nth-child(even) {
        padding-left: 32px;
        padding-right: 0
        }
    .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body tr:only-child {
        margin: 0;
        padding-right: 0;
        width: 100%
        }
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body tr td {
    display: block;
    position: relative;
    width: 100%
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body .sv_api_section_tbl, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body .sv_api_field_val table {
    margin-bottom: 0
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body .sv_api_field_required:before {
    color: #f02244;
    content: "* ";
    display: inline-block;
    left: -0.7em;
    position: absolute
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body .sv_api_field_required label {
    display: inline-block;
    width: auto
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body .sv_api_chkbox + label {
    display: inline-block;
    margin: 0 0 0 10px;
    transform: translate(0, -8px)
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body img + br {
    display: none
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body .sv_api_input[name=code] {
    width: 140px
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body .sv_api_field_disp br {
    display: none
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_hint {
    display: block;
    margin: 5px 0
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_reqhint {
    font-family: "AcherusBold";
    padding: 32px 0 16px
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .sv_api_button {
    margin-left: 16px
    }
.sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .sv_api_button:first-of-type {
    margin-left: 0
    }
#form-qda-newsletter {
    border: 0;
    height: 1000px;
    width: 100%
    }
@media only screen and (min-width: 480px) {
    #form-qda-newsletter {
        height: 950px
        }
    }
@media only screen and (min-width: 965px) {
    #form-qda-newsletter {
        height: 900px
        }
    }
#form-otq-documentation {
    border: 0;
    height: 1893px;
    width: 100%
    }
@media only screen and (min-width: 545px) {
    #form-otq-documentation {
        height: 1549px
        }
    }
@media only screen and (min-width: 769px) {
    #form-otq-documentation {
        height: 1382px
        }
    }
#form-otq-contact {
    border: 0;
    height: 997px;
    width: 100%
    }
@media only screen and (min-width: 545px) {
    #form-otq-contact {
        height: 846px
        }
    }
@media only screen and (min-width: 769px) {
    #form-otq-contact {
        height: 797px
        }
    }
#qda-rfp-form #edit-existing-proposal--wrapper legend {
    float: left
    }
.active-campaign ._form_element {
    max-width: 500px;
    margin-bottom: 40px
    }
.active-campaign ._form_element ._checkbox-radio {
    display: flex;
    align-items: center
    }
.active-campaign ._form_element ._checkbox-radio input {
    margin-right: 20px
    }
.active-campaign ._form_element ._error-inner {
    text-align: left;
    color: transparent
    }
.active-campaign ._form_element ._error-inner::before {
    color: #f02244;
    content: " Ce champ est obligatoire"
    }
.active-campaign ._form_element.ac-en ._error-inner::before {
    content: " This field is required "
    }
.active-campaign ._submit {
    background-color: #282f50;
    color: #fff;
    height: 50px;
    padding: 0 40px;
    text-transform: uppercase
    }
.active-campaign#active-campaign-newsletter {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
    }
.active-campaign#active-campaign-newsletter > div {
    width: 100%
    }
.active-campaign#active-campaign-newsletter ._form-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
    }
.active-campaign#active-campaign-newsletter ._form-content ._form_element {
    max-width: unset;
    width: 48%
    }
.active-campaign#active-campaign-newsletter ._form-content ._form_element:first-child {
    width: 100%
    }
.active-campaign#active-campaign-newsletter ._form-content ._form_element._field47 {
    opacity: 0;
    position: absolute;
    z-index: -1
    }
.active-campaign#active-campaign-newsletter ._form-content ._submit, .active-campaign#active-campaign-newsletter ._form-content ._button-wrapper {
    width: 100%;
    padding: 0
    }
.active-campaign#active-campaign-newsletter ._form-thank-you {
    color: transparent;
    text-align: left
    }
.active-campaign#active-campaign-newsletter ._form-thank-you::before {
    color: #282f50;
    content: "Merci de vous être inscrit(e) ! "
    }
.active-campaign#active-campaign-newsletter ._form-thank-you.ac_en::before {
    color: #282f50;
    content: "Thank you for subscribing!"
    }
[class*="icon-"]:not(.toolbar-icon-9), [class*="picto-"], [class*="asset-"] {
    background-size: contain;
    display: inline-block;
    vertical-align: middle
    }
[class*="icon-"]:not(.toolbar-icon-9) svg, [class*="picto-"] svg, [class*="asset-"] svg {
    height: 100%;
    vertical-align: top;
    width: 100%
    }
.icon-arrow-left {
    height: 15px;
    width: 15px
    }
.icon-check {
    height: 15px;
    width: 15px
    }
.icon-close {
    height: 15px;
    width: 15px
    }
.icon-map-view {
    height: 16px;
    width: 15px
    }
.rating {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    transform: translate(0, 3px)
    }
.rating-item {
    background: url(/themes/custom/base_otq/svg/pictos/star-regular.svg) center/contain no-repeat;
    display: block;
    font-size: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    position: relative;
    width: 20px
    }
.rating[data-rating="0"] .rating-item:nth-child(-n + 0) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-solid.svg)
    }
.rating[data-rating="0.5"] .rating-item:nth-child(-n + 0) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-solid.svg)
    }
.rating[data-rating="0.5"] .rating-item:nth-child(1) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-half.svg)
    }
.rating[data-rating="1"] .rating-item:nth-child(-n + 1) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-solid.svg)
    }
.rating[data-rating="1.5"] .rating-item:nth-child(-n + 1) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-solid.svg)
    }
.rating[data-rating="1.5"] .rating-item:nth-child(2) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-half.svg)
    }
.rating[data-rating="2"] .rating-item:nth-child(-n + 2) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-solid.svg)
    }
.rating[data-rating="2.5"] .rating-item:nth-child(-n + 2) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-solid.svg)
    }
.rating[data-rating="2.5"] .rating-item:nth-child(3) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-half.svg)
    }
.rating[data-rating="3"] .rating-item:nth-child(-n + 3) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-solid.svg)
    }
.rating[data-rating="3.5"] .rating-item:nth-child(-n + 3) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-solid.svg)
    }
.rating[data-rating="3.5"] .rating-item:nth-child(4) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-half.svg)
    }
.rating[data-rating="4"] .rating-item:nth-child(-n + 4) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-solid.svg)
    }
.rating[data-rating="4.5"] .rating-item:nth-child(-n + 4) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-solid.svg)
    }
.rating[data-rating="4.5"] .rating-item:nth-child(5) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-half.svg)
    }
.rating[data-rating="5"] .rating-item:nth-child(-n + 5) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-solid.svg)
    }
.rating[data-rating="5.5"] .rating-item:nth-child(-n + 5) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-solid.svg)
    }
.rating[data-rating="5.5"] .rating-item:nth-child(6) {
    background-image: url(/themes/custom/base_otq/svg/pictos/star-half.svg)
    }
.hotel-rating[data-type="sun"] .rating-item {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-regular.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="0"] .rating-item:nth-child(-n + 0) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-solid.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="0.5"] .rating-item:nth-child(-n + 0) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-solid.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="0.5"] .rating-item:nth-child(1) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-half.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="1"] .rating-item:nth-child(-n + 1) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-solid.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="1.5"] .rating-item:nth-child(-n + 1) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-solid.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="1.5"] .rating-item:nth-child(2) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-half.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="2"] .rating-item:nth-child(-n + 2) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-solid.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="2.5"] .rating-item:nth-child(-n + 2) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-solid.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="2.5"] .rating-item:nth-child(3) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-half.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="3"] .rating-item:nth-child(-n + 3) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-solid.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="3.5"] .rating-item:nth-child(-n + 3) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-solid.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="3.5"] .rating-item:nth-child(4) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-half.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="4"] .rating-item:nth-child(-n + 4) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-solid.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="4.5"] .rating-item:nth-child(-n + 4) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-solid.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="4.5"] .rating-item:nth-child(5) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-half.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="5"] .rating-item:nth-child(-n + 5) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-solid.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="5.5"] .rating-item:nth-child(-n + 5) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-solid.svg)
    }
.hotel-rating[data-type="sun"] .rating[data-rating="5.5"] .rating-item:nth-child(6) {
    background-image: url(/themes/custom/base_otq/svg/pictos/sun-half.svg)
    }
a.overlink {
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -1000px;
    top: 0;
    width: 100%;
    z-index: 6
    }
a.read-more {
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #282f50;
    text-decoration: none;
    text-transform: uppercase
    }
a.read-more .icon {
    display: inline-block;
    height: 18px;
    margin: -3px -10px 0 1em;
    overflow: hidden;
    position: relative;
    width: 25px
    }
a.read-more .icon.icon-external svg {
    transform: translate(0, -50%) scale(0.9)
    }
a.read-more .icon svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-12px, -50%);
    transition: transform 0.3s;
    width: 25px
    }
.no-touchevents .page-module article:hover a.read-more, .no-touchevents .search-featured-group article:hover a.read-more, .no-touchevents .highlight .content:hover a.read-more, .no-touchevents .experience-wide:hover a.read-more, .no-touchevents .experience-teaser:hover a.read-more, .no-touchevents .child-event:hover a.read-more, .no-touchevents .neighbourhood:hover a.read-more, .no-touchevents a.read-more:hover {
    text-decoration: none
    }
.no-touchevents .page-module article:hover a.read-more.icon-external svg, .no-touchevents .search-featured-group article:hover a.read-more.icon-external svg, .no-touchevents .highlight .content:hover a.read-more.icon-external svg, .no-touchevents .experience-wide:hover a.read-more.icon-external svg, .no-touchevents .experience-teaser:hover a.read-more.icon-external svg, .no-touchevents .child-event:hover a.read-more.icon-external svg, .no-touchevents .neighbourhood:hover a.read-more.icon-external svg, .no-touchevents a.read-more:hover.icon-external svg {
    transform: translate(0, -50%) scale(1)
    }
.no-touchevents .page-module article:hover a.read-more .icon svg, .no-touchevents .search-featured-group article:hover a.read-more .icon svg, .no-touchevents .highlight .content:hover a.read-more .icon svg, .no-touchevents .experience-wide:hover a.read-more .icon svg, .no-touchevents .experience-teaser:hover a.read-more .icon svg, .no-touchevents .child-event:hover a.read-more .icon svg, .no-touchevents .neighbourhood:hover a.read-more .icon svg, .no-touchevents a.read-more:hover .icon svg {
    transform: translate(0, -50%)
    }
.no-touchevents .page-module article:hover a.watch-more {
    text-decoration: none
    }
.no-touchevents .page-module article:hover a.watch-more .icon:before {
    transform: scale(1.2)
    }
a.read-more:active .icon svg {
    color: #282f50;
    text-decoration: none;
    text-transform: uppercase;
    transform: translate(-12px, -50%)
    }
a.watch-more {
    font-size: 1.2rem;
    line-height: 1.6rem;
    align-items: center;
    color: #282f50;
    display: flex;
    justify-content: flex-start;
    text-decoration: none;
    text-transform: uppercase
    }
a.watch-more .icon {
    margin-left: 10px;
    position: relative
    }
a.watch-more .icon:before {
    border: 1px solid #282f50;
    border-radius: 50%;
    content: "";
    height: 26px;
    margin: -13px 0 0 -13px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: transform 0.3s ease;
    width: 26px
    }
a.watch-more .icon svg {
    margin-left: 1px
    }
.taglink, .tags a {
    font-size: 1.4rem;
    line-height: 1.4rem;
    border: 1px solid #9b9b9b;
    border-radius: 8px;
    color: #4a4a4a;
    display: inline-block;
    margin-right: 8px;
    padding: 7px 12px 9px;
    transition: color 0.3s, border 0.3s
    }
.taglink:hover, .tags a:hover {
    text-decoration: none
    }
.no-touchevents .taglink:hover, .no-touchevents .tags a:hover, .tags .no-touchevents a:hover {
    border-color: #282f50;
    color: #282f50;
    text-decoration: none
    }
.no-touchevents .taglink:active, .no-touchevents .tags a:active, .tags .no-touchevents a:active {
    border-color: #9b9b9b;
    color: #4a4a4a
    }
.inline-link, .form a:not(.btn), .layout-wysiwyg a, .cke_editable a {
    color: #e75a53;
    position: relative;
    text-decoration: none
    }
.inline-link:hover, .form a:hover:not(.btn), .layout-wysiwyg a:hover, .cke_editable a:hover {
    text-decoration: none
    }
.no-touchevents .inline-link:hover, .no-touchevents .form a:hover:not(.btn), .form .no-touchevents a:hover:not(.btn), .no-touchevents .layout-wysiwyg a:hover, .layout-wysiwyg .no-touchevents a:hover, .no-touchevents .cke_editable a:hover, .cke_editable .no-touchevents a:hover {
    text-decoration: underline
    }
@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
        } 100% {
        transform: rotate(360deg);
        }
    }
@keyframes spin {
    0% {
        transform: rotate(0deg);
        } 100% {
        transform: rotate(360deg);
        }
    }
.loader {
    --border-color: #c9cbd3;
    --loader-color: #282f50;
    -webkit-animation: spin 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: spin 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border: 2px solid var(--border-color);
    border-radius: 50%;
    border-top: 2px solid var(--loader-color);
    display: block;
    height: 14px;
    width: 14px
    }
.btn-filter .loader {
    --border-color: #58c5c7;
    --loader-color: #282f50
    }
.inline-module-mandy .btn-filter .loader {
    --border-color: #fff;
    --loader-color: #e75a53
    }
.inline-module-rhino .btn-filter .loader {
    --border-color: #fff;
    --loader-color: #282f50
    }
.inline-module-tan .btn-filter .loader {
    --border-color: #cfb87f;
    --loader-color: #282f50
    }
.media {
    --image-ratio: 0;
    position: relative
    }
.media a.overlink {
    z-index: 3
    }
.media-image {
    position: relative
    }
.media-image img {
    position: relative;
    z-index: 1
    }
.media-image img[loading="lazy"] {
    opacity: 0;
    transition: opacity 0.15s ease-out
    }
.media-image img[loading="lazy"].lazyloaded {
    opacity: 1
    }
.media-image.media-placeholder span.icon {
    left: 50%;
    max-width: 80px;
    opacity: 0.1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20%
    }
.media-image.media-placeholder svg {
    fill: #282f50;
    height: auto
    }
.media-image .media-container {
    background: #f7f7f7;
    padding-bottom: calc(100% * var(--image-ratio));
    position: relative
    }
.media-image .media-container img {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
    }
.media-image .media-credit {
    font-size: 1.2rem;
    line-height: 1.3rem;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    cursor: help;
    display: block;
    font-family: "AcherusBold", sans-serif;
    height: 58px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    transition: width 0s 0.2s;
    width: 58px;
    z-index: 4
    }
.media-image .media-credit > span {
    background: rgba(40, 47, 80, 0.6);
    border-radius: 13px;
    bottom: 16px;
    display: block;
    opacity: 0;
    padding: 6px 12px 7px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    transform: translatex(4px);
    transition: transform 0.2s, opacity 0.2s;
    width: auto
    }
.media-image .media-credit > span br {
    display: none
    }
.media-image .media-credit > span > span {
    display: none
    }
.media-image .media-credit > span p {
    display: inline;
    line-height: inherit;
    margin: 0;
    font-size: inherit
    }
.media-image .media-credit:after {
    background: url(/themes/custom/base_otq/css/../img/pictos/copyright.svg) center center no-repeat;
    background-size: 26px auto;
    bottom: 16px;
    content: "";
    height: 26px;
    opacity: 1;
    position: absolute;
    right: 16px;
    text-align: center;
    transition: opacity 0.2s;
    width: 26px
    }
.media-image .media-credit.showing, .no-touchevents .media-image .media-credit:hover {
    transition: width 0s;
    width: calc(100% - 16px)
    }
.media-image .media-credit.showing > span, .no-touchevents .media-image .media-credit:hover > span {
    float: right;
    opacity: 1;
    transform: none;
    transition: transform 0.2s, opacity 0.2s
    }
.media-image .media-credit.showing:after, .no-touchevents .media-image .media-credit:hover:after {
    opacity: 0
    }
.media-image-instagram {
    width: 100%
    }
.gallery.display-slider .media-image-instagram {
    max-width: none
    }
.gallery.display-gallery .media-image-instagram {
    box-sizing: border-box
    }
.media-image-instagram .media-credit:after {
    background: url(/themes/custom/base_otq/css/../img/pictos/instagram.svg) center center no-repeat
    }
@media only screen and (min-width: 1440px) {
    .media-image-instagram {
        max-width: calc(850px + 64px)
        }
    }
.highlight.primary .media-image .media-container, .inline-module .media-image .media-container {
    background: #282f50
    }
.highlight.primary .media-image.media-placeholder svg, .inline-module .media-image.media-placeholder svg {
    fill: #fff
    }
.highlight.grid .media-image .media-container:before, .highlight.primary .media-image .media-container:before {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 80%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    transition: opacity 1s;
    width: 100%;
    z-index: 2
    }
.experiences .media-image .media-container:before {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
    }
.experiences .feature > div:not(:first-child) .media-image, .experiences .no-feature .media-image {
    --image-ratio: 1
    }
.experiences.neighbourhoods .experiences-container .media-image .media-container:before {
    background: rgba(40, 47, 80, 0.5)
    }
@media only screen and (min-width: 768px) {
    .experiences.neighbourhoods .experiences-container .media-image {
        --image-ratio: 1.5
        }
    }
.page-node-type-neighbourhood-page .mixed-content .media-image .media-container {
    background: #fff
    }
.inline-module-mandy .media-image .media-container {
    background: #ed837e
    }
.inline-module-rhino .media-image .media-container {
    background: #2d415e
    }
.inline-module-tan .media-image .media-container {
    background: #a59473
    }
.page-must-see .hero .media-image .media-container {
    background: #282f50
    }
.suggested .media-image {
    --image-ratio: 1.05
    }
.press-release-medias .media-image {
    --image-ratio: 1.05
    }
.author-container-featured .media-image {
    --image-ratio: 1.05
    }
.highlight.secondary .media-image {
    --image-ratio: 0.625
    }
.related-members .media-image {
    --image-ratio: 0.75
    }
.cta:not(.cta-map) .related-members .media-image {
    --image-ratio: 0
    }
.infowindow .media-image {
    --image-ratio: 0.75
    }
.media-video .media-image {
    --image-ratio: 0.5625
    }
.media-video .media-image .media-container {
    background: #282f50
    }
@media only screen and (min-width: 1440px) {
    .cta-image-text .media-image {
        --image-ratio: 0.625
        }
    }
.page-module.listings.neighbourhoods .media-image {
    --image-ratio: 0.625
    }
.hero .media-image {
    --image-ratio: 0.5
    }
@media only screen and (min-width: 1360px) {
    .hero .media-image {
        --image-ratio: 0
        }
    .hero .media-image .media-container {
        padding-bottom: 680px
        }
    }
.hero .gallery.display-slider .media-image {
    --image-ratio: 0
    }
.hero--video .media-image {
    --image-ratio: 0
    }
@media only screen and (min-width: 1360px) {
    .hero--video .media-image .media-container {
        padding-bottom: 0
        }
    }
.content-overlay .gallery.display-slider.display-unique .media-image {
    --image-ratio: 0.5625
    }
.layout-wysiwyg .media-image {
    padding-bottom: 0
    }
.layout-wysiwyg .media-image img {
    height: auto;
    -o-object-fit: initial;
    object-fit: initial;
    position: relative;
    transform: none;
    width: 100%
    }
.search-results .articles-container .media-image {
    --image-ratio: 0.75
    }
.search-results .articles-container-search-featured .media-image {
    --image-ratio: 0.625
    }
@media only screen and (min-width: 1024px) {
    .highlight.grid .media-image {
        --image-ratio: 0.5
        }
    }
@media only screen and (min-width: 600px) {
    .portrait .media-image img {
        position: relative
        }
    }
@media only screen and (min-width: 768px) {
    .categories .media-image {
        --image-ratio: 1.5
        }
    .mixed-content .media-image {
        --image-ratio: 0.625
        }
    }
@media only screen and (min-width: 600px) {
    .highlight .media-image {
        --image-ratio: 1.2
        }
    .highlight .content-slider > :only-child .media-image {
        --image-ratio: 0.5625
        }
    .gallery-preview .media-image {
        --image-ratio: 0.625
        }
    .highlighted .gallery-preview .media-image {
        --image-ratio: 0.625
        }
    .highlighted .gallery-preview .media-image .media-container {
        height: 20px
        }
    }
.media-document .media {
    margin: 0 0 10px
    }
.media-document span {
    font-size: 1.6rem;
    line-height: 0.1rem
    }
.images-gallery {
    position: relative
    }
.press-release-medias {
    display: grid;
    margin: 0 auto 55px;
    grid-gap: 32px
    }
@media only screen and (min-width: 1440px) {
    .press-release-medias {
        grid-template-columns: 1fr 1fr 1fr 1fr
        }
    }
.press-release-medias .media-image {
    font-size: 1.6rem
    }
.press-release-medias .media-image > div {
    position: relative;
    margin: 0 0 10px
    }
.nav ul {
    display: flex
    }
.nav ul li {
    position: relative
    }
.nav ul li a {
    display: block;
    text-decoration: none
    }
#layout-header .nav-container.nav-member select {
    height: 42px;
    line-height: 42px
    }
@media only screen and (min-width: 1024px) {
    #layout-header .nav-container.nav-member {
        margin-left: auto;
        max-width: 230px
        }
    }
.pagination {
    padding: 28px 0 0
    }
#layout-header .pagination {
    padding: 10px 0 28px
    }
.pagination ul {
    display: flex;
    justify-content: center;
    list-style: none
    }
.pagination ul li {
    margin: 0 5px;
    transition: opacity 0.1s linear
    }
.pagination ul li.btn-prev.btn-inactive, .pagination ul li.btn-next.btn-inactive {
    display: none
    }
.pagination ul li.btn-prev button, .pagination ul li.btn-prev a, .pagination ul li.btn-next button, .pagination ul li.btn-next a {
    overflow: hidden;
    position: relative;
    text-indent: -1000px
    }
.pagination ul li.btn-prev button:before, .pagination ul li.btn-prev a:before, .pagination ul li.btn-next button:before, .pagination ul li.btn-next a:before {
    background: url(/themes/custom/base_otq/css/../img/pictos/arrow-small-turquoise.svg) center center no-repeat;
    background-size: 10px auto;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: 0;
    top: 0;
    transition: transform 0.3s;
    width: 100%
    }
.no-touchevents .pagination ul li.btn-prev button:hover:before, .no-touchevents .pagination ul li.btn-prev a:hover:before, .no-touchevents .pagination ul li.btn-next button:hover:before, .no-touchevents .pagination ul li.btn-next a:hover:before {
    transform: scale(1.2)
    }
.pagination ul li.btn-prev button:before, .pagination ul li.btn-prev a:before {
    transform: rotate(180deg)
    }
.no-touchevents .pagination ul li.btn-prev button:hover:before, .no-touchevents .pagination ul li.btn-prev a:hover:before {
    transform: rotate(180deg) scale(1.2)
    }
.pagination ul li.btn-inactive {
    opacity: 0.3;
    pointer-events: none
    }
.pagination ul li.btn-empty {
    pointer-events: none
    }
.pagination ul li.btn-empty button, .pagination ul li.btn-empty a {
    background: none;
    width: 20px
    }
.pagination ul li button, .pagination ul li a {
    font-size: 1.4rem;
    background: none;
    display: inline-block;
    height: 40px;
    padding: 0;
    position: relative;
    text-align: center;
    transition: color 0.3s;
    width: 32px
    }
#layout-header .pagination ul li button, #layout-header .pagination ul li a {
    color: #fff
    }
.pagination ul li button::after, .pagination ul li a::after {
    background: #58c5c7;
    bottom: 0;
    content: "";
    display: none;
    height: 2px;
    position: absolute;
    width: 100%
    }
.pagination ul li button.is-active, .pagination ul li a.is-active {
    color: #58c5c7
    }
.pagination ul li button.is-active:after, .pagination ul li a.is-active:after {
    display: block
    }
.no-touchevents .pagination ul li button:hover, .no-touchevents #layout-header .pagination ul li button:hover, .no-touchevents .pagination ul li a:hover, .no-touchevents #layout-header .pagination ul li a:hover {
    color: #58c5c7;
    text-decoration: none
    }
.notice {
    background: #cfb87f;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform 0.3s;
    width: 100%;
    z-index: 11
    }
.notice.is-active {
    display: block
    }
@media only screen and (min-width: 600px) {
    .main-menu-opened .notice {
        transform: translatey(-72px)
        }
    }
.notice .btn-secondary {
    font-size: 1.2rem;
    height: 32px;
    line-height: 32px;
    padding: 0 16px
    }
.notice .btn-secondary .icon {
    height: 32px;
    top: 0
    }
.notice .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
    }
@media only screen and (min-width: 600px) {
    .notice .layout-wrapper {
        display: flex;
        height: 32px;
        justify-content: space-between;
        padding-top: 20px;
        padding-bottom: 20px
        }
    }
.notice .content {
    display: grid;
    align-items: center
    }
.notice .title {
    font-size: 1.8rem;
    font-family: "AcherusBold", sans-serif;
    font-weight: normal
    }
.notice .title a {
    color: #282f50;
    text-decoration: underline
    }
.notice-alert {
    background: #eb665b
    }
.notice-new {
    background: #58c5c7
    }
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.pace-inactive {
    display: none
    }
.pace .pace-progress {
    background: #58c5c7;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px
    }
.picto-crown {
    height: 26px;
    width: 42px
    }
.search-container .btn-menu-back svg {
    fill: #58c5c7
    }
.search-container p.summary {
    font-family: "AcherusBlack", sans-serif;
    line-height: 1;
    margin: 0 0 16px
    }
@media only screen and (min-width: 600px) {
    .search-container p.summary {
        font-size: 1.8rem
        }
    }
.search-container .btn-clean-search {
    background: #2d415e;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 2px;
    top: 2px;
    transition: opacity 0.2s;
    z-index: 4
    }
.search-container .btn-clean-search .icon {
    margin: 0
    }
.search-container .btn-clean-search svg {
    fill: #7e8396;
    transition: fill 0.3s
    }
.no-touchevents .search-container .btn-clean-search:hover svg {
    fill: #fff
    }
.search-container .icon-search {
    pointer-events: none;
    position: absolute;
    z-index: 2
    }
.search-container .icon-search svg {
    display: block;
    transition: transform 0.3s, fill 0.3s 0.2s
    }
.search-container input {
    cursor: pointer
    }
.search-container input[type="text"] {
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    transition: border 0.1s;
    width: 100%;
    z-index: 1
    }
.search-container input[type="submit"] {
    display: none
    }
.no-touchevents .search-container form.search-form:hover .icon-search svg {
    transform: scale(1.15)
    }
.search-container.is-searching .btn-clean-search {
    opacity: 1;
    pointer-events: initial;
    transition: opacity 0.2s 0.5s
    }
#layout-header .search-container.is-searching .btn-clean-search {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s
    }
#layout-header.showing-results .search-container.is-searching .btn-clean-search {
    opacity: 1;
    pointer-events: initial;
    transition: opacity 0.2s 0.5s
    }
.search-container.is-searching p.summary {
    font-family: "AcherusBold", sans-serif
    }
.search-container.is-searching p.summary .search:before {
    content: " \""
    }
.search-container.is-searching p.summary .search:after {
    content: "\" "
    }
[lang="fr"] .search-container.is-searching p.summary .search:before {
    content: " « "
    }
[lang="fr"] .search-container.is-searching p.summary .search:after {
    content: " » "
    }
.main-menu-opened #layout-header.showing-results .search-container input {
    cursor: initial
    }
.main-menu-opened #layout-header.showing-results .search-container:hover .icon-search svg {
    transform: none
    }
#layout-header .search-container {
    position: absolute;
    right: 0;
    transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), height 0s 0.4s;
    width: 0;
    z-index: 1
    }
#layout-header .search-container form.search-form {
    display: block;
    position: absolute
    }
#layout-header .search-container input[type="text"] {
    background: #2d415e;
    border: 2px solid #2d415e;
    color: #fff
    }
#layout-header .search-container input[type="text"]::-webkit-input-placeholder {
    color: #fff
    }
#layout-header .search-container input[type="text"]::-moz-placeholder {
    color: #fff
    }
#layout-header .search-container input[type="text"]:-ms-input-placeholder {
    color: #fff
    }
#layout-header .search-container input[type="text"]::-ms-input-placeholder {
    color: #fff
    }
#layout-header .search-container input[type="text"]::placeholder {
    color: #fff
    }
#layout-header .search-container input[type="text"]:focus {
    border: 2px solid #354d6f
    }
@media only screen and (min-width: 600px) {
    #layout-header .search-container p.summary {
        padding-left: 50%
        }
    }
@media only screen and (min-width: 1024px) {
    .search-container .btn-clean-search {
        height: 46px;
        width: 46px
        }
    .search-container .btn-clean-search svg {
        width: 16px
        }
    .search-container .btn-menu-back {
        display: none;
        height: 46px;
        left: auto;
        opacity: 0;
        right: 100%;
        top: 2px;
        transition: opacity 0.1s;
        width: 46px;
        z-index: 4
        }
    .search-container .btn-menu-back .icon {
        width: 14px
        }
    .search-container .btn-menu-back .icon svg {
        fill: #58c5c7;
        transform: scale(0);
        transition: transform 0.3s
        }
    .has-sub-menu .search-container .btn-menu-back {
        display: block
        }
    .search-container .icon-search {
        height: 46px;
        left: 2px;
        top: 2px;
        transition: background-color 0.1s;
        width: 46px
        }
    .search-container .icon-search svg {
        fill: #58c5c7;
        height: 24px;
        left: 12px;
        position: absolute;
        top: 11px;
        width: 24px
        }
    .search-container input[type="text"] {
        height: 50px;
        line-height: 50px;
        max-width: none;
        opacity: 0;
        padding-right: 46px;
        text-indent: 40px;
        transition: opacity 0.2s 0.2s, border-color 0.2s
        }
    .search-container form.search-form {
        display: block;
        max-width: 720px;
        right: 32px;
        top: 0;
        transition: width 0.5s;
        width: 40px
        }
    #layout-header .search-container {
        height: 50px;
        position: absolute;
        right: 0;
        top: 41px;
        transition: height 0s 0.6s, width 0s 0.6s;
        width: 72px;
        z-index: 8
        }
    html.has-filter-box #layout-header .search-container {
        z-index: 11
        }
    .main-menu-opened .search-container .icon-search svg {
        fill: #fff
        }
    .main-menu-opened #layout-header.showing-results .search-container {
        height: calc(var(--vh, 1vh) * 100 - 46px);
        transition: height 0s 0.5s, width 0s;
        width: 100%
        }
    .main-menu-opened #layout-header.showing-results .search-container .btn-menu-back {
        opacity: 1;
        transition: opacity 0.1s 0.5s
        }
    .main-menu-opened #layout-header.showing-results .search-container .btn-menu-back svg {
        -webkit-animation: pop 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s forwards;
        animation: pop 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s forwards
        }
    .main-menu-opened #layout-header.showing-results .search-container form.search-form {
        transition: width 0.5s 0.1s
        }
    .main-menu-opened #layout-header.showing-results .search-container .icon-search {
        background: #2d415e;
        transition: background-color 0.15s 0.3s
        }
    .main-menu-opened #layout-header.showing-results .search-container input[type="text"] {
        opacity: 1;
        transition: opacity 0.2s 0.15s, border-color 0.2s
        }
    #layout-header.header-fixed .search-container {
        top: 16px
        }
    .main-menu-opened #layout-header.header-fixed.showing-results .search-container {
        height: calc(var(--vh, 1vh) * 100 - 16px)
        }
    .search-container-page form.search-form {
        margin: 32px 0 16px
        }
    }
@media only screen and (min-width: 1300px) {
    #layout-header .search-container form.search-form {
        max-width: 900px
        }
    .main-menu-opened #layout-header.showing-results .search-container form.search-form {
        width: calc(100% - 580px)
        }
    }
.search-container-page {
    position: relative
    }
.search-container-page .layout-wrapper {
    padding: 0;
    width: auto
    }
.search-container-page input[type="text"] {
    opacity: 1
    }
.search-container-page form.search-form {
    max-width: none;
    position: relative;
    right: 0;
    width: 100%
    }
.search-container-page .follow {
    background: #58c5c7;
    bottom: 6px;
    display: block;
    height: 2px;
    position: absolute;
    transition: transform 0.2s, left 0.2s, width 0.2s, opacity 0.2s
    }
.search-container-content .search-input, .search-container-page .search-input {
    position: relative
    }
.search-container-content .search-input input[type="text"], .search-container-page .search-input input[type="text"] {
    cursor: initial;
    opacity: 1
    }
.search-container-content .search-input .icon-search svg, .search-container-page .search-input .icon-search svg {
    fill: #282f50
    }
.search-container-content .search-input .btn-clean-search, .search-container-page .search-input .btn-clean-search {
    background: #fff;
    left: auto;
    right: 2px
    }
.search-container-content .search-input .btn-clean-search svg, .search-container-page .search-input .btn-clean-search svg {
    fill: #282f50;
    opacity: 0.5;
    transition: opacity 0.3s
    }
.no-touchevents .search-container-content .search-input .btn-clean-search:hover svg, .no-touchevents .search-container-page .search-input .btn-clean-search:hover svg {
    fill: #282f50;
    opacity: 1
    }
.search-filters {
    display: block;
    position: relative;
    z-index: 8
    }
.has-filter-box:not(.main-menu-opened) .search-container-page .search-filters {
    z-index: 12
    }
.search-filters .tabs-container nav {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden
    }
#layout-header .search-filters .tabs-container {
    border-bottom: 1px solid #7e8396
    }
.search-container-page .search-filters .tabs-container nav .follow {
    transform: translatex(13px)
    }
.no-touchevents .search-container-page .search-filters .tabs-container li:hover button {
    color: #58c5c7
    }
.no-touchevents .search-container-page .search-filters .tabs-container li.is-active button:hover {
    color: #282f50
    }
.search-container-page .search-filters .tabs-container button {
    color: #282f50
    }
.search-container-page .search-filters nav, #layout-header .search-filters nav {
    transform: translatex(-13px);
    width: calc(100% + 13px)
    }
.search-container-page .search-filters nav .follow, #layout-header .search-filters nav .follow {
    border-width: 3px;
    bottom: 0;
    opacity: 1;
    transform: none
    }
.search-container-page .search-filters nav ul, #layout-header .search-filters nav ul {
    margin: 0;
    white-space: nowrap
    }
.search-container-page .search-filters nav ul li, #layout-header .search-filters nav ul li {
    display: inline-block
    }
@media only screen and (min-width: 1024px) {
    #layout-header .search-filters {
        padding-top: 48px
        }
    #layout-header .search-filters .tabs-container {
        left: 0;
        position: absolute;
        top: 0
        }
    #layout-header .search-filters .filters-container {
        margin: 16px 0 28px
        }
    #layout-header .search-filters nav span.follow {
        bottom: -1px
        }
    }
@media only screen and (min-width: 1200px) {
    #layout-header .search-filters {
        padding-left: 120px
        }
    #layout-header .search-filters .tabs-container {
        left: 120px;
        width: calc(100vw - 120px)
        }
    }
.search-results .articles-container ol {
    margin: 0;
    padding: 0
    }
.search-results .articles-container ol li {
    display: block;
    margin-bottom: 16px;
    opacity: 0;
    transform: translatey(10px);
    transition: opacity 0.3s, transform 0.3s
    }
.search-results .articles-container ol li:not(.featured) a.read-more {
    display: none
    }
.search-results .articles-container ol li.featured {
    margin-bottom: 28px
    }
.search-results .articles-container ol li:nth-child(1) {
    transition-delay: 0.45s
    }
.search-results .articles-container ol li:nth-child(2) {
    transition-delay: 0.5s
    }
.search-results .articles-container ol li:nth-child(3) {
    transition-delay: 0.55s
    }
.search-results .articles-container ol li:nth-child(4) {
    transition-delay: 0.6s
    }
.search-results .articles-container ol li:nth-child(5) {
    transition-delay: 0.65s
    }
.search-results .articles-container ol li:nth-child(6) {
    transition-delay: 0.7s
    }
.search-results .articles-container ol li:nth-child(7) {
    transition-delay: 0.75s
    }
.search-results .articles-container ol li:nth-child(8) {
    transition-delay: 0.8s
    }
.search-results .articles-container ol li:nth-child(9) {
    transition-delay: 0.85s
    }
.search-results .articles-container ol li:nth-child(10) {
    transition-delay: 0.9s
    }
.search-results .articles-container ol li:nth-child(11) {
    transition-delay: 0.95s
    }
.search-results .articles-container ol li:nth-child(12) {
    transition-delay: 1s
    }
.search-results .articles-container ol li:nth-child(13) {
    transition-delay: 1.05s
    }
.search-results .articles-container ol li:nth-child(14) {
    transition-delay: 1.1s
    }
.search-results .articles-container ol li:nth-child(15) {
    transition-delay: 1.15s
    }
.search-results .articles-container ol li:nth-child(16) {
    transition-delay: 1.2s
    }
.search-results .articles-container ol li:nth-child(17) {
    transition-delay: 1.25s
    }
.search-results .articles-container ol li:nth-child(18) {
    transition-delay: 1.3s
    }
.search-results .articles-container ol li:nth-child(19) {
    transition-delay: 1.35s
    }
.search-results .articles-container ol li:nth-child(20) {
    transition-delay: 1.4s
    }
.search-results .articles-container ol li:nth-child(21) {
    transition-delay: 1.45s
    }
.search-results .articles-container ol li:nth-child(22) {
    transition-delay: 1.5s
    }
.search-results .articles-container ol li:nth-child(23) {
    transition-delay: 1.55s
    }
.search-results .articles-container ol li:nth-child(24) {
    transition-delay: 1.6s
    }
.search-results .articles-container ol li:nth-child(25) {
    transition-delay: 1.65s
    }
.search-results .articles-container ol li:nth-child(26) {
    transition-delay: 1.7s
    }
.search-results .articles-container ol li:nth-child(27) {
    transition-delay: 1.75s
    }
.search-results .articles-container ol li:nth-child(28) {
    transition-delay: 1.8s
    }
.search-results .articles-container ol li:nth-child(29) {
    transition-delay: 1.85s
    }
.search-results .articles-container article .h-level-2, .search-results .articles-container article .h-level-3 {
    max-width: 16em
    }
.search-results .articles-container-search-featured > p {
    font-size: 1.8rem;
    font-family: "AcherusBlack", sans-serif;
    line-height: 1;
    margin: -34px 0 16px
    }
#layout-header .search-results {
    background: #282f50;
    color: #fff;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transform: translatey(10px);
    transition: opacity 0.3s, transform 0.3s;
    width: 100%;
    z-index: 6
    }
#layout-header .search-results .layout-wrapper {
    padding-top: 0
    }
.main-menu-opened #layout-header.showing-results .search-results {
    opacity: 1;
    pointer-events: initial;
    transform: none;
    transition: opacity 0.3s 0.3s, transform 0.3s 0.3s
    }
.main-menu-opened #layout-header.showing-results .search-results .articles-container ol li {
    opacity: 1;
    transform: none
    }
.search-container-page .search-results .articles-container ol li {
    opacity: 1
    }
@media only screen and (min-width: 1024px) {
    #layout-header .search-results {
        margin: 70px 0 0;
        transition: opacity 0.5s, transform 0.5s;
        width: calc(100% - 100px)
        }
    #layout-header .search-results .layout-wrapper {
        display: block
        }
    #layout-header .search-results .articles-container:not(.articles-container-search-featured) {
        height: calc(var(--vh, 1vh) * 100 - 280px);
        max-width: 640px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-color: #c2c2c2 transparent;
        width: 100%;
        padding-bottom: 3px
        }
    #layout-header .search-results .articles-container:not(.articles-container-search-featured)::-webkit-scrollbar {
        height: 7px;
        padding-top: 40px;
        width: 7px
        }
    #layout-header .search-results .articles-container:not(.articles-container-search-featured)::-webkit-scrollbar-track {
        background: transparent
        }
    #layout-header .search-results .articles-container:not(.articles-container-search-featured)::-webkit-scrollbar-thumb {
        background: #c2c2c2;
        border-radius: 10px;
        height: 30px;
        margin: 2px 0;
        width: 8px
        }
    #layout-header .search-results .articles-container:not(.articles-container-search-featured)::-webkit-scrollbar-track-piece {
        height: 30px;
        width: 30px
        }
    .main-menu-opened #layout-header.showing-results .search-results {
        opacity: 1;
        transition: opacity 0.5s 0.6s, transform 0.5s 0.6s
        }
    .header-fixed #layout-header .search-results .articles-container {
        height: calc(var(--vh, 1vh) * 100 - 260px)
        }
    }
@media only screen and (min-width: 600px) {
    .search-results-content {
        display: grid;
        transition: grid-template-columns 0.15s linear;
        transition: grid-template-columns 0.15s linear, -ms-grid-columns 0.15s linear
        }
    }
@media only screen and (min-width: 1024px) {
    .search-results-content {
        grid-gap: 120px;
        grid-template-columns: calc(50% - 120px) 50% 0
        }
    }
@media only screen and (min-width: 900px) {
    .search-results-content.has-map {
        grid-template-columns: 0 50% 50%
        }
    }
#search-featured-content ul {
    height: 0;
    overflow: hidden
    }
#search-featured-content ul.is-active {
    height: auto
    }
#search-featured-content ul.is-active li {
    opacity: 1;
    transform: translatey(0)
    }
#search-featured-content ul li {
    opacity: 0;
    transform: translatey(10px);
    transition: opacity 0.3s, transform 0.3s
    }
#search-featured-content ul li:nth-child(1) {
    transition-delay: 0.15s
    }
#search-featured-content ul li:nth-child(2) {
    transition-delay: 0.2s
    }
.section-wrapper {
    margin: 0 0 40px
    }
.section-twocols, .section-threecols, .section-introduction {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px
    }
.section-twocols > div, .section-threecols > div, .section-introduction > div {
    padding: 0 16px
    }
.section-twocols > div {
    width: 50%
    }
.section-threecols > div {
    width: 33.33%
    }
.section-introduction {
    align-items: center
    }
.section-introduction.is-inverted > div:first-child {
    order: 1;
    padding-left: 50px;
    padding-right: 0
    }
.section-introduction > div {
    width: 50%
    }
.section-introduction > div:first-child {
    padding: 50px 50px 50px 0
    }
.section-introduction h1 {
    margin: 0;
    text-transform: uppercase;
    font-size: 3rem
    }
.section-introduction .seasonal-image:after {
    padding-bottom: 56.25%
    }
table {
    background-color: #fff
    }
table td[class*="col-"], table th[class*="col-"] {
    display: table-cell;
    float: none;
    position: static
    }
caption {
    color: #030303;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left
    }
th {
    text-align: left
    }
.table {
    margin-bottom: 32px;
    max-width: 100%;
    width: 100%
    }
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    border-top: 1px solid #030303;
    line-height: 1;
    padding: 20px;
    vertical-align: top
    }
.table > thead > tr > th {
    border-bottom: 2px solid #030303;
    vertical-align: bottom
    }
.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
    border-top: 0
    }
.table > tbody + tbody {
    border-top: 2px solid #030303
    }
.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
    padding: 10px
    }
.table-bordered {
    border: 1px solid #030303
    }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 1px solid #030303
    }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px
    }
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f2f2f2
    }
.table-hover > tbody > tr:hover {
    background-color: #e6e6e6
    }
table col[class*="col-"] {
    display: table-column;
    float: none;
    position: static
    }
.table-responsive {
    min-height: 0.01%;
    overflow-x: auto
    }
@media screen and (max-width: 768px) {
    .table-responsive {
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-y: hidden;
        width: 100%
        }
    .table-responsive > .table {
        margin-bottom: 0
        }
    .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap
        }
    .table-responsive > .table-bordered {
        border: 0
        }
    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0
        }
    .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0
        }
    .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0
        }
    }
@media screen and (max-width: 600px) {
    .table-responsive {
        background: none
        }
    .table-responsive thead {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
        }
    .table-responsive tr {
        display: block;
        margin-bottom: 15px
        }
    .table-responsive tr:last-child {
        margin-bottom: 0
        }
    .table-responsive tr td {
        display: block;
        text-align: right;
        width: auto
        }
    .table-responsive tr td:before {
        content: attr(data-label);
        padding: 0 10px 0 0;
        white-space: pre
        }
    .table-responsive tr td:first-child {
        border-top: 0
        }
    .table-responsive tr td:last-child {
        border-top: 0
        }
    }
.tags {
    padding-bottom: 14px
    }
.tags a {
    margin-bottom: 10px
    }
@media only screen and (min-width: 600px) {
    .page-node-type-list-page .tags, .page-node-type-itinerary .tags {
        margin-top: 55px
        }
    }
.content-tag {
    border-top: 2px solid #58c5c7;
    display: inline-block;
    font-family: "AcherusRegular", sans-serif;
    padding: 8px 0 0;
    z-index: 1
    }
.hero .content-tag {
    margin: 0 0 20px
    }
.event-intro .content-tag {
    margin: 0 0 20px
    }
.event-intro .content-tag.content-major, .event-intro .content-tag.content-must-see {
    font-size: 1.4rem
    }
.results-container .content-tag {
    border: 0;
    max-width: 90px;
    position: absolute;
    transform: translate(0, -100%)
    }
.results-container .content-tag span {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-sizing: border-box
    }
@media only screen and (min-width: 1024px) {
    .results-container .content-tag {
        left: 5px;
        max-width: 150px;
        top: 107px;
        font-size: 1.1rem
        }
    .results-container .content-tag span {
        padding: 2px 5px
        }
    }
.results-container .content-tag.content-sponsored span {
    background: #d5f0f1;
    color: #282f50
    }
.results-container .content-tag.content-major span, .results-container .content-tag.content-must-see span {
    background: #707589;
    color: #fff
    }
.content-sponsored {
    font-style: italic
    }
.layout-wysiwyg + .layout-wrapper-user {
    margin-top: 32px
    }
.user-pages .layout-wrapper-user {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    padding: 0 32px
    }
.user-pages .layout-wrapper-user label {
    font-family: "AcherusBold", sans-serif;
    font-size: 0.875em;
    margin-bottom: 0.75em;
    text-transform: uppercase
    }
.user-pages .layout-wrapper-user input[type="text"], .user-pages .layout-wrapper-user input[type="password"] {
    width: 100%
    }
.user-pages .layout-wrapper-user h2, .user-pages .layout-wrapper-user .active-campaign ._form_element ._form-title, .active-campaign ._form_element .user-pages .layout-wrapper-user ._form-title {
    font-size: 2rem;
    margin-bottom: 2em
    }
.user-pages .layout-wrapper-user .outro {
    margin-top: 32px;
    font-size: 1.4rem;
    line-height: 1.6rem
    }
.user-pages .user-welcome-actions {
    padding: 64px 0 0
    }
.user-pages .user-welcome-actions h1 {
    font-size: 4.8rem;
    line-height: 6rem
    }
.user-pages .user-welcome-actions h1 span {
    font-size: 2.4rem;
    line-height: 2rem;
    display: block
    }
.user-pages .user-welcome-actions ul {
    display: flex;
    margin-left: -32px;
    margin-top: 64px;
    width: calc(100% + 64px)
    }
.user-pages .user-welcome-actions ul li {
    display: block;
    text-align: center;
    width: 25%
    }
.user-pages .user-welcome-actions ul li a {
    font-size: 1.6rem;
    line-height: 2rem;
    display: block;
    font-family: "AcherusBold", sans-serif
    }
.user-pages .user-welcome-actions ul li a:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px auto;
    border: 2px solid #282f50;
    border-radius: 50%;
    box-shadow: 0 0 4px 2px #fff;
    content: "";
    display: block;
    height: 80px;
    margin: 0 auto 20px;
    transition: border 0.3s, box-shadow 0.3s;
    width: 80px
    }
.user-pages .user-welcome-actions ul li a[data-drupal-link-system-path="<front>"]:before {
    background-image: url(/themes/custom/base_otq/css/../img/pictos/admin_home.svg)
    }
.user-pages .user-welcome-actions ul li a[data-drupal-link-system-path="admin/content"]:before {
    background-image: url(/themes/custom/base_otq/css/../img/pictos/admin_list.svg)
    }
.user-pages .user-welcome-actions ul li a[data-drupal-link-system-path="admin/content/media"]:before {
    background-image: url(/themes/custom/base_otq/css/../img/pictos/admin_media.svg)
    }
.user-pages .user-welcome-actions ul li a[data-drupal-link-system-path="node/add"]:before {
    background-image: url(/themes/custom/base_otq/css/../img/pictos/admin_add_dark.svg)
    }
.user-pages .user-welcome-actions ul li a:hover {
    text-decoration: none
    }
.user-pages .user-welcome-actions ul li a:hover:before {
    border-color: #fff;
    box-shadow: 0 0 0 2px #58c5c7
    }
@media only screen and (min-width: 768px) {
    p {
        font-size: 2rem;
        line-height: 3rem
        }
    }
.tabs-content p {
    font-size: 1.6rem;
    line-height: 2.4rem
    }
@media only screen and (min-width: 768px) {
    .form label, .form .inline-radios legend, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_reqhint {
        font-size: 1.8rem;
        line-height: 2.6rem
        }
    }
.form-group .description, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_body .sv_api_chkbox + label, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_hint, .content-tag {
    font-size: 1.2rem;
    line-height: 1.6rem
    }
blockquote {
    font-family: "AcherusBlack", sans-serif;
    margin: 0 0 32px
    }
blockquote::before, blockquote::after {
    display: block;
    height: 24px;
    line-height: 1
    }
blockquote:before {
    color: #58c5c7;
    content: "‘‘ ";
    margin-bottom: 6px
    }
blockquote:after {
    color: #58c5c7;
    content: " ’’";
    margin-top: 6px
    }
html[lang="fr"] blockquote::before, html[lang="fr"] blockquote::after {
    height: 34px;
    line-height: 34px;
    vertical-align: middle
    }
html[lang="fr"] blockquote:before {
    content: "«";
    margin: -4px 0 6px
    }
html[lang="fr"] blockquote:after {
    content: "»";
    margin: 0
    }
@media only screen and (min-width: 768px) {
    blockquote {
        font-size: 3.6rem;
        line-height: 4rem
        }
    }
.layout-wysiwyg ul, .cke_editable ul, .content-overlay .articles-container article ul {
    padding: 0 0 0 32px
    }
.layout-wysiwyg ol, .cke_editable ol, .content-overlay .articles-container article ol {
    padding: 0 0 0 32px
    }
.price-with-rebate {
    text-align: center
    }
.price-with-rebate .old-price {
    text-decoration: line-through;
    font-size: 1.4rem
    }
.price-with-rebate .rebate {
    color: #f02244;
    font-family: "AcherusBold", sans-serif;
    margin-left: 10px
    }
.price-with-rebate + p {
    color: #58c5c7;
    font-family: "AcherusBold", sans-serif;
    margin-top: -2px !important;
    text-align: center
    }
.h-level-1, h1 {
    font-family: "AcherusBold", sans-serif;
    opacity: 1
    }
@media only screen and (min-width: 1680px) {
    .h-level-1, h1 {
        font-size: 8rem;
        line-height: 9rem
        }
    }
@media only screen and (min-width: 600px) {
    .page-module .layout-wrapper > .h-level-1, .page-module .layout-wrapper > h1 {
        font-size: 5rem;
        line-height: 6rem
        }
    }
@media only screen and (min-width: 1440px) {
    .highlight.primary .layout-wrapper > .h-level-1, .highlight.primary .layout-wrapper > h1 {
        font-size: 10rem;
        line-height: 11rem
        }
    }
.highlight.primary article .h-level-1, .highlight.primary article h1 {
    font-family: "AcherusBlack", sans-serif
    }
@media only screen and (min-width: 768px) {
    .highlight.primary article .h-level-1, .highlight.primary article h1 {
        font-size: 5rem;
        line-height: 5.6rem
        }
    }
@media only screen and (min-width: 768px) {
    .content-overlay article .h-level-1, .content-overlay article h1 {
        font-size: 5.8rem;
        line-height: 6.6rem
        }
    }
@media only screen and (min-width: 1024px) {
    .hero--video .content .h-level-1, .hero--video .content h1 {
        font-size: 10rem;
        line-height: 10rem
        }
    }
.h-level-2, h2, .active-campaign ._form_element ._form-title {
    font-family: "AcherusBold", sans-serif
    }
@media only screen and (min-width: 1680px) {
    .h-level-2, h2, .active-campaign ._form_element ._form-title {
        font-size: 4.8rem;
        line-height: 5.4rem
        }
    }
@media only screen and (min-width: 1200px) {
    .mixed-content article .h-level-2, .mixed-content article h2, .mixed-content article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .mixed-content article ._form-title, .highlight.secondary article .h-level-2, .highlight.secondary article h2, .highlight.secondary article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .highlight.secondary article ._form-title {
        font-size: 2.6rem;
        line-height: 3rem
        }
    }
@media only screen and (min-width: 600px) {
    .suggested article .h-level-2, .suggested article h2, .suggested article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .suggested article ._form-title {
        font-size: 2.2rem;
        line-height: 2.6rem
        }
    }
.mixed-content.events .articles-container-slider article .h-level-2, .mixed-content.events .articles-container-slider article h2, .mixed-content.events .articles-container-slider article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .mixed-content.events .articles-container-slider article ._form-title {
    font-family: "AcherusBold", sans-serif;
    font-size: 2.2rem;
    line-height: 2.6rem
    }
@media only screen and (min-width: 600px) {
    .related-members .articles-container article .h-level-2, .related-members .articles-container article h2, .related-members .articles-container article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .related-members .articles-container article ._form-title {
        font-size: 1.6rem;
        line-height: 2.4rem
        }
    }
@media only screen and (min-width: 600px) {
    .related-members.member-listing-page .articles-container article .h-level-2, .related-members.member-listing-page .articles-container article h2, .related-members.member-listing-page .articles-container article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .related-members.member-listing-page .articles-container article ._form-title {
        font-size: 1.8rem;
        line-height: 2.4rem
        }
    }
@media only screen and (min-width: 600px) {
    .categories article .h-level-2, .categories article h2, .categories article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .categories article ._form-title {
        font-size: 1.6rem;
        line-height: 2.4rem
        }
    }
@media only screen and (min-width: 1680px) {
    .list-group-title .h-level-2, .list-group-title h2, .list-group-title .active-campaign ._form_element ._form-title, .active-campaign ._form_element .list-group-title ._form-title {
        font-size: 6rem;
        line-height: 7rem
        }
    }
.tabs-content .h-level-2, .tabs-content h2, .tabs-content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .tabs-content ._form-title {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 1em
    }
@media only screen and (min-width: 768px) {
    .user-login-forms .h-level-2, .user-login-forms h2, .user-login-forms .active-campaign ._form_element ._form-title, .active-campaign ._form_element .user-login-forms ._form-title {
        font-size: 2.4rem;
        line-height: 3rem
        }
    }
.infowindow .h-level-2, .infowindow h2, .infowindow .active-campaign ._form_element ._form-title, .active-campaign ._form_element .infowindow ._form-title {
    font-size: 1.8rem;
    line-height: 2.6rem
    }
.member-main-category.h-level-2, h2.member-main-category, .active-campaign ._form_element .member-main-category._form-title {
    font-family: "AcherusRegular", sans-serif
    }
@media only screen and (min-width: 600px) {
    .member-main-category.h-level-2, h2.member-main-category, .active-campaign ._form_element .member-main-category._form-title {
        font-size: 1.6rem;
        line-height: 2.4rem
        }
    }
@media only screen and (min-width: 1680px) {
    .map-enabled .list-item-content .h-level-2, .map-enabled .list-item-content h2, .map-enabled .list-item-content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .map-enabled .list-item-content ._form-title {
        font-size: 3.6rem;
        line-height: 4rem
        }
    }
.infowindow .h-level-2, .infowindow h2, .infowindow .active-campaign ._form_element ._form-title, .active-campaign ._form_element .infowindow ._form-title {
    font-size: 1.8rem;
    line-height: 2.2rem
    }
@media only screen and (min-width: 600px) {
    .search-results .articles-container article .h-level-2, .search-results .articles-container article h2, .search-results .articles-container article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .search-results .articles-container article ._form-title {
        font-size: 1.8rem;
        line-height: 2.4rem
        }
    }
.search-results .articles-container-search-featured article .h-level-2, .search-results .articles-container-search-featured article h2, .search-results .articles-container-search-featured article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .search-results .articles-container-search-featured article ._form-title {
    font-size: 2.2rem;
    line-height: 2.6rem
    }
.form .form-subtitle, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .h-level-3, h3 {
    font-family: "AcherusBold", sans-serif
    }
@media only screen and (min-width: 1680px) {
    .form .form-subtitle, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .h-level-3, h3 {
        font-size: 3.6rem;
        line-height: 4rem
        }
    }
.experiences-container:not(.feature) .form .form-subtitle, .form .experiences-container:not(.feature) .form-subtitle, .experiences-container:not(.feature) .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .experiences-container:not(.feature) .sv_api_section_head, .experiences-container:not(.feature) .h-level-3, .experiences-container:not(.feature) h3 {
    text-transform: uppercase;
    font-family: "AcherusBlack", sans-serif
    }
@media only screen and (min-width: 600px) {
    .experiences-container .form .form-subtitle, .form .experiences-container .form-subtitle, .experiences-container .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .experiences-container .sv_api_section_head, .experiences-container .h-level-3, .experiences-container h3 {
        font-size: 2rem;
        line-height: 2.6rem
        }
    }
.experiences-container.feature > div:first-child .form .form-subtitle, .form .experiences-container.feature > div:first-child .form-subtitle, .experiences-container.feature > div:first-child .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .experiences-container.feature > div:first-child .sv_api_section_head, .experiences-container.feature > div:first-child .h-level-3, .experiences-container.feature > div:first-child h3 {
    text-transform: uppercase
    }
@media only screen and (min-width: 600px) {
    .experiences-container.feature > div:first-child .form .form-subtitle, .form .experiences-container.feature > div:first-child .form-subtitle, .experiences-container.feature > div:first-child .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .experiences-container.feature > div:first-child .sv_api_section_head, .experiences-container.feature > div:first-child .h-level-3, .experiences-container.feature > div:first-child h3 {
        font-size: 3.6rem;
        line-height: 4rem;
        font-family: "AcherusBold", sans-serif
        }
    }
.experiences-container.feature > div:not(:first-child) .form .form-subtitle, .form .experiences-container.feature > div:not(:first-child) .form-subtitle, .experiences-container.feature > div:not(:first-child) .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .experiences-container.feature > div:not(:first-child) .sv_api_section_head, .experiences-container.feature > div:not(:first-child) .h-level-3, .experiences-container.feature > div:not(:first-child) h3 {
    font-size: 1.8rem;
    line-height: 2.2rem
    }
.neighbourhoods .experiences-container .form .form-subtitle, .form .neighbourhoods .experiences-container .form-subtitle, .neighbourhoods .experiences-container .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .neighbourhoods .experiences-container .sv_api_section_head, .neighbourhoods .experiences-container .h-level-3, .neighbourhoods .experiences-container h3 {
    font-family: "AcherusBlack", sans-serif
    }
@media only screen and (min-width: 600px) {
    .mixed-content article .form .form-subtitle, .form .mixed-content article .form-subtitle, .mixed-content article .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .mixed-content article .sv_api_section_head, .mixed-content article .h-level-3, .mixed-content article h3, .suggested article .form .form-subtitle, .form .suggested article .form-subtitle, .suggested article .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .suggested article .sv_api_section_head, .suggested article .h-level-3, .suggested article h3, .highlight.secondary article .form .form-subtitle, .form .highlight.secondary article .form-subtitle, .highlight.secondary article .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .highlight.secondary article .sv_api_section_head, .highlight.secondary article .h-level-3, .highlight.secondary article h3 {
        font-size: 1.4rem;
        line-height: 2rem
        }
    }
@media only screen and (min-width: 600px) {
    .listings article .form .form-subtitle, .form .listings article .form-subtitle, .listings article .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .listings article .sv_api_section_head, .listings article .h-level-3, .listings article h3 {
        font-size: 2.6rem;
        line-height: 3rem
        }
    }
.related-members .articles-container article .form .form-subtitle, .form .related-members .articles-container article .form-subtitle, .related-members .articles-container article .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .related-members .articles-container article .sv_api_section_head, .related-members .articles-container article .h-level-3, .related-members .articles-container article h3 {
    font-size: 1.2rem;
    line-height: 1.6rem
    }
.infowindow .form .form-subtitle, .form .infowindow .form-subtitle, .infowindow .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .infowindow .sv_api_section_head, .infowindow .h-level-3, .infowindow h3 {
    font-size: 1.4rem;
    line-height: 1.8rem
    }
.infowindow .form h2 + .form-subtitle, .form .infowindow h2 + .form-subtitle, .infowindow .active-campaign ._form_element .form ._form-title + .form-subtitle, .form .infowindow .active-campaign ._form_element ._form-title + .form-subtitle, .active-campaign ._form_element .infowindow .form ._form-title + .form-subtitle, .form .active-campaign ._form_element .infowindow ._form-title + .form-subtitle, .infowindow .sv_api_form .sv_api_main_tbl tbody tr h2 + .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .infowindow h2 + .sv_api_section_head, .infowindow .active-campaign ._form_element .sv_api_form .sv_api_main_tbl tbody tr ._form-title + .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .infowindow .active-campaign ._form_element ._form-title + .sv_api_section_head, .active-campaign ._form_element .infowindow .sv_api_form .sv_api_main_tbl tbody tr ._form-title + .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .active-campaign ._form_element .infowindow ._form-title + .sv_api_section_head, .infowindow h2 + .h-level-3, .infowindow .active-campaign ._form_element ._form-title + .h-level-3, .active-campaign ._form_element .infowindow ._form-title + .h-level-3, .infowindow h2 + h3, .infowindow .active-campaign ._form_element ._form-title + h3, .active-campaign ._form_element .infowindow ._form-title + h3 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-family: "AcherusRegular", sans-serif
    }
@media only screen and (min-width: 1680px) {
    .map-enabled .list-item .list-item-content .form .form-subtitle, .form .map-enabled .list-item .list-item-content .form-subtitle, .map-enabled .list-item .list-item-content .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .map-enabled .list-item .list-item-content .sv_api_section_head, .map-enabled .list-item .list-item-content .h-level-3, .map-enabled .list-item .list-item-content h3, .map-enabled .list-item .list-item-content .list-item-title-box .form .form-subtitle, .form .map-enabled .list-item .list-item-content .list-item-title-box .form-subtitle, .map-enabled .list-item .list-item-content .list-item-title-box .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .map-enabled .list-item .list-item-content .list-item-title-box .sv_api_section_head, .map-enabled .list-item .list-item-content .list-item-title-box .h-level-3, .map-enabled .list-item .list-item-content .list-item-title-box h3 {
        font-size: 3.2rem;
        line-height: 4rem
        }
    }
.search-results .articles-container article .form .form-subtitle, .form .search-results .articles-container article .form-subtitle, .search-results .articles-container article .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .search-results .articles-container article .sv_api_section_head, .search-results .articles-container article .h-level-3, .search-results .articles-container article h3 {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-family: "AcherusRegular", sans-serif
    }
@media only screen and (min-width: 768px) {
    .media-related-video .form .form-subtitle, .form .media-related-video .form-subtitle, .media-related-video .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .media-related-video .sv_api_section_head, .media-related-video .h-level-3, .media-related-video h3, .video.video-featured .media-related-video .form .form-subtitle, .form .video.video-featured .media-related-video .form-subtitle, .video.video-featured .media-related-video .sv_api_form .sv_api_main_tbl tbody tr .sv_api_section_head, .sv_api_form .sv_api_main_tbl tbody tr .video.video-featured .media-related-video .sv_api_section_head, .video.video-featured .media-related-video .h-level-3, .video.video-featured .media-related-video h3 {
        font-size: 1.8rem;
        line-height: 2.4rem
        }
    }
.h-level-4, h4 {
    font-family: "AcherusBold", sans-serif
    }
@media only screen and (min-width: 1680px) {
    .h-level-4, h4 {
        font-size: 3rem;
        line-height: 4rem
        }
    }
.articles-container article .h-level-4, .articles-container article h4 {
    font-size: 1.4rem;
    line-height: 2rem;
    font-family: "AcherusBlack", sans-serif
    }
.tabs-content .h-level-4, .tabs-content h4 {
    font-size: 1.8rem;
    line-height: 2.6rem
    }
.map-overlay .filters .h-level-4, .map-overlay .filters h4, .map-overlay .articles-container .h-level-4, .map-overlay .articles-container h4 {
    font-size: 1.3rem;
    line-height: 2rem
    }
h5 {
    font-family: "AcherusBold", sans-serif
    }
@media only screen and (min-width: 600px) {
    h5 {
        font-size: 2.2rem;
        line-height: 2.6rem
        }
    }
h6 {
    font-family: "AcherusBold", sans-serif
    }
@media only screen and (min-width: 768px) {
    h6 {
        font-size: 2rem;
        line-height: 2.6rem
        }
    }
@media only screen and (min-width: 900px) {
    h6.subtitle {
        font-size: 2.2rem;
        line-height: 2.6rem
        }
    }
.simple-play-button-small .icon-play {
    margin-left: 2px;
    margin-top: 2px;
    width: 26px
    }
.video-overlay .simple-play-button-small {
    position: relative
    }
.video-overlay .simple-play-button-small .icon-play {
    margin: 0;
    position: relative
    }
.video-overlay .simple-play-button-small .icon-play:after {
    border: 4px solid #282f50;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 64px;
    left: 50%;
    margin: -32px 0 0 -32px;
    position: absolute;
    top: 50%;
    transition: transform 0.2s;
    width: 64px
    }
.simple-play-button-small .text-play {
    -webkit-animation: none;
    animation: none
    }
.simple-play-button-small .text-play span svg {
    border: 4px solid #fff;
    border-radius: 50%;
    fill: none
    }
@media only screen and (min-width: 600px) {
    .simple-play-button-small .icon-play {
        width: 26px
        }
    .simple-play-button-small .text-play {
        height: 60px;
        margin: -32px 0 0 -32px;
        width: 60px
        }
    }
.no-touchevents .articles-container article:hover .video-overlay .simple-play-button-small .icon-play:after {
    transform: scale(1.1)
    }
h1, h2, .active-campaign ._form_element ._form-title, h3, h4, h5, h6 {
    font-weight: normal;
    letter-spacing: 0;
    margin: 0
    }
.h-level-1, .h-level-2, .h-level-3, .h-level-4 {
    display: block;
    font-weight: normal
    }
.layout-wysiwyg, .cke_editable {
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0 32px
    }
@media only screen and (min-width: 1440px) {
    .layout-wysiwyg, .cke_editable {
        max-width: 850px
        }
    }
.layout-wrapper .layout-wysiwyg, .layout-wrapper .cke_editable {
    padding: 0
    }
@media only screen and (min-width: 600px) {
    article.video.full > .layout-wysiwyg, article.video.full > .cke_editable {
        margin-bottom: 55px
        }
    }
.layout-wrapper-cheater-left > .layout-wysiwyg:first-child p:first-child, .layout-wrapper-cheater-left > .cke_editable:first-child p:first-child {
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-family: "AcherusBold", sans-serif
    }
@media only screen and (min-width: 1680px) {
    .layout-wrapper-cheater-left > .layout-wysiwyg, .layout-wrapper-cheater-left > .cke_editable {
        position: relative
        }
    }
@media only screen and (min-width: 1680px) {
    .map-enabled .layout-wrapper-cheater-left > .layout-wysiwyg, .map-enabled .layout-wrapper-cheater-left > .cke_editable {
        left: 0
        }
    }
.layout-wysiwyg .block-title-picto, .cke_editable .block-title-picto {
    display: none
    }
.layout-wysiwyg a.btn, .layout-wysiwyg a.btn:hover, .cke_editable a.btn, .cke_editable a.btn:hover {
    text-decoration: none
    }
.layout-wysiwyg a.btn-color-rhino, .layout-wysiwyg .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit a.sv_api_button, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .layout-wysiwyg a.sv_api_button, .cke_editable a.btn-color-rhino, .cke_editable .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit a.sv_api_button, .sv_api_form .sv_api_main_tbl tbody tr .sv_api_submit .cke_editable a.sv_api_button {
    color: #fff
    }
.layout-wysiwyg u, .cke_editable u {
    color: #e75a53;
    text-decoration: underline
    }
.layout-wysiwyg p, .layout-wysiwyg ol, .layout-wysiwyg ul, .layout-wysiwyg h1, .layout-wysiwyg h2, .layout-wysiwyg .active-campaign ._form_element ._form-title, .active-campaign ._form_element .layout-wysiwyg ._form-title, .layout-wysiwyg h3, .layout-wysiwyg h4, .layout-wysiwyg h5, .layout-wysiwyg h6, .layout-wysiwyg blockquote, .cke_editable p, .cke_editable ol, .cke_editable ul, .cke_editable h1, .cke_editable h2, .cke_editable .active-campaign ._form_element ._form-title, .active-campaign ._form_element .cke_editable ._form-title, .cke_editable h3, .cke_editable h4, .cke_editable h5, .cke_editable h6, .cke_editable blockquote {
    margin-bottom: 20px
    }
.layout-wysiwyg p:last-child, .layout-wysiwyg ol:last-child, .layout-wysiwyg ul:last-child, .layout-wysiwyg h1:last-child, .layout-wysiwyg h2:last-child, .layout-wysiwyg .active-campaign ._form_element ._form-title:last-child, .active-campaign ._form_element .layout-wysiwyg ._form-title:last-child, .layout-wysiwyg h3:last-child, .layout-wysiwyg h4:last-child, .layout-wysiwyg h5:last-child, .layout-wysiwyg h6:last-child, .layout-wysiwyg blockquote:last-child, .cke_editable p:last-child, .cke_editable ol:last-child, .cke_editable ul:last-child, .cke_editable h1:last-child, .cke_editable h2:last-child, .cke_editable .active-campaign ._form_element ._form-title:last-child, .active-campaign ._form_element .cke_editable ._form-title:last-child, .cke_editable h3:last-child, .cke_editable h4:last-child, .cke_editable h5:last-child, .cke_editable h6:last-child, .cke_editable blockquote:last-child {
    margin-bottom: 0
    }
.layout-wysiwyg ul + h2, .layout-wysiwyg .active-campaign ._form_element ul + ._form-title, .active-campaign ._form_element .layout-wysiwyg ul + ._form-title, .layout-wysiwyg ul + h3, .layout-wysiwyg ol + h2, .layout-wysiwyg .active-campaign ._form_element ol + ._form-title, .active-campaign ._form_element .layout-wysiwyg ol + ._form-title, .layout-wysiwyg ol + h3, .layout-wysiwyg p + h2, .layout-wysiwyg .active-campaign ._form_element p + ._form-title, .active-campaign ._form_element .layout-wysiwyg p + ._form-title, .layout-wysiwyg p + h3, .cke_editable ul + h2, .cke_editable .active-campaign ._form_element ul + ._form-title, .active-campaign ._form_element .cke_editable ul + ._form-title, .cke_editable ul + h3, .cke_editable ol + h2, .cke_editable .active-campaign ._form_element ol + ._form-title, .active-campaign ._form_element .cke_editable ol + ._form-title, .cke_editable ol + h3, .cke_editable p + h2, .cke_editable .active-campaign ._form_element p + ._form-title, .active-campaign ._form_element .cke_editable p + ._form-title, .cke_editable p + h3 {
    margin-top: 55px
    }
.layout-wysiwyg h2 + p, .layout-wysiwyg .active-campaign ._form_element ._form-title + p, .active-campaign ._form_element .layout-wysiwyg ._form-title + p, .layout-wysiwyg h3 + p, .cke_editable h2 + p, .cke_editable .active-campaign ._form_element ._form-title + p, .active-campaign ._form_element .cke_editable ._form-title + p, .cke_editable h3 + p {
    margin-top: -14px
    }
.layout-wysiwyg h2 + p > img, .layout-wysiwyg .active-campaign ._form_element ._form-title + p > img, .active-campaign ._form_element .layout-wysiwyg ._form-title + p > img, .layout-wysiwyg h3 + p > img, .cke_editable h2 + p > img, .cke_editable .active-campaign ._form_element ._form-title + p > img, .active-campaign ._form_element .cke_editable ._form-title + p > img, .cke_editable h3 + p > img {
    margin-top: calc(55px + 14px)
    }
.layout-wysiwyg h2 + h3, .layout-wysiwyg .active-campaign ._form_element ._form-title + h3, .active-campaign ._form_element .layout-wysiwyg ._form-title + h3, .layout-wysiwyg h3 + h3, .cke_editable h2 + h3, .cke_editable .active-campaign ._form_element ._form-title + h3, .active-campaign ._form_element .cke_editable ._form-title + h3, .cke_editable h3 + h3 {
    margin-top: -14px
    }
.layout-wysiwyg ul li, .layout-wysiwyg ol li, .cke_editable ul li, .cke_editable ol li {
    margin-bottom: 0.5em
    }
.layout-wysiwyg .block-background, .cke_editable .block-background {
    background: #f7f7f7;
    margin-left: -20px;
    padding: 20px;
    width: calc(100% + 40px)
    }
.layout-wysiwyg .block-background .media-image, .cke_editable .block-background .media-image {
    margin-bottom: 16px
    }
.layout-wysiwyg .block-background p, .cke_editable .block-background p {
    font-size: 1.8rem;
    line-height: 2.4rem
    }
.layout-wysiwyg .block-background :last-child, .cke_editable .block-background :last-child {
    margin-bottom: 0
    }
.layout-wysiwyg img, .cke_editable img {
    display: block;
    height: auto;
    max-width: 100%
    }
.layout-wysiwyg .inline-iframe, .layout-wysiwyg .block-text-image, .layout-wysiwyg > .media-image, .cke_editable .inline-iframe, .cke_editable .block-text-image, .cke_editable > .media-image {
    margin-bottom: 55px
    }
.list-item-content .layout-wysiwyg .inline-iframe, .list-item-content .layout-wysiwyg .block-text-image, .list-item-content .layout-wysiwyg > .media-image, .list-item-content .cke_editable .inline-iframe, .list-item-content .cke_editable .block-text-image, .list-item-content .cke_editable > .media-image {
    margin-left: 0;
    width: 100%
    }
.layout-wysiwyg .inline-iframe + h2, .layout-wysiwyg .active-campaign ._form_element .inline-iframe + ._form-title, .active-campaign ._form_element .layout-wysiwyg .inline-iframe + ._form-title, .layout-wysiwyg .inline-iframe + h3, .layout-wysiwyg .block-text-image + h2, .layout-wysiwyg .active-campaign ._form_element .block-text-image + ._form-title, .active-campaign ._form_element .layout-wysiwyg .block-text-image + ._form-title, .layout-wysiwyg .block-text-image + h3, .layout-wysiwyg > .media-image + h2, .active-campaign ._form_element .layout-wysiwyg > .media-image + ._form-title, .layout-wysiwyg > .media-image + h3, .cke_editable .inline-iframe + h2, .cke_editable .active-campaign ._form_element .inline-iframe + ._form-title, .active-campaign ._form_element .cke_editable .inline-iframe + ._form-title, .cke_editable .inline-iframe + h3, .cke_editable .block-text-image + h2, .cke_editable .active-campaign ._form_element .block-text-image + ._form-title, .active-campaign ._form_element .cke_editable .block-text-image + ._form-title, .cke_editable .block-text-image + h3, .cke_editable > .media-image + h2, .active-campaign ._form_element .cke_editable > .media-image + ._form-title, .cke_editable > .media-image + h3 {
    margin-top: 55px
    }
@media only screen and (min-width: 1680px) {
    .layout-wysiwyg > .media-image, .cke_editable > .media-image {
        width: 1200px
        }
    }
.layout-wysiwyg .inline-iframe, .layout-wysiwyg .block-text-image, .cke_editable .inline-iframe, .cke_editable .block-text-image {
    max-width: 1200px
    }
@media only screen and (min-width: 1200px) {
    .layout-wysiwyg .inline-iframe, .layout-wysiwyg .block-text-image, .cke_editable .inline-iframe, .cke_editable .block-text-image {
        margin-top: calc(28px + 14px);
        width: 1200px
        }
    }
@media only screen and (min-width: 784px) {
    .layout-wysiwyg .inline-iframe-small, .layout-wysiwyg .inline-iframe-instagram, .layout-wysiwyg .inline-iframe-instagram.media-image-small, .layout-wysiwyg .block-text-image-small, .layout-wysiwyg .block-text-image-instagram, .layout-wysiwyg .block-text-image-instagram.media-image-small, .cke_editable .inline-iframe-small, .cke_editable .inline-iframe-instagram, .cke_editable .inline-iframe-instagram.media-image-small, .cke_editable .block-text-image-small, .cke_editable .block-text-image-instagram, .cke_editable .block-text-image-instagram.media-image-small {
        margin-left: -32px
        }
    }
.layout-wysiwyg .block-text-image .text, .cke_editable .block-text-image .text {
    margin: 28px auto 0;
    padding: 0 32px
    }
@media only screen and (min-width: 1440px) {
    .layout-wysiwyg .block-text-image .text, .cke_editable .block-text-image .text {
        max-width: 850px
        }
    }
.list-page .layout-wysiwyg .block-text-image .text, .list-page .cke_editable .block-text-image .text {
    padding: 0
    }
.layout-wysiwyg .block-background .block-text-image, .cke_editable .block-background .block-text-image {
    display: block
    }
.layout-wysiwyg .block-background .block-text-image .text, .cke_editable .block-background .block-text-image .text {
    background: none;
    padding: 0
    }
.layout-wysiwyg h2 + .block-text-image, .layout-wysiwyg .active-campaign ._form_element ._form-title + .block-text-image, .active-campaign ._form_element .layout-wysiwyg ._form-title + .block-text-image, .layout-wysiwyg h3 + .block-text-image, .cke_editable h2 + .block-text-image, .cke_editable .active-campaign ._form_element ._form-title + .block-text-image, .active-campaign ._form_element .cke_editable ._form-title + .block-text-image, .cke_editable h3 + .block-text-image {
    margin-top: 28px
    }
.layout-wysiwyg .inline-iframe, .cke_editable .inline-iframe {
    height: 0;
    overflow: hidden;
    padding-bottom: calc(100vw * 0.5625);
    position: relative
    }
.layout-wysiwyg .inline-iframe iframe, .cke_editable .inline-iframe iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
    }
@media only screen and (min-width: 1200px) {
    .layout-wysiwyg .inline-iframe, .cke_editable .inline-iframe {
        padding-bottom: 94%
        }
    }
.layout-wysiwyg .inline-iframe-facebook-post, .layout-wysiwyg .inline-iframe-instagram, .cke_editable .inline-iframe-facebook-post, .cke_editable .inline-iframe-instagram {
    margin-left: 0;
    padding-bottom: 100%;
    width: 100%
    }
.layout-wysiwyg .inline-iframe-facebook-post, .cke_editable .inline-iframe-facebook-post {
    padding-bottom: 74px
    }
.layout-wysiwyg .inline-iframe-facebook-post iframe, .cke_editable .inline-iframe-facebook-post iframe {
    margin: 0 auto
    }
.layout-wysiwyg .inline-iframe-youtube, .cke_editable .inline-iframe-youtube {
    padding-bottom: 56.25%
    }
.layout-wysiwyg .inline-iframe-gmap, .cke_editable .inline-iframe-gmap {
    margin: 0;
    padding-bottom: calc(100% * 0.75);
    width: 100%
    }
@media only screen and (min-width: 600px) {
    .layout-wysiwyg .inline-iframe, .cke_editable .inline-iframe {
        margin-bottom: 55px
        }
    }
@media only screen and (min-width: 1024px) {
    .layout-wysiwyg .inline-iframe-gmap, .cke_editable .inline-iframe-gmap {
        margin-left: -32px;
        width: calc(100% + 64px)
        }
    }
.layout-wysiwyg .ckeditor-readmore-wrapper, .layout-wysiwyg .ckeditor-readmore, .cke_editable .ckeditor-readmore-wrapper, .cke_editable .ckeditor-readmore {
    margin: 0 0 32px
    }
.layout-wysiwyg .cr__gallery, .cke_editable .cr__gallery {
    margin-bottom: 32px;
    margin-left: -32px;
    width: 100vw
    }
.content-overlay .layout-wysiwyg, .content-overlay .cke_editable {
    max-width: none;
    padding: 0
    }
.layout-wysiwyg .press-release-ending, .cke_editable .press-release-ending {
    margin: 32px 0 !important;
    text-align: center
    }
.hero + .layout-wysiwyg p:first-child, .hero + .cke_editable p:first-child {
    font-family: "AcherusBold", sans-serif
    }
.hero + .layout-wysiwyg .block-text-image p, .hero + .cke_editable .block-text-image p {
    font-family: "AcherusRegular", sans-serif
    }
@media only screen and (min-width: 600px) {
    .hero + .layout-wysiwyg, .hero + .cke_editable {
        margin-bottom: 55px
        }
    }
@media only screen and (min-width: 720px) {
    .layout-wysiwyg .cr__gallery, .cke_editable .cr__gallery {
        margin: 0 0 32px 0;
        width: 100%
        }
    }
.page-title + .layout-wysiwyg, .page-title + .cke_editable {
    margin-bottom: 32px
    }
.media-video #progress-bar {
    background: #58c5c7;
    border: none;
    bottom: 0;
    display: block;
    height: 6px;
    left: -100%;
    position: absolute;
    transition: transform 0.75s linear;
    width: 100%;
    z-index: 5
    }
.duration {
    font-size: 1.4rem;
    background-color: #fff;
    border-radius: 5px;
    color: #282f50;
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1;
    padding: 5px 10px
    }
.video-teaser .video-metas {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 15px;
    position: absolute;
    right: 15px;
    top: -38px;
    z-index: 2
    }
.video-teaser .content .video-metas {
    justify-content: flex-end
    }
.video-teaser .content .video-metas .icon {
    border-color: #fff
    }
.video-teaser .content .duration {
    font-family: "AcherusBold", sans-serif;
    font-size: 1.2rem
    }
a.watch-more, .video-metas {
    display: inline-flex
    }
a.watch-more .icon-play, .video-metas .icon-play {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
    }
a.watch-more .icon-play svg, .video-metas .icon-play svg {
    height: 10px;
    width: 9px
    }
.no-touchevents a.watch-more:hover, .no-touchevents .video-metas:hover {
    text-decoration: none
    }
.no-touchevents a.watch-more:hover .icon, .no-touchevents .video-metas:hover .icon {
    border-color: transparent
    }
.no-touchevents a.watch-more:hover .icon:before, .no-touchevents .video-metas:hover .icon:before {
    transform: scale(1)
    }
.articles-container article .content .video-metas svg {
    fill: #fff
    }
#layout-footer {
    color: #000
    }
.neighbourhood-mode #layout-footer {
    display: none
    }
#layout-footer a {
    color: #000;
    line-height: 1.2
    }
#layout-footer #footer-top {
    border-top: 1px solid #d8d8d8
    }
#layout-footer #footer-logo {
    display: block;
    height: auto
    }
#layout-footer .h-level-4, #layout-footer #copyright p {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #9b9b9b;
    display: block;
    font-family: "AcherusBold", sans-serif
    }
#layout-footer #social ul {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
    max-width: 420px
    }
#layout-footer #social li {
    display: block;
    height: 40px;
    list-style-type: none;
    position: relative
    }
#layout-footer #social li span {
    pointer-events: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
    }
#layout-footer #social li svg {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s
    }
.no-touchevents #layout-footer #social li:hover svg {
    transform: translate(-50%, -50%) scale(1.1)
    }
#layout-footer #social a {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    text-indent: -1000px;
    width: 40px
    }
#layout-footer #phone a, #layout-footer #social p {
    font-family: "AcherusBlack", sans-serif;
    white-space: nowrap
    }
#layout-footer nav ul {
    margin: 0
    }
#layout-footer nav li {
    display: block;
    list-style-type: none
    }
#layout-footer nav a {
    display: inline-block;
    line-height: 2
    }
#layout-footer address {
    font-style: normal;
    line-height: 1.5
    }
#layout-footer #footer-menus nav ul {
    padding-right: 16px
    }
#layout-footer #footer-menus > div {
    min-height: 120px;
    position: relative
    }
#layout-footer #footer-menus > div h4 {
    margin-bottom: 1em
    }
#layout-footer #footer-menus > div p, #layout-footer #footer-menus > div address {
    font-size: 1.4rem;
    line-height: 2rem
    }
#layout-footer #footer-menus > div a {
    text-decoration: underline
    }
#layout-footer #footer-bottom {
    border-top: 2px solid #58c5c7;
    padding-bottom: 55px;
    padding-top: 30px
    }
#layout-footer #footer-logos a {
    align-self: end;
    display: block;
    margin-bottom: 0.75em;
    width: 100%
    }
#layout-footer #footer-logos a svg, #layout-footer #footer-logos a img {
    height: auto;
    width: 100%
    }
#layout-footer #footer-logos a:nth-child(1) {
    max-width: 107px
    }
#layout-footer #footer-logos a:nth-child(2) {
    justify-self: end;
    max-width: 120px
    }
#layout-footer #footer-logos a:nth-child(3) {
    max-width: 140px
    }
#layout-footer #footer-logos a:nth-child(4) {
    justify-self: end;
    max-width: 113px
    }
#layout-footer #copyright p {
    margin: 0
    }
@media only screen and (min-width: 1024px) {
    #layout-footer #footer-logos a:last-child {
        margin-right: 20%
        }
    }
@media only screen and (min-width: 768px) {
    #layout-footer {
        margin-top: 82px
        }
    #layout-footer #footer-top, #layout-footer #footer-menus {
        display: grid;
        grid-template-columns: 1fr 1fr minmax(auto, 240px);
        padding-bottom: 35px
        }
    #layout-footer #footer-top {
        padding-top: 55px
        }
    #layout-footer #phone, #layout-footer #social {
        padding-top: 18px
        }
    #layout-footer #phone a, #layout-footer #phone p, #layout-footer #social a, #layout-footer #social p {
        font-size: 2.6rem;
        line-height: 2.6rem;
        font-family: "AcherusBlack", sans-serif;
        white-space: nowrap
        }
    #layout-footer #phone p, #layout-footer #social p {
        margin: -2px 0 14px
        }
    #layout-footer #footer-logo {
        margin: 0;
        width: 204px
        }
    #layout-footer #footer-menus {
        padding-bottom: 38px
        }
    #layout-footer #footer-menus > div p:last-of-type {
        bottom: 4px;
        margin: 0;
        position: absolute
        }
    #layout-footer #social {
        padding-bottom: 0
        }
    #layout-footer #social a {
        display: flex
        }
    #layout-footer #social svg {
        width: 24px
        }
    #layout-footer nav ul:before {
        display: none
        }
    #layout-footer nav ul li a {
        font-size: 1.6rem;
        line-height: 2rem;
        padding: 6px 0
        }
    #layout-footer #footer-bottom {
        align-items: end;
        display: grid;
        grid-template-columns: 1fr auto
        }
    #layout-footer #footer-bottom nav {
        grid-column-start: 1;
        grid-column-end: -1;
        margin-top: 32px
        }
    #layout-footer #footer-bottom nav li, #layout-footer #footer-bottom nav a {
        display: inline-block
        }
    #layout-footer #footer-bottom nav li {
        margin: 0
        }
    #layout-footer #footer-bottom nav li:not(:last-of-type):after {
        font-size: 2.2rem;
        bottom: -3px;
        content: "·";
        line-height: 0;
        margin: 0 6px 0 8px;
        position: relative
        }
    #layout-footer #footer-bottom nav a {
        font-size: 1.4rem;
        line-height: 2rem
        }
    #layout-footer #footer-bottom #copyright p {
        text-align: right
        }
    }
@media only screen and (min-width: 600px) {
    #layout-footer #footer-logos {
        display: flex;
        justify-content: space-between;
        padding-bottom: 8px
        }
    #layout-footer #footer-logos a {
        align-self: flex-end;
        margin: 0 1em 0 0
        }
    #layout-footer #footer-logos a:nth-child(3) {
        margin-bottom: 3px
        }
    #layout-footer #footer-logos a:nth-child(2) {
        margin-bottom: -5px
        }
    #layout-footer #footer-logos a:nth-child(4) {
        margin-bottom: 3px
        }
    #layout-footer #footer-logos a:last-child {
        margin-bottom: 5px
        }
    }
#layout-header {
    background: none;
    overflow: hidden;
    position: absolute;
    width: 100vw;
    z-index: 10
    }
@media only screen and (min-width: 1200px) {
    .adminimal-admin-toolbar #layout-header {
        left: 53px;
        width: calc(100vw - 53px)
        }
    }
.neighbourhood-mode #layout-header {
    display: none
    }
#layout-header > * {
    position: relative;
    z-index: 1
    }
#layout-header:before {
    background: #282f50;
    content: "";
    display: block;
    height: 2000px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(138vw, -40%) rotate(-20deg);
    transition: transform 0.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 1400px;
    z-index: 0
    }
#layout-header a {
    color: #fff
    }
#layout-header #header-logo {
    display: block;
    position: relative;
    z-index: 9
    }
#layout-header #header-logo svg {
    display: block;
    fill: #58c5c7;
    width: 100%
    }
#layout-header nav ul {
    position: relative;
    z-index: 1
    }
#layout-header nav li {
    display: block;
    list-style-type: none
    }
#layout-header nav a {
    display: block
    }
#layout-header nav .follow {
    background: #fff;
    border-top: 2px solid #58c5c7;
    bottom: 10px;
    display: block;
    margin-left: 13px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translatey(6px);
    transition: transform 0.2s, left 0.2s, width 0.2s, opacity 0.2s
    }
.no-touchevents #layout-header nav:hover ul.nav-level-1:hover .follow {
    opacity: 1;
    transform: none;
    transition: transform 0.2s 0.2s, left 0.2s, width 0.2s, opacity 0.2s 0.2s
    }
#layout-header .nav-container .sub-nav-container .sub-nav .column > a {
    transition: color 0.3s
    }
#layout-header .nav-container .sub-nav-container .sub-nav .column > a .icon {
    margin-right: 14px;
    position: relative;
    width: 20px
    }
#layout-header .nav-container .sub-nav-container .sub-nav .column > a .icon svg {
    fill: #58c5c7
    }
.no-touchevents #layout-header .nav-container .sub-nav-container .sub-nav .column > a:hover {
    color: #58c5c7;
    text-decoration: none
    }
#layout-header .nav-container .sub-nav-container .sub-nav .column > .h-level-2 {
    font-size: 1.4rem;
    line-height: 1.5rem;
    color: #cfb87f;
    font-family: "AcherusBlack", sans-serif;
    text-transform: uppercase
    }
#layout-header .nav-container .sub-nav-container .sub-nav ul li a {
    white-space: initial
    }
@media only screen and (min-width: 1300px) {
    #layout-header #header-logo {
        height: 50px;
        width: 292px
        }
    #layout-header #header-logo .mobile {
        display: none
        }
    #layout-header #header-logo .desktop {
        display: inline
        }
    }
@media only screen and (min-width: 1024px) {
    #layout-header {
        height: 120px;
        left: 0;
        top: 0;
        transition: height 0s, transform 0.3s;
        width: 100%
        }
    #layout-header:before {
        height: 200vh;
        transition: transform 0.5s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
        width: 135vw
        }
    #layout-header .layout-wrapper {
        display: flex;
        justify-content: space-between;
        padding-top: 35px
        }
    #layout-header #header-logo, .main-menu-opened #layout-header #header-logo {
        margin-top: -2px
        }
    #layout-header #header-logo svg, .main-menu-opened #layout-header #header-logo svg {
        fill: #58c5c7
        }
    .main-menu-closing #layout-header {
        transition: height 0s 0.6s, transform 0.3s
        }
    #layout-header #header-logo svg {
        transition: fill 0.3s 0.2s
        }
    #layout-header nav ul {
        display: flex;
        margin: 0
        }
    #layout-header nav li {
        font-size: 1.4rem;
        line-height: 1.4rem;
        letter-spacing: 0.08em;
        font-family: "AcherusBold", sans-serif;
        margin: 0;
        opacity: 1;
        text-transform: uppercase;
        transform: none;
        transition: none
        }
    #layout-header nav li a {
        color: #282f50;
        height: 60px;
        line-height: 60px;
        overflow: hidden;
        padding: 0 1em;
        position: relative;
        transition: color 0.3s;
        white-space: nowrap
        }
    #layout-header nav li a .icon {
        display: none
        }
    .no-touchevents #layout-header nav li a:hover {
        color: #58c5c7;
        text-decoration: none
        }
    .no-touchevents #layout-header nav li a:hover:before {
        transform: translatey(0%)
        }
    #layout-header nav li.is-active a {
        color: #58c5c7
        }
    #layout-header .nav-container {
        display: flex;
        margin-right: 40px;
        z-index: 3
        }
    #layout-header .nav-container .sub-nav-container {
        left: 0;
        position: absolute;
        top: 150px;
        width: 100%
        }
    #layout-header .nav-container .sub-nav-container .sub-nav {
        align-items: start;
        display: grid;
        grid-template-columns: 320px 1fr 1fr;
        height: 100%;
        left: 64px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transform: translatey(40px);
        transition: opacity 0.3s, transform 0.3s;
        width: calc(100% - 164px);
        z-index: -1
        }
    #layout-header .nav-container .sub-nav-container .sub-nav button {
        display: none
        }
    #layout-header .nav-container .sub-nav-container .sub-nav .featured-article .h-level-1 {
        font-size: 2.2rem;
        line-height: 2.8rem;
        margin: 18px 0 10px
        }
    #layout-header .nav-container .sub-nav-container .sub-nav .featured-article > p {
        font-size: 1.8rem;
        line-height: 1.5rem;
        font-family: "AcherusBlack", sans-serif;
        margin: 0 0 14px
        }
    #layout-header .nav-container .sub-nav-container .sub-nav .featured-article a.read-more .icon svg {
        fill: #fff
        }
    .no-touchevents #layout-header .nav-container .sub-nav-container .sub-nav .featured-article:hover .read-more .icon svg {
        transform: translate(0, -50%)
        }
    #layout-header .nav-container .sub-nav-container .sub-nav article {
        position: relative
        }
    #layout-header .nav-container .sub-nav-container .sub-nav .media-container {
        padding-bottom: 62.5%
        }
    #layout-header .nav-container .sub-nav-container .sub-nav ul {
        display: block
        }
    #layout-header .nav-container .sub-nav-container .sub-nav ul li {
        font-size: 3rem;
        display: block;
        font-family: "AcherusRegular", sans-serif;
        text-transform: initial
        }
    #layout-header .nav-container .sub-nav-container .sub-nav ul li a {
        display: inline-block;
        height: auto;
        letter-spacing: 0;
        line-height: 1;
        margin: 0;
        padding: 0.5em 0
        }
    #layout-header .nav-container .sub-nav-container .sub-nav ul li:nth-child(1) {
        transition-delay: 0.45s
        }
    #layout-header .nav-container .sub-nav-container .sub-nav ul li:nth-child(2) {
        transition-delay: 0.5s
        }
    #layout-header .nav-container .sub-nav-container .sub-nav ul li:nth-child(3) {
        transition-delay: 0.55s
        }
    #layout-header .nav-container .sub-nav-container .sub-nav ul li:nth-child(4) {
        transition-delay: 0.6s
        }
    #layout-header .nav-container .sub-nav-container .sub-nav ul li:nth-child(5) {
        transition-delay: 0.65s
        }
    #layout-header .nav-container .sub-nav-container .sub-nav ul li:nth-child(6) {
        transition-delay: 0.7s
        }
    #layout-header .nav-container .sub-nav-container .sub-nav ul li:nth-child(7) {
        transition-delay: 0.75s
        }
    #layout-header .nav-container .sub-nav-container .sub-nav ul li:nth-child(8) {
        transition-delay: 0.8s
        }
    #layout-header .nav-container .sub-nav-container .sub-nav ul li:nth-child(9) {
        transition-delay: 0.85s
        }
    #layout-header .nav-container .sub-nav-container .sub-nav .column {
        padding-left: 10%
        }
    #layout-header .nav-container .sub-nav-container .sub-nav .column .h-level-2 {
        margin-top: 6px
        }
    #layout-header .nav-container .sub-nav-container .sub-nav .column > a {
        font-size: 2.4rem;
        line-height: 3rem;
        margin-top: 20px
        }
    #layout-header .nav-container .sub-nav-container .sub-nav .column > a .icon {
        bottom: -3px
        }
    #layout-header .nav-container .sub-nav-container .sub-nav .column-left ul {
        margin-top: 4px
        }
    #layout-header .nav-container .sub-nav-container .sub-nav .column-right ul li {
        font-size: 2.4rem;
        line-height: 3rem
        }
    #layout-header .nav-container .sub-nav-container .sub-nav.selected {
        opacity: 1;
        pointer-events: initial;
        transform: none;
        transition: opacity 0.3s 0.2s, transform 0.3s 0.2s;
        z-index: 1
        }
    #layout-header .nav-container .sub-nav-container .sub-nav.selected ul li {
        opacity: 1;
        transform: none
        }
    #layout-header .secondary-navigation {
        position: absolute;
        right: 0;
        top: 0;
        transition: transform 0.3s;
        width: 100%
        }
    #layout-header .secondary-navigation .layout-wrapper {
        justify-content: flex-end;
        padding: 0
        }
    #layout-header .secondary-navigation nav ul {
        transition: transform 0.3s
        }
    #layout-header .secondary-navigation nav li a {
        font-size: 1.1rem;
        height: auto;
        line-height: 30px;
        padding: 0 13px;
        text-transform: none
        }
    #layout-header .secondary-navigation nav li.is-active a {
        color: #282f50
        }
    .no-touchevents #layout-header .secondary-navigation nav li.is-active a:hover {
        color: #58c5c7
        }
    #layout-header .secondary-navigation nav .follow {
        bottom: auto;
        top: 0;
        transform: translatey(-2px)
        }
    #layout-header .secondary-navigation nav.has-active-link .follow {
        opacity: 1;
        transform: none
        }
    #layout-header .secondary-navigation nav.nav-languages {
        height: 30px;
        margin-right: -4px;
        overflow: hidden;
        position: relative;
        text-align: center;
        transition: width 0.3s;
        width: 34px
        }
    #layout-header .secondary-navigation nav.nav-languages .follow {
        background: none;
        bottom: auto;
        border: none;
        height: 30px !important;
        margin: 0;
        opacity: 0;
        top: 0;
        width: 34px !important;
        z-index: -1
        }
    #layout-header .secondary-navigation nav.nav-languages .follow svg {
        left: 4px;
        position: absolute;
        top: 4px;
        width: 26px
        }
    #layout-header .secondary-navigation nav.nav-languages .follow path {
        stroke: 1
        }
    #layout-header .secondary-navigation nav.nav-languages ul {
        display: flex;
        justify-content: flex-end;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 200px
        }
    .no-touchevents #layout-header .secondary-navigation nav.nav-languages ul:hover .follow {
        opacity: 1
        }
    #layout-header .secondary-navigation nav.nav-languages ul li {
        display: block
        }
    #layout-header .secondary-navigation nav.nav-languages ul li a {
        height: auto;
        line-height: 30px;
        overflow: visible;
        padding: 0 0 4px 0;
        width: 34px
        }
    .no-touchevents #layout-header .secondary-navigation nav.nav-languages ul li a:hover {
        color: #282f50
        }
    .no-touchevents #layout-header .secondary-navigation nav.nav-languages ul li a:hover:after {
        opacity: 1
        }
    #layout-header .secondary-navigation nav.nav-languages ul li[hreflang=en] {
        order: 98
        }
    #layout-header .secondary-navigation nav.nav-languages ul li[hreflang=fr] {
        order: 97
        }
    #layout-header .secondary-navigation nav.nav-languages ul li.is-active {
        order: 99
        }
    #layout-header .secondary-navigation nav.nav-languages ul li.is-active a {
        color: #282f50
        }
    #layout-header.lang-opened .secondary-navigation .nav-languages {
        width: 102px
        }
    #layout-header.lang-opened .secondary-navigation .nav-languages .follow {
        opacity: 1
        }
    #layout-header.sub-nav-opened {
        color: #fff;
        height: 100vh;
        overflow: hidden;
        transition: height 0s, transform 0.3s
        }
    #layout-header.sub-nav-opened:before {
        transform: translatey(-30%) translatex(-15%) rotate(-20deg);
        transition: transform 0.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1)
        }
    #layout-header.sub-nav-opened:hover .follow {
        opacity: 1;
        transform: none;
        transition: transform 0.2s 0.2s, left 0.2s, width 0.2s, opacity 0.2s 0.2s
        }
    #layout-header.sub-nav-opened #header-logo svg {
        fill: #fff
        }
    #layout-header.sub-nav-opened a {
        color: #fff
        }
    #layout-header.sub-nav-opened .secondary-navigation {
        transform: translatey(-120%)
        }
    #layout-header.sub-nav-opened .secondary-navigation nav ul li a {
        color: #282f50
        }
    #layout-header .nav-container {
        transition: opacity 0.5s 0.4s
        }
    .main-menu-opened #layout-header.showing-results .nav-container {
        opacity: 0;
        transition: opacity 0.5s
        }
    }
@media only screen and (min-width: 1160px) {
    #layout-header nav li {
        font-size: 1.4rem
        }
    #layout-header .nav-container .sub-nav-container .sub-nav {
        grid-template-columns: 350px 1fr 1fr
        }
    #layout-header .nav-container .sub-nav-container .sub-nav .column {
        padding-left: 20%
        }
    }
@media only screen and (min-width: 1680px) {
    #layout-header .nav-container .sub-nav-container .sub-nav .column-left {
        padding-left: 40%
        }
    #layout-header .nav-container .sub-nav-container .sub-nav .column-right {
        padding-left: 20%
        }
    }
@media screen and (min-height: 1000px) {
    #layout-header:before {
        height: 300vh;
        width: 160vw
        }
    }
@media only screen and (min-width: 600px) {
    .has-notice #layout-header:not(.header-fixed) {
        top: 72px
        }
    .main-menu-opened .has-notice #layout-header:not(.header-fixed) {
        transform: translatey(-72px)
        }
    }
#layout-header.header-fixed {
    margin-top: var(--admin-bar-offset);
    opacity: 0;
    position: fixed;
    transform: translatey(-80px);
    transition: height 0s 0.6s, opacity 0s 0.6s, transform 0.5s ease-in-out;
    z-index: 11
    }
#layout-header.header-fixed .notice {
    display: none
    }
.main-menu-opened #layout-header.header-fixed {
    transform: none
    }
.main-nav-force-hide #layout-header.header-fixed {
    display: none
    }
.main-nav-sticky #layout-header.header-fixed {
    opacity: 1
    }
.main-nav-sticky.main-nav-showing #layout-header.header-fixed {
    transform: translatey(0);
    transition: height 0s 0.6s, opacity 0s 0.6s, transform 0.5s ease-in-out
    }
.main-menu-opened.main-nav-showing.main-nav-sticky #layout-header.header-fixed {
    transition: height 0s, opacity 0s 0.6s, transform 0.5s ease-in-out
    }
#layout-header.header-fixed:after {
    background: #fff;
    box-shadow: 0 0 3px rgba(155, 155, 155, 0.3);
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
    }
#layout-header.header-fixed #header-logo .mobile {
    display: none
    }
#layout-header.header-fixed #header-logo .desktop {
    display: block
    }
@media only screen and (min-width: 1024px) {
    #layout-header.header-fixed {
        height: 90px
        }
    #layout-header.header-fixed.sub-nav-opened {
        height: 100vh
        }
    #layout-header.header-fixed .secondary-navigation {
        display: none
        }
    #layout-header.header-fixed:after {
        height: 80px
        }
    #layout-header.header-fixed #header-logo {
        margin-top: 2px;
        width: 260px
        }
    #layout-header.header-fixed .layout-wrapper {
        padding-top: 10px
        }
    }
#menu-toggle {
    background: none;
    height: 36px;
    padding: 0;
    position: absolute;
    right: 24px;
    text-decoration: none;
    text-indent: -1000px;
    transition: opacity 0.3s 0.4s;
    top: 15px;
    width: 40px;
    z-index: 2
    }
#menu-toggle span {
    background: #58c5c7;
    display: block;
    height: 2px;
    left: 8px;
    position: absolute;
    top: 50%;
    transform-origin: center center;
    transition: width 0.2s;
    width: 24px
    }
#menu-toggle span:nth-child(1) {
    margin: -8px 0 0 0;
    transition: width 0.2s 0.4s, background-color 0.2s 0.2s
    }
#menu-toggle span:nth-child(2) {
    transition: width 0.2s 0.5s, background-color 0.2s 0.2s
    }
#menu-toggle span:nth-child(3) {
    margin: 8px 0 0 0;
    transition: width 0.2s 0.6s, background-color 0.2s 0.2s
    }
#menu-toggle span:nth-child(4) {
    left: 12px;
    top: 10px;
    transform: rotate(45deg);
    transform-origin: bottom left;
    transition: width 0.2s 0s, background-color 0.2s 0.2s;
    width: 0
    }
#menu-toggle span:nth-child(5) {
    left: auto;
    right: 12px;
    top: 10px;
    transform: rotate(-45deg);
    transform-origin: top right;
    transition: width 0.2s 0.2s, background-color 0.2s 0.2s;
    width: 0
    }
.main-menu-opened #menu-toggle span {
    background: #58c5c7
    }
.main-menu-opened #menu-toggle span:nth-child(1) {
    transition: width 0.2s 0.2s, background-color 0.2s 0.2s;
    width: 0
    }
.main-menu-opened #menu-toggle span:nth-child(2) {
    transition: width 0.2s 0.3s, background-color 0.2s 0.2s;
    width: 0
    }
.main-menu-opened #menu-toggle span:nth-child(3) {
    transition: width 0.2s 0.4s, background-color 0.2s 0.2s;
    width: 0
    }
.main-menu-opened #menu-toggle span:nth-child(4) {
    transition: width 0.2s 0.5s, background-color 0.2s 0.2s;
    width: 23px
    }
.main-menu-opened #menu-toggle span:nth-child(5) {
    transition: width 0.2s 0.6s, background-color 0.2s 0.2s;
    width: 23px
    }
@media only screen and (min-width: 1024px) {
    #menu-toggle {
        display: none
        }
    }
#menu-close {
    background: none;
    border: 0;
    height: calc(100vh - 200px);
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 237px;
    transform: translatex(100%);
    transition: transform 0.3s 0.1s, background-color 0.3s, opacity 0.3s;
    width: 100px;
    z-index: 0
    }
#menu-close > span {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #fff;
    display: block;
    height: 40px;
    left: 50%;
    margin: 0 0 0 -10px;
    position: absolute;
    text-indent: -10px;
    top: 20px;
    transform: rotate(-90deg);
    transform-origin: right bottom;
    transition: opacity 0.3s, transform 0.3s;
    width: 40px
    }
#menu-close > span:before, #menu-close > span:after {
    background: #58c5c7;
    content: "";
    display: block;
    height: 2px;
    left: 100%;
    margin: -8px 0 0 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: transform 0.3s;
    width: 24px
    }
#menu-close > span:after {
    transform: translate(-50%, -50%) rotate(-45deg)
    }
.no-touchevents #menu-close:hover > span:before {
    transform: translate(-50%, -50%) rotate(45deg) scale(1.2)
    }
.no-touchevents #menu-close:hover > span:after {
    transform: translate(-50%, -50%) rotate(-45deg) scale(1.2)
    }
.sub-nav-opened #menu-close {
    opacity: 1;
    pointer-events: initial;
    transform: none;
    transition: transform 0.3s, background-color 0.3s, opacity 0.3s;
    z-index: 10
    }
#search-toggle {
    background: none;
    display: none;
    height: 60px;
    padding: 0;
    width: 40px
    }
#search-toggle .icon {
    margin-top: -2px;
    padding: 0
    }
#search-toggle svg {
    fill: #58c5c7;
    transition: fill 0.3s
    }
.sub-nav-opened #search-toggle svg {
    fill: #fff
    }
@media only screen and (min-width: 1024px) {
    #search-toggle {
        display: block
        }
    }
.has-video-hero #layout-header:not(.header-fixed) .search-toggle, .has-video-hero #layout-header:not(.header-fixed) .secondary-navigation nav li.is-active a, .has-video-hero #layout-header:not(.header-fixed) nav a, .page-must-see #layout-header:not(.header-fixed) .search-toggle, .page-must-see #layout-header:not(.header-fixed) .secondary-navigation nav li.is-active a, .page-must-see #layout-header:not(.header-fixed) nav a {
    color: #fff
    }
.has-video-hero #layout-header:not(.header-fixed) .search-toggle svg, .has-video-hero #layout-header:not(.header-fixed) #header-logo svg, .page-must-see #layout-header:not(.header-fixed) .search-toggle svg, .page-must-see #layout-header:not(.header-fixed) #header-logo svg {
    fill: #fff
    }
.has-video-hero #layout-header:not(.header-fixed) #menu-toggle span, .page-must-see #layout-header:not(.header-fixed) #menu-toggle span {
    background: #fff
    }
@media only screen and (min-width: 1024px) {
    .has-video-hero #layout-header:not(.header-fixed), .page-must-see #layout-header:not(.header-fixed) {
        height: 180px
        }
    .main-menu-opened .has-video-hero #layout-header:not(.header-fixed), .main-menu-opened .page-must-see #layout-header:not(.header-fixed) {
        height: calc(var(--vh, 1vh) * 100)
        }
    }
.has-video-hero #layout-header:not(.header-fixed):after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    content: "";
    height: 180px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
    }
.error-403 .layout-breadcrumbs, .error-404 .layout-breadcrumbs, .path-frontpage .layout-breadcrumbs, .page-node-type-homepage .layout-breadcrumbs {
    display: none
    }
.layout-breadcrumbs + #layout-footer {
    margin-top: 0
    }
.layout-breadcrumbs ol {
    font-size: 1.4rem;
    line-height: 1.6rem;
    border-top: 1px solid #d8d8d8;
    display: flex;
    margin: 0;
    padding: 20px 0
    }
.layout-breadcrumbs ol li {
    display: block
    }
.layout-breadcrumbs ol li:after {
    content: "";
    border-right: 1px solid #282f50;
    border-bottom: 1px solid #282f50;
    display: inline-block;
    height: 5px;
    margin: 0 10px 0 7px;
    transform: rotate(-45deg) translatey(-2px);
    width: 5px
    }
.layout-breadcrumbs ol li:last-child:after {
    display: none
    }
.layout-breadcrumbs ol li.front span[itemprop="name"] {
    display: none
    }
.layout-breadcrumbs ol li .icon {
    height: auto;
    width: 20px
    }
.layout-breadcrumbs ol li svg {
    fill: #282f50
    }
.neighbourhood-mode .layout-breadcrumbs ol {
    border-bottom: 1px solid #d8d8d8
    }
@media only screen and (min-width: 600px) {
    .neighbourhood-mode .layout-breadcrumbs {
        margin-bottom: 64px
        }
    }
@media only screen and (min-width: 1024px) {
    .layout-breadcrumbs {
        margin-top: 82px
        }
    }
.inline-module {
    background: #f7f7f7
    }
@media only screen and (min-width: 768px) {
    .inline-module {
        padding-bottom: 82px;
        padding-top: 82px
        }
    }
.inline-module-mandy {
    background: #e75a53;
    color: #fff
    }
.inline-module-rhino {
    background: #282f50;
    color: #fff
    }
.inline-module-tan {
    background: #cfb87f
    }
.page-module.map-overlay {
    margin-bottom: 0
    }
@media only screen and (min-width: 600px) {
    .page-module {
        margin-bottom: 55px
        }
    .page-module.related-members + .related-members {
        margin-top: -28px
        }
    .page-module .layout-wrapper:first-child {
        margin-bottom: 42px
        }
    .page-module .layout-wrapper:first-child .h-level-1 {
        max-width: 16em
        }
    .page-module.text .layout-wrapper:first-child {
        margin-bottom: 18px
        }
    }
.articles-container {
    position: relative;
    --text-color: #282f50
    }
.articles-container article {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative
    }
.articles-container article h1, .articles-container article h2, .articles-container article .active-campaign ._form_element ._form-title, .active-campaign ._form_element .articles-container article ._form-title, .articles-container article h3, .articles-container article p {
    margin: 0
    }
.articles-container article a.read-more {
    display: block;
    margin-top: auto
    }
.articles-container article a.watch-more {
    margin-top: auto
    }
.articles-container article .simple-play-button, .articles-container article .simple-play-button-small {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
    }
.articles-container article .simple-play-button .icon-play svg, .articles-container article .simple-play-button-small .icon-play svg {
    fill: #fff
    }
.articles-container article .simple-play-button .icon-play:after, .articles-container article .simple-play-button-small .icon-play:after {
    border-color: #fff
    }
.articles-container article > .icon-external-alt {
    display: block;
    height: 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: 2
    }
.articles-container article > .icon-external-alt:after {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 60%);
    content: "";
    display: block;
    height: 200px;
    position: absolute;
    right: -100px;
    top: -100px;
    width: 200px;
    z-index: 0
    }
.articles-container article > .icon-external-alt svg {
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    z-index: 1;
    fill: #fff
    }
.articles-container article .content {
    color: var(--text-color);
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    pointer-events: none
    }
.articles-container article .content .layout-wysiwyg {
    margin-left: 0;
    margin-right: 0
    }
.articles-container article .content p, .articles-container article .content .layout-wysiwyg p {
    font-size: 1.8rem;
    line-height: 2.6rem
    }
.articles-container article .content h4 {
    margin-top: 6px
    }
.articles-container article .content a, .articles-container article .content a.read-more, .articles-container article .content a.watch-more {
    color: var(--text-color)
    }
.articles-container article .content table {
    margin-top: 32px;
    font-size: 1.4rem;
    line-height: 2rem
    }
.articles-container article .content table th {
    background: #fff;
    padding: 10px;
    text-align: center
    }
.articles-container article .content table tr:nth-child(odd) {
    background: rgba(213, 240, 241, 0.5)
    }
.articles-container article .content table td {
    min-width: 50px;
    padding: 10px;
    text-align: center
    }
.articles-container article .content table td:first-child {
    text-align: left
    }
.articles-container article .content svg {
    fill: var(--text-color)
    }
.articles-container article .content .hotel-rating {
    display: inline-flex
    }
.articles-container article .content .hotel-rating .rating {
    margin: 0 3px 0 6px
    }
.articles-container article .content .hotel-rating .rating:first-child {
    margin-left: 0
    }
.articles-container article .content .hotel-rating .rating .rating-item {
    height: 22px;
    width: 14px
    }
.categories .articles-container {
    --text-color: #fff
    }
.primary .articles-container {
    z-index: 2;
    --text-color: #fff
    }
.primary .articles-container article .h-level-2 {
    max-width: 14em
    }
.primary .articles-container article .content {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3
    }
.primary .articles-container article .media-image {
    z-index: 1
    }
.suggested .articles-container, .listings .articles-container, .mixed-content .articles-container, .secondary .articles-container {
    padding-bottom: 0;
    --text-color: #282f50
    }
.suggested .articles-container article .content, .listings .articles-container article .content, .mixed-content .articles-container article .content, .secondary .articles-container article .content {
    padding: 20px 0 0;
    position: relative
    }
.suggested .articles-container article .content .content-tag, .listings .articles-container article .content .content-tag, .mixed-content .articles-container article .content .content-tag, .secondary .articles-container article .content .content-tag {
    border: 0;
    padding: 0
    }
.suggested .articles-container article .content .content-tag span, .listings .articles-container article .content .content-tag span, .mixed-content .articles-container article .content .content-tag span, .secondary .articles-container article .content .content-tag span {
    border-radius: 5px;
    left: 10px;
    padding: 5px 10px;
    position: absolute;
    top: -10px;
    transform: translate(0, -100%)
    }
.suggested .articles-container article .content .content-sponsored span, .listings .articles-container article .content .content-sponsored span, .mixed-content .articles-container article .content .content-sponsored span, .secondary .articles-container article .content .content-sponsored span {
    background: #d5f0f1;
    color: #282f50
    }
.suggested .articles-container article .content .content-major span, .suggested .articles-container article .content .content-must-see span, .listings .articles-container article .content .content-major span, .listings .articles-container article .content .content-must-see span, .mixed-content .articles-container article .content .content-major span, .mixed-content .articles-container article .content .content-must-see span, .secondary .articles-container article .content .content-major span, .secondary .articles-container article .content .content-must-see span {
    background: #707589;
    color: #fff
    }
.suggested .articles-container article .media-container:before, .listings .articles-container article .media-container:before, .mixed-content .articles-container article .media-container:before, .secondary .articles-container article .media-container:before {
    display: none
    }
.suggested .articles-container article .content a.read-more, .suggested .articles-container article .content a.watch-more, .listings .articles-container article .content a.read-more, .listings .articles-container article .content a.watch-more, .mixed-content .articles-container article .content a.read-more, .mixed-content .articles-container article .content a.watch-more, .secondary .articles-container article .content a.read-more, .secondary .articles-container article .content a.watch-more {
    font-family: "AcherusBold", sans-serif
    }
.inline-module-rhino .articles-container {
    --text-color: #fff
    }
.suggested .articles-container article .content {
    padding-right: 20px
    }
.listings .articles-container article .gallery {
    z-index: 10
    }
.no-touchevents .categories .articles-container article .media, .no-touchevents .search-results .articles-container article .media, .no-touchevents .mixed-content .articles-container article .media, .no-touchevents .suggested .articles-container article .media, .no-touchevents .related-members .articles-container article .media, .no-touchevents .listings .articles-container article .media, .no-touchevents .highlight.secondary .articles-container article .media {
    overflow: hidden
    }
.no-touchevents .categories .articles-container article .media:before, .no-touchevents .search-results .articles-container article .media:before, .no-touchevents .mixed-content .articles-container article .media:before, .no-touchevents .suggested .articles-container article .media:before, .no-touchevents .related-members .articles-container article .media:before, .no-touchevents .listings .articles-container article .media:before, .no-touchevents .highlight.secondary .articles-container article .media:before {
    background: #58c5c7;
    bottom: 0;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    transform: translatey(6px);
    transition: transform 0.3s;
    width: 100%;
    z-index: 2
    }
.no-touchevents .categories .articles-container article:hover .media:before, .no-touchevents .search-results .articles-container article:hover .media:before, .no-touchevents .mixed-content .articles-container article:hover .media:before, .no-touchevents .suggested .articles-container article:hover .media:before, .no-touchevents .related-members .articles-container article:hover .media:before, .no-touchevents .listings .articles-container article:hover .media:before, .no-touchevents .highlight.secondary .articles-container article:hover .media:before {
    transform: translatey(0)
    }
.content-overlay .articles-container article .layout-wysiwyg {
    margin-bottom: 28px
    }
.content-overlay .articles-container article ul.rating {
    display: inline-flex;
    padding: 0
    }
.content-overlay .articles-container article ul li, .content-overlay .articles-container article ol li {
    margin-bottom: 14px
    }
.search-results .articles-container ul, .map-overlay .articles-container ul {
    margin: 0
    }
.search-results .articles-container > ul > li, .map-overlay .articles-container > ul > li {
    display: block;
    margin-bottom: 16px;
    position: relative
    }
.search-results .articles-container > ul > li:before, .map-overlay .articles-container > ul > li:before {
    background: #d5f0f1;
    content: "";
    display: block;
    height: calc(100% + 16px);
    left: -32px;
    opacity: 0;
    position: absolute;
    top: -8px;
    transition: opacity 0.3s;
    width: calc(100% + 64px)
    }
.search-results .articles-container > ul > li.selected:before, .map-overlay .articles-container > ul > li.selected:before {
    opacity: 1
    }
.search-results .articles-container article, .map-overlay .articles-container article {
    flex-direction: row;
    max-width: 620px
    }
.search-results .articles-container article.view-all, .map-overlay .articles-container article.view-all {
    border-top: 1px solid #d8d8d8;
    display: block;
    height: auto;
    margin-top: 25px;
    padding: 20px 0
    }
.search-results .articles-container article .content .h-level-2, .map-overlay .articles-container article .content .h-level-2 {
    margin-top: 0;
    max-width: none
    }
.search-results .articles-container article .content .layout-wysiwyg, .map-overlay .articles-container article .content .layout-wysiwyg {
    margin: 6px 0 0 0
    }
.search-results .articles-container article .content .layout-wysiwyg p, .map-overlay .articles-container article .content .layout-wysiwyg p {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin: 0
    }
.search-results .articles-container article .media-image, .map-overlay .articles-container article .media-image {
    margin-right: 16px;
    width: 124px
    }
.search-results .articles-container {
    margin: 0;
    width: 100%;
    --text-color: #fff
    }
.search-results .articles-container article .media-image {
    align-self: flex-start;
    width: 110px
    }
@media only screen and (min-width: 600px) {
    .search-results .articles-container article .content {
        padding-right: 32px
        }
    }
@media only screen and (min-width: 1024px) {
    .search-results .articles-container article .media-image {
        width: 150px
        }
    }
.search-container-page .search-results .articles-container {
    --text-color: #282f50
    }
.page-module.listings.neighbourhoods .articles-container article {
    background: #fff
    }
.page-module.listings.neighbourhoods .articles-container article .content {
    padding: 16px
    }
.content-overlay .articles-container article .gallery .content-slider li {
    margin: 0
    }
html.touchevents .content-overlay .articles-container .content > :last-child {
    margin-bottom: 120px
    }
@media only screen and (min-width: 768px) {
    .primary .articles-container .content {
        padding: 40px
        }
    .secondary .articles-container article .content {
        padding-right: 6em
        }
    .content-overlay .articles-container article h1 + span {
        font-size: 1.6rem;
        line-height: 2rem
        }
    .content-overlay .articles-container article .content {
        box-sizing: content-box;
        margin: 0 auto;
        max-width: 620px;
        padding: 55px 120px 64px
        }
    }
@media only screen and (min-width: 600px) {
    .articles-container article .h-level-2 {
        margin-top: 2px
        }
    .articles-container article p {
        margin-top: 18px
        }
    .articles-container article a.read-more, .articles-container article a.watch-more {
        padding-top: 20px
        }
    .primary .articles-container article h1 {
        margin-bottom: 12px
        }
    .mixed-content .articles-container .content-slider article .content {
        padding-right: 64px
        }
    .categories .articles-container .content-slider article .h-level-2 {
        margin-top: 15px
        }
    .categories .articles-container .content-slider article .content {
        padding-right: 16px
        }
    .related-members .articles-container article.accommodation-teaser .h-level-2 {
        margin-bottom: 0
        }
    .related-members .articles-container article.accommodation-teaser p.small {
        line-height: 1.8rem
        }
    .related-members .articles-container article .h-level-1 {
        margin: 14px 0 8px
        }
    }
.articles-container-grid {
    z-index: 0
    }
.articles-container-grid > ul {
    display: grid;
    grid-gap: 32px 28px
    }
.articles-container-grid > ul li {
    display: block
    }
@media only screen and (min-width: 1024px) {
    .articles-container-grid > ul {
        grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }
.search-results .articles-container-search-featured ul > li {
    margin-bottom: 28px
    }
.search-results .articles-container-search-featured article {
    display: block;
    max-width: 406px
    }
.search-results .articles-container-search-featured article .media-image {
    width: auto
    }
.search-results .articles-container-search-featured article .content .h-level-2 {
    margin-top: 21px
    }
.search-results .articles-container-search-featured article .content .layout-wysiwyg {
    display: none
    }
@media screen and (min-width: 1024px) and (max-height: 960px) {
    .search-results .articles-container-search-featured article {
        max-width: 406px;
        width: 100%
        }
    .search-results .articles-container-search-featured ul li {
        display: none
        }
    .search-results .articles-container-search-featured ul li:first-child {
        display: block
        }
    }
@media only screen and (min-width: 768px) {
    .article-metas {
        margin-bottom: 55px
        }
    }
.article-metas .article-tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 14px
    }
.article-metas .article-tags .date {
    margin-bottom: 10px
    }
@media only screen and (min-width: 600px) {
    .article-metas .article-tags {
        align-items: center;
        flex-direction: row;
        justify-content: flex-start
        }
    .article-metas .article-tags .date {
        margin-right: 32px
        }
    .article-metas .article-tags .tags {
        margin-top: 0;
        padding-bottom: 0
        }
    }
.article-metas hr {
    background: #cfb87f;
    border: none;
    display: block;
    height: 2px;
    margin: 0;
    width: 100%
    }
.article-metas .crown-accent {
    margin: 0;
    text-align: center
    }
.article-metas .crown-accent .picto {
    display: inline-block;
    margin-top: 30px
    }
@media only screen and (min-width: 1024px) {
    .article-metas .crown-accent .picto {
        margin-top: 90px
        }
    }
.article-metas p, .article-metas div, .article-metas .layout-wysiwyg p {
    font-size: 1.4rem;
    line-height: 2rem
    }
@media only screen and (min-width: 600px) {
    .page-node-type-article .layout-wysiwyg {
        margin-bottom: 55px
        }
    }
.related-members .cta-map {
    margin-top: 28px
    }
@media only screen and (min-width: 600px) {
    .related-members .articles-container article .h-level-2 {
        margin: 10px 0 6px
        }
    }
.author-container .layout-wrapper {
    margin: 0 auto;
    padding: 0 32px
    }
@media only screen and (min-width: 1440px) {
    .author-container .layout-wrapper {
        max-width: 850px
        }
    }
.author-container .layout-wysiwyg {
    padding: 0
    }
.author-container .metas {
    overflow: hidden
    }
.author-container span {
    display: block
    }
.author-container .author {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: "AcherusBold", sans-serif;
    padding-top: 11px
    }
.author-container .count {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #9b9b9b
    }
.author-container .media-container {
    border-radius: 50%;
    float: left;
    height: 52px;
    margin-right: 20px;
    overflow: hidden;
    width: 52px
    }
@media only screen and (min-width: 600px) {
    .author-container .metas {
        padding-bottom: 32px;
        padding-top: 32px
        }
    }
.author-container-featured .content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
    }
.author-container-featured .content .actions {
    align-items: flex-end;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 0
    }
.author-container-featured .content .actions a {
    margin-top: 12px
    }
.author-container-featured .author {
    font-family: "HurmeBold", sans-serif;
    padding-top: 0
    }
.author-container-featured .job-title {
    font-size: 2rem;
    line-height: 2.4rem
    }
.author-container-featured .phones {
    font-size: 1.6rem;
    line-height: 1.8rem;
    display: flex;
    padding: 16px 0
    }
.author-container-featured .phones > a {
    margin-right: 16px
    }
.author-container-featured .phones > a span {
    display: inline-block;
    width: 14px
    }
.author-container-featured .description .layout-wysiwyg {
    margin-bottom: 0
    }
.author-container-featured .description .layout-wysiwyg p {
    font-size: 1.6rem;
    line-height: 2.2rem
    }
.author-container-featured .layout-wrapper {
    background: #f7f7f7;
    padding-bottom: 32px;
    padding-top: 32px
    }
.author-container-featured .layout-wrapper .media-container {
    border-radius: 0;
    height: 0;
    width: 100%
    }
.author-container-featured .layout-wrapper .actions {
    margin-top: 28px;
    grid-column-start: 1;
    grid-column-end: -1
    }
.author-container-featured .layout-wrapper .actions .btn {
    margin-right: 10px
    }
@media only screen and (min-width: 600px) {
    .author-container-featured .layout-wrapper {
        display: grid;
        grid-template-columns: 240px 1fr;
        grid-gap: 20px
        }
    .author-container-featured .author {
        font-size: 3.6rem;
        line-height: 4rem
        }
    }
.page-module.categories {
    margin-top: 20vh;
    position: relative
    }
.page-module.categories .crown-container, .page-module.categories .crown-container.crown-stroke {
    bottom: 0;
    height: calc(100% + 20vh);
    margin-top: -20vh;
    top: auto;
    z-index: 0
    }
.page-module.categories .crown svg path {
    stroke: #282f50
    }
@media only screen and (min-width: 1024px) {
    .page-module.categories {
        padding: 100px 0
        }
    }
.content-overlay, .map-overlay {
    bottom: 0;
    height: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    transition: width 0s 0.5s, height 0s 0.5s, z-index 0s 0.5s;
    width: 0;
    z-index: -1
    }
.content-overlay > div.close, .map-overlay > div.close {
    background: rgba(40, 47, 80, 0.6);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.3s 0.1s;
    width: 100%;
    z-index: -1
    }
.content-overlay > .btn-close, .map-overlay > .btn-close {
    left: auto;
    position: absolute;
    transform: scale(0)
    }
.content-overlay article .content, .map-overlay article .content {
    pointer-events: initial
    }
.content-overlay article .content .btn-color-fountain, .map-overlay article .content .btn-color-fountain {
    align-self: flex-start;
    margin: 10px 0 20px
    }
.page-title {
    padding-top: 40px
    }
@media only screen and (min-width: 1440px) {
    .page-title {
        padding-top: 50px
        }
    }
.page-title h1 {
    max-width: 14em
    }
.page-title h2, .page-title .active-campaign ._form_element ._form-title, .active-campaign ._form_element .page-title ._form-title {
    margin-top: 3px
    }
.page-title hr {
    background: #d8d8d8;
    border: 0;
    height: 1px
    }
@media only screen and (min-width: 1024px) {
    .page-title hr {
        margin-top: 55px
        }
    }
@media only screen and (min-width: 600px) {
    .page-title {
        margin-bottom: 55px
        }
    }
.content-slider {
    list-style: none;
    margin: 0
    }
.content-slider.tns-slider:not([data-slider-type="gallery"]) {
    display: flex
    }
html.is-edge .content-slider.tns-slider:not([data-slider-type="gallery"]) {
    display: block
    }
.content-slider, .content-slider .tns-item {
    outline: none
    }
.slider-counter {
    margin-top: 2em
    }
.slider-counter > span {
    display: inline-block;
    width: 10px
    }
.tns-nav {
    bottom: 12px;
    display: flex;
    left: 50%;
    position: absolute;
    transform: translatex(-50%);
    z-index: 2;
    touch-action: manipulation
    }
.tns-nav button {
    background: #c9cbd3;
    border-radius: 50%;
    height: 10px;
    margin: 0 3px;
    padding: 0;
    width: 10px
    }
.tns-nav button.tns-nav-active {
    background: #58c5c7
    }
.floating-controls {
    overflow: hidden
    }
.video-overlay, .tns-controls {
    outline: none;
    --slide-number: 1;
    --small-slide-number: 1;
    --image-ratio: 1;
    --small-image-ratio: 1;
    --gutter-width: 0;
    --small-gutter-width: 0;
    touch-action: manipulation
    }
.highlight.secondary .video-overlay, .hiding-controls .video-overlay, .highlight.secondary .tns-controls, .hiding-controls .tns-controls {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
    }
.highlight.secondary .video-overlay button, .hiding-controls .video-overlay button, .highlight.secondary .tns-controls button, .hiding-controls .tns-controls button {
    pointer-events: initial;
    top: 50%
    }
.highlight.secondary .video-overlay button[data-controls="prev"], .hiding-controls .video-overlay button[data-controls="prev"], .highlight.secondary .tns-controls button[data-controls="prev"], .hiding-controls .tns-controls button[data-controls="prev"] {
    left: 20px
    }
.highlight.secondary .video-overlay button:disabled, .hiding-controls .video-overlay button:disabled, .highlight.secondary .tns-controls button:disabled, .hiding-controls .tns-controls button:disabled {
    cursor: initial;
    pointer-events: none
    }
.highlight.secondary .video-overlay button span, .hiding-controls .video-overlay button span, .highlight.secondary .tns-controls button span, .hiding-controls .tns-controls button span {
    transform: scale(0)
    }
.hiding-controls.showing-left .video-overlay button:not(:disabled)[data-controls="prev"] span, .hiding-controls.showing-left .tns-controls button:not(:disabled)[data-controls="prev"] span {
    transform: scale(1)
    }
.hiding-controls.showing-right .video-overlay button[data-controls="next"] span, .hiding-controls.showing-right .tns-controls button[data-controls="next"] span {
    transform: scale(1)
    }
.hiding-controls.showing-right .video-overlay button[data-controls="next"]:disabled, .hiding-controls.showing-right .tns-controls button[data-controls="next"]:disabled {
    pointer-events: initial
    }
.no-touchevents .hiding-controls.showing-right .video-overlay button:active span, .no-touchevents .hiding-controls.showing-left .video-overlay button:active span, .no-touchevents .hiding-controls.showing .video-overlay button:active span, .no-touchevents .hiding-controls.showing-right .tns-controls button:active span, .no-touchevents .hiding-controls.showing-left .tns-controls button:active span, .no-touchevents .hiding-controls.showing .tns-controls button:active span {
    transform: scale(0.96)
    }
@media only screen and (min-width: 1200px) {
    .categories .video-overlay button, .suggested .video-overlay button, .highlight.secondary .video-overlay button, .mixed-content .video-overlay button, .categories .tns-controls button, .suggested .tns-controls button, .highlight.secondary .tns-controls button, .mixed-content .tns-controls button {
        margin-left: -108px
        }
    }
@media only screen and (min-width: 768px) {
    .mixed-content .video-overlay, .mixed-content .tns-controls {
        height: calc(370px * 0.625)
        }
    }
.results-container .video-overlay, .results-container .tns-controls {
    --play-width: 90px;
    position: absolute;
    left: 0;
    top: 0;
    height: calc(var(--play-width) * 0.75);
    width: var(--play-width)
    }
@media only screen and (min-width: 1024px) {
    .results-container .video-overlay, .results-container .tns-controls {
        --play-width: 124px
        }
    }
.highlight.secondary .video-overlay, .highlight.secondary .tns-controls {
    --slide-number: 2;
    --small-slide-number: 1;
    --image-ratio: 0.625;
    --small-image-ratio: 0.625;
    --gutter-width: 10px;
    --small-gutter-width: 10px
    }
.neighbourhoods .video-overlay, .neighbourhoods .tns-controls {
    --slide-number: 3.5;
    --small-slide-number: 3.5;
    --image-ratio: 0.625;
    --image-ratio: 0.625;
    --gutter-width: 16px;
    --small-gutter-width: 10px
    }
.mixed-content .video-overlay, .mixed-content .tns-controls {
    --slide-number: 3.5;
    --small-slide-number: 3.5;
    --image-ratio: 1.2;
    --small-image-ratio: 0.39;
    --gutter-width: 16px;
    --small-gutter-width: 10px
    }
.suggested .video-overlay, .suggested .tns-controls {
    --slide-number: 3.5;
    --small-slide-number: 2.5;
    --image-ratio: 1.05;
    --small-image-ratio: 0.5;
    --gutter-width: 16px;
    --small-gutter-width: 10px
    }
@media only screen and (min-width: 768px) {
    .suggested .articles-container .video-overlay, .suggested .articles-container .tns-controls {
        height: calc(370px * var(--image-ratio))
        }
    }
.articles-container-slider .video-overlay, .articles-container-slider .tns-controls {
    --slide-number: 2.3;
    --small-slide-number: 2.3;
    --image-ratio: 0.625;
    --small-image-ratio: 0.625;
    --gutter-width: 16px;
    --small-gutter-width: 10px
    }
.mixed-content-double-slider .articles-container-slider .video-overlay, .mixed-content-double-slider .articles-container-slider .tns-controls {
    --slide-number: 3.5;
    --small-slide-number: 1.8;
    --image-ratio: 0.625;
    --small-image-ratio: 0.75
    }
.events .articles-container-slider .video-overlay, .events .articles-container-slider .tns-controls {
    --slide-number: 3.2;
    --small-slide-number: 3.2;
    --image-ratio: 0.625;
    --small-image-ratio: 0.625
    }
.itineraries .articles-container-slider .video-overlay, .itineraries .articles-container-slider .tns-controls {
    --slide-number: 3.5;
    --small-slide-number: 3.5;
    --image-ratio: 0.625;
    --small-image-ratio: 0.625
    }
.categories .video-overlay, .categories .tns-controls {
    height: calc(230px * 1.5)
    }
.touchevents .gallery .video-overlay button, .touchevents .gallery .tns-controls button {
    top: 50%
    }
.content-overlay > .articles-container > .tns-outer > .video-overlay, .content-overlay > .articles-container > .tns-outer > .tns-controls {
    background: #fff;
    bottom: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    height: 60px;
    max-width: 1100px;
    position: fixed;
    right: 0;
    transform: translatey(100%);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 100%;
    z-index: 30
    }
.content-overlay > .articles-container > .tns-outer > .video-overlay button, .content-overlay > .articles-container > .tns-outer > .tns-controls button {
    height: 60px;
    transform: none;
    width: 50%
    }
.content-overlay > .articles-container > .tns-outer > .video-overlay button span, .content-overlay > .articles-container > .tns-outer > .tns-controls button span {
    border-radius: 0;
    box-shadow: none
    }
.content-overlay > .articles-container > .tns-outer > .video-overlay button[data-controls="next"], .content-overlay > .articles-container > .tns-outer > .tns-controls button[data-controls="next"] {
    right: 0
    }
.content-overlay > .articles-container > .tns-outer > .video-overlay button[data-controls="next"] span:before, .content-overlay > .articles-container > .tns-outer > .tns-controls button[data-controls="next"] span:before {
    background-position: right 30px top 24px
    }
.content-overlay > .articles-container > .tns-outer > .video-overlay button[data-controls="prev"], .content-overlay > .articles-container > .tns-outer > .tns-controls button[data-controls="prev"] {
    left: 0
    }
.content-overlay > .articles-container > .tns-outer > .video-overlay button[data-controls="prev"] span:before, .content-overlay > .articles-container > .tns-outer > .tns-controls button[data-controls="prev"] span:before {
    background-position: right 30px top 24px
    }
.no-touchevents .content-overlay > .articles-container > .tns-outer > .video-overlay button:hover, .no-touchevents .content-overlay > .articles-container > .tns-outer > .tns-controls button:hover {
    transform: none
    }
.no-touchevents .content-overlay > .articles-container > .tns-outer > .video-overlay button span, .no-touchevents .content-overlay > .articles-container > .tns-outer > .tns-controls button span {
    transition: background-color 0.3s
    }
.no-touchevents .content-overlay > .articles-container > .tns-outer > .video-overlay button span:hover, .no-touchevents .content-overlay > .articles-container > .tns-outer > .tns-controls button span:hover {
    background-color: #d5f0f1;
    box-shadow: none
    }
.no-touchevents .content-overlay > .articles-container > .tns-outer > .video-overlay button span:active, .no-touchevents .content-overlay > .articles-container > .tns-outer > .tns-controls button span:active {
    transform: scale(1)
    }
.has-overlay .content-overlay > .articles-container > .tns-outer > .video-overlay, .has-overlay .content-overlay > .articles-container > .tns-outer > .tns-controls {
    transform: none;
    transition: transform 0.3s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
.floating-controls .video-overlay button, .floating-controls .tns-controls button {
    cursor: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s
    }
.floating-controls .video-overlay button[data-controls="prev"], .floating-controls .tns-controls button[data-controls="prev"] {
    margin: -30px 0 0 -50px
    }
.floating-controls .video-overlay button[data-controls="next"], .floating-controls .tns-controls button[data-controls="next"] {
    margin: -30px -50px 0 0
    }
.floating-controls.is-floating .video-overlay button, .floating-controls.is-floating .tns-controls button {
    pointer-events: initial
    }
.floating-controls.is-floating-right .video-overlay button[data-controls="next"], .floating-controls.is-floating-right .tns-controls button[data-controls="next"] {
    opacity: 1
    }
.floating-controls.is-floating-left .video-overlay button[data-controls="prev"], .floating-controls.is-floating-left .tns-controls button[data-controls="prev"] {
    opacity: 1
    }
.list-item .gallery.floating-controls .video-overlay button, .list-item .gallery.floating-controls .tns-controls button {
    height: 42px;
    width: 42px
    }
.list-item .gallery.floating-controls .video-overlay button span:before, .list-item .gallery.floating-controls .tns-controls button span:before {
    background-position: center 16px;
    background-size: 12px auto
    }
.list-item .gallery.floating-controls .video-overlay button[data-controls="prev"], .list-item .gallery.floating-controls .tns-controls button[data-controls="prev"] {
    margin: -21px 0 0 -21px
    }
.list-item .gallery.floating-controls .video-overlay button[data-controls="next"], .list-item .gallery.floating-controls .tns-controls button[data-controls="next"] {
    margin: -21px -21px 0 0
    }
.tns-autowidth {
    display: block
    }
.no-touchevents .hiding-controls.fixed-controls:hover .tns-controls button[data-controls="prev"] span {
    transform: scale(1)
    }
@media only screen and (min-width: 600px) {
    .content-slider[data-slider-type="articles"] .slide > div {
        display: grid;
        height: 100%;
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr
        }
    .content-slider[data-slider-type="members"] .slide > div {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: repeat(3, 1fr)
        }
    }
.content-slider:not(.tns-slider) {
    --placeholderbg: #f7f7f7
    }
.inline-module .content-slider:not(.tns-slider) {
    --placeholderbg: #fff
    }
.inline-module-mandy .content-slider:not(.tns-slider) {
    --placeholderbg: #ed837e
    }
.inline-module-rhino .content-slider:not(.tns-slider) {
    --placeholderbg: #2d415e
    }
.inline-module-tan .content-slider:not(.tns-slider) {
    --placeholderbg: #a59473
    }
.gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider), .categories .content-slider:not(.tns-slider), .related-members .content-slider:not(.tns-slider), .mixed-content .content-slider:not(.tns-slider), .suggested .content-slider:not(.tns-slider), .highlight.secondary .content-slider:not(.tns-slider) {
    display: flex;
    flex-wrap: nowrap
    }
.gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) li, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) > article, .categories .content-slider:not(.tns-slider) li, .categories .content-slider:not(.tns-slider) > article, .related-members .content-slider:not(.tns-slider) li, .related-members .content-slider:not(.tns-slider) > article, .mixed-content .content-slider:not(.tns-slider) li, .mixed-content .content-slider:not(.tns-slider) > article, .suggested .content-slider:not(.tns-slider) li, .suggested .content-slider:not(.tns-slider) > article, .highlight.secondary .content-slider:not(.tns-slider) li, .highlight.secondary .content-slider:not(.tns-slider) > article {
    flex: 0 0 auto;
    margin-right: 10px
    }
.gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) li .content h2, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) li .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) li .content ._form-title, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) li .content h3, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) li .content h4, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) > article .content h2, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) > article .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) > article .content ._form-title, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) > article .content h3, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) > article .content h4, .categories .content-slider:not(.tns-slider) li .content h2, .categories .content-slider:not(.tns-slider) li .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .categories .content-slider:not(.tns-slider) li .content ._form-title, .categories .content-slider:not(.tns-slider) li .content h3, .categories .content-slider:not(.tns-slider) li .content h4, .categories .content-slider:not(.tns-slider) > article .content h2, .categories .content-slider:not(.tns-slider) > article .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .categories .content-slider:not(.tns-slider) > article .content ._form-title, .categories .content-slider:not(.tns-slider) > article .content h3, .categories .content-slider:not(.tns-slider) > article .content h4, .related-members .content-slider:not(.tns-slider) li .content h2, .related-members .content-slider:not(.tns-slider) li .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .related-members .content-slider:not(.tns-slider) li .content ._form-title, .related-members .content-slider:not(.tns-slider) li .content h3, .related-members .content-slider:not(.tns-slider) li .content h4, .related-members .content-slider:not(.tns-slider) > article .content h2, .related-members .content-slider:not(.tns-slider) > article .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .related-members .content-slider:not(.tns-slider) > article .content ._form-title, .related-members .content-slider:not(.tns-slider) > article .content h3, .related-members .content-slider:not(.tns-slider) > article .content h4, .mixed-content .content-slider:not(.tns-slider) li .content h2, .mixed-content .content-slider:not(.tns-slider) li .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .mixed-content .content-slider:not(.tns-slider) li .content ._form-title, .mixed-content .content-slider:not(.tns-slider) li .content h3, .mixed-content .content-slider:not(.tns-slider) li .content h4, .mixed-content .content-slider:not(.tns-slider) > article .content h2, .mixed-content .content-slider:not(.tns-slider) > article .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .mixed-content .content-slider:not(.tns-slider) > article .content ._form-title, .mixed-content .content-slider:not(.tns-slider) > article .content h3, .mixed-content .content-slider:not(.tns-slider) > article .content h4, .suggested .content-slider:not(.tns-slider) li .content h2, .suggested .content-slider:not(.tns-slider) li .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .suggested .content-slider:not(.tns-slider) li .content ._form-title, .suggested .content-slider:not(.tns-slider) li .content h3, .suggested .content-slider:not(.tns-slider) li .content h4, .suggested .content-slider:not(.tns-slider) > article .content h2, .suggested .content-slider:not(.tns-slider) > article .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .suggested .content-slider:not(.tns-slider) > article .content ._form-title, .suggested .content-slider:not(.tns-slider) > article .content h3, .suggested .content-slider:not(.tns-slider) > article .content h4, .highlight.secondary .content-slider:not(.tns-slider) li .content h2, .highlight.secondary .content-slider:not(.tns-slider) li .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .highlight.secondary .content-slider:not(.tns-slider) li .content ._form-title, .highlight.secondary .content-slider:not(.tns-slider) li .content h3, .highlight.secondary .content-slider:not(.tns-slider) li .content h4, .highlight.secondary .content-slider:not(.tns-slider) > article .content h2, .highlight.secondary .content-slider:not(.tns-slider) > article .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .highlight.secondary .content-slider:not(.tns-slider) > article .content ._form-title, .highlight.secondary .content-slider:not(.tns-slider) > article .content h3, .highlight.secondary .content-slider:not(.tns-slider) > article .content h4 {
    background: var(--placeholderbg);
    border-radius: 3px;
    height: 20px;
    overflow: hidden;
    text-indent: -1000px;
    width: 80%
    }
.gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) li .content h3, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) li .content h4, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) > article .content h3, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) > article .content h4, .categories .content-slider:not(.tns-slider) li .content h3, .categories .content-slider:not(.tns-slider) li .content h4, .categories .content-slider:not(.tns-slider) > article .content h3, .categories .content-slider:not(.tns-slider) > article .content h4, .related-members .content-slider:not(.tns-slider) li .content h3, .related-members .content-slider:not(.tns-slider) li .content h4, .related-members .content-slider:not(.tns-slider) > article .content h3, .related-members .content-slider:not(.tns-slider) > article .content h4, .mixed-content .content-slider:not(.tns-slider) li .content h3, .mixed-content .content-slider:not(.tns-slider) li .content h4, .mixed-content .content-slider:not(.tns-slider) > article .content h3, .mixed-content .content-slider:not(.tns-slider) > article .content h4, .suggested .content-slider:not(.tns-slider) li .content h3, .suggested .content-slider:not(.tns-slider) li .content h4, .suggested .content-slider:not(.tns-slider) > article .content h3, .suggested .content-slider:not(.tns-slider) > article .content h4, .highlight.secondary .content-slider:not(.tns-slider) li .content h3, .highlight.secondary .content-slider:not(.tns-slider) li .content h4, .highlight.secondary .content-slider:not(.tns-slider) > article .content h3, .highlight.secondary .content-slider:not(.tns-slider) > article .content h4 {
    height: 12px;
    margin-bottom: 10px;
    width: 50%
    }
.gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) li .content p, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) li .content a.read-more, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) > article .content p, .gallery.display-slider:not(.display-unique) .content-slider:not(.tns-slider) > article .content a.read-more, .categories .content-slider:not(.tns-slider) li .content p, .categories .content-slider:not(.tns-slider) li .content a.read-more, .categories .content-slider:not(.tns-slider) > article .content p, .categories .content-slider:not(.tns-slider) > article .content a.read-more, .related-members .content-slider:not(.tns-slider) li .content p, .related-members .content-slider:not(.tns-slider) li .content a.read-more, .related-members .content-slider:not(.tns-slider) > article .content p, .related-members .content-slider:not(.tns-slider) > article .content a.read-more, .mixed-content .content-slider:not(.tns-slider) li .content p, .mixed-content .content-slider:not(.tns-slider) li .content a.read-more, .mixed-content .content-slider:not(.tns-slider) > article .content p, .mixed-content .content-slider:not(.tns-slider) > article .content a.read-more, .suggested .content-slider:not(.tns-slider) li .content p, .suggested .content-slider:not(.tns-slider) li .content a.read-more, .suggested .content-slider:not(.tns-slider) > article .content p, .suggested .content-slider:not(.tns-slider) > article .content a.read-more, .highlight.secondary .content-slider:not(.tns-slider) li .content p, .highlight.secondary .content-slider:not(.tns-slider) li .content a.read-more, .highlight.secondary .content-slider:not(.tns-slider) > article .content p, .highlight.secondary .content-slider:not(.tns-slider) > article .content a.read-more {
    opacity: 0
    }
.categories .content-slider:not(.tns-slider) > article .content h1 {
    background: #ed837e
    }
.categories .content-slider:not(.tns-slider) {
    display: flex;
    flex-wrap: nowrap
    }
.categories .content-slider:not(.tns-slider) article {
    flex: 0 0 auto;
    margin-right: 10px;
    width: 220px
    }
.highlight.secondary .content-slider:not(.tns-slider) {
    --box-ratio: 0.832
    }
.highlight.secondary .content-slider:not(.tns-slider) li {
    margin-right: 10px
    }
.mixed-content .content-slider:not(.tns-slider) {
    --box-ratio: 0.554
    }
.mixed-content .content-slider:not(.tns-slider) li {
    margin-right: 16px;
    width: 354px
    }
.related-members .content-slider:not(.tns-slider) li {
    width: 33.33%
    }
.suggested .content-slider:not(.tns-slider) li {
    margin-right: 20px;
    width: 318px
    }
.content-slider {
    --placeholderbg: #f7f7f7
    }
.inline-module .content-slider {
    --placeholderbg: #fff
    }
.inline-module-mandy .content-slider {
    --placeholderbg: #ed837e
    }
.inline-module-rhino .content-slider {
    --placeholderbg: #2d415e
    }
.inline-module-tan .content-slider {
    --placeholderbg: #a59473
    }
.content-slider .has-empty-teaser article a {
    pointer-events: none
    }
.content-slider .has-empty-teaser article .content h2, .content-slider .has-empty-teaser article .content .active-campaign ._form_element ._form-title, .active-campaign ._form_element .content-slider .has-empty-teaser article .content ._form-title, .content-slider .has-empty-teaser article .content h3, .content-slider .has-empty-teaser article .content h4 {
    background: var(--placeholderbg);
    border-radius: 3px;
    height: 20px;
    overflow: hidden;
    position: relative;
    text-indent: -1000px;
    width: 80%
    }
.content-slider .has-empty-teaser article .content h2:after, .content-slider .has-empty-teaser article .content .active-campaign ._form_element ._form-title:after, .active-campaign ._form_element .content-slider .has-empty-teaser article .content ._form-title:after, .content-slider .has-empty-teaser article .content h3:after, .content-slider .has-empty-teaser article .content h4:after {
    -webkit-animation: loadingAnim 1.25s linear infinite;
    animation: loadingAnim 1.25s linear infinite;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2020
    }
.content-slider .has-empty-teaser article .content h3, .content-slider .has-empty-teaser article .content h4 {
    height: 12px;
    margin-bottom: 10px;
    width: 50%
    }
.content-slider .has-empty-teaser article .content p, .content-slider .has-empty-teaser article .content a.read-more {
    opacity: 0
    }
.content-slider article.view-all .media.media-image :before {
    display: none
    }
.content-slider article.view-all .media-container {
    background: url(/themes/custom/base_otq/css/../img/placeholders/read-more-bg.jpg) no-repeat center top;
    background-size: cover;
    border-radius: 6px;
    overflow: hidden;
    position: relative
    }
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .content-slider article.view-all .media-container {
        background: url(/themes/custom/base_otq/css/../img/placeholders/read-more-bg@2x.jpg) no-repeat center top;
        background-size: cover
        }
    }
.content-slider article.view-all .media-container:after {
    content: "";
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 301 186.7\"><path d=\"M5.1 179.3l3.5 3.5c.7 1.4 2.1 1.4 2.8 1.4h278.2c1.4 0 2.1-.7 2.8-1.4l3.5-3.5c.7-.8 1.2-1.7 1.4-2.8v-63.6c0-.7 0-2.1-.7-2.8l-18.9-24.5c-.8-.7-1.7-1.2-2.8-1.4h-3.5c-1.4 0-2.1.7-3.5 1.4l-19.6 21.7c-.7.7-2.1 1.4-3.5 1.4h-3.5c-1.4 0-2.1-.7-3.5-1.4L156.1 3.9c-.7-.7-1.4-1.4-2.8-1.4h-4.9c-1.4 0-2.1.7-3.5 1.4L62.4 107.3c-.7.7-2.1 1.4-3.5 1.4h-2.8c-1.4 0-2.1-.7-3.5-1.4L33.7 85.7c-.7-.7-2.1-1.4-3.5-1.4h-3.5c-1.4 0-2.1.7-3.5 1.4L4.4 110.1c-.7.7-.7 1.4-.7 2.8v63.6c0 1.4.7 2.1 1.4 2.8z\" fill=\"%2358c5c7\" stroke-width=\"2\"/></svg>") center bottom no-repeat;
    background-size: 100% auto;
    bottom: -8px;
    height: 100%;
    left: -7px;
    position: absolute;
    width: calc(100% + 14px)
    }
.is-hidden, .visually-hidden {
    display: none !important
    }
.sr-only {
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0
    }
@media only screen and (min-width: 768px) {
    .is-tablet-down {
        display: none
        }
    }
@media only screen and (min-width: 768px) {
    .is-desktop {
        display: block
        }
    }
.hidden-critical {
    visibility: visible
    }
.is-relative {
    position: relative
    }
.is-no-opacity {
    opacity: 0 !important;
    pointer-events: none !important
    }
.is-no-opacity:hover {
    cursor: default !important;
    opacity: 0 !important
    }
.is-l-align {
    text-align: left
    }
.is-c-align {
    text-align: center
    }
.is-r-align {
    text-align: right
    }
.is-clear {
    clear: both;
    display: block
    }
.page-directory .page-title + .layout-wysiwyg {
    max-width: 1440px;
    width: calc(100% - 2 * 32px)
    }
@media only screen and (min-width: 1024px) {
    .page-directory .page-title + .layout-wysiwyg {
        padding: 0 64px;
        width: calc(100% - 2 * 64px)
        }
    }
@media only screen and (min-width: 1200px) {
    .page-directory .page-title + .layout-wysiwyg {
        padding: 0 120px;
        width: calc(100% - 2 * 120px)
        }
    }
.homepage.full .hero {
    margin-bottom: 0
    }
.homepage.full .hero .media {
    --image-ratio: 0
    }
.homepage.full .hero > .layout-wrapper {
    bottom: 120px;
    height: auto;
    left: 50%;
    position: absolute;
    top: auto;
    transform: translatex(-50%);
    z-index: 4
    }
.homepage.full .hero h1 {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin: 0;
    max-width: none;
    text-align: center
    }
.homepage.full .hero h1:after {
    -webkit-animation: float 1.6s ease-in-out infinite;
    animation: float 1.6s ease-in-out infinite;
    background: url(/themes/custom/base_otq/css/../img/pictos/arrow-short-down-white.svg) center top no-repeat;
    content: "";
    display: block;
    height: 24px;
    margin: 10px auto 0 auto;
    width: 20px
    }
@media only screen and (min-width: 1024px) {
    .homepage.full .cta-map.has-map .btn-map {
        bottom: 40px
        }
    }
@media only screen and (min-width: 600px) {
    .node-146 .page-module.text-image {
        margin-bottom: 82px
        }
    }
.is-listing-page.member-listing-page {
    background: none;
    padding-top: 15px
    }
body.error-403 #layout-content, body.error-404 #layout-content {
    margin-top: 55px
    }
body.error-403 #layout-content > .layout-wrapper, body.error-404 #layout-content > .layout-wrapper {
    text-align: center
    }
body.error-403 #error-block h1, body.error-404 #error-block h1 {
    font-size: 2.4rem;
    line-height: 3.6rem
    }
body.error-403 #error-block blockquote, body.error-404 #error-block blockquote {
    margin: 0 auto 55px auto;
    max-width: 460px
    }
body.error-403 #error-block blockquote:before, body.error-403 #error-block blockquote:after, body.error-404 #error-block blockquote:before, body.error-404 #error-block blockquote:after {
    display: none
    }
body.error-403 #error-block blockquote p, body.error-404 #error-block blockquote p {
    margin-bottom: 0;
    margin-top: 32px
    }
body.error-403 #error-block blockquote small, body.error-404 #error-block blockquote small {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-family: "AcherusRegular", sans-serif
    }
body.error-403 #error-media, body.error-404 #error-media {
    --image-ratio: 1;
    margin: 0 auto 28px auto;
    max-width: 250px
    }
body.error-403 #error-media img, body.error-404 #error-media img {
    opacity: 1
    }
.tns-outer {
    padding: 0 !important
    }
.tns-outer [hidden] {
    display: none !important
    }
.tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer
    }
.tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
    }
.tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
.tns-horizontal.tns-subpixel {
    white-space: nowrap
    }
.tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
    }
.tns-horizontal.tns-no-subpixel:after {
    content: "";
    display: table;
    clear: both
    }
.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left
    }
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%
    }
.tns-no-calc {
    position: relative;
    left: 0
    }
.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
    }
.tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s
    }
.tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important
    }
.tns-gallery > .tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s
    }
.tns-autowidth {
    display: inline-block
    }
.tns-lazy-img {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 0.6
    }
.tns-lazy-img.tns-complete {
    opacity: 1
    }
.tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s
    }
.tns-ovh {
    overflow: hidden
    }
.tns-visually-hidden {
    position: absolute;
    left: -10000em
    }
.tns-transparent {
    opacity: 0;
    visibility: hidden
    }
.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
    }
.tns-normal, .tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
    }
.tns-vpfix {
    white-space: nowrap
    }
.tns-vpfix > div, .tns-vpfix > li {
    display: inline-block
    }
.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
    }
.tns-t-ct {
    width: 2333.333333%;
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0
    }
.tns-t-ct:after {
    content: "";
    display: table;
    clear: both
    }
.tns-t-ct > div {
    width: 1.428571%;
    width: calc(100% / 70);
    height: 10px;
    float: left
    }
.experiences .layout-wrapper > .h-level-2 {
    margin-bottom: 0.6em
    }
.experiences .layout-wrapper > p {
    margin-bottom: 0
    }
.experiences-container.no-feature > div > div:not(.media), .experiences-container.feature .experience-wide > div:not(.media) {
    align-items: center;
    display: grid;
    grid-template-rows: 1fr 64px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3;
    width: 100%
    }
.experiences-container.no-feature > div > div:not(.media) .h-level-3, .experiences-container.feature .experience-wide > div:not(.media) .h-level-3 {
    align-self: center;
    margin: 64px auto 0 auto;
    max-width: 160px;
    text-align: center;
    width: 100%
    }
.experiences-container.no-feature > div > div:not(.media) a.read-more, .experiences-container.feature .experience-wide > div:not(.media) a.read-more {
    align-self: start;
    color: #fff;
    justify-self: center
    }
.experiences-container.no-feature > div > div:not(.media) a.read-more .icon svg, .experiences-container.feature .experience-wide > div:not(.media) a.read-more .icon svg {
    fill: #fff
    }
.experiences-container > div {
    color: #fff;
    overflow: hidden;
    position: relative
    }
.experiences-container em {
    display: block;
    font-style: normal
    }
.experiences-container p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    display: none;
    margin: 0;
    max-width: 12em
    }
.experiences-container .icon {
    display: block;
    width: 16px;
    justify-self: center
    }
.experiences-container .icon svg {
    fill: #fff
    }
.experiences-container a.read-more {
    display: flex;
    font-family: "AcherusBold", sans-serif
    }
.experiences-container a.read-more .link-title {
    font-size: 1.4rem;
    line-height: 1.6rem
    }
.experiences-container a.read-more .icon {
    height: 16px
    }
@media only screen and (min-width: 1024px) {
    .experiences-container {
        display: flex
        }
    .experiences-container > div {
        flex: 1;
        margin: 0 calc(16px / 2)
        }
    .experiences-container > div:first-child {
        margin-left: 0
        }
    .experiences-container > div:last-child {
        margin-right: 0
        }
    }
.experiences-container.feature .experience-wide {
    flex: none;
    margin: 0 0 16px;
    width: 100%
    }
.experiences-container.feature .experience-wide .media-image {
    height: 100%;
    width: 100%;
    z-index: 0
    }
.experiences-container.feature .experience-wide .media-image .media-container {
    height: 100%;
    width: 100%
    }
.experiences-container.feature .experience-wide .h-level-3 {
    margin-bottom: 40px;
    margin-top: 0
    }
.experiences-container.feature .experience-wide .h-level-3 em {
    display: inline
    }
.experiences-container.feature .experience-wide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
    }
.experiences-container.feature .experience-wide + .experience-teaser {
    margin-left: 0
    }
@media only screen and (min-width: 600px) {
    .experiences-container.feature .experience-wide {
        height: 400px
        }
    .experiences-container.feature .experience-wide > div:not(.media) {
        grid-template-rows: 1fr 130px
        }
    .experiences-container.feature .experience-wide > div:not(.media) .h-level-3 {
        margin-top: 130px;
        max-width: none
        }
    }
.experiences-container.feature > div:not(:first-child) {
    align-content: start;
    background: none;
    color: #282f50;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "image" "content"
    }
.experiences-container.feature > div:not(:first-child) > div:not(.media) {
    display: block;
    grid-area: content
    }
.experiences-container.feature > div:not(:first-child) .h-level-3 {
    margin: 16px 0 6px 0;
    text-align: left;
    text-transform: none
    }
.experiences-container.feature > div:not(:first-child) a.read-more {
    margin-top: 16px
    }
.experiences-container.feature > div:not(:first-child) a.read-more svg {
    fill: #282f50
    }
.experiences-container.feature > div:not(:first-child) p {
    display: block
    }
.experiences-container.feature > div:not(:first-child) .media {
    grid-area: image
    }
@media only screen and (min-width: 1024px) {
    .experiences-container.feature {
        flex-wrap: wrap
        }
    .experiences-container.feature > div:not(:first-child) {
        flex: 1
        }
    .experiences-container.feature > div:not(:first-child):nth-child(2) {
        margin-left: 0
        }
    }
.neighbourhoods .experiences-container a.read-more {
    font-size: 1.4rem;
    line-height: 1.6rem
    }
@media only screen and (min-width: 768px) {
    p, .auto-promo.paragraph--view-mode--message .auto-promo__content .auto-promo-message-title {
        font-size: 2rem;
        line-height: 3rem
        }
    }
.tabs-content p, .tabs-content .auto-promo.paragraph--view-mode--message .auto-promo__content .auto-promo-message-title, .auto-promo.paragraph--view-mode--message .auto-promo__content .tabs-content .auto-promo-message-title {
    font-size: 1.6rem;
    line-height: 2.4rem
    }
blockquote {
    font-family: "AcherusBlack", sans-serif;
    margin: 0 0 32px
    }
blockquote::before, blockquote::after {
    display: block;
    height: 24px;
    line-height: 1
    }
blockquote:before {
    color: #58c5c7;
    content: "‘‘ ";
    margin-bottom: 6px
    }
blockquote:after {
    color: #58c5c7;
    content: " ’’";
    margin-top: 6px
    }
html[lang="fr"] blockquote::before, html[lang="fr"] blockquote::after {
    height: 34px;
    line-height: 34px;
    vertical-align: middle
    }
html[lang="fr"] blockquote:before {
    content: "«";
    margin: -4px 0 6px
    }
html[lang="fr"] blockquote:after {
    content: "»";
    margin: 0
    }
@media only screen and (min-width: 768px) {
    blockquote {
        font-size: 3.6rem;
        line-height: 4rem
        }
    }
.price-with-rebate {
    text-align: center
    }
.price-with-rebate .old-price {
    text-decoration: line-through;
    font-size: 1.4rem
    }
.price-with-rebate .rebate {
    color: #f02244;
    font-family: "AcherusBold", sans-serif;
    margin-left: 10px
    }
.price-with-rebate + p {
    color: #58c5c7;
    font-family: "AcherusBold", sans-serif;
    margin-top: -2px !important;
    text-align: center
    }
.auto-promo__wrapper {
    background-color: #58c5c7;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 55px 28px;
    position: relative
    }
@media only screen and (min-width: 600px) {
    .auto-promo__wrapper {
        padding: 55px
        }
    }
.auto-promo__content {
    margin-left: 0;
    width: 100%
    }
.auto-promo__content h3 + p {
    margin: 20px 0;
    font-size: 1.8rem
    }
.auto-promo__content .btn {
    box-sizing: border-box
    }
.auto-promo__content form label {
    display: none
    }
.auto-promo__content form .btn {
    width: 100%
    }
@media only screen and (min-width: 900px) {
    .auto-promo__content {
        margin-left: 55px;
        max-width: calc(100% - 280px - 55px)
        }
    }
.auto-promo .media-image {
    align-self: flex-end;
    height: 280px;
    margin-bottom: -55px;
    width: 280px
    }
.auto-promo .media-image .media-container {
    height: 100%;
    width: 100%
    }
.auto-promo .media-image {
    display: none
    }
@media only screen and (min-width: 900px) {
    .auto-promo .media-image {
        display: block
        }
    }
.auto-promo.paragraph--view-mode--default .auto-promo__wrapper {
    flex-direction: column-reverse
    }
.auto-promo.paragraph--view-mode--default .media-image {
    display: block;
    margin: 55px auto -55px auto
    }
.auto-promo.paragraph--view-mode--default .auto-promo__content .btn {
    width: 100%
    }
.auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div {
    text-align: left !important
    }
.auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form {
    margin: 0 !important;
    padding: 0 !important
    }
.auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px !important
    }
@media only screen and (min-width: 667px) {
    .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content {
        align-items: center;
        flex-wrap: nowrap;
        margin-bottom: 0
        }
    }
.auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content input {
    border-radius: 0 !important;
    height: 50px !important;
    padding: 0 10px !important
    }
.auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content input[type="text"], .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content input[type="email"], .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content input[type="phone"] {
    width: 250px !important
    }
.auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content ._button-wrapper {
    margin-top: 0 !important
    }
.auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content ._button-wrapper button {
    font-family: "AcherusBold", sans-serif !important;
    font-size: 1.4rem !important;
    height: 50px !important;
    line-height: normal !important;
    padding: 0 40px !important;
    margin-top: 8px !important
    }
@media only screen and (min-width: 900px) {
    .auto-promo.paragraph--view-mode--default .auto-promo__wrapper {
        flex-direction: row
        }
    .auto-promo.paragraph--view-mode--default .auto-promo__content .btn {
        width: auto
        }
    .auto-promo.paragraph--view-mode--default .media-image {
        margin: 0;
        margin-bottom: -55px
        }
    }
.auto-promo.paragraph--view-mode--message {
    margin: 0 auto 55px;
    max-width: 784px;
    padding: 0 32px;
    position: relative
    }
@media only screen and (min-width: 1440px) {
    .auto-promo.paragraph--view-mode--message {
        max-width: 914px
        }
    }
@media only screen and (min-width: 900px) {
    .map-enabled .list-content .auto-promo.paragraph--view-mode--message {
        padding: 0
        }
    }
@media only screen and (min-width: 1024px) {
    .map-enabled .list-content .auto-promo.paragraph--view-mode--message {
        transform: translate(0, 0)
        }
    }
.list-content .auto-promo.paragraph--view-mode--message {
    list-style: none
    }
.list-content .auto-promo.paragraph--view-mode--message:first-child {
    max-width: 720px
    }
.list-item + .auto-promo.paragraph--view-mode--message {
    margin-top: -58px;
    max-width: var(--list-layout-width);
    padding: 0 32px
    }
@media only screen and (min-width: 900px) {
    .list-item + .auto-promo.paragraph--view-mode--message {
        margin-bottom: 82px;
        margin-top: -136px
        }
    }
.auto-promo.paragraph--view-mode--message .auto-promo__wrapper {
    background: none;
    border: 1px solid rgba(40, 47, 80, 0.25);
    border-radius: 8px;
    padding: 20px
    }
@media only screen and (min-width: 900px) {
    .auto-promo.paragraph--view-mode--message .auto-promo__wrapper {
        padding-right: 65px
        }
    }
.auto-promo.paragraph--view-mode--message .auto-promo__content {
    display: block;
    margin-left: 0;
    max-width: none
    }
.auto-promo.paragraph--view-mode--message .auto-promo__content .layout-wysiwyg {
    margin: 0;
    padding: 0
    }
.auto-promo.paragraph--view-mode--message a.auto-promo__content:hover {
    text-decoration: none
    }
.auto-promo.paragraph--view-mode--message a.auto-promo__content:hover .layout-wysiwyg > *:last-child:after {
    transform: translate(5px, 0)
    }
@media only screen and (min-width: 900px) {
    .auto-promo.paragraph--view-mode--message a.auto-promo__content:hover .layout-wysiwyg > *:last-child:after {
        transform: translate(5px, -100%)
        }
    }
.auto-promo.paragraph--view-mode--message a.auto-promo__content .layout-wysiwyg > *:last-child:after {
    content: url(/themes/custom/base_otq/svg/icons/arrow-short.svg);
    display: inline-block;
    height: 14px;
    margin: 0 0 0 10px;
    transition: transform linear 0.15s;
    width: 13px
    }
@media only screen and (min-width: 900px) {
    .auto-promo.paragraph--view-mode--message a.auto-promo__content .layout-wysiwyg > *:last-child:after {
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translate(0, -100%)
        }
    }
.page-module.video .media-video__video--play .video-replay {
    font-size: 2rem;
    line-height: 2.4rem;
    background: none;
    color: #fff
    }
.page-module.video .media-video__video--play .video-replay .icon {
    margin-right: 10px;
    margin-top: -2px;
    width: 30px
    }
.page-module.video .media-video__video--play .video-replay .icon svg {
    fill: #fff
    }
.no-touchevents .page-module.video .media-video__video--play .video-replay:hover .icon svg, .page-module.video .media-video__video--play .no-touchevents .video-replay:hover .icon svg {
    -webkit-animation: replay 1s ease-out infinite;
    animation: replay 1s ease-out infinite
    }
.page-module.video .media-video__related-videos:not(.related-size-1) .media-video__video--play .icon-play, .page-module.video .media-video__related-videos.related-size-1 .media-video__video--play .icon-play {
    margin-left: 2px;
    margin-top: 2px;
    width: 26px
    }
.video-overlay .page-module.video .media-video__related-videos:not(.related-size-1) .media-video__video--play, .page-module.video .media-video__related-videos:not(.related-size-1) .video-overlay .media-video__video--play, .video-overlay .page-module.video .media-video__related-videos.related-size-1 .media-video__video--play, .page-module.video .media-video__related-videos.related-size-1 .video-overlay .media-video__video--play {
    position: relative
    }
.video-overlay .page-module.video .media-video__related-videos:not(.related-size-1) .media-video__video--play .icon-play, .page-module.video .media-video__related-videos:not(.related-size-1) .video-overlay .media-video__video--play .icon-play, .video-overlay .page-module.video .media-video__related-videos.related-size-1 .media-video__video--play .icon-play, .page-module.video .media-video__related-videos.related-size-1 .video-overlay .media-video__video--play .icon-play {
    margin: 0;
    position: relative
    }
.video-overlay .page-module.video .media-video__related-videos:not(.related-size-1) .media-video__video--play .icon-play:after, .page-module.video .media-video__related-videos:not(.related-size-1) .video-overlay .media-video__video--play .icon-play:after, .video-overlay .page-module.video .media-video__related-videos.related-size-1 .media-video__video--play .icon-play:after, .page-module.video .media-video__related-videos.related-size-1 .video-overlay .media-video__video--play .icon-play:after {
    border: 4px solid #282f50;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 64px;
    left: 50%;
    margin: -32px 0 0 -32px;
    position: absolute;
    top: 50%;
    transition: transform 0.2s;
    width: 64px
    }
.page-module.video .media-video__related-videos:not(.related-size-1) .media-video__video--play .text-play, .page-module.video .media-video__related-videos.related-size-1 .media-video__video--play .text-play {
    -webkit-animation: none;
    animation: none
    }
.page-module.video .media-video__related-videos:not(.related-size-1) .media-video__video--play .text-play span svg, .page-module.video .media-video__related-videos.related-size-1 .media-video__video--play .text-play span svg {
    border: 4px solid #fff;
    border-radius: 50%;
    fill: none
    }
@media only screen and (min-width: 600px) {
    .page-module.video .media-video__related-videos:not(.related-size-1) .media-video__video--play .icon-play, .page-module.video .media-video__related-videos.related-size-1 .media-video__video--play .icon-play {
        width: 26px
        }
    .page-module.video .media-video__related-videos:not(.related-size-1) .media-video__video--play .text-play, .page-module.video .media-video__related-videos.related-size-1 .media-video__video--play .text-play {
        height: 60px;
        margin: -32px 0 0 -32px;
        width: 60px
        }
    }
.no-touchevents .articles-container article:hover .video-overlay .page-module.video .media-video__related-videos:not(.related-size-1) .media-video__video--play .icon-play:after, .page-module.video .media-video__related-videos:not(.related-size-1) .no-touchevents .articles-container article:hover .video-overlay .media-video__video--play .icon-play:after, .no-touchevents .articles-container article:hover .video-overlay .page-module.video .media-video__related-videos.related-size-1 .media-video__video--play .icon-play:after, .page-module.video .media-video__related-videos.related-size-1 .no-touchevents .articles-container article:hover .video-overlay .media-video__video--play .icon-play:after {
    transform: scale(1.1)
    }
.page-module.video .video-container {
    position: relative
    }
.page-module.video .video-container__content {
    margin-bottom: 64px
    }
.page-module.video .video-container__content p {
    font-size: 1.8rem
    }
.page-module.video a.read-more {
    display: inline-block;
    font-family: "AcherusBold", sans-serif;
    margin-top: 16px
    }
.page-module.video .media-video {
    position: relative
    }
.page-module.video .media-video .has-background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-bottom: calc(100% * 0.5625)
    }
.page-module.video .media-video .has-background-image img {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
    }
.page-module.video .media-video__video {
    background: #282f50;
    overflow: hidden;
    position: relative
    }
.page-module.video .media-video__video.video-playing .media-video__video--placeholder {
    opacity: 0;
    transform: scale(0.8)
    }
.page-module.video .media-video__video.video-playing .media-video__related-videos .media-video__video--placeholder {
    opacity: 1;
    transform: none
    }
.page-module.video .media-video__video--placeholder {
    position: relative;
    transition: transform 0.5s ease, opacity 1s ease
    }
.page-module.video .media-video__video--iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.3s ease;
    width: 100%
    }
.page-module.video .media-video__video--iframe.is-playing {
    opacity: 1;
    pointer-events: initial
    }
.page-module.video .media-video__video--play {
    align-items: center;
    background: none;
    border: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 8
    }
.page-module.video .media-video__video--play:after {
    -webkit-animation: rotate360 linear infinite 1s;
    animation: rotate360 linear infinite 1s;
    border: 4px solid #58c5c7;
    border-radius: 50%;
    border-right: 4px solid transparent;
    content: "";
    height: 80px;
    left: 50%;
    margin: -44px 0 0 -44px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: opacity 0.3s;
    width: 80px
    }
.page-module.video .media-video__video--play > * {
    pointer-events: none
    }
.page-module.video .media-video__video--play .icon {
    margin: 0
    }
.page-module.video .media-video__video--play .icon-play {
    height: 45px;
    left: 50%;
    margin-left: 2px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s ease;
    width: 41px
    }
.page-module.video .media-video__video--play .icon-play svg {
    fill: #fff
    }
.page-module.video .media-video__video--play .text-play {
    -webkit-animation: rotate360 20s infinite linear;
    animation: rotate360 20s infinite linear;
    height: 135px;
    left: 50%;
    margin: -67px 0 0 -68px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(0);
    transform-origin: center center;
    width: 135px
    }
.page-module.video .media-video__video--play .text-play svg {
    display: block;
    height: 100%;
    overflow: visible;
    transition: transform 0.2s;
    width: 100%
    }
.page-module.video .media-video__video--play .text-play text {
    font-family: "AcherusBold";
    font-size: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    transform: rotate(150deg);
    transform-origin: center center
    }
.page-module.video .media-video__video--play .text-play text:last-of-type {
    transform: rotate(-30deg)
    }
.page-module.video .media-video__video--play .video-replay {
    display: none
    }
.no-touchevents .page-module.video .media-video__video--play:hover {
    cursor: pointer
    }
.no-touchevents .page-module.video .media-video__video--play:hover .text-play svg {
    transform: scale(1.1)
    }
.page-module.video .media-video__video--duration {
    position: absolute;
    z-index: 2
    }
@media only screen and (min-width: 768px) {
    .page-module.video .media-video__video--duration {
        bottom: 20px;
        right: 20px
        }
    }
.page-module.video .media-video__info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 16px
    }
.page-module.video .media-video__info .wrapper {
    width: 100%
    }
.page-module.video .media-video__info .wrapper p {
    margin-bottom: 0;
    margin-top: 16px
    }
.page-module.video .media-video__related-videos {
    align-items: center;
    background-color: rgba(40, 47, 80, 0.9);
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 32px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.3s ease
    }
.page-module.video .media-video__related-videos.related-size-1 .media-related-video {
    margin-top: 64px
    }
.page-module.video .media-video__related-videos.related-size-1 .media-related-video .h-level-3 {
    position: relative;
    top: auto
    }
.page-module.video .media-video__related-videos .cta-more-videos {
    position: absolute;
    right: 32px;
    top: 32px
    }
.page-module.video .media-video__related-videos .cta-more-videos p {
    color: #fff;
    display: none;
    font-family: "AcherusBold", sans-serif
    }
.page-module.video .media-video__related-videos .media-related-video {
    position: relative;
    transition: opacity 0.3s
    }
.page-module.video .media-video__related-videos .media-related-video.video-watched {
    opacity: 0.5
    }
.no-touchevents .page-module.video .media-video__related-videos .media-related-video.video-watched:hover {
    opacity: 1
    }
.page-module.video .media-video__related-videos .media-related-video .media-image {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
    }
.page-module.video .media-video__related-videos .media-related-video .h-level-3 {
    color: #fff;
    left: 0;
    margin-top: 10px;
    position: absolute;
    top: 100%
    }
@media only screen and (min-width: 600px) {
    .page-module.video .media-video__related-videos {
        display: grid;
        grid-gap: 32px;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        padding: 32px
        }
    .page-module.video .media-video__related-videos.related-size-1 {
        grid-template-columns: 50%
        }
    .page-module.video .media-video__related-videos .media-related-video {
        margin-top: -32px
        }
    }
.page-module.video .media-video .media-video__video.video-loading > .media-video__video--placeholder > .media-video__video--play .icon-play, .page-module.video .media-video .media-video__video.video-loading > .media-video__video--placeholder > .media-video__video--play .text-play {
    opacity: 0
    }
.page-module.video .media-video .media-video__video.video-loading > .media-video__video--placeholder > .media-video__video--play:after {
    opacity: 1
    }
.page-module.video .media-video .media-video__video.video-finished.has-related-videos > .media-video__video--placeholder > .media-video__video--play {
    height: auto;
    left: 32px;
    margin: -10px 0 0 -10px;
    padding: 10px;
    top: 32px;
    width: auto;
    z-index: 9
    }
.page-module.video .media-video .media-video__video.video-finished.has-related-videos > .media-video__video--placeholder > .media-video__video--play:after {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    border-width: 2px;
    height: 20px;
    left: 100%;
    margin: 14px 0 0 12px;
    top: 0;
    width: 20px
    }
.page-module.video .media-video .media-video__video.video-finished.has-related-videos > .media-video__video--placeholder > .media-video__video--play .icon-play, .page-module.video .media-video .media-video__video.video-finished.has-related-videos > .media-video__video--placeholder > .media-video__video--play .text-play {
    display: none
    }
.page-module.video .media-video .media-video__video.video-finished.has-related-videos > .media-video__video--placeholder > .media-video__video--play .video-replay {
    display: block
    }
.page-module.video .media-video .media-video__video.video-finished.has-related-videos > .media-video__video--placeholder > .media-video__video--duration {
    opacity: 0
    }
.page-module.video .media-video .media-video__video.video-finished.has-related-videos .media-video__related-videos {
    opacity: 1;
    pointer-events: initial;
    z-index: 8
    }
.page-module.video .media-video .media-video__video.videos-all-watched .media-video__related-videos .cta-more-videos {
    background: rgba(40, 47, 80, 0.9);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2
    }
.page-module.video .media-video .media-video__video.videos-all-watched .media-video__related-videos .cta-more-videos p {
    align-self: end;
    display: block
    }
.page-module.video .media-video .media-video__video.videos-all-watched .media-video__related-videos .cta-more-videos a {
    display: inline-block;
    justify-self: center;
    max-width: 200px
    }
.page-module.video.video-secondary {
    background-color: #fff;
    padding: 45px 0 50px;
    position: relative
    }
.page-module.video.video-secondary:after, .page-module.video.video-secondary:before {
    background-color: #58c5c7;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 120px
    }
.page-module.video.video-secondary:before {
    top: 0
    }
.page-module.video.video-secondary:after {
    bottom: 0
    }
.page-module.video.video-secondary > * {
    color: #282f50
    }
.page-module.video.video-secondary .video-container__content {
    margin-bottom: 0
    }
.page-module.video.video-secondary .video-container__content .h-level-2 {
    font-size: 2.6rem
    }
.page-module.video.video-secondary .video-container__content p {
    margin-bottom: 16px;
    font-size: 1.6rem
    }
.page-module.video.video-secondary .media-video .has-background-image {
    min-height: 680px
    }
.page-module.video.video-secondary .media-video__info .h-level-3 {
    font-size: 2.6rem
    }
.page-module.video.video-secondary .media-video__info p {
    margin-bottom: 0;
    width: 100%;
    font-size: 1.6rem
    }
.page-module.video.video-secondary .media-video__video {
    max-width: 960px;
    width: 100vw
    }
.page-module.video.video-secondary .btn-primary {
    display: none
    }
.page-module.video.video-featured {
    background: #282f50;
    color: #fff;
    position: relative
    }
.page-module.video.video-featured .container {
    position: relative;
    z-index: 4
    }
.page-module.video.video-featured .h-level-2 + p {
    max-width: 400px
    }
.page-module.video.video-featured .video-container__video p {
    margin-bottom: 0
    }
@media only screen and (min-width: 1440px) {
    .page-module.video.video-featured .video-container__video p {
        max-width: 850px
        }
    }
.page-module.video.video-featured a.read-more, .page-module.video.video-featured > * {
    color: #fff
    }
.page-module.video.video-featured a.read-more {
    color: #fff
    }
.page-module.video.video-featured a.read-more svg {
    fill: #fff
    }
.page-module.video.video-featured:before, .page-module.video.video-featured:after {
    display: none
    }
.page-module.video.video-featured .media-video__video {
    max-width: 960px
    }
@media only screen and (min-width: 1024px) {
    .page-module.video.video-featured {
        margin-top: 18vh;
        padding-bottom: 90px;
        padding-top: 90px
        }
    .page-module.video.video-featured .media-video__video {
        margin: 90px auto
        }
    .page-module.video.video-featured .media-video__info {
        padding-right: 400px
        }
    .page-module.video.video-featured .btn-primary {
        float: right;
        margin-top: -52px
        }
    .page-module.video.video-featured .h-level-2 {
        font-size: 5rem;
        line-height: 5.6rem
        }
    .page-module.video.video-featured .h-level-2 + p {
        margin-top: 12px
        }
    }
.page-module.video.video-hero {
    background-color: transparent
    }
article.video.full {
    margin-top: 32px
    }
article.video.full .video-description {
    margin-top: 12px
    }
@media only screen and (min-width: 1440px) {
    article.video.full .video-description {
        max-width: 850px
        }
    }
@media only screen and (min-width: 768px) {
    .page-module.video .media-video .has-background-image {
        max-height: initial
        }
    .page-module.video .media-video__info .btn {
        width: auto
        }
    }
.highlight {
    position: relative
    }
.highlight .layout-wrapper {
    position: relative;
    z-index: 2
    }
.highlight .layout-wysiwyg {
    margin: 0
    }
.highlight.primary h1 {
    position: relative;
    z-index: 1
    }
.highlight.primary .media-image-instagram {
    max-width: none
    }
.highlight.primary .video .watch-more {
    padding-top: 0;
    font-size: 1.4rem
    }
.highlight.primary .video .watch-more .icon {
    border-color: #fff
    }
.highlight.primary .video .watch-more .icon:before {
    border-color: #fff
    }
.highlight.primary .video .row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 20px
    }
.highlight.primary .layout-wrapper:first-child {
    margin-bottom: 0
    }
.highlight.primary .layout-wrapper:first-child > h1 {
    max-width: 9em
    }
.highlight.secondary .content {
    position: relative
    }
.highlight.secondary .video-metas {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: calc(32px / 2);
    position: absolute;
    right: calc(32px / 2);
    top: -40px;
    z-index: 1
    }
.highlight.secondary .video-metas .icon-play {
    border-color: #fff
    }
.highlight.secondary .video-metas .icon-play svg {
    fill: #fff
    }
.highlight.secondary .video-metas.no-image .duration {
    background-color: #282f50;
    color: #fff
    }
.highlight.secondary .video-metas.no-image .icon-play {
    border-color: #282f50
    }
.highlight.secondary .video-metas.no-image .icon-play svg {
    fill: #282f50
    }
@media only screen and (min-width: 1440px) {
    .highlight.grid p {
        max-width: 850px
        }
    }
.highlight.grid .highlight-grid {
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px
    }
.highlight.grid .highlight-grid > div {
    position: relative
    }
.highlight.grid .highlight-grid .content > div:not(.media) {
    bottom: 0;
    color: #fff;
    left: 0;
    margin: 0 32px 32px 32px;
    position: absolute;
    z-index: 4
    }
.highlight.grid .highlight-grid .content > div:not(.media) a {
    color: #fff
    }
.highlight.grid .highlight-grid .content > div:not(.media) p {
    margin: 0
    }
.highlight.grid .highlight-grid .content > div:not(.media) svg {
    fill: #fff
    }
@media only screen and (min-width: 768px) {
    .highlight.grid .highlight-grid {
        grid-template-columns: 1fr 1fr
        }
    }
@media only screen and (min-width: 1024px) {
    .highlight.primary {
        margin-bottom: 120px
        }
    .highlight.primary + div {
        transform: translatey(-220px)
        }
    }
@media only screen and (min-width: 600px) {
    .highlight .content-slider:not(.tns-slider), .highlight .content-grid {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr
        }
    .highlight .content-slider:not(.tns-slider) > :only-child, .highlight .content-grid > :only-child {
        grid-column-end: -1;
        grid-column-start: 1
        }
    .highlight.primary + div {
        transition: transform 0.75s cubic-bezier(0.75, 0, 0.25, 1)
        }
    .highlight.primary h1 {
        margin-bottom: 82px
        }
    .highlight.primary .articles-container {
        transition: transform 0.75s cubic-bezier(0.75, 0, 0.25, 1);
        transform: translatey(0) scale(0.75);
        transform-origin: 50% 0
        }
    .highlight.primary .articles-container article .content {
        transform: translate(16%, -16%) scale(1.3333);
        transition: transform 0.75s cubic-bezier(0.75, 0, 0.25, 1)
        }
    .highlight.primary .articles-container article .media-image img {
        transform: scale(1.3);
        transition: transform 0.75s cubic-bezier(0.75, 0, 0.25, 1), opacity 0.5s
        }
    .highlight.primary.showcased + div {
        transform: none
        }
    .highlight.primary.showcased .articles-container {
        transform: none
        }
    .highlight.primary.showcased .articles-container article .content {
        transform: none
        }
    .highlight.primary.showcased .articles-container article .media-image img {
        transform: none
        }
    }
@media only screen and (min-width: 1024px) {
    .highlight.primary h1 {
        margin-top: 55px
        }
    .highlight.primary .articles-container {
        width: 100%
        }
    }