@charset "utf-8";
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent
    }
ul, li {
    list-style: none
    }
blockquote, q {
    quotes: none
    }
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
    }
a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: inherit
    }
h1, h2, h3, h4 {
    font-size: 1em
    }
button {
    border: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    background: transparent;
    cursor: pointer;
    font-size: inherit
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
input, select {
    border: 0;
    outline: 0;
    padding: 0;
    font-family: "Alegreya", sans-serif;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    font-size: 1em
    }
textarea {
    resize: none;
    outline: 0
    }
select {
    border-radius: 0;
    -webkit-appearance: none;
    cursor: pointer
    }
table {
    font-size: 1em
    }
body:before {
    display: none;
    background-color: #fcf8e3;
    border-bottom: 1px solid #fbeed5;
    border-left: 1px solid #fbeed5;
    color: #c09853;
    font: small-caption;
    padding: 3px 6px;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100
    }
@media (min-width: 42.5em) {
    body:before {
        content: "mobile ≥ 680px (42.5em)"
        }
    }
@media (min-width: 64em) {
    body:before {
        content: "tablet ≥ 1024px (64em)"
        }
    }
@media (min-width: 80em) {
    body:before {
        content: "desktop ≥ 1280px (80em)"
        }
    }
@media (min-width: 90em) {
    body:before {
        content: "wide ≥ 1440px (90em)"
        }
    }
@font-face {
    src: url(fonts/AlegreyaSans-Light.ttf) format("truetype");
    font-family: Alegreya;
    font-weight: 300;
    font-style: normal
    }
@font-face {
    src: url(fonts/AlegreyaSans-LightItalic.ttf) format("truetype");
    font-family: Alegreya;
    font-weight: 300;
    font-style: italic
    }
@font-face {
    src: url(fonts/AlegreyaSans-Regular.ttf) format("truetype");
    font-family: Alegreya;
    font-weight: 400;
    font-style: normal
    }
@font-face {
    src: url(fonts/AlegreyaSans-Italic.ttf) format("truetype");
    font-family: Alegreya;
    font-weight: 400;
    font-style: italic
    }
@font-face {
    src: url(fonts/AlegreyaSans-Bold.ttf) format("truetype");
    font-family: Alegreya;
    font-weight: 700;
    font-style: normal
    }
@font-face {
    src: url(fonts/AlegreyaSans-BoldItalic.ttf) format("truetype");
    font-family: Alegreya;
    font-weight: 700;
    font-style: italic
    }
@font-face {
    src: url(fonts/AlegreyaSans-ExtraBold.ttf) format("truetype");
    font-family: AthitiTest;
    font-weight: 800;
    font-style: normal
    }
@font-face {
    src: url(fonts/AlegreyaSans-ExtraBoldItalic.ttf) format("truetype");
    font-family: AthitiTest;
    font-weight: 800;
    font-style: italic
    }
.icon {
    width: 1em;
    height: 1em;
    vertical-align: middle
    }
.icon.reverse {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
    }
.before.icon {
    margin-right: 0.4em
    }
.after.icon {
    margin-left: 0.4em
    }
.icon.burger.is-active .burger-top {
    -webkit-transform: translatey(-1px);
    transform: translatey(-1px)
    }
.icon.burger.is-active .burger-bottom {
    -webkit-transform: translatey(1px);
    transform: translatey(1px)
    }
.icon .burger-top, .icon .burger-bottom {
    -webkit-transform: translatey(0);
    transform: translatey(0);
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    -o-transition: transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms
    }
html {
    font-family: "Alegreya", sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    font-size: 0.972vw
    }
@media (min-width: 64em) {
    html {
        text-rendering: geometricPrecision
        }
    }
@media (min-width: 90em) {
    html {
        font-size: 14px
        }
    }
@media (max-width: 63.99em) {
    html {
        font-size: 1.5vw
        }
    }
@media (max-width: 42.49em) {
    html {
        font-size: 3.4vw
        }
    }
body.mobile-overlay {
    overflow: hidden
    }
button {
    font-family: "Alegreya", sans-serif;
    -webkit-font-smoothing: antialiased
    }
img {
    max-width: 100%;
    -moz-user-drag: none;
    -webkit-user-drag: none
    }
svg use {
    pointer-events: none
    }
a {
    outline: 0;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-drag: none
    }
button::-moz-focus-inner {
    border: 0
    }
[hidden], .is-hidden {
    display: none
    }
.is-next {
    -webkit-transform: translate3d(100%, 0, 0) !important;
    transform: translate3d(100%, 0, 0) !important
    }
.is-prev {
    -webkit-transform: translate3d(-100%, 0, 0) !important;
    transform: translate3d(-100%, 0, 0) !important
    }
#svg-store {
    display: none
    }
.slick-prev, .slick-next {
    position: absolute;
    top: 13.3rem;
    z-index: 999
    }
.slick-prev .icon, .slick-next .icon {
    width: 2rem;
    height: 2rem;
    fill: white
    }
.slick-prev {
    left: 10px
    }
.slick-next {
    right: 10px
    }
img[data-src=""] {
    opacity: 1
    }
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
        }
    }
@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
        }
    }
@-webkit-keyframes bgcolor {
    0% {
        background-color: #e7f5f8
        } 50% {
        background-color: #dce7eb
        } 100% {
        background-color: #e7f5f8
        }
    }
@keyframes bgcolor {
    0% {
        background-color: #e7f5f8
        } 50% {
        background-color: #dce7eb
        } 100% {
        background-color: #e7f5f8
        }
    }
html {
    height: 100%
    }
body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #231f20;
    overflow-x: hidden;
    min-height: 100%;
    background: #e7f5f8
    }
body p {
    color: #000
    }
@media (max-width: 63.99em) {
    main {
        margin-top: 50px
        }
    }
.is-scrolled main {
    margin-top: 10.7rem
    }
.inner, .page, #store {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px
    }
.representations, .representations-group {
    position: relative
    }
@media (max-width: 42.49em) {
    .representations, .representations-group {
        width: 100%
        }
    }
.representations .no-representation, .representations-group .no-representation {
    padding: 2.1rem 0;
    line-height: 1.8rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #999;
    text-align: center
    }
.representations .no-representation-advice, .representations-group .no-representation-advice {
    color: #d0021b;
    display: block
    }
.representations .loading, .representations-group .loading {
    position: absolute;
    width: 100%;
    bottom: 1.5rem
    }
.representations-group section {
    margin-bottom: 2.9rem;
    position: relative
    }
.representations-group section::before {
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 13em);
    background: #dce7eb;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: -1
    }
@media (max-width: 42.49em) {
    .representations-group section::before {
        width: calc(100% - 4.5em)
        }
    }
.representations-group-title {
    font-size: 1.8rem;
    color: #4a4a4a;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    padding: 2.1rem 0;
    text-align: center
    }
@media (max-width: 42.49em) {
    .representations-group-title {
        font-size: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .representations-group-title {
        padding: 1.1rem 0
        }
    }
.alert {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    font-style: italic;
    margin-top: 1.4rem
    }
.success.alert {
    color: green
    }
.warning.alert {
    color: #f7e61c
    }
.error.alert {
    color: #d91d3c
    }
.checkbox {
    padding: 0.9rem 2.1rem 0.9rem 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #4a4a4a;
    text-transform: lowercase;
    display: block;
    position: relative;
    border-bottom: 1px solid #999;
    cursor: pointer
    }
.checkbox-details {
    margin-bottom: 0.6rem;
    font-size: 1.1rem;
    font-weight: 400;
    display: block;
    line-height: normal
    }
@media (max-width: 42.49em) {
    .checkbox-details {
        margin-bottom: 0.6rem
        }
    }
@media (max-width: 42.49em) {
    .checkbox-details {
        font-size: 1.3rem
        }
    }
.checkbox .icon {
    top: 1.3rem;
    right: 0.7rem;
    position: absolute;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    fill: transparent;
    stroke: transparent
    }
@media (max-width: 42.49em) {
    .checkbox .icon {
        top: 1.3rem
        }
    }
@media (max-width: 42.49em) {
    .checkbox .icon {
        right: 0.7rem
        }
    }
input[type="checkbox"] {
    display: none
    }
input[type="checkbox"]:checked + .checkbox {
    color: #d0021b
    }
input[type="checkbox"]:checked + .checkbox .icon {
    fill: #d0021b;
    stroke: #d0021b
    }
.small.checkbox {
    padding: 0 0 0 1.4rem;
    margin: 0.2rem 0;
    line-height: 1.6rem;
    font-size: 1.1rem;
    border: 0
    }
@media (max-width: 42.49em) {
    .small.checkbox {
        padding: 0 0 0 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .small.checkbox {
        line-height: 1.6rem
        }
    }
@media (max-width: 42.49em) {
    .small.checkbox {
        font-size: 1.1rem
        }
    }
.small.checkbox .icon {
    top: 0.7rem;
    width: 0.9rem;
    height: 0.9rem;
    left: 0;
    right: auto
    }
@media (max-width: 42.49em) {
    .small.checkbox .icon {
        top: 0.7rem
        }
    }
.small.checkbox .icon.cross {
    fill: #999;
    stroke: #999
    }
input[type="checkbox"]:checked + .checkbox.small .cross {
    display: none
    }
.datepicker {
    position: relative;
    z-index: 1
    }
.datepicker-input {
    display: none
    }
.datepicker-btn {
    width: 3vw;
    height: 100%
    }
.datepicker .icon {
    pointer-events: none
    }
.datepicker-container {
    position: absolute;
    top: 100%;
    right: 2.1rem;
    display: none
    }
.datepicker-container.is-visible {
    display: block
    }
@media (max-width: 63.99em) {
    .datepicker-container {
        position: relative;
        right: auto;
        top: 0
        }
    }
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    width: 240px;
    padding: 8px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb
    }
.pika-single.is-bound {
    -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5)
    }
.pika-title {
    position: relative;
    text-align: center
    }
.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff
    }
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
    }
.pika-prev, .pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: 0.5
    }
.pika-prev:hover, .pika-next:hover {
    opacity: 1
    }
.pika-prev, .is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==")
    }
.pika-next, .is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=")
    }
.pika-prev.is-disabled, .pika-next.is-disabled {
    cursor: default;
    opacity: 0.2
    }
.pika-select {
    display: inline-block
    }
.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
    }
.pika-table th, .pika-table td {
    width: 14.285714%;
    padding: 0
    }
.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center
    }
.pika-button {
    cursor: pointer;
    display: block;
    outline: 0;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
    }
.pika-single {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 1.4rem;
    width: auto;
    border: none !important
    }
@media (max-width: 63.99em) {
    .pika-single {
        padding: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .pika-single {
        padding: 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .pika-single {
        width: 100%
        }
    }
.pika-prev, .pika-next {
    opacity: 1;
    width: 1rem;
    margin: 0 1rem
    }
@media (max-width: 63.99em) {
    .pika-prev, .pika-next {
        width: 1rem
        }
    }
@media (max-width: 42.49em) {
    .pika-prev, .pika-next {
        width: 1rem
        }
    }
@media (max-width: 63.99em) {
    .pika-prev, .pika-next {
        margin: 0 1.1rem
        }
    }
@media (max-width: 42.49em) {
    .pika-prev, .pika-next {
        margin: 0 0.9rem
        }
    }
.pika-prev:hover, .pika-next:hover {
    opacity: 0.5
    }
.pika-prev {
    background-image: url(images/prev-calendar.svg)
    }
.pika-next {
    background-image: url(images/next-calendar.svg)
    }
.pika-label {
    font-size: 1.4rem;
    font-weight: 700;
    color: #4a4a4a
    }
.pika-title {
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 1.4rem
    }
.pika-button {
    font-size: 1.1rem;
    color: #4a4a4a;
    width: 2.3rem;
    height: 2.3rem;
    line-height: 2.4rem;
    border-radius: 4px;
    margin: 1px;
    margin: 1px;
    padding: 0;
    background: transparent;
    text-align: center
    }
@media (max-width: 63.99em) {
    .pika-button {
        font-size: 1.3rem
        }
    }
@media (max-width: 63.99em) {
    .pika-button {
        width: 2.3rem
        }
    }
@media (max-width: 42.49em) {
    .pika-button {
        width: 2.3rem
        }
    }
@media (max-width: 63.99em) {
    .pika-button {
        height: 2.3rem
        }
    }
@media (max-width: 42.49em) {
    .pika-button {
        height: 2.3rem
        }
    }
@media (max-width: 63.99em) {
    .pika-button {
        line-height: 2.4rem
        }
    }
@media (max-width: 42.49em) {
    .pika-button {
        line-height: 2.3rem
        }
    }
@media (max-width: 42.49em) {
    .pika-button {
        margin: 0 auto
        }
    }
.is-today .pika-button {
    -webkit-box-shadow: 0 0 0 1px #999 inset;
    box-shadow: 0 0 0 1px #999 inset
    }
.is-selected.is-today .pika-button, .is-today .pika-button:hover {
    -webkit-box-shadow: 0 0 0 1px #999 inset, 0 0 0 2px #fff inset;
    box-shadow: 0 0 0 1px #999 inset, 0 0 0 2px #fff inset
    }
.is-selected .pika-button {
    background-color: #d0021b !important;
    color: #fff
    }
.pika-button:hover {
    background-color: #dce7eb
    }
.is-disabled .pika-button {
    opacity: 0.5;
    cursor: not-allowed
    }
.is-disabled .pika-button:hover {
    color: #999;
    background: transparent !important
    }
.pika-table th {
    font-size: 1rem;
    color: #4a4a4a;
    text-transform: uppercase;
    font-weight: 700;
    line-height: inherit;
    padding-bottom: 0.9rem;
    font-size: 0.7rem
    }
@media (max-width: 42.49em) {
    .pika-table th {
        padding-bottom: 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .pika-table th {
        font-size: 0.7rem
        }
    }
.dark.pika-single {
    background-color: #dce7eb;
    -webkit-box-shadow: none;
    box-shadow: none
    }
.dark .pika-table th {
    color: #999
    }
.dark .pika-label {
    background-color: transparent
    }
.dark .pika-button:hover {
    background: #999;
    color: #fff
    }
fieldset {
    margin-top: 2.9rem
    }
@media (max-width: 42.49em) {
    fieldset {
        margin-top: 1.4rem
        }
    }
input[type=text], input[type=email], input[type=password], textarea {
    margin-bottom: 0.4rem;
    padding: 0.5rem 0.7rem;
    border-radius: 4px;
    font-size: 1.4rem;
    font-family: "Alegreya", Sans-serif;
    border: 1px dashed #979797;
    width: 100%
    }
@media (max-width: 42.49em) {
    input[type=text], input[type=email], input[type=password], textarea {
        margin-bottom: 0.4rem
        }
    }
@media (max-width: 42.49em) {
    input[type=text], input[type=email], input[type=password], textarea {
        padding: 0.6rem
        }
    }
input[type=text].is-empty, input[type=email].is-empty, input[type=password].is-empty, textarea.is-empty {
    border-style: dashed
    }
input[type=text].error, input[type=email].error, input[type=password].error, textarea.error {
    border-color: #d91d3c
    }
::-moz-placeholder {
    color: #4a4a4a;
    font-family: "Alegreya", Sans-serif
    }
:-ms-input-placeholder {
    color: #4a4a4a;
    font-family: "Alegreya", Sans-serif
    }
::-ms-input-placeholder {
    color: #4a4a4a;
    font-family: "Alegreya", Sans-serif
    }
::-webkit-input-placeholder {
    color: #4a4a4a;
    font-family: "Alegreya", Sans-serif
    }
input {
    -webkit-appearance: none;
    border-radius: 0
    }
input:focus::-webkit-input-placeholder {
    color: transparent
    }
input:focus::-moz-placeholder {
    color: transparent
    }
input:focus:-ms-input-placeholder {
    color: transparent
    }
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
    }
input[type="search"]::-ms-clear {
    display: none
    }
legend {
    line-height: 2.5rem;
    font-size: 1.4rem;
    font-weight: 300;
    color: #d0021b;
    border-bottom: 1px solid #999;
    width: 100%
    }
@media (max-width: 42.49em) {
    legend {
        line-height: 2.5rem
        }
    }
.loading {
    text-align: center
    }
.loading-visual {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid rgba(152, 152, 152, 0.6);
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
    }
.loading-visual::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 1px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #d0021b
    }
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
        } 100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
        }
    }
@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
        } 100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
        }
    }
.notifications {
    left: 3.2rem;
    width: 28.6rem;
    position: fixed;
    z-index: 2;
    bottom: 0;
    background: #231f20
    }
@media (max-width: 42.49em) {
    .notifications {
        left: 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .notifications {
        right: 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .notifications {
        width: auto
        }
    }
.notification {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2.1rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #999
    }
.notification .icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3.6rem;
    height: 3.6rem;
    margin-right: 1.4rem;
    fill: #fff
    }
.warning.notification {
    color: #f7e61c
    }
.warning.notification .icon {
    fill: #f7e61c
    }
.error.notification {
    color: #d91d3c
    }
.error.notification .icon {
    fill: #d91d3c
    }
select {
    border-radius: 4px;
    margin-bottom: 0.4rem;
    padding: 0.7rem;
    font-size: 1.4rem;
    color: #4a4a4a;
    font-family: "Alegreya", Sans-serif;
    border: 1px solid #4a4a4a;
    width: 100%;
    background: #fff url(images/dropdown.svg) no-repeat right center;
    background-origin: content-box
    }
.single-main {
    position: relative
    }
.single-representations {
    margin: 0 16.4rem 5.7rem 16.4rem;
    padding-top: 2.9rem;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
@media (max-width: 63.99em) {
    .single-representations {
        margin: 0 5.7rem 2.1rem 5.7rem
        }
    }
@media (max-width: 42.49em) {
    .single-representations {
        margin: 0 0.7rem 0.7rem 0.7rem
        }
    }
@media (min-width: 80em) {
    .single-representations {
        max-width: 870px;
        margin: 0 auto 80px auto
        }
    }
.single-representations::before {
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 13em);
    background: #dce7eb;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: -1
    }
@media (max-width: 42.49em) {
    .single-representations::before {
        width: calc(100% - 4.5em)
        }
    }
.single-representations section:last-child {
    margin-bottom: 0
    }
.single-representations .load-more {
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #d0021b;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0.4rem 0 1.4rem 0
    }
.single-representations .load-more:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.single-representations .loading {
    position: absolute;
    -webkit-transform: translate(7rem, 3.8rem);
    transform: translate(7rem, 3.8rem)
    }
.slider {
    position: relative
    }
.slider-viewport {
    overflow: hidden;
    width: 100%;
    height: 100%
    }
@media (min-width: 80em) {
    .slider-viewport {
        padding: 3px 0 20px 0
        }
    }
.slider-viewport.slick-slider {
    overflow: visible
    }
.slider-strip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    -o-transition: transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms
    }
.is-dragging .slider-strip {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
    }
.slider-slide {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0.5em
    }
@media (max-width: 42.49em) {
    .slider-slide {
        margin: 0
        }
    }
.slider-prev, .slider-next {
    position: absolute;
    top: 50%
    }
.slider-prev.disabled, .slider-next.disabled {
    opacity: 0.3;
    cursor: default
    }
.slider-prev .icon, .slider-next .icon {
    width: 2.1rem;
    height: 2.1rem;
    fill: #999
    }
.slider-prev:not(.disabled):hover .icon, .slider-next:not(.disabled):hover .icon {
    fill: #d0021b;
    stroke: #4a4a4a
    }
.slider-prev {
    right: 100%;
    -webkit-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%)
    }
.slider-next {
    left: 100%;
    -webkit-transform: translate(25%, -50%);
    transform: translate(25%, -50%)
    }
.slider-pager {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translatey(-300%);
    transform: translatey(-300%)
    }
.slider-page {
    margin-right: 0.4rem;
    border-radius: 50%;
    border: 1px solid #999;
    width: 10px;
    height: 10px
    }
@media (max-width: 63.99em) {
    .slider-page {
        width: 8px;
        height: 8px
        }
    }
.slider-page.is-active {
    border-color: #d0021b;
    background: #d0021b
    }
.slick-dots {
    position: absolute;
    bottom: -2rem;
    top: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    display: inline !important
    }
.slick-dots li {
    margin-right: 0.4rem;
    border-radius: 50%;
    border: 1px solid #999;
    width: 10px;
    height: 10px;
    display: inline-block;
    font-size: 0;
    cursor: hand;
    cursor: pointer
    }
@media (max-width: 63.99em) {
    .slick-dots li {
        width: 8px;
        height: 8px
        }
    }
.slick-dots li.slick-active {
    border-color: #d0021b;
    background: #d0021b
    }
.tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #e7f5f8;
    border-radius: 4px;
    margin-bottom: 2.1rem
    }
.tabs-item {
    border: 1px solid transparent;
    line-height: 2.9rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #231f20;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 4px;
    margin-right: 0.7rem
    }
.tabs-item:last-child {
    margin-right: 0
    }
.tabs-item.is-active {
    color: #d0021b;
    border-color: #d0021b
    }
.tabs-item:not(.is-active):hover {
    border-color: #4a4a4a
    }
.tag {
    margin: 0.4rem;
    padding: 0 0.7rem;
    height: 2.1rem;
    line-height: 2.3rem;
    font-size: 0.9rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    background: #d0021b;
    cursor: pointer;
    max-width: 100%
    }
.tag:hover {
    background: #4a4a4a
    }
.tag .icon {
    margin-left: 0.4em;
    width: 0.75em;
    height: 0.75em;
    fill: #f3bbc4;
    stroke: #f3bbc4;
    pointer-events: none
    }
.toggle {
    width: 4.3rem;
    height: 1.8rem;
    background: #e7f5f8;
    border-radius: 2px;
    padding: 0.2rem;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    position: relative
    }
.toggle:checked {
    background: #d0021b
    }
.toggle:checked:after {
    -webkit-transform: translatex(100%);
    transform: translatex(100%)
    }
.toggle input[type=checkbox] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    height: 100%;
    width: 100%
    }
.toggle input[type=checkbox]::before, .toggle input[type=checkbox]::after {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    content: "";
    cursor: pointer;
    padding: 0.2rem;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center center
    }
.toggle input[type=checkbox]::before {
    background-image: url(/images/cross-toggle-lighter.svg);
    background-color: #4a4a4a
    }
.toggle input[type=checkbox]::after {
    background-image: url(/images/check-toggle-light.svg);
    background-size: 50%
    }
.toggle input[type=checkbox]:checked::before {
    background-image: url(/images/cross-toggle-light.svg);
    background-color: transparent
    }
.toggle input[type=checkbox]:checked::after {
    background-image: url(/images/check-toggle-lighter.svg);
    background-color: #d0021b
    }
.wysiwyg, .article-description, .page-description {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial
    }
.wysiwyg h1, .article-description h1, .page-description h1, .wysiwyg h2, .article-description h2, .page-description h2, .wysiwyg h3, .article-description h3, .page-description h3, .wysiwyg h4, .article-description h4, .page-description h4, .wysiwyg h5, .article-description h5, .page-description h5, .wysiwyg h6, .article-description h6, .page-description h6 {
    margin-bottom: 1.1rem;
    margin-top: 1.1rem
    }
.wysiwyg h1, .article-description h1, .page-description h1 {
    font-size: 2.6rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #d0021b;
    text-transform: uppercase
    }
.wysiwyg h2, .article-description h2, .page-description h2 {
    font-size: 1.8rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #4a4a4a;
    text-transform: uppercase
    }
.wysiwyg h3, .article-description h3, .page-description h3 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #4a4a4a;
    text-transform: uppercase
    }
.wysiwyg h4, .article-description h4, .page-description h4 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #999;
    text-transform: uppercase
    }
.wysiwyg h5, .article-description h5, .page-description h5 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #4a4a4a;
    text-transform: uppercase
    }
.wysiwyg h6, .article-description h6, .page-description h6 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #999;
    text-transform: uppercase
    }
.wysiwyg p, .article-description p, .page-description p {
    margin-bottom: 2.1rem;
    line-height: 1.6rem;
    font-size: 1.3rem;
    color: #4a4a4a
    }
.wysiwyg ul, .article-description ul, .page-description ul, .wysiwyg ol, .article-description ol, .page-description ol {
    margin-bottom: 2.1rem;
    list-style: none
    }
.wysiwyg ul li, .article-description ul li, .page-description ul li, .wysiwyg ol li, .article-description ol li, .page-description ol li {
    font-size: 1.3rem;
    color: #4a4a4a;
    line-height: 1.6rem;
    margin-bottom: 0.7rem
    }
.wysiwyg ul li:before, .article-description ul li:before, .page-description ul li:before {
    content: "— ";
    color: #d0021b;
    padding-right: 0.2rem
    }
.wysiwyg ol, .article-description ol, .page-description ol {
    counter-reset: section
    }
.wysiwyg ol li:before, .article-description ol li:before, .page-description ol li:before {
    counter-increment: section;
    content: counter(section) ".";
    color: #d0021b;
    padding-right: 0.7rem
    }
.wysiwyg a, .article-description a, .page-description a {
    font-size: 1.3rem;
    font-weight: 700;
    text-decoration: underline
    }
.wysiwyg blockquote, .article-description blockquote, .page-description blockquote {
    border-left: 1px solid #b3b3b3;
    line-height: 1.6rem;
    padding-left: 1.4rem
    }
.wysiwyg blockquote p, .article-description blockquote p, .page-description blockquote p {
    font-size: 1.8rem;
    font-style: italic;
    color: #999
    }
.wysiwyg blockquote p:before, .article-description blockquote p:before, .page-description blockquote p:before {
    content: "« "
    }
.wysiwyg blockquote p:after, .article-description blockquote p:after, .page-description blockquote p:after {
    content: " »"
    }
.wysiwyg hr, .article-description hr, .page-description hr {
    border: 0;
    height: 0;
    margin-bottom: 2.1rem;
    margin-top: 2.1rem;
    border-top: 1px solid #b3b3b3
    }
.wysiwyg img, .article-description img, .page-description img {
    display: block;
    margin-bottom: 2.1rem
    }
.wysiwyg br, .article-description br, .page-description br {
    clear: both
    }
.wysiwyg table, .article-description table, .page-description table {
    font-size: 1.3rem;
    color: #4a4a4a;
    width: 100%;
    margin-bottom: 2.1rem
    }
.wysiwyg table td, .article-description table td, .page-description table td, .wysiwyg table th, .article-description table th, .page-description table th {
    border: 1px solid #999;
    padding: 1.4rem
    }
.wysiwyg .columns, .article-description .columns, .page-description .columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
    }
.wysiwyg .columns [class^=col-], .article-description .columns [class^=col-], .page-description .columns [class^=col-] {
    padding-right: 2.1rem
    }
@media (max-width: 42.49em) {
    .wysiwyg .columns [class^=col-], .article-description .columns [class^=col-], .page-description .columns [class^=col-] {
        width: 100% !important;
        margin-bottom: 2.1rem
        }
    }
.wysiwyg .columns .col-1, .article-description .columns .col-1, .page-description .columns .col-1 {
    width: 8.33333%
    }
.wysiwyg .columns .col-2, .article-description .columns .col-2, .page-description .columns .col-2 {
    width: 16.66667%
    }
.wysiwyg .columns .col-3, .article-description .columns .col-3, .page-description .columns .col-3 {
    width: 25%
    }
.wysiwyg .columns .col-4, .article-description .columns .col-4, .page-description .columns .col-4 {
    width: 33.33333%
    }
.wysiwyg .columns .col-5, .article-description .columns .col-5, .page-description .columns .col-5 {
    width: 41.66667%
    }
.wysiwyg .columns .col-6, .article-description .columns .col-6, .page-description .columns .col-6 {
    width: 50%
    }
.wysiwyg .columns .col-7, .article-description .columns .col-7, .page-description .columns .col-7 {
    width: 58.33333%
    }
.wysiwyg .columns .col-8, .article-description .columns .col-8, .page-description .columns .col-8 {
    width: 66.66667%
    }
.wysiwyg .columns .col-9, .article-description .columns .col-9, .page-description .columns .col-9 {
    width: 75%
    }
.wysiwyg .columns .col-10, .article-description .columns .col-10, .page-description .columns .col-10 {
    width: 83.33333%
    }
.wysiwyg .columns .col-11, .article-description .columns .col-11, .page-description .columns .col-11 {
    width: 91.66667%
    }
.wysiwyg .columns .col-12, .article-description .columns .col-12, .page-description .columns .col-12 {
    width: 100%
    }
.wysiwyg .wp-caption, .article-description .wp-caption, .page-description .wp-caption {
    width: auto !important
    }
.wysiwyg .wp-caption p, .article-description .wp-caption p, .page-description .wp-caption p {
    margin-bottom: 0
    }
.wysiwyg .wp-caption img, .article-description .wp-caption img, .page-description .wp-caption img {
    margin: 0 0 0.4rem 0;
    height: auto
    }
.wysiwyg .wp-caption a, .article-description .wp-caption a, .page-description .wp-caption a {
    border-bottom: 0
    }
.wysiwyg .wp-caption-text, .article-description .wp-caption-text, .page-description .wp-caption-text {
    font-size: 0.9rem;
    font-weight: 700;
    color: #4a4a4a
    }
.wysiwyg .alignright, .article-description .alignright, .page-description .alignright {
    float: right;
    margin: 1.4rem 0 1.4rem 1.4rem
    }
.wysiwyg .alignleft, .article-description .alignleft, .page-description .alignleft {
    float: left;
    margin: 1.4rem 1.4rem 1.4rem 0
    }
.wysiwyg .alignnone, .article-description .alignnone, .page-description .alignnone, .wysiwyg .aligncenter, .article-description .aligncenter, .page-description .aligncenter {
    margin: 0 auto 2.1rem auto
    }
.ad {
    overflow: hidden;
    background-color: transparent;
    display: block;
    height: 100%;
    max-width: 100%;
    margin: 0
    }
@media (max-width: 63.99em) {
    .ad {
        margin: 0 auto
        }
    }
@media (max-width: 42.49em) {
    .ad {
        margin: 1.4rem auto
        }
    }
.ad.bigbox {
    height: 22.9rem
    }
@media (max-width: 42.49em) {
    .ad.bigbox {
        height: 250px !important;
        padding: 0
        }
    }
.ad.leaderboard {
    width: 52rem;
    height: 6.4rem;
    margin-right: 1.1rem
    }
@media (max-width: 42.49em) {
    .ad.leaderboard {
        height: 2.9rem
        }
    }
@media (max-width: 63.99em) {
    .ad.leaderboard {
        margin-right: auto
        }
    }
@media (max-width: 63.99em) {
    .ad.leaderboard {
        margin-top: 1.4rem;
        margin-bottom: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .ad.leaderboard {
        margin: 0
        }
    }
.oboxads {
    display: block !important
    }
.alaune {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    position: relative
    }
@media (max-width: 42.49em) {
    .alaune {
        height: auto
        }
    }
@media (max-width: 63.99em) {
    .alaune {
        margin-top: 0.7rem
        }
    }
@media (max-width: 63.99em) {
    .alaune {
        margin-left: -10px
        }
    }
@media (max-width: 63.99em) {
    .alaune {
        margin-right: -10px
        }
    }
@media (max-width: 63.99em) {
    .alaune::before {
        border-radius: 4px;
        content: "";
        display: block;
        height: 100%;
        width: calc(100% - 13em);
        background: #dce7eb;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translatex(-50%);
        transform: translatex(-50%);
        z-index: -1
        }
    }
@media (max-width: 63.99em) and (max-width: 63.99em) {
    .alaune::before {
        width: calc(100% - 17em)
        }
    }
@media (max-width: 63.99em) and (max-width: 42.49em) {
    .alaune::before {
        width: calc(100% - 6.5em)
        }
    }
.alaune-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 23.6rem;
    padding: 2.1rem 0;
    background-color: #dce7eb;
    height: calc(100% - 6em);
    margin-top: 3em
    }
@media (max-width: 63.99em) {
    .alaune-nav {
        width: 13.9rem
        }
    }
@media (max-width: 63.99em) {
    .alaune-nav {
        padding: 0
        }
    }
@media (max-width: 42.49em) {
    .alaune-nav {
        display: none
        }
    }
.alaune-nav-cta {
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #4a4a4a;
    margin-left: 2.1rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
    }
.alaune-nav-cta:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.alaune-headings {
    cursor: pointer;
    padding: 0 1.4rem
    }
.alaune-heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    padding: 0.7rem;
    border: 1px solid transparent;
    border-radius: 4px
    }
.alaune-heading.is-active {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    border-color: #d0021b
    }
.alaune-heading-title {
    font-size: 1.3rem;
    color: #4a4a4a;
    text-transform: uppercase;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2rem;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    display: block
    }
.alaune-heading:hover .alaune-heading-title, .is-active .alaune-heading-title {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    color: #d0021b
    }
.alaune-heading-date {
    font-size: 1.1rem;
    font-weight: 700;
    color: #4a4a4a;
    display: block;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
.alaune-heading:hover .alaune-heading-date, .is-active .alaune-heading-date {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    color: #999
    }
.alaune-previews {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
    }
@media (max-width: 63.99em) {
    .alaune-previews {
        width: 100%
        }
    }
.alaune-preview {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1)
    }
@media (min-width: 64em) {
    .alaune-preview:hover {
        -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
        transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
        -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
        transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
        transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
        -webkit-transform: translatey(-3px);
        transform: translatey(-3px);
        -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
        box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19)
        }
    }
@media (min-width: 64em) {
    .alaune-preview {
        display: none
        }
    }
.alaune-preview.is-active {
    display: block
    }
@media (max-width: 63.99em) {
    .alaune-preview {
        position: static;
        margin-right: 3px;
        margin-right: 10px;
        margin-left: 10px
        }
    }
.alaune-preview-visual {
    height: 26.1rem;
    width: 100%;
    -webkit-animation: bgcolor 2s infinite;
    animation: bgcolor 2s infinite;
    overflow: hidden
    }
@media (max-width: 63.99em) {
    .alaune-preview-visual {
        height: 35.7rem
        }
    }
@media (max-width: 42.49em) {
    .alaune-preview-visual {
        height: 17.9rem
        }
    }
.alaune-preview-img {
    width: 100%
    }
.alaune-preview-body {
    padding: 2.5rem
    }
@media (max-width: 42.49em) {
    .alaune-preview-body {
        padding: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .alaune-preview-body {
        display: inline-block;
        vertical-align: top
        }
    }
.alaune-preview-title, .alaune-preview-date {
    display: block
    }
.alaune-preview-title {
    font-size: 1.8rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #d0021b;
    text-transform: uppercase
    }
@media (max-width: 42.49em) {
    .alaune-preview-title {
        font-size: 1.3rem
        }
    }
.alaune-preview-date {
    font-size: 1.4rem;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 1.1rem;
    line-height: 1.8rem
    }
@media (max-width: 42.49em) {
    .alaune-preview-date {
        font-size: 1rem
        }
    }
@media (max-width: 42.49em) {
    .alaune-preview-date {
        margin-bottom: 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .alaune-preview-date {
        line-height: 1.8rem
        }
    }
.alaune-preview-logo {
    padding: 1.4rem;
    width: 40%;
    vertical-align: top
    }
@media (min-width: 42.5em) {
    .alaune-preview-cta {
        padding: 0.9rem 1.4rem 0.8rem 1.4rem;
        font-size: 1.1rem;
        font-weight: 800;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        z-index: 0;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 4px;
        -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
        transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
        -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
        transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
        transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        background-color: #d0021b
        }
    .alaune-preview-cta:hover {
        -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
        box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
        transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
        -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
        transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
        transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
        -webkit-transform: translatey(-3px);
        transform: translatey(-3px)
        }
    }
@media (max-width: 42.49em) {
    .alaune-preview-cta {
        padding: 0.9rem 1.4rem 0.8rem 1.4rem;
        font-size: 1.1rem;
        font-weight: 800;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        z-index: 0;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 4px;
        -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
        transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
        -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
        transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
        transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        border: 1px solid #4a4a4a;
        color: #4a4a4a;
        background-color: transparent;
        font-size: 0.9rem;
        font-weight: 700;
        padding: 0.6rem 1.1rem 0.6rem 1.1rem
        }
    .alaune-preview-cta:hover {
        -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
        box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
        transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
        -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
        transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
        transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
        -webkit-transform: translatey(-3px);
        transform: translatey(-3px)
        }
    }
@media (max-width: 63.99em) {
    .alaune .slider-viewport {
        padding: 0 0 30px 0;
        height: auto
        }
    .alaune .slider-pager {
        top: auto;
        right: auto;
        left: 50%;
        -webkit-transform: translatex(-50%);
        transform: translatex(-50%)
        }
    }
@media (max-width: 63.99em) and (max-width: 63.99em) {
    .alaune .slider-pager {
        bottom: 0.4rem
        }
    }
@media (max-width: 63.99em) and (max-width: 63.99em) {
    .alaune .slider-pager {
        margin: 0.4rem 0
        }
    }
.buy {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
    }
@media (max-width: 42.49em) {
    .buy {
        padding: 0 0.7rem;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
        }
    }
.buy-action {
    height: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    border: 1px solid #d0021b;
    border-radius: 4px;
    position: relative;
    z-index: 0;
    text-align: center;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
@media (max-width: 42.49em) {
    .buy-action {
        height: 2.9rem
        }
    }
.buy-action:hover {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    background-color: #d0021b
    }
.buy-label {
    color: #d0021b;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    margin: 0 1.4rem;
    position: relative;
    z-index: 0;
    text-align: center;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
@media (max-width: 42.49em) {
    .buy-label {
        font-size: 1.1rem
        }
    }
.buy-action:hover .buy-label {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    color: #fff
    }
.buy-label-date {
    display: block;
    white-space: nowrap
    }
.buy-price {
    font-weight: 300;
    white-space: nowrap;
    border-radius: 4px;
    padding: 0.7rem 0.4rem;
    margin-left: 0.7rem;
    background-color: #e7f5f8
    }
@media (max-width: 42.49em) {
    .buy-price {
        padding: 0.4rem
        }
    }
.buy-infos {
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #4a4a4a;
    color: #4a4a4a;
    background-color: transparent;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 0.6rem 1.1rem 0.6rem 1.1rem;
    display: none
    }
@media (max-width: 42.49em) {
    .buy-infos {
        display: block
        }
    }
.no-price .buy-price {
    display: none
    }
.no-price .buy-action {
    padding-left: 0
    }
.no-sale.buy:hover .buy-action {
    background-color: transparent
    }
.no-sale.buy:hover .buy-label {
    font-size: 1.8rem;
    font-weight: 700;
    color: #999
    }
.no-sale .buy-action {
    border-color: transparent
    }
.no-sale .buy-price {
    display: none
    }
.no-sale .buy-label {
    font-size: 1.8rem;
    font-weight: 700;
    color: #999;
    text-transform: none
    }
.future-sale.buy:hover .buy-action {
    background-color: transparent
    }
.future-sale.buy:hover .buy-label {
    color: #4a4a4a
    }
.future-sale .buy-action {
    cursor: not-allowed;
    border: 0
    }
.future-sale .buy-label {
    font-size: 0.9rem;
    color: #4a4a4a;
    font-weight: 700;
    text-align: right;
    text-transform: none
    }
.future-sale .buy-label-date {
    font-size: 1.1rem
    }
.blogpost {
    width: 17.8rem;
    height: 38.7rem;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    display: inline-block;
    vertical-align: top;
    background: rgba(255, 255, 255, 0.8)
    }
@media (min-width: 90em) {
    .blogpost {
        width: 18.6rem
        }
    }
@media (max-width: 63.99em) {
    .blogpost {
        width: 12.9rem
        }
    }
@media (max-width: 42.49em) {
    .blogpost {
        width: 100%
        }
    }
@media (max-width: 42.49em) {
    .blogpost {
        height: 25rem
        }
    }
.blogpost-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.4rem;
    height: 100%
    }
.blogpost-visual {
    height: 10rem;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
    }
@media (max-width: 42.49em) {
    .blogpost-visual {
        height: 10.6rem
        }
    }
.blogpost-img {
    width: 100%
    }
.blogpost:hover .blogpost-img {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
    }
.blogpost-body {
    padding: 1.4rem
    }
.blogpost-title {
    font-size: 1.4rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #d0021b;
    text-transform: uppercase;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
@media (max-width: 42.49em) {
    .blogpost-title {
        font-size: 1.3rem
        }
    }
.blogpost:hover .blogpost-title {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    color: #231f20
    }
.blogpost-date {
    height: 2.9rem;
    line-height: 2.9rem;
    font-weight: 700;
    color: #999;
    text-transform: lowercase
    }
.blogpost-synopsis {
    font-size: 1.8rem;
    font-weight: 300;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
@media (max-width: 42.49em) {
    .blogpost-synopsis {
        font-size: 1.3rem
        }
    }
.blogpost:hover {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    background: #fff
    }
.categories {
    padding: 1.4rem;
    position: relative
    }
.categories::before {
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 3em);
    background: #dce7eb;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: -1
    }
@media (max-width: 63.99em) {
    .categories::before {
        width: calc(100% - 15em)
        }
    }
@media (max-width: 42.49em) {
    .categories::before {
        width: calc(100% - 4.5em)
        }
    }
.categories-heading {
    font-size: 1.4rem;
    font-weight: 300;
    color: #4a4a4a;
    margin-bottom: 1.4rem;
    text-align: center;
    display: block
    }
.categories-list {
    padding: 0 1.4rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
@media (max-width: 63.99em) {
    .categories-list {
        padding: 0 7.1rem
        }
    }
@media (max-width: 42.49em) {
    .categories-list {
        padding: 0 2.1rem
        }
    }
.categories-item {
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #4a4a4a;
    margin: 0 0.6rem 0.6rem 0
    }
.categories-item:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.categories-item.is-active {
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #d0021b;
    color: #d0021b;
    background-color: transparent
    }
.categories-item.is-active:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.categories-item.is-active:hover {
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1)
    }
.categories-item[data-category="blogue-jeunesse"] {
    font-size: 3.4rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    padding: 1.4rem 0.7rem;
    height: auto;
    width: 100%;
    text-align: center;
    background: url(/images/pattern-family.png) repeat 0 0 transparent;
    background-size: 230px
    }
.categories-item[data-category="blogue-jeunesse"].is-active {
    background-image: none;
    border: 1px solid #27ae60;
    color: #27ae60
    }
.coming {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
    }
.coming-title {
    margin: 1.7rem 0;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    font-size: 1.8rem;
    color: #4a4a4a;
    text-transform: uppercase;
    text-align: center;
    width: 100%
    }
@media (max-width: 42.49em) {
    .coming-title {
        font-size: 1.4rem
        }
    }
.coming::before {
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 3em);
    background: #dce7eb;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: -1
    }
@media (max-width: 63.99em) {
    .coming::before {
        width: calc(100% - 15em)
        }
    }
@media (max-width: 42.49em) {
    .coming::before {
        width: calc(100% - 4.5em)
        }
    }
.coming .tabs {
    width: 21.4rem;
    margin-left: auto;
    margin-right: auto
    }
.coming-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
.coming-list.is-hidden {
    display: none
    }
.coming .representations {
    width: 100%
    }
.coming-button {
    margin: 1.4rem 0 2.1rem 0;
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #4a4a4a;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
    }
@media (max-width: 42.49em) {
    .coming-button {
        margin: 0.5rem 0 0.8rem 0
        }
    }
.coming-button:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.head-nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
.menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
.menu-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
.day {
    height: 2.9rem;
    color: #999;
    border-radius: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid transparent
    }
@media (max-width: 63.99em) {
    .day {
        margin-bottom: 0.4rem
        }
    }
@media (max-width: 63.99em) {
    .day {
        width: 100%
        }
    }
@media (max-width: 63.99em) {
    .day {
        height: 3.2rem
        }
    }
@media (max-width: 63.99em) {
    .day {
        color: #fff
        }
    }
@media (max-width: 63.99em) {
    .day {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        background: #dce7eb
        }
    }
.day.is-active {
    border-color: #d0021b
    }
.day:first-child {
    margin-left: 1.5em
    }
@media (max-width: 63.99em) {
    .day:first-child {
        margin-left: 0
        }
    }
.day:last-child {
    margin-right: 1.5em
    }
@media (max-width: 63.99em) {
    .day:last-child {
        margin-right: 0
        }
    }
.day-url {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
    }
@media (max-width: 63.99em) {
    .day-url {
        padding-left: 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .day-url {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
        }
    }
.day-name, .day-of-month {
    text-transform: uppercase;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
    }
.day-name {
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    font-size: 1.3rem;
    color: #4a4a4a;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    display: block
    }
@media (max-width: 63.99em) {
    .day-name {
        line-height: 3.6rem
        }
    }
@media (max-width: 63.99em) {
    .day-name {
        margin-right: 0.4rem
        }
    }
@media (max-width: 63.99em) {
    .day-name {
        font-size: 1.4rem
        }
    }
.day.is-active .day-name {
    color: #d0021b
    }
.day:hover:not(.is-active) .day-name {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    color: #d0021b
    }
.day-of-month {
    font-size: 0.9rem;
    color: #999;
    font-weight: 700;
    display: block
    }
@media (max-width: 63.99em) {
    .day-of-month {
        color: #4a4a4a;
        font-size: 1.4rem;
        font-weight: 800;
        -webkit-font-smoothing: antialiased
        }
    }
.day.is-active .day-of-month {
    color: #d0021b
    }
.red .day-name {
    color: #d0021b
    }
.daypicker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 4.6rem;
    background: #fff
    }
@media (max-width: 63.99em) {
    .daypicker {
        padding: 3.6rem 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .daypicker {
        padding: 5.7rem 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .daypicker {
        height: 50%
        }
    }
@media (max-width: 42.49em) {
    .daypicker {
        height: 100%
        }
    }
@media (max-width: 63.99em) {
    .daypicker {
        background: #e7f5f8
        }
    }
.is-scrolled #store .daypicker {
    top: 4.6rem;
    position: fixed;
    z-index: 1;
    width: 100%
    }
@media (max-width: 63.99em) {
    .is-scrolled #store .daypicker {
        top: 0
        }
    }
@media (max-width: 63.99em) {
    .daypicker {
        display: none;
        position: fixed;
        z-index: 1;
        bottom: 49px;
        width: 50%
        }
    .daypicker.is-active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
        }
    }
@media (max-width: 42.49em) {
    .daypicker {
        width: 100%;
        top: 0;
        bottom: auto
        }
    }
.daypicker-days {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    overflow: hidden
    }
@media (max-width: 63.99em) {
    .daypicker-days {
        margin-top: 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .daypicker-days {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto
        }
    }
.daypicker-btn {
    width: 2.5rem;
    height: 100%
    }
@media (max-width: 63.99em) {
    .daypicker-btn {
        display: none
        }
    }
.daypicker-btn .icon {
    fill: #999;
    height: 1.4rem;
    width: 1.4rem
    }
.daypicker .datepicker {
    padding-right: 2.1rem;
    height: 100%
    }
@media (max-width: 63.99em) {
    .daypicker .datepicker {
        padding-right: 0
        }
    }
@media (max-width: 63.99em) {
    .daypicker .datepicker {
        height: auto
        }
    }
@media (max-width: 63.99em) {
    .daypicker .datepicker-btn {
        display: none
        }
    }
.daypicker .datepicker .icon {
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    width: 1.4rem;
    height: 1.4rem;
    fill: #4a4a4a;
    stroke: #4a4a4a
    }
.daypicker .datepicker:hover .icon {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    fill: #d0021b;
    stroke: #d0021b
    }
.daypicker .day-of-month {
    overflow: visible
    }
.filters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 26.1rem;
    -ms-flex-preferred-size: 26.1rem;
    flex-basis: 26.1rem;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
    }
@media (max-width: 63.99em) {
    .filters {
        padding: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .filters {
        padding: 5.7rem 1.4rem
        }
    }
.is-scrolled .filters {
    margin-top: 0
    }
@media (max-width: 63.99em) {
    .filters {
        display: none;
        position: fixed;
        bottom: 50px;
        right: 0;
        width: 50%;
        height: 50%;
        background: #e7f5f8
        }
    }
@media (max-width: 42.49em) {
    .filters {
        display: none;
        position: fixed;
        top: 0;
        bottom: auto;
        left: 0;
        right: auto;
        width: 100%;
        height: 100%
        }
    }
.filters.is-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
.filters .nav {
    margin-top: 2.9rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: transparent;
    overflow-y: hidden
    }
@media (max-width: 63.99em) {
    .filters .nav {
        margin-top: 0
        }
    }
@media (max-width: 63.99em) {
    .filters .nav {
        overflow-y: scroll
        }
    }
.filters .nav-pane {
    overflow: auto;
    background: #dce7eb;
    max-height: calc(100vh - 15.7rem - 4.6rem - 2 * 2.9rem)
    }
@media (max-width: 63.99em) {
    .filters .nav-pane {
        max-height: 100%
        }
    }
.is-scrolled .filters .nav {
    position: fixed;
    top: 9.3rem;
    width: 26.1rem
    }
@media (max-width: 63.99em) {
    .is-scrolled .filters .nav {
        position: static
        }
    }
@media (max-width: 63.99em) {
    .is-scrolled .filters .nav {
        width: 100%
        }
    }
.filters .tags {
    padding: 1.4rem;
    border-bottom: 1px solid #e7f5f8
    }
.filters-reset {
    font-size: 1rem;
    font-weight: 700;
    color: #4a4a4a;
    text-decoration: underline;
    float: right
    }
.filters-preset {
    font-size: 1rem;
    font-weight: 700;
    color: #4a4a4a;
    text-decoration: underline;
    margin: 1.4rem;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
    }
@media (max-width: 42.49em) {
    .footer {
        margin: 0 0.7rem
        }
    }
.footer-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #dce7eb;
    margin: 0 auto;
    max-width: 1440px;
    width: 96.4rem
    }
@media (max-width: 63.99em) {
    .footer-inner {
        width: auto
        }
    }
.footer-nav {
    padding: 2.1rem;
    line-height: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e7f5f8
    }
@media (max-width: 63.99em) {
    .footer-nav {
        display: none
        }
    }
.footer-nav-links {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
.footer-nav-link {
    font-size: 1.1rem;
    font-weight: 700;
    color: #4a4a4a;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    display: block
    }
.footer-nav-link:hover {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none
    }
@media (max-width: 63.99em) {
    .footer-links {
        display: none
        }
    }
.footer-link {
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
.footer-link:hover {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    color: #d0021b
    }
.footer-secondary {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #999;
    font-size: 1rem;
    line-height: 1rem;
    padding: 2.1rem 0
    }
@media (max-width: 42.49em) {
    .footer-secondary {
        padding: 2.1rem 0 1.4rem 0
        }
    }
@media (max-width: 63.99em) {
    .footer-secondary {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
        }
    }
.footer-secondary-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2.1rem
    }
@media (max-width: 42.49em) {
    .footer-secondary-main {
        padding: 0 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .footer-secondary-main {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
        }
    }
.footer-partners {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2.1rem
    }
@media (max-width: 42.49em) {
    .footer-partners {
        padding: 0 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .footer-partners {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        width: 100%;
        border-bottom: 1px solid #e7f5f8;
        padding-bottom: 1.4rem
        }
    }
.footer-partners li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
    }
.footer-partners .logoqc {
    width: 9rem;
    height: 2rem;
    margin-top: 5px;
    margin-right: 11px
    }
.footer-partners .logomtl {
    width: 9rem;
    height: 2rem
    }
@media (max-width: 42.49em) {
    .footer-partners {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
        }
    }
.footer-partner {
    margin-left: 1.4rem;
    display: inline-block
    }
@media (max-width: 63.99em) {
    .footer-partner {
        margin-left: 0.4rem
        }
    }
.footer-partner-visual {
    height: 5rem;
    max-height: 50px
    }
.footer-credits {
    color: #999
    }
@media (max-width: 63.99em) {
    .footer-credits {
        font-size: 1.3rem;
        font-weight: 400
        }
    }
@media (max-width: 63.99em) {
    .footer-credits {
        margin-top: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .footer-credits {
        font-size: 1.1rem
        }
    }
.footer-credits-creators {
    color: #4a4a4a;
    font-weight: 700
    }
@media (max-width: 42.49em) {
    .footer-credits-creators {
        display: none
        }
    }
@media (max-width: 63.99em) {
    .footer-credits-creators {
        font-size: 1.3rem;
        font-weight: 400
        }
    }
.header {
    height: 10.7rem;
    position: relative;
    background-color: #fff
    }
@media (max-width: 63.99em) {
    .header {
        height: auto
        }
    }
.is-scrolled .header {
    height: 4.6rem;
    position: fixed;
    z-index: 3;
    top: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid rgba(153, 153, 153, 0.4)
    }
.header-body {
    height: 100%;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 5;
    background-color: #fff
    }
.header-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0 auto;
    max-width: 1440px;
    height: 100%
    }
@media (max-width: 63.99em) {
    .header-inner {
        padding: 10px
        }
    }
.is-scrolled .header-inner {
    padding: 0.4rem 0
    }
.header-logo {
    margin: 1.4rem 0 0.7rem 3.2rem;
    width: 12.1rem;
    height: 8.6rem;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    background-image: url(/images/logo.svg)
    }
@media (max-width: 63.99em) {
    .header-logo {
        margin: 0 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .header-logo {
        width: auto
        }
    }
@media (max-width: 63.99em) {
    .header-logo {
        height: auto
        }
    }
.is-scrolled .header-logo {
    width: 14.3rem;
    background-image: url(/images/logo-small.svg);
    margin-top: 0;
    margin-bottom: 0;
    height: auto
    }
.header-nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 14.3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 2.1rem
    }
.is-scrolled .header-nav {
    padding-left: 12.1rem
    }
.header-nav-head, .header-nav-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
.header-nav-head {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
    }
.is-scrolled .header-nav-head {
    display: none
    }
.header-nav-body {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 5.7rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
    }
.header-nav-button {
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #d0021b;
    margin-right: 0.7rem;
    margin-top: 1.4rem
    }
.header-nav-button:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.is-scrolled .header-nav-button {
    margin-top: 0.4rem
    }
.header-nav .icon {
    width: 1.4rem;
    height: 1.4rem;
    fill: #d0021b
    }
.header-nav .loading-visual {
    width: 1.3rem;
    height: 1.3rem
    }
.header-intro {
    font-size: 1.4rem;
    font-weight: 300;
    color: #4a4a4a;
    margin-left: 3.6rem;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
    }
.header-newsletter {
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #d0021b;
    text-transform: uppercase;
    font-size: 1rem;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    background-color: #e7f5f8;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0.7rem 1.4rem;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: block;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1)
    }
@media (max-width: 63.99em) {
    .header-newsletter {
        padding: 0
        }
    }
.header-newsletter .icon {
    margin-left: 0.7rem;
    fill: #d0021b;
    height: 2em;
    width: 2em
    }
@media (max-width: 63.99em) {
    .header-newsletter .icon {
        margin-left: 0
        }
    }
@media (max-width: 63.99em) {
    .header-newsletter .icon {
        fill: #fff
        }
    }
.header-newsletter:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.header-searchby {
    margin-right: 0.7rem;
    font-size: 1.8rem;
    font-weight: 300;
    display: block
    }
.header-quick-search {
    background: #231f20;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 100%;
    height: 50px;
    font-size: 10px
    }
.header-quick-search.is-visible .search-input {
    -webkit-transform: translatey(0);
    transform: translatey(0)
    }
.header-menu {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
@media (max-width: 63.99em) {
    .header-menu {
        position: absolute;
        left: 0;
        top: 0
        }
    }
.header-mobile {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 4;
    font-size: 10px;
    height: 50px;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff
    }
.header-mobile-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 30px;
    width: 80px
    }
.header-quick-search {
    display: none;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
    z-index: 4;
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 10px 15px;
    top: 50px
    }
.search-visible .header-quick-search {
    display: block
    }
.header-search {
    position: absolute;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    cursor: pointer
    }
@media (max-width: 63.99em) {
    .header-search {
        right: 20px
        }
    }
.header-search .icon {
    fill: #d0021b
    }
@media (max-width: 63.99em) {
    .header-search .icon {
        height: 20px
        }
    }
@media (max-width: 63.99em) {
    .header-search .icon {
        width: 20px
        }
    }
.header-search .close {
    display: none
    }
.search-visible .header-search .icon {
    opacity: 0.3
    }
.login {
    width: 21.4rem;
    right: 1.8rem;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
    position: absolute;
    z-index: 6;
    top: 0;
    background: #fff
    }
@media (min-width: 90em) {
    .login {
        margin-right: calc(50% - 720px)
        }
    }
.login-close {
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #d0021b;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 1.1rem 2.1rem;
    margin-bottom: 1.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
    }
@media (max-width: 63.99em) {
    .login-close {
        padding: 0
        }
    }
.login-close .icon {
    margin-left: 0.7rem;
    height: 2.1rem;
    width: 2.1rem;
    fill: #d0021b
    }
@media (max-width: 63.99em) {
    .login-close .icon {
        margin-left: 0
        }
    }
.login-close:hover {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none
    }
.login-close:hover .icon {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none
    }
.login-body {
    padding: 0 2.1rem
    }
.login-pane {
    display: none
    }
.login-pane.is-active {
    display: block
    }
.login-pane-section {
    padding-bottom: 2.1rem
    }
.login-pane .icon {
    width: 0.9rem;
    height: 0.9rem
    }
.login-disclaimer {
    font-size: 1.1rem;
    color: #999;
    font-style: italic
    }
.login-signup-btn {
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #4a4a4a;
    margin-top: 1.1rem;
    border-color: #000
    }
.login-signup-btn:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
@media (max-width: 42.49em) {
    .login-signup-btn {
        margin-top: 1.1rem
        }
    }
.login-signup-btn::before, .login-signup-btn::after {
    background: #000
    }
.login-signup-btn::before {
    border-color: #000
    }
.login-reset {
    font-size: 1.1rem;
    font-weight: 700;
    color: #999;
    text-decoration: underline;
    margin: 0.2rem 0;
    display: block
    }
.login-reset .icon {
    margin-right: 0.3em;
    fill: #999
    }
.login .alert {
    margin-top: 0
    }
.login fieldset {
    margin-top: 0.7rem
    }
.login-link {
    display: block;
    margin-top: 1.4rem;
    font-size: 0.9rem;
    color: #4a4a4a
    }
.login .tabs-item {
    line-height: 1;
    padding-top: 1rem;
    padding-bottom: 1rem
    }
.masthead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    min-height: 33.6rem;
    margin: 5.7rem 2.9rem 0 2.9rem;
    background: #fff
    }
@media (max-width: 63.99em) {
    .masthead {
        min-height: 26.8rem
        }
    }
@media (max-width: 63.99em) {
    .masthead {
        margin: 1.4rem 1.4rem 0 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .masthead {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
        }
    }
@media (max-width: 42.49em) {
    .masthead {
        margin: 0
        }
    }
.masthead .slick-slide {
    height: 28.6rem;
    background-position: center;
    background-size: cover
    }
@media (max-width: 63.99em) {
    .masthead .slick-slide {
        height: 28.6rem
        }
    }
@media (max-width: 42.49em) {
    .masthead .slick-slide {
        height: 15.2rem
        }
    }
.masthead-aside, .masthead-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
@media (max-width: 63.99em) {
    .masthead-aside, .masthead-body {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
        }
    }
.masthead-aside {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 2.9rem 2.9rem;
    position: relative
    }
@media (max-width: 63.99em) {
    .masthead-aside {
        margin: 1.4rem 0 1.4rem 0
        }
    }
@media (max-width: 42.49em) {
    .masthead-aside {
        margin: 0 0 1.4rem 0
        }
    }
@media (max-width: 63.99em) {
    .masthead-aside {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
        }
    }
.masthead-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2.9rem 2.9rem 0 0
    }
@media (max-width: 63.99em) {
    .masthead-body {
        padding: 2rem
        }
    }
.masthead-visuals {
    width: 100%;
    height: 28.6rem;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 2.1rem
    }
@media (max-width: 63.99em) {
    .masthead-visuals {
        width: 100%
        }
    }
@media (max-width: 63.99em) {
    .masthead-visuals {
        height: 28.6rem
        }
    }
@media (max-width: 42.49em) {
    .masthead-visuals {
        height: 15.2rem
        }
    }
@media (max-width: 63.99em) {
    .masthead-visuals {
        margin-bottom: 0
        }
    }
.masthead-visuals .slider-pager {
    bottom: 1.4rem;
    top: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%)
    }
.masthead-visual {
    width: 100%;
    height: 28.6rem;
    max-width: 600px;
    position: relative
    }
@media (max-width: 63.99em) {
    .masthead-visual {
        height: 15.2rem
        }
    }
.masthead-visual > span {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px;
    border-radius: 4px 0 0 0
    }
.masthead-visual > span p {
    color: white
    }
.masthead-video {
    width: 100%;
    height: 100%
    }
.masthead-infos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    color: #999;
    z-index: 0
    }
@media (max-width: 63.99em) {
    .masthead-infos {
        padding: 0.7rem 0 0.7rem 0
        }
    }
@media (max-width: 63.99em) {
    .masthead-infos {
        width: 100%
        }
    }
@media (max-width: 63.99em) {
    .masthead-infos + .masthead-infos {
        padding-top: 0
        }
    }
.masthead-info {
    font-size: 1rem;
    margin-bottom: 0.7rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
    }
@media (max-width: 63.99em) {
    .masthead-info {
        font-size: 1.4rem
        }
    }
.masthead-info:hover .icon {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    fill: #4a4a4a
    }
.masthead-info .icon {
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    margin-right: 0.5em;
    fill: #999
    }
.masthead-info a {
    font-weight: 700;
    text-decoration: underline
    }
.masthead-info a:hover {
    color: #4a4a4a
    }
.masthead-address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.7rem;
    margin-right: 1.4rem;
    font-size: 0.9rem;
    color: #4a4a4a;
    font-weight: 700;
    border: 1px solid #d0021b;
    border-radius: 4px
    }
@media (min-width: 42.5em) and (max-width: 63.99em) {
    .masthead-address {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
        }
    }
.masthead-address .icon {
    fill: #d0021b;
    height: 1.4rem;
    width: 1.4rem;
    margin-right: 1.4rem
    }
.masthead-style {
    display: none
    }
@media (max-width: 63.99em) {
    .masthead-style {
        font-size: 1rem;
        color: #999;
        font-style: italic;
        display: block
        }
    }
.masthead-heading {
    font-size: 2.6rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #d0021b;
    text-transform: uppercase;
    line-height: 2.5rem
    }
@media (max-width: 63.99em) {
    .masthead-heading {
        font-size: 1.8rem
        }
    }
@media (max-width: 63.99em) {
    .masthead-heading {
        line-height: 1.7rem
        }
    }
@media (max-width: 42.49em) {
    .masthead-heading {
        margin-bottom: 1.4rem
        }
    }
.masthead-subheading {
    font-size: 1.8rem;
    font-weight: 700;
    color: #4a4a4a
    }
@media (max-width: 63.99em) {
    .masthead-subheading {
        font-size: 1.3rem
        }
    }
.masthead-description {
    margin: 2.5rem 0;
    font-size: 1.3rem;
    font-weight: 300;
    overflow: hidden;
    white-space: pre-wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
    }
@media (max-width: 63.99em) {
    .masthead-description {
        margin: 0.1rem 0
        }
    }
@media (max-width: 63.99em) {
    .masthead-description {
        font-size: 1.4rem
        }
    }
.masthead-more {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #4a4a4a;
    font-weight: 700;
    font-size: 0.9rem;
    color: #4a4a4a;
    text-transform: uppercase;
    padding: 0.7rem;
    margin-top: 0.7rem
    }
.masthead-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
@media (max-width: 63.99em) {
    .masthead-links {
        display: none
        }
    }
.masthead-link {
    margin-right: 1.4rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #999;
    text-decoration: underline;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
.masthead-link:hover {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    color: #4a4a4a
    }
.masthead-link:hover .icon {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    fill: #4a4a4a
    }
.masthead-link .icon {
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-transform: none;
    transform: none;
    margin-left: 0.4em;
    width: 1.2em;
    height: 1.2em;
    vertical-align: middle;
    fill: #999
    }
.no-visual.masthead {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    min-height: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px
    }
.no-visual .masthead-visuals {
    display: none
    }
.no-visual .masthead-body {
    padding: 2.9rem
    }
@media (max-width: 63.99em) {
    .no-visual .masthead-body {
        padding: 2rem
        }
    }
.no-visual .masthead-aside {
    margin: 0 2.9rem
    }
.menu {
    width: auto;
    margin-left: 1.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    z-index: 2;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
@media (max-width: 63.99em) {
    .menu {
        width: 21.4rem
        }
    }
@media (max-width: 42.49em) {
    .menu {
        width: 5rem
        }
    }
@media (max-width: 63.99em) {
    .menu {
        margin-left: 0
        }
    }
.menu:not(.is-visible) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
    }
.menu.is-visible {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19)
    }
@media (max-width: 42.49em) {
    .menu.is-visible {
        -webkit-box-shadow: none;
        box-shadow: none
        }
    }
.menu.is-visible .nav {
    display: block;
    -webkit-transform: translatex(0);
    transform: translatex(0)
    }
.menu-heading {
    text-transform: uppercase;
    font-size: 1rem;
    color: #d0021b;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    cursor: pointer
    }
.menu-heading .icon {
    margin-left: 0.7rem;
    height: 2rem;
    width: 2rem
    }
@media (max-width: 42.49em) {
    .menu-heading .icon {
        margin-left: 0
        }
    }
@media (max-width: 63.99em) {
    .menu-heading .icon {
        height: 30px
        }
    }
@media (max-width: 63.99em) {
    .menu-heading .icon {
        width: 30px
        }
    }
.menu-title {
    padding: 0 1.4rem;
    height: 5.7rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
    }
@media (max-width: 63.99em) {
    .menu-title {
        padding: 0 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .menu-title {
        height: 50px
        }
    }
@media (max-width: 63.99em) {
    .menu-title {
        text-indent: -9999px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
        }
    .is-visible .menu-title {
        text-indent: 0;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
        }
    }
@media (max-width: 42.49em) {
    .menu-title {
        text-indent: -9999px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
        }
    .is-visible .menu-title {
        text-indent: -9999px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
        }
    }
.menu-title .close {
    display: none
    }
@media (max-width: 63.99em) {
    .menu-title .close {
        height: 20px
        }
    }
@media (max-width: 63.99em) {
    .menu-title .close {
        width: 20px
        }
    }
.is-visible .menu-title .close {
    display: block
    }
.is-visible .menu-title .open {
    display: none
    }
.is-scrolled .menu-title {
    padding: 0 1.4rem;
    height: 4.1rem
    }
.menu-title .icon {
    fill: #d0021b
    }
.menu-title-content {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.7rem;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
@media (min-width: 64em) {
    .menu:hover .menu-title-content {
        -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
        transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
        -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
        transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
        transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
        -webkit-transform: translatey(-3px);
        transform: translatey(-3px);
        -webkit-transform: none;
        transform: none;
        border-color: #4a4a4a;
        color: #4a4a4a
        }
    .menu:hover .menu-title-content .icon {
        fill: #4a4a4a
        }
    .menu.is-visible .menu-title-content {
        border-color: transparent;
        color: #d0021b
        }
    .menu.is-visible .menu-title-content .icon {
        fill: #d0021b
        }
    }
.menu-back {
    padding: 0 1.4rem;
    color: #4a4a4a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
    }
@media (max-width: 63.99em) {
    .menu-back {
        padding: 10px 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .menu-back {
        display: none
        }
    }
.menu-back.is-hidden {
    display: none
    }
.is-scrolled .menu-back {
    height: 4.1rem
    }
.menu-back .icon {
    fill: #4a4a4a
    }
.menu .nav {
    width: 100%;
    border-top: 1px solid #e7f5f8;
    background-color: #fff;
    display: none;
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    -o-transition: transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
    }
@media (max-width: 42.49em) {
    .menu .nav {
        display: block;
        -webkit-transform: translatex(-100%);
        transform: translatex(-100%);
        position: fixed;
        width: 100vw;
        height: calc(100vh - 50px);
        margin-top: 50px;
        top: 0;
        left: 0
        }
    }
@media (max-width: 42.49em) {
    .menu .nav-pane {
        top: 52px
        }
    }
.menu .nav-item {
    text-transform: uppercase
    }
.menu .nav-item:last-child {
    border: 0
    }
.menu .nav-item.is-active span {
    color: #d0021b
    }
.mobile-menu {
    overflow: hidden;
    position: fixed;
    top: 50px;
    left: 0;
    bottom: 0;
    width: 100%
    }
.mobile-menu .mobile-menu-pane {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    -o-transition: transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms
    }
.mobile-menu .mobile-menu-pane-scroller {
    position: relative;
    overflow: hidden;
    margin-top: 4.6em;
    min-height: 100%;
    -webkit-transform: translatez(0);
    transform: translatez(0)
    }
@media (max-width: 63.99em) {
    .mobile-menu .mobile-menu-pane-scroller {
        padding: 1.4rem 1.4rem 0
        }
    }
@media (max-width: 42.49em) {
    .mobile-menu .mobile-menu-pane-scroller {
        padding: 1.4rem 1.4rem 0
        }
    }
.mobile-menu .mobile-menu-pane-scroller::before, .mobile-menu .mobile-menu-pane-scroller::after {
    content: "";
    position: absolute;
    top: 0;
    left: 101%;
    background: #231f20;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
    }
@media (min-width: 42.5em) {
    .mobile-menu .mobile-menu-pane-scroller::before, .mobile-menu .mobile-menu-pane-scroller::after {
        top: -12%;
        left: 77%
        }
    }
.mobile-menu .mobile-menu-pane-scroller::before {
    z-index: -1;
    width: 200%;
    height: 150%
    }
.mobile-menu .mobile-menu-pane-scroller::after {
    width: 4px;
    height: 150%
    }
.mobile-menu .mobile-menu-pane.quick {
    overflow: auto;
    background: #393435
    }
.mobile-menu-buttons {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
    }
@media (max-width: 63.99em) {
    .mobile-menu-buttons {
        margin-bottom: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .mobile-menu-buttons {
        margin-bottom: 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .mobile-menu-buttons {
        height: 20rem
        }
    }
@media (max-width: 42.49em) {
    .mobile-menu-buttons {
        height: 20rem
        }
    }
@media (max-width: 63.99em) {
    .mobile-menu-item {
        width: 48%
        }
    }
@media (max-width: 42.49em) {
    .mobile-menu-item {
        width: 48%
        }
    }
@media (max-width: 63.99em) {
    .mobile-menu-item {
        height: 48%
        }
    }
@media (max-width: 42.49em) {
    .mobile-menu-item {
        height: 48%
        }
    }
.mobile-menu-item.link {
    width: 50%
    }
@media (max-width: 63.99em) {
    .mobile-menu-item.link {
        height: 2.5rem
        }
    }
@media (max-width: 42.49em) {
    .mobile-menu-item.link {
        height: 2.5rem
        }
    }
@media (max-width: 63.99em) {
    .mobile-menu-item.link {
        margin-bottom: 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .mobile-menu-item.link {
        margin-bottom: 0.7rem
        }
    }
.mobile-menu-item.link:nth-child(even) {
    text-align: right
    }
.mobile-menu-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #d0021b
    }
@media (max-width: 42.49em) {
    .mobile-menu-button {
        font-size: 1.8rem;
        color: #fff;
        text-transform: uppercase
        }
    }
@media (max-width: 63.99em) {
    .mobile-menu-button {
        font-size: 1.8rem;
        color: #fff;
        text-transform: uppercase
        }
    }
@media (max-width: 63.99em) {
    .mobile-menu-button-span {
        margin: 0.9rem 0
        }
    }
@media (max-width: 42.49em) {
    .mobile-menu-button-span {
        margin: 0.9rem 0
        }
    }
.mobile-menu-button .icon {
    width: 4em;
    height: 4em;
    fill: #fff
    }
.mobile-menu-links {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
.mobile-menu-link {
    display: inline-block;
    width: 100%;
    background: #fff
    }
@media (max-width: 63.99em) {
    .mobile-menu-link {
        height: 2.5rem
        }
    }
@media (max-width: 42.49em) {
    .mobile-menu-link {
        height: 2.5rem
        }
    }
@media (max-width: 63.99em) {
    .mobile-menu-link {
        line-height: 2.7rem
        }
    }
@media (max-width: 42.49em) {
    .mobile-menu-link {
        line-height: 2.7rem
        }
    }
@media (max-width: 63.99em) {
    .mobile-menu-link {
        padding: 0 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .mobile-menu-link {
        padding: 0 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .mobile-menu-link {
        color: #d0021b;
        font-size: 1.3rem;
        font-weight: 700
        }
    }
@media (max-width: 63.99em) {
    .mobile-menu-link {
        color: #d0021b;
        font-size: 1.3rem;
        font-weight: 700
        }
    }
.mobile-menu-link.phone .icon, .mobile-menu-link.itinerary .icon {
    margin-right: 0.7em;
    vertical-align: text-bottom;
    width: 1.2em;
    height: 1.2em;
    fill: #d0021b
    }
.mobile-menu-link.itinerary .icon {
    margin-right: 0.35em
    }
.mobile-menu-link.lang, .mobile-menu-link.links {
    color: #fff;
    background: #000
    }
.mobile-menu-link.links .icon {
    margin-left: 0.7em;
    vertical-align: text-bottom;
    width: 1.2em;
    height: 1.2em;
    fill: #fff
    }
.nav {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    height: 100%;
    background: #fff;
    -webkit-overflow-scrolling: touch
    }
@media (max-width: 63.99em) {
    .nav {
        background: #231f20
        }
    }
.nav-pane {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    -o-transition: transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
    pointer-events: all
    }
.nav-pane:first-child {
    text-transform: none
    }
.nav-title {
    font-size: 1.4rem;
    font-weight: 300;
    color: #4a4a4a;
    padding: 1.1rem 1.4rem;
    text-align: center;
    text-transform: none;
    border-bottom: 1px solid #e7f5f8
    }
@media (max-width: 42.49em) {
    .nav-title {
        font-size: 1.8rem
        }
    }
.nav-title.back {
    text-align: left;
    text-transform: uppercase;
    font-size: 1rem;
    color: #4a4a4a;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    position: relative;
    font-style: normal;
    cursor: pointer
    }
.nav-title.back .icon {
    left: 1.4rem;
    height: 1.4rem;
    width: 1.4rem;
    margin-right: 0.7rem;
    fill: #4a4a4a
    }
@media (max-width: 42.49em) {
    .nav-title.back .icon {
        left: 1.4rem
        }
    }
.nav-title.secondary {
    text-align: left
    }
.nav-item {
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #e7f5f8
    }
.nav-item .icon, .nav-item .toggle {
    right: 1.4rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%)
    }
@media (max-width: 42.49em) {
    .nav-item .icon, .nav-item .toggle {
        right: 1.8rem
        }
    }
.nav-item .icon {
    fill: #4a4a4a;
    height: 1.4rem;
    width: 1.4rem
    }
@media (max-width: 42.49em) {
    .nav-item .icon {
        height: 1.8rem
        }
    }
@media (max-width: 42.49em) {
    .nav-item .icon {
        width: 1.8rem
        }
    }
.nav-item:hover .icon {
    fill: #d0021b
    }
.nav-link {
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #4a4a4a;
    font-size: 1.3rem;
    padding: 1.1rem 1.4rem;
    display: block
    }
@media (max-width: 42.49em) {
    .nav-link {
        font-size: 1.8rem
        }
    }
@media (max-width: 42.49em) {
    .nav-link {
        padding: 1.4rem 1.4rem
        }
    }
.nav-link:hover {
    color: #d0021b
    }
.filters .nav {
    pointer-events: none
    }
.preview {
    width: 17.9rem;
    height: 18.4rem;
    border-radius: 4px;
    position: relative;
    display: inline-block;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
@media (max-width: 42.49em) {
    .preview {
        width: 100%
        }
    }
.preview:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    z-index: 1
    }
.preview-link {
    display: inline-block;
    width: 100%;
    height: 100%
    }
.preview-visual {
    height: 10.7rem;
    overflow: hidden;
    -webkit-animation: bgcolor 2s infinite;
    animation: bgcolor 2s infinite;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
    }
@media (max-width: 63.99em) {
    .preview-visual {
        height: 10.7rem
        }
    }
@media (max-width: 42.49em) {
    .preview-visual {
        height: 12.9rem
        }
    }
.preview-img {
    width: 100%
    }
.preview-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin: 1.1rem
    }
@media (max-width: 42.49em) {
    .preview-body {
        margin: 2rem
        }
    }
.preview-heading {
    font-size: 1.4rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #d0021b;
    text-transform: uppercase;
    line-height: 1.3rem;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
    }
.preview-subheading {
    font-size: 1rem;
    color: #999;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
    }
.preview-description {
    font-size: 1.3rem;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    line-height: 1.1em;
    padding-top: 0.7rem
    }
.large.preview {
    height: 15.7rem;
    width: 100%
    }
.large .preview-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
    }
.large .preview-body {
    margin: 2.1rem 2.1rem 1.1rem 2.1rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
    }
.large .preview-visual {
    width: 23.3rem;
    height: auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0
    }
.large .preview-img {
    height: 100%;
    width: auto;
    max-width: none
    }
.large .preview-heading {
    font-size: 1.3rem;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
    }
.large .preview-subheading {
    font-size: 1.1rem;
    font-weight: 700;
    color: #4a4a4a;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    font-style: normal
    }
.large .preview-description {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
.large .preview-action {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
    }
.small.preview {
    height: 6.4rem;
    width: 100%
    }
.small .preview-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
    }
.small .preview-visual {
    width: 6.4rem;
    height: 6.4rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0
    }
.small .preview-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
.small .preview-heading {
    font-size: 1.4rem;
    font-weight: 700;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    text-transform: none
    }
.small .preview-subheading {
    font-size: 1rem;
    font-weight: 700;
    color: #231f20;
    font-style: normal;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
    }
.small .preview-description {
    display: none
    }
.quick-nav {
    top: 10.7rem;
    position: absolute;
    z-index: 3;
    left: 0;
    width: 100%;
    padding-bottom: 10px
    }
.is-scrolled .quick-nav {
    top: 4.6rem
    }
.is-scrolled .quick-nav .daypicker {
    position: static
    }
.quick-nav-pane {
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%);
    border-bottom: 1px solid rgba(153, 153, 153, 0.4);
    background: #fff;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    -o-transition: transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1)
    }
.quick-nav-pane.is-active {
    -webkit-transform: translatey(0);
    transform: translatey(0)
    }
@media (min-width: 90em) {
    .quick-nav-pane {
        padding: 0 calc(50% - 720px)
        }
    }
.quick-nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 12.1rem;
    padding: 1.8rem 2.9rem
    }
.sectors .quick-nav-list {
    height: 14.3rem
    }
.quick-nav-item {
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    width: calc(100% / 3);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
    }
.sectors .quick-nav-item {
    width: 25%;
    font-size: 1.1rem;
    font-weight: 700;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
    }
.disciplines .quick-nav-item {
    text-transform: uppercase
    }
.quick-nav-link {
    line-height: 2.1rem;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
.quick-nav-link:hover {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    color: #d0021b
    }
.quick-nav-aside {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.9rem;
    height: 4.6rem;
    border-top: 1px solid rgba(153, 153, 153, 0.4)
    }
.events .quick-nav-aside {
    margin: 2.9rem -2.9rem 0 -2.9rem;
    padding: 0 2.9rem
    }
.quick-nav .day.is-active {
    border: 0
    }
.quick-nav .day.is-active .day-name {
    color: #4a4a4a
    }
.quick-nav .day.is-active .day-of-month {
    color: #4a4a4a
    }
.quick-nav .day:hover .day-name {
    color: #d0021b
    }
.representation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 0.7rem;
    height: 7.1rem;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1)
    }
@media (max-width: 42.49em) {
    .representation {
        margin-bottom: 0.4rem
        }
    }
@media (max-width: 42.49em) {
    .representation {
        height: 9.3rem
        }
    }
.representation:hover {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19)
    }
@media (max-width: 42.49em) {
    .representation {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
        }
    .representation.is-focused::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #e7f5f8;
        opacity: 0.95;
        z-index: 1
        }
    }
.representation-visual {
    width: 7.1rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    -webkit-animation: bgcolor 2s infinite;
    animation: bgcolor 2s infinite
    }
.representation-visual-img {
    height: 100%;
    max-width: none !important;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
.representation-visual-price {
    text-transform: uppercase;
    font-size: 1.3rem;
    color: #231f20;
    background: #e7f5f8;
    position: absolute;
    border-radius: 4px;
    bottom: 7px;
    left: 7px;
    padding: 7px;
    display: none
    }
@media (max-width: 42.49em) {
    .representation-visual-price {
        display: block
        }
    }
.representation-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1.4rem;
    width: 7.9rem
    }
@media (max-width: 42.49em) {
    .representation-head {
        margin-left: 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .representation-head {
        width: auto
        }
    }
@media (max-width: 42.49em) {
    .representation-head {
        padding-top: 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .representation-head {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between
        }
    }
.representation-day {
    font-weight: 700;
    color: #4a4a4a;
    font-size: 1.1rem;
    text-transform: capitalize
    }
@media (max-width: 42.49em) {
    .representation-day {
        font-size: 1rem
        }
    }
@media (max-width: 42.49em) {
    .representation-day {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
        }
    }
.representation-date {
    font-size: 1.8rem;
    font-weight: 700;
    color: #d0021b;
    text-transform: lowercase
    }
@media (max-width: 42.49em) {
    .representation-date {
        font-size: 1rem;
        color: #4a4a4a
        }
    }
@media (max-width: 42.49em) {
    .representation-date {
        margin-left: 0.1rem;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
        }
    }
.representation-hour {
    font-size: 1.1rem;
    font-weight: 700;
    color: #4a4a4a
    }
@media (max-width: 42.49em) {
    .representation-hour {
        font-size: 1rem
        }
    }
.representation-style {
    font-size: 0.9rem;
    color: #4a4a4a;
    font-weight: 300
    }
@media (max-width: 42.49em) {
    .representation-style {
        font-size: 1.1rem;
        font-weight: 400
        }
    }
@media (max-width: 42.49em) {
    .representation-style {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        font-style: normal;
        padding-bottom: 0.4rem
        }
    }
.representation-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 1.4rem;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
@media (max-width: 42.49em) {
    .representation-body {
        padding: 0 0 0.7rem 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .representation-body {
        -webkit-box-flex: 3;
        -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
        flex-grow: 3;
        width: 72%
        }
    }
.representation-body-inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
    }
@media (max-width: 42.49em) {
    .representation-body-inner {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
        }
    }
.representation-title {
    margin-bottom: 0.2rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #d0021b;
    text-transform: uppercase;
    line-height: 1.8rem;
    max-width: 100%;
    overflow: hidden
    }
@media (max-width: 42.49em) {
    .representation-title {
        margin-bottom: 0
        }
    }
@media (max-width: 42.49em) {
    .representation-title {
        margin-top: 0.4rem
        }
    }
@media (max-width: 42.49em) {
    .representation-title {
        font-size: 1.3rem
        }
    }
@media (max-width: 42.49em) {
    .representation-title {
        line-height: 1.2rem
        }
    }
.adult .representation-title::before {
    border-radius: 4px;
    font-size: 1rem;
    color: #fff;
    padding: 0.1rem 0.3rem;
    margin-right: 0.4rem;
    content: "18+";
    background: #4a4a4a;
    vertical-align: middle
    }
.representation-event {
    font-size: 1rem;
    color: #4a4a4a;
    padding: 0.3rem 0.7rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color: #e7f5f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%
    }
@media (max-width: 42.49em) {
    .representation-event {
        position: absolute;
        top: 0;
        left: 7.9rem;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
        }
    .is-focused .representation-event {
        z-index: 4;
        left: 50%;
        -webkit-transform: translatex(-50%);
        transform: translatex(-50%);
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1)
        }
    }
.representation-event-name {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 21.4rem;
    max-width: 21.4rem
    }
@media (max-width: 42.49em) {
    .representation-event-name {
        max-width: 14.3rem
        }
    }
.representation-event .icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: #4a4a4a;
    margin: 0 0.3rem
    }
.representation-place {
    font-size: 0.9rem;
    font-weight: 700;
    color: #4a4a4a;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    max-width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
    }
@media (max-width: 42.49em) {
    .representation-place {
        font-size: 0.9rem
        }
    }
@media (max-width: 42.49em) {
    .representation-place {
        max-width: 14.3rem
        }
    }
.representation-place .icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 0.7rem;
    -ms-flex: 0 0 0.7rem;
    flex: 0 0 0.7rem;
    margin-right: 0.4rem;
    fill: #4a4a4a
    }
@media (max-width: 42.49em) {
    .representation-place-name {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
        }
    }
.representation-aside {
    margin: 0 1.4rem;
    width: 12.9rem;
    text-align: right
    }
@media (max-width: 42.49em) {
    .representation-aside {
        margin: 0
        }
    }
@media (max-width: 42.49em) {
    .representation-aside {
        width: 100%
        }
    }
@media (max-width: 42.49em) {
    .representation-aside {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        opacity: 0;
        -webkit-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
        z-index: 2
        }
    .is-focused .representation-aside {
        -webkit-transform: translatey(0);
        transform: translatey(0);
        opacity: 1
        }
    }
.small.representation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 10.7rem;
    overflow: hidden;
    position: relative
    }
.small .representation-visual {
    width: 10.7rem;
    overflow: hidden
    }
.small .representation-head {
    margin-top: 0.7rem;
    margin-left: 0.7rem;
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
    }
.small .representation-day {
    font-size: 1.1rem;
    font-weight: 700;
    color: #4a4a4a;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
    }
.small .representation-date {
    font-size: 1.1rem;
    font-weight: 700;
    color: #4a4a4a;
    margin-left: 0.3rem;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
    }
.small .representation-hour {
    font-size: 1.1rem;
    font-weight: 700;
    color: #4a4a4a;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
    }
.small .representation-style {
    font-size: 0.9rem;
    color: #4a4a4a;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
    }
.small .representation-body {
    padding-left: 0.7rem;
    width: 62%
    }
.small .representation-body-inner {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0.7rem 0 0.4rem 0
    }
.small .representation-title {
    max-height: 4.1rem;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.3rem;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
    }
.small .representation-event {
    display: none
    }
.small .representation-place {
    padding-right: 8.6rem;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
    }
.small .representation-aside {
    width: auto
    }
.small .representation-button {
    position: absolute;
    bottom: -4px;
    right: -4px;
    margin: 0;
    border-left: 1px solid #d0021b;
    border-top: 1px solid #d0021b;
    padding: 0.7rem;
    border-radius: 4px;
    color: #d0021b;
    font-size: 1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase
    }
.full.representation, .cancelled.representation {
    background-color: #fff !important
    }
.full .representation-hour, .full .representation-event, .full .representation-place, .cancelled .representation-hour, .cancelled .representation-event, .cancelled .representation-place {
    color: #999 !important
    }
.full .representation-hour .icon, .full .representation-event .icon, .full .representation-place .icon, .cancelled .representation-hour .icon, .cancelled .representation-event .icon, .cancelled .representation-place .icon {
    fill: #999 !important
    }
.full .representation-img, .cancelled .representation-img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.6
    }
.full .representation-title, .full .representation-statut, .full .representation-day, .full .representation-date, .cancelled .representation-title, .cancelled .representation-statut, .cancelled .representation-day, .cancelled .representation-date {
    color: #999 !important
    }
@media (max-width: 42.49em) {
    .in-activity .representation-head, .in-activity .representation-body {
        width: 66%
        }
    }
@media (max-width: 42.49em) {
    .in-activity .representation-head, .in-activity .representation-body {
        padding-left: 0
        }
    }
.in-activity .representation-body {
    padding-left: 8.6rem
    }
@media (max-width: 63.99em) {
    .in-activity .representation-body {
        padding-left: 3.6rem
        }
    }
@media (max-width: 42.49em) {
    .in-activity .representation-body {
        padding-left: 0
        }
    }
@media (max-width: 42.49em) {
    .in-activity .representation-body {
        margin-left: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .in-activity .representation-head {
        margin-left: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .in-activity .representation-head {
        margin-top: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .in-activity .representation-day, .in-activity .representation-date, .in-activity .representation-hour {
        color: #d0021b;
        font-weight: 700;
        font-size: 1.3rem
        }
    }
.in-activity .representation-style {
    display: none
    }
@media (max-width: 42.49em) {
    .in-activity .representation-aside {
        opacity: 1
        }
    .in-activity .representation-aside .buy {
        overflow: visible;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
        }
    .in-activity .representation-aside .buy-infos {
        display: none
        }
    }
.is-focused.in-activity .representation-place {
    z-index: 4;
    border: 1px solid #4a4a4a;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%)
    }
@media (max-width: 42.49em) {
    .is-focused.in-activity .representation-place {
        padding: 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .spectacle .representation-hour {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
        }
    .spectacle .representation-hour::before {
        content: "-";
        margin-left: 0.1rem;
        margin-right: 0.1rem
        }
    }
.free.representation .buy-label {
    font-size: 1.8rem;
    font-weight: 300;
    color: #d0021b
    }
.free.representation .buy:hover .buy-label {
    font-size: 1.8rem;
    font-weight: 300;
    color: #d0021b
    }
@media (max-width: 42.49em) {
    .has-event .representation-head {
        padding-top: 1.8rem
        }
    }
.expoTemp .representation-date {
    margin-left: 0;
    text-transform: none
    }
.expoTemp .representation-date-range {
    line-height: 1.4rem
    }
.expoTemp .representation-date-label {
    font-size: 1.3rem;
    font-weight: 400;
    color: #231f20;
    margin-right: 0.4rem
    }
.post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.7rem;
    height: 10.7rem;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    position: relative
    }
.post:last-child {
    margin-bottom: 0
    }
.post:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.post:hover::after {
    display: block
    }
.post::after {
    content: "";
    display: none;
    background: url(./images/linkred.svg) no-repeat 0 0 transparent;
    background-size: cover;
    height: 2.6rem;
    width: 2.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-right-radius: 4px
    }
@media (max-width: 42.49em) {
    .post::after {
        display: block
        }
    }
.post-visual {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    height: 100%;
    background-size: cover
    }
.post-body {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
    margin: 1.4rem;
    overflow: hidden
    }
.post-name {
    color: #4a4a4a;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    font-size: 1.3rem
    }
.post-date {
    color: #999;
    font-weight: 700;
    font-size: 1.1rem
    }
.post-description {
    color: #d0021b;
    font-weight: 300;
    font-size: 1.3rem
    }
.schedule {
    line-height: 1.8rem;
    margin-bottom: 1.4rem;
    color: #999;
    table-layout: fixed;
    border: 1px solid #999;
    width: 100%;
    text-align: center
    }
@media (max-width: 42.49em) {
    .schedule {
        line-height: 1.6rem
        }
    }
@media (max-width: 42.49em) {
    .schedule {
        border: 0
        }
    }
.schedule th {
    padding-top: 1.4rem
    }
@media (max-width: 42.49em) {
    .schedule th {
        padding-top: 1.4rem
        }
    }
.schedule td {
    padding-bottom: 0.7rem
    }
@media (max-width: 42.49em) {
    .schedule td {
        padding-bottom: 0.7rem
        }
    }
.schedule-head {
    font-weight: 700
    }
.schedule-foot {
    font-size: 1rem;
    font-style: italic
    }
.schedule-from, .schedule-to {
    display: block
    }
.share {
    position: absolute;
    left: 0;
    top: 3.6rem;
    padding: 0;
    margin: 0
    }
@media (max-width: 42.49em) {
    .share {
        padding: 1.4rem 0
        }
    }
@media (max-width: 42.49em) {
    .share {
        margin: 0 0.7rem 0.7rem 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .share {
        position: relative;
        top: 0
        }
    .share::before {
        border-radius: 4px;
        content: "";
        display: block;
        height: 100%;
        width: calc(100% - 4.5em);
        background: #dce7eb;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translatex(-50%);
        transform: translatex(-50%);
        z-index: -1
        }
    }
.share-heading {
    font-size: 1.4rem;
    font-weight: 300;
    color: #4a4a4a;
    margin-bottom: 1.4rem;
    text-align: center
    }
@media (min-width: 42.5em) {
    .share-heading {
        display: none
        }
    }
.share-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
@media (max-width: 42.49em) {
    .share-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
        }
    }
.share-item {
    height: 3.6rem;
    width: 10.7rem;
    margin-bottom: 0.7rem;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    overflow: hidden
    }
@media (max-width: 42.49em) {
    .share-item {
        width: 3.6rem
        }
    }
@media (max-width: 42.49em) {
    .share-item {
        border-radius: 4px;
        margin-right: 1.4rem
        }
    .share-item:last-child {
        margin-right: 0
        }
    }
@media (min-width: 42.5em) {
    .share-item {
        -webkit-transform: translatex(-7rem);
        transform: translatex(-7rem)
        }
    }
@media (min-width: 64em) {
    .share-item:hover {
        -webkit-transform: translatex(0);
        transform: translatex(0);
        -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
        box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
        z-index: 1
        }
    }
.share-item.facebook {
    background: #3b5999
    }
.share-item.twitter {
    background: #04b9f7
    }
.share-item.email {
    background: #2b2e2f
    }
.share-item .icon {
    fill: #fff;
    height: 1.4rem;
    width: 1.4rem;
    margin: 0 1.4rem
    }
@media (max-width: 42.49em) {
    .share-item .icon {
        margin: 0
        }
    }
.share-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
    }
@media (max-width: 63.99em) {
    .share-inner {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
        }
    }
@media (max-width: 42.49em) {
    .share-inner {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
        }
    }
@media (min-width: 64em) {
    .share-inner {
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        -webkit-transform: translatex(6.9rem);
        transform: translatex(6.9rem)
        }
    .share-item:hover .share-inner {
        -webkit-transform: translatex(0);
        transform: translatex(0)
        }
    }
.share-text {
    color: #fff
    }
@media (max-width: 63.99em) {
    .share-text {
        display: none
        }
    }
.share-description {
    font-size: 0.9rem
    }
.share-name {
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased
    }
.search-input {
    position: relative;
    margin-right: 0.7rem;
    margin-top: 1.4rem;
    display: block
    }
@media (max-width: 63.99em) {
    .search-input {
        margin-right: 0
        }
    }
@media (max-width: 63.99em) {
    .search-input {
        margin-top: 0
        }
    }
.is-scrolled .search-input {
    margin-top: 0.4rem
    }
@media (max-width: 63.99em) {
    .is-scrolled .search-input {
        margin-top: 0
        }
    }
@media (max-width: 63.99em) {
    .search-input {
        -webkit-transition: -webkit-transform 300ms;
        transition: -webkit-transform 300ms;
        -o-transition: transform 300ms;
        transition: transform 300ms;
        transition: transform 300ms, -webkit-transform 300ms;
        -webkit-transform: translatey(-100%);
        transform: translatey(-100%)
        }
    .search-visible .search-input {
        -webkit-transform: translatey(0);
        transform: translatey(0)
        }
    .search-input .icon, .search-input .loading {
        right: 1.4rem
        }
    }
.search-input-field {
    height: 2.9rem;
    line-height: 2.9rem;
    padding: 0 2.9rem 0 1.4rem;
    font-weight: 300;
    font-size: 1.3rem;
    border-radius: 4px;
    border: 1px solid #999;
    width: 100%;
    background: transparent;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
@media (max-width: 63.99em) {
    .search-input-field {
        height: 32px
        }
    }
@media (max-width: 63.99em) {
    .search-input-field {
        line-height: 32px
        }
    }
.search-input-field:hover {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.1), inset 0 0 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.1), inset 0 0 3px 0 rgba(0, 0, 0, 0.3);
    border-color: #d0021b
    }
.search-input .icon, .search-input .loading {
    margin-right: 1.1em;
    margin-right: 1.1em;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    fill: #d0021b;
    height: 1.4em;
    width: 1.4em
    }
@media (max-width: 63.99em) {
    .search-input .icon, .search-input .loading {
        margin-right: 10px
        }
    }
@media (max-width: 63.99em) {
    .search-input .icon, .search-input .loading {
        fill: #fff
        }
    }
.search-preview {
    top: 10.7rem;
    padding: 2.9rem 3.6rem;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #cecece
    }
@media (max-width: 63.99em) {
    .search-preview {
        padding: 2.9rem 1.4rem
        }
    }
.is-scrolled .search-preview {
    top: 4.6rem
    }
@media (max-width: 63.99em) {
    .is-scrolled .search-preview {
        top: 7.1rem
        }
    }
@media (max-width: 63.99em) {
    .search-preview {
        overflow: auto;
        position: fixed;
        bottom: 0;
        background-color: #e7f5f8;
        top: 100px
        }
    }
.search-preview-categories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 10.7rem;
    margin-bottom: 1.4rem
    }
@media (max-width: 63.99em) {
    .search-preview-categories {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
        }
    }
@media (min-width: 90em) {
    .search-preview-categories {
        padding-left: calc(50vw - 720px);
        padding-right: calc(50vw - 720px)
        }
    }
.search-preview-category {
    margin-right: 1.4rem;
    width: 33.333%;
    overflow: hidden
    }
@media (max-width: 63.99em) {
    .search-preview-category {
        margin-bottom: 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .search-preview-category {
        width: 100%
        }
    }
.search-preview-category-title {
    margin-bottom: 1.3rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #4a4a4a;
    font-weight: 300
    }
@media (max-width: 63.99em) {
    .search-preview-category-title {
        margin-bottom: 0.4rem
        }
    }
@media (max-width: 63.99em) {
    .search-preview-category-title {
        font-size: 1.8rem
        }
    }
.search-preview-category-title:after {
    content: " (" attr(data-count) ")"
    }
.search-preview-more {
    font-size: 1.1rem;
    font-weight: 700;
    color: #999;
    text-decoration: underline
    }
@media (max-width: 63.99em) {
    .search-preview-more {
        line-height: 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .search-preview-more {
        font-size: 1.3rem
        }
    }
@media (max-width: 63.99em) {
    .search-preview-more {
        display: block;
        text-align: center
        }
    }
.search-preview-results {
    margin-bottom: 1.3rem;
    padding-right: 1.3rem
    }
@media (max-width: 63.99em) {
    .search-preview-results {
        margin-bottom: 0
        }
    }
.search-preview-result {
    line-height: 1.8rem;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
    }
.search-preview-result-link {
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #4a4a4a;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
@media (max-width: 42.49em) {
    .search-preview-result-link {
        font-size: 1.3rem
        }
    }
.search-preview-result-link:hover {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    color: #d0021b
    }
.search-preview-result-link .highlight {
    color: #d0021b
    }
.search-preview-all {
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #d0021b;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
    }
.search-preview-all:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.social {
    padding: 1.4rem;
    position: relative
    }
.social::before {
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 3em);
    background: #dce7eb;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: -1
    }
@media (max-width: 42.49em) {
    .social::before {
        width: calc(100% - 4.5em)
        }
    }
.social-title {
    font-size: 1.4rem;
    font-weight: 300;
    color: #4a4a4a;
    text-align: center;
    margin-bottom: 1.4rem
    }
.social-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
    }
.social-button {
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    border-radius: 100%;
    padding: 1.4rem;
    margin-right: 1.4rem
    }
.social-button:last-child {
    margin-right: 0
    }
.social-button:hover {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23), 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23), 0 3px 6px 0 rgba(0, 0, 0, 0.16)
    }
.social-button .icon {
    height: 1.4rem;
    width: 1.4rem;
    fill: #fff
    }
@media (max-width: 42.49em) {
    .social-button .icon {
        height: 2.9rem
        }
    }
@media (max-width: 42.49em) {
    .social-button .icon {
        width: 2.9rem
        }
    }
.social-button[data-network=twitter] {
    background: #04b9f7
    }
.social-button[data-network=facebook] {
    background: #3b5999
    }
.social-button[data-network=youtube] {
    background: #cd332d
    }
.social-button[data-network=instagram] {
    background: #b900b4
    }
.store-menu {
    -webkit-box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.2)
    }
@media (max-width: 63.99em) {
    .store-menu {
        height: 50px;
        font-size: 14px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff
        }
    }
.store-menu-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    color: #4a4a4a;
    padding: 0.9em 1.8em;
    font-size: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
.store-menu-btn[data-pane=daypicker] {
    border-right: 2px solid #e7f5f8
    }
.store-menu-btn.is-active {
    background: #e7f5f8;
    color: #d0021b
    }
.store-menu-btn.is-active .icon {
    fill: #d0021b;
    stroke: #d0021b
    }
.store-menu-btn-label {
    line-height: 1.4rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
    }
.store-menu-btn-icon {
    position: relative
    }
.store-menu-btn-icon[data-count]::after {
    font-weight: 400;
    color: #fff;
    content: attr(data-count);
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 18px;
    background: #d0021b
    }
.store-menu-btn-icon[data-count="0"]::after {
    display: none
    }
.store-menu-btn .icon {
    width: 1.5em;
    height: 1.5em;
    stroke: #4a4a4a;
    fill: #4a4a4a
    }
.store-menu-btn[data-pane=filters] .icon {
    stroke-width: 0
    }
.activity .masthead-subheading {
    font-size: 1.1rem;
    font-style: italic;
    color: #999;
    font-weight: 300;
    margin-bottom: 0.7rem;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
    }
.activity .masthead .notfound {
    display: none
    }
.activity .notfound {
    display: none
    }
.activity-related {
    margin: 0 7.1rem 5.7rem 7.1rem;
    position: relative
    }
@media (max-width: 63.99em) {
    .activity-related {
        margin: 0 5.7rem 2.1rem 5.7rem
        }
    }
@media (max-width: 42.49em) {
    .activity-related {
        margin: 0 0.7rem 0.7rem 0.7rem
        }
    }
@media (min-width: 80em) {
    .activity-related {
        max-width: 1120px;
        margin: 0 auto 80px auto
        }
    }
.activity-related::before {
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 31em);
    background: #dce7eb;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: -1
    }
@media (max-width: 63.99em) {
    .activity-related::before {
        width: calc(100% - 13em)
        }
    }
@media (max-width: 42.49em) {
    .activity-related::before {
        width: calc(100% - 4.5em)
        }
    }
.activity-related-title {
    padding: 1.7rem 0;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    font-size: 1.8rem;
    color: #4a4a4a;
    text-transform: uppercase;
    text-align: center;
    width: 100%
    }
@media (max-width: 42.49em) {
    .activity-related-title {
        padding: 1.4rem 3.6rem
        }
    }
@media (max-width: 42.49em) {
    .activity-related-title {
        font-size: 1.4rem
        }
    }
.activity-related .previews {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
@media (max-width: 63.99em) {
    .activity-related .previews {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
        }
    }
@media (max-width: 42.49em) {
    .activity-related .previews {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
        }
    }
.activity-related .preview {
    margin-right: 0.3rem;
    margin-bottom: 0.4rem
    }
@media (max-width: 42.49em) {
    .activity-related .preview {
        margin-right: 0
        }
    }
.activity-related .preview-description {
    display: none !important
    }
body.notfound .inner, body.notfound .page, body.notfound #store {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
body.notfound .masthead {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    max-height: 17rem;
    min-height: 17rem;
    padding: 4rem 4.6rem
    }
body.notfound .masthead h2 {
    font-size: 36px;
    color: #d0021b;
    line-height: 34px;
    margin-bottom: 2rem
    }
body.notfound .masthead p {
    font-size: 18px;
    color: #231f20;
    line-height: 20px;
    font-family: "Alegreya", sans-serif
    }
body.notfound .masthead .notfound {
    display: inline
    }
body.notfound .coming {
    margin: 5.7rem 2.9rem 5.7rem 2.9rem
    }
body.notfound .single-main {
    display: none
    }
body.notfound .notfound {
    display: block
    }
.article {
    position: relative
    }
@media (max-width: 42.49em) {
    .article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
        }
    .article .share {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
        }
    }
@media (min-width: 42.5em) {
    .article .share {
        top: 42.9rem
        }
    }
.article-inner {
    margin: 2.1rem 0 2.1rem 7.1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
@media (max-width: 42.49em) {
    .article-inner {
        margin: 0
        }
    }
@media (max-width: 63.99em) {
    .article-inner {
        display: block
        }
    }
@media (min-width: 80em) {
    .article-inner {
        width: 100%;
        max-width: 1240px;
        margin: 80px auto 80px auto
        }
    }
.article-main {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.4rem;
    margin-bottom: 1.4rem
    }
@media (max-width: 42.49em) {
    .article-main {
        margin-right: 0
        }
    }
@media (max-width: 42.49em) {
    .article-main {
        margin-bottom: 0.7rem
        }
    }
.article-main::before {
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 13em);
    background: #dce7eb;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: -1
    }
@media (max-width: 63.99em) {
    .article-main::before {
        width: calc(100% - 15em)
        }
    }
@media (max-width: 42.49em) {
    .article-main::before {
        width: calc(100% - 4.5em)
        }
    }
@media (max-width: 42.49em) {
    .article-header {
        display: none
        }
    }
.article-content {
    background-color: #fff;
    padding: 4.3rem;
    max-width: 100%
    }
@media (max-width: 63.99em) {
    .article-content {
        padding: 2rem
        }
    }
.article-subheading {
    font-size: 1.4rem;
    font-weight: 300;
    color: #4a4a4a;
    padding: 1.4rem 0
    }
.article-heading {
    font-size: 2.6rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #d0021b;
    text-transform: uppercase;
    line-height: 2.6rem
    }
@media (max-width: 42.49em) {
    .article-heading {
        font-size: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .article-heading {
        line-height: 1.3rem
        }
    }
@media (max-width: 42.49em) {
    .article-heading {
        margin-bottom: 0.7rem
        }
    }
.article-meta {
    font-size: 1.4rem;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 3.6rem
    }
@media (max-width: 42.49em) {
    .article-meta {
        font-size: 1.3rem
        }
    }
@media (max-width: 42.49em) {
    .article-meta {
        margin-bottom: 1.4rem
        }
    }
.article-sidebar {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
.article-sidebar .categories, .article-sidebar .coming, .article-sidebar .social {
    margin-bottom: 1.4rem
    }
@media (max-width: 42.49em) {
    .article-sidebar .categories, .article-sidebar .coming, .article-sidebar .social {
        margin-bottom: 0.7rem
        }
    }
.article-contact {
    font-weight: 300;
    padding: 1.4rem 0;
    text-align: center
    }
@media (max-width: 42.49em) {
    .article-contact a {
        display: block
        }
    }
@media (min-width: 42.5em) and (max-width: 63.99em) {
    .article .social::before {
        width: calc(100% - 15em)
        }
    }
@media (max-width: 42.49em) {
    .article .share::before {
        width: calc(100% - 3em)
        }
    }
@media (min-width: 80em) {
    .article .share {
        top: 7.1rem
        }
    }
.articles {
    margin: 2.1rem 7.1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
@media (max-width: 63.99em) {
    .articles {
        margin: 0.7rem
        }
    }
@media (max-width: 63.99em) {
    .articles {
        display: block
        }
    }
.articles-main {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.4rem;
    margin-bottom: 1.4rem
    }
@media (max-width: 63.99em) {
    .articles-main {
        margin-right: 0
        }
    }
.articles-main::before {
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 13em);
    background: #dce7eb;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: -1
    }
@media (max-width: 63.99em) {
    .articles-main::before {
        width: calc(100% - 15em)
        }
    }
@media (max-width: 42.49em) {
    .articles-main::before {
        width: calc(100% - 4.5em)
        }
    }
.family .articles-main::before {
    background: url(/images/pattern-family.png) repeat 0 0 transparent;
    background-size: 45%
    }
.articles-header {
    padding: 1.4rem 0;
    text-align: center
    }
.articles-heading {
    font-size: 1.4rem;
    font-weight: 300;
    color: #4a4a4a
    }
.family .articles-heading {
    font-size: 3.4rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)
    }
.articles-subheading {
    font-size: 1.8rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #4a4a4a
    }
.articles-currentPage {
    font-size: 0.9rem;
    font-weight: 700;
    color: #999
    }
.family .articles-currentPage {
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)
    }
.articles-list {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
    }
.articles-list .preview {
    margin-bottom: 1.4rem
    }
@media (max-width: 42.49em) {
    .articles-list .preview {
        margin-bottom: 0.4rem
        }
    }
@media (max-width: 42.49em) {
    .articles-list .preview {
        height: 8.6rem
        }
    }
.articles-list .preview-link {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
    }
.articles-list .preview-body {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
    }
@media (max-width: 42.49em) {
    .articles-list .preview-body {
        margin: 1.1rem
        }
    }
@media (max-width: 42.49em) {
    .articles-list .preview-visual {
        height: 8.6rem
        }
    }
@media (max-width: 42.49em) {
    .articles-list .preview-visual {
        width: 8.6rem
        }
    }
.articles-list .preview-img {
    height: 100%;
    width: auto;
    max-width: none
    }
.articles-pager {
    background-color: #e7f5f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.4rem;
    padding: 0.1rem;
    border-radius: 4px
    }
.articles-pager-current {
    margin: 0 1.4rem
    }
.articles-pager-next, .articles-pager-prev {
    border: 1px solid #4a4a4a;
    color: #4a4a4a;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 4px;
    padding: 0.4rem 0.7rem;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms
    }
.articles-pager-next:hover, .articles-pager-prev:hover {
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px);
    -webkit-transform: none;
    transform: none;
    background-color: #4a4a4a;
    color: #fff
    }
.articles-sidebar {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
.articles-sidebar .categories, .articles-sidebar .coming, .articles-sidebar .social {
    margin-bottom: 1.4rem
    }
@media (min-width: 42.5em) and (max-width: 63.99em) {
    .articles .social::before {
        width: calc(100% - 15em)
        }
    }
.event .masthead {
    z-index: 2;
    position: relative
    }
.event .masthead .notfound {
    display: none
    }
.event .daypicker {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    padding-top: 4px;
    top: -4px;
    z-index: 1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0 2.9rem 0 2.9rem
    }
@media (max-width: 42.49em) {
    .event .daypicker {
        margin: 0
        }
    }
.event .single-representations::before {
    display: none
    }
.event .notfound {
    display: none
    }
body.notfound .inner, body.notfound .page, body.notfound #store {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
body.notfound .masthead {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    max-height: 17rem;
    min-height: 17rem;
    padding: 4rem 4.6rem
    }
body.notfound .masthead h2 {
    font-size: 36px;
    color: #d0021b;
    line-height: 34px;
    margin-bottom: 2rem
    }
body.notfound .masthead p {
    font-size: 18px;
    color: #231f20;
    line-height: 20px;
    font-family: "Alegreya", sans-serif
    }
body.notfound .masthead .notfound {
    display: inline
    }
body.notfound .coming {
    margin: 5.7rem 2.9rem 5.7rem 2.9rem
    }
body.notfound .single-main {
    display: none
    }
body.notfound .notfound {
    display: block
    }
.events {
    margin: 2.1rem 15.7rem
    }
@media (max-width: 63.99em) {
    .events {
        margin: 1.4rem
        }
    }
.events .preview {
    margin-bottom: 1.4rem
    }
@media (max-width: 42.49em) {
    .events .preview {
        margin-bottom: 0.7rem
        }
    }
.events .loading {
    margin: 2.1rem 0
    }
@media (max-width: 63.99em) {
    .events .loading {
        margin: 1.4rem 0
        }
    }
.errorPage {
    padding: 0 3.6rem 0 3.6rem;
    min-height: 60vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
    }
.errorPage-heading {
    font-weight: 700;
    color: #999;
    font-size: 10.3rem;
    margin-bottom: 1.1rem
    }
.errorPage-description {
    font-size: 1.4rem;
    color: #4a4a4a;
    margin-bottom: 2.9rem
    }
.errorPage-button {
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #d0021b;
    color: #d0021b;
    background-color: transparent
    }
.errorPage-button:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
article#ie9 {
    margin-top: 150px;
    width: 800px;
    margin: 150px auto
    }
article#ie9 .ie9-heading {
    font-size: 1.8rem;
    color: #d0021b;
    text-align: center;
    margin-bottom: 20px
    }
article#ie9 .ie9-subHeading {
    font-size: 1.4rem;
    color: #231f20;
    text-align: center;
    margin-bottom: 20px
    }
article#ie9 .ie9-description {
    font-size: 1.3rem;
    color: #999;
    margin-bottom: 40px
    }
article#ie9 .ie9-browsers {
    margin: 0 auto
    }
article#ie9 .ie9-browser {
    float: left;
    width: 25%;
    padding: 0 5%;
    text-align: center
    }
article#ie9 .ie9-browser-visual {
    width: 100%
    }
article#ie9 .ie9-browser-name {
    font-size: 1.3rem;
    color: #4a4a4a;
    display: block
    }
article#ie9 .ie9-browser-version {
    font-size: 1.1rem;
    color: #999;
    display: block
    }
.home-alaune, .home-blog, .home-coming, .home-family, .home-social, .home-mediation, .home-footer {
    position: relative;
    float: left;
    margin-bottom: 2.7rem;
    padding-right: 1.4rem;
    background-clip: content-box
    }
@media (max-width: 42.49em) {
    .home-alaune, .home-blog, .home-coming, .home-family, .home-social, .home-mediation, .home-footer {
        margin-bottom: 0.7rem
        }
    }
@media (max-width: 63.99em) {
    .home-alaune, .home-blog, .home-coming, .home-family, .home-social, .home-mediation, .home-footer {
        padding-right: 0 !important
        }
    }
@media (max-width: 42.49em) {
    .home-alaune, .home-blog, .home-coming, .home-family, .home-social, .home-mediation, .home-footer {
        float: none !important;
        width: 100% !important;
        height: auto !important
        }
    }
.tile {
    width: 100%;
    height: 100%;
    position: relative
    }
.home {
    margin: 5.7rem 3.2rem 1.4rem 3.2rem
    }
@media (max-width: 63.99em) {
    .home {
        margin: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .home {
        margin: 0.7rem
        }
    }
.home-alaune {
    width: 66.7%;
    height: 40.3rem
    }
@media (max-width: 63.99em) {
    .home-alaune {
        width: 100%;
        height: auto
        }
    }
@media (max-width: 42.49em) {
    .home-blog {
        margin-left: -0.7rem !important;
        width: 100vw !important
        }
    }
.home-blog {
    width: 66.7%;
    height: 44.3rem;
    padding-right: 0
    }
@media (max-width: 63.99em) {
    .home-blog {
        width: 100%;
        height: auto
        }
    }
.home-blog .tile-blog {
    padding: 0 3.6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
@media (max-width: 42.49em) {
    .home-blog .tile-blog {
        padding: 0
        }
    }
.home-blog .tile-blog::before {
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 15em);
    background: #dce7eb;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: -1
    }
@media (max-width: 42.49em) {
    .home-blog .tile-blog::before {
        width: calc(100% - 6em)
        }
    }
.home-blog .tile-blog-title {
    margin: 1.7rem 0;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    font-size: 1.8rem;
    color: #4a4a4a;
    text-transform: uppercase;
    text-align: center;
    width: 100%
    }
@media (max-width: 42.49em) {
    .home-blog .tile-blog-title {
        font-size: 1.4rem
        }
    }
.home-blog .tile-blog .slider-pager {
    right: 5em
    }
.home-blog .tile-blog .preview {
    height: 32.1rem
    }
.home-blog .tile-blog .preview-heading {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
    }
.home-blog .tile-blog .preview-subheading {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
    }
.home-blog .tile-blog-cta {
    margin-bottom: 2.1rem;
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #4a4a4a;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
    }
@media (max-width: 42.49em) {
    .home-blog .tile-blog-cta {
        margin-bottom: 0.7rem
        }
    }
.home-blog .tile-blog-cta:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
@media (max-width: 42.49em) {
    .home-blog .tile-blog {
        overflow: hidden
        }
    .home-blog .tile-blog .slider-viewport {
        overflow: visible
        }
    .home-blog .tile-blog .slider-pager {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        top: auto;
        left: 0;
        bottom: 0;
        -webkit-transform: translatey(150%);
        transform: translatey(150%);
        position: relative;
        -webkit-transform: none;
        transform: none;
        margin-bottom: 0.7rem;
        margin-top: 0.7rem
        }
    }
@media (max-width: 63.99em) {
    .home-coming {
        width: 100% !important
        }
    }
.home-coming {
    width: 33.3%;
    height: 83.6rem;
    padding-right: 0;
    float: right
    }
@media (max-width: 63.99em) {
    .home-coming {
        width: 50%;
        height: auto
        }
    }
@media (max-width: 63.99em) {
    .home-coming {
        float: left
        }
    }
.home-family {
    width: 66.7%;
    height: 53.6rem
    }
@media (max-width: 63.99em) {
    .home-family {
        width: 100%;
        height: auto
        }
    }
.home-family .tile-family::before {
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 15em);
    background: url(/images/pattern-family.png) repeat 0 0 transparent;
    background-size: 45%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: -1
    }
@media (max-width: 42.49em) {
    .home-family .tile-family::before {
        width: calc(100% - 4.5em)
        }
    }
.home-family .tile-family-title {
    font-size: 3.4rem;
    color: #fff;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    padding: 2.9rem 0
    }
@media (max-width: 42.49em) {
    .home-family .tile-family-title {
        padding: 1.4rem 0
        }
    }
@media (max-width: 42.49em) {
    .home-family .tile-family-title span {
        display: none
        }
    }
.home-family .tile-family-ctas {
    margin-top: 1.4rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
@media (max-width: 42.49em) {
    .home-family .tile-family-ctas {
        margin-top: 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .home-family .tile-family-ctas {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 17.9rem;
        margin-left: auto;
        margin-right: auto
        }
    }
.home-family .tile-family-more, .home-family .tile-family-blog {
    margin-bottom: 1.4rem
    }
@media (max-width: 42.49em) {
    .home-family .tile-family-more, .home-family .tile-family-blog {
        margin-bottom: 0.7rem
        }
    }
.home-family .tile-family-more {
    margin-right: 0.7rem;
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #4a4a4a
    }
@media (max-width: 42.49em) {
    .home-family .tile-family-more {
        margin-right: 0
        }
    }
.home-family .tile-family-more:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.home-family .tile-family-blog {
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #27ae60;
    border: 1px solid #fff
    }
.home-family .tile-family-blog:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.home-social {
    width: 33.3%;
    height: 10.7rem;
    padding-right: 0
    }
@media (max-width: 63.99em) {
    .home-social {
        width: 50%;
        height: auto
        }
    }
@media (max-width: 63.99em) {
    .home-mediation {
        margin-bottom: 0.7rem
        }
    }
@media (min-width: 42.5em) and (max-width: 63.99em) {
    .home-mediation {
        height: 500px !important;
        margin-right: 2%;
        width: 48% !important
        }
    }
.home-mediation {
    width: 33.3%;
    height: 42.9rem
    }
@media (max-width: 63.99em) {
    .home-mediation {
        width: 50%;
        height: auto
        }
    }
.home-mediation .tile-mediation {
    padding: 1.4rem 0 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
.home-mediation .tile-mediation::before {
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 3em);
    background: #dce7eb;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: -1
    }
@media (max-width: 42.49em) {
    .home-mediation .tile-mediation::before {
        width: calc(100% - 4.5em)
        }
    }
.home-mediation .tile-mediation-title {
    font-size: 1.8rem;
    font-weight: 300;
    color: #4a4a4a;
    margin-bottom: 1.4rem;
    text-align: center
    }
.home-mediation .tile-mediation-logo {
    margin-bottom: 2.1rem
    }
.home-mediation .tile-mediation-list {
    width: 100%
    }
@media (min-width: 42.5em) and (max-width: 63.99em) {
    .home-footer {
        width: 50% !important;
        text-align: center;
        height: 25em !important
        }
    }
@media (max-width: 42.49em) {
    .home-footer {
        text-align: center
        }
    }
.home-footer {
    width: 100%;
    height: 17.9rem;
    padding-right: 0
    }
@media (max-width: 63.99em) {
    .home-footer {
        width: 100%;
        height: auto
        }
    }
.home-footer .tile-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(/images/home-banner.jpg);
    background-size: 100% 100%;
    border-radius: 4px
    }
@media (max-width: 42.49em) {
    .home-footer .tile-footer {
        padding: 2.1rem
        }
    }
.home-footer .tile-footer-heading {
    font-size: 2.6rem;
    color: #fff;
    font-weight: 700;
    line-height: 2.6rem
    }
.home-footer .tile-footer-subheading {
    font-size: 1.8rem;
    color: #fff;
    font-weight: 300;
    margin-bottom: 1.4rem;
    line-height: 1.8rem
    }
.home-footer .tile-footer-button {
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #4a4a4a
    }
.home-footer .tile-footer-button:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.password {
    width: 42.9rem;
    margin: 7.1rem auto;
    padding: 4.3rem;
    background: #fff;
    display: block
    }
@media (max-width: 42.49em) {
    .password {
        padding: 1.4rem
        }
    }
.password-heading {
    font-size: 1.8rem;
    font-weight: 700;
    color: #d0021b;
    text-transform: uppercase;
    margin-bottom: 1.1rem
    }
@media (max-width: 42.49em) {
    .password-heading {
        font-size: 1.4rem
        }
    }
.password-form input {
    width: 21.4rem
    }
.password-form fieldset {
    margin-top: 1.1rem;
    margin-bottom: 0.4rem
    }
.password-button {
    padding: 0.9rem 1.4rem 0.8rem 1.4rem;
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    transition: color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -o-transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms;
    transition: transform 200ms, box-shadow 200ms, color 200ms, background 200ms, border 200ms, fill 200ms, -webkit-transform 200ms, -webkit-box-shadow 200ms;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #d0021b
    }
.password-button:hover {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    transition: color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -o-transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms;
    transition: transform 400ms, box-shadow 400ms, color 400ms, background 400ms, border 400ms, fill 400ms, -webkit-transform 400ms, -webkit-box-shadow 400ms;
    -webkit-transform: translatey(-3px);
    transform: translatey(-3px)
    }
.page {
    padding: 1.4rem 3.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
    }
@media (max-width: 42.49em) {
    .page {
        padding: 0 0 3.6rem 0
        }
    }
@media (min-width: 64em) {
    .page {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
        }
    }
.page-container {
    padding: 5.7rem;
    margin: 2.9rem 28.6rem 2.9rem 0;
    min-height: 28.6rem;
    border-radius: 4px;
    background: #fff;
    width: 100%
    }
@media (max-width: 42.49em) {
    .page-container {
        padding: 2rem
        }
    }
@media (max-width: 63.99em) {
    .page-container {
        margin: 0
        }
    }
@media (max-width: 42.49em) {
    .page-container {
        border-radius: 0
        }
    }
.page-menu {
    display: none;
    width: 37.6rem;
    margin-left: 3.6rem;
    height: auto
    }
@media (min-width: 64em) {
    .page-menu {
        display: block
        }
    }
.page-heading {
    font-size: 2.6rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #d0021b;
    margin-bottom: 1.1rem
    }
@media (max-width: 63.99em) {
    .page-heading {
        font-size: 2.6rem
        }
    }
.search {
    padding: 0 2.9rem;
    margin-bottom: 3.6rem
    }
@media (max-width: 42.49em) {
    .search {
        padding: 0 0.7rem
        }
    }
.search-heading {
    margin: 2.9rem 0;
    font-size: 2.6rem;
    color: #d0021b;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    text-align: center
    }
.search-subheading {
    padding: 1.7rem 0;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    font-size: 1.8rem;
    color: #4a4a4a;
    text-transform: uppercase;
    text-align: center;
    width: 100%
    }
@media (max-width: 42.49em) {
    .search-subheading {
        font-size: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .search-subheading {
        text-align: center
        }
    }
.search-results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
    }
@media (max-width: 42.49em) {
    .search-results {
        display: block
        }
    }
.search-aside {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
.search-events, .search-places, .search-activities {
    position: relative;
    margin-bottom: 2.1rem
    }
.search-events::before, .search-places::before, .search-activities::before {
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 13em);
    background: #dce7eb;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: -1
    }
.search-events::before, .search-places::before {
    width: calc(100% - 7em)
    }
.search-activities {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    margin-right: 1.4rem
    }
@media (max-width: 42.49em) {
    .search-activities {
        margin-right: 0
        }
    }
@media (max-width: 63.99em) {
    .search-activities {
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2
        }
    }
@media (max-width: 42.49em) {
    .search-activities::before {
        width: calc(100% - 7em)
        }
    }
.search-activities [data-list="activities"] {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
.search-activities .preview {
    margin-right: 1%;
    margin-bottom: 1%;
    width: 32%;
    height: auto
    }
@media (max-width: 63.99em) {
    .search-activities .preview {
        width: 49%
        }
    }
@media (max-width: 42.49em) {
    .search-activities .preview {
        width: 100%
        }
    }
.search-activities .preview-body {
    padding: 2.1rem 1.1rem
    }
@media (max-width: 42.49em) {
    .search-activities .preview-body {
        padding: 0.7rem
        }
    }
.search-activities .preview-description {
    display: none !important
    }
.search-noresults {
    padding-bottom: 0.7rem;
    text-align: center
    }
.search-google {
    width: 17.9rem;
    padding: 0.7rem;
    height: 3.2rem;
    line-height: 0.9rem;
    text-transform: none;
    border: 1px solid #d0021b;
    border-radius: 4px;
    display: block;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
    }
@media (max-width: 42.49em) {
    .search-google {
        padding: 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .search-google {
        height: 3.2rem
        }
    }
@media (max-width: 42.49em) {
    .search-google {
        line-height: 0.9rem
        }
    }
.search-google .icon {
    float: left;
    margin-right: 0.7rem;
    width: 1.1rem;
    height: 1.6rem
    }
@media (max-width: 42.49em) {
    .search-google .icon {
        margin-right: 0.7rem
        }
    }
@media (max-width: 42.49em) {
    .search-google .icon {
        width: 1.1rem
        }
    }
@media (max-width: 42.49em) {
    .search-google .icon {
        height: 1.6rem
        }
    }
.search-google-label {
    font-size: 1.1rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    display: block
    }
.search-google-terms {
    font-size: 0.9rem;
    font-weight: 700;
    width: 14.3rem;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
    }
.search-google-terms::before {
    content: "« "
    }
.search-google-terms::after {
    content: " »"
    }
.is-scrolled #store {
    margin-top: 4.6rem
    }
#store-daypicker .daypicker {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1)
    }
.is-scrolled #store-daypicker .daypicker {
    width: 100vw;
    border-top: 0
    }
@media (min-width: 90em) {
    #store-daypicker .daypicker {
        padding: 0 calc(50vw - 720px)
        }
    }
#store-representations {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2.9rem;
    min-height: 64.3rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
@media (max-width: 42.49em) {
    #store-representations {
        padding: 0
        }
    }
@media (max-width: 42.49em) {
    #store-representations {
        display: block
        }
    }
@media (max-width: 42.49em) {
    #store-representations .representations {
        margin-bottom: 2.1rem
        }
    }
#store-representations .representations-group {
    padding: 3.6rem 3.6rem 3.6rem 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
    }
@media (max-width: 63.99em) {
    #store-representations .representations-group {
        padding: 1.4rem 0.7rem 3.6rem 0.7rem
        }
    }
.style {
    margin: 3.6rem 14.3rem;
    background: #fff;
    padding: 3.6rem
    }
.style-heading {
    font-weight: 700;
    font-size: 2.6rem;
    color: #d0021b;
    margin: 3.6rem 0
    }
.style-subheading {
    font-weight: 700;
    font-size: 1.4rem;
    color: #4a4a4a;
    margin: 2.1rem 0
    }
.style-block {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 3.6rem 0;
    margin-bottom: 1.4rem;
    border: 1px solid #999;
    border-radius: 4px
    }
.style-block.background {
    background: #e7f5f8
    }
.user {
    padding: 3.6rem 3.6rem 0 3.6rem;
    margin-bottom: 3.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
    }
@media (max-width: 42.49em) {
    .user {
        padding: 1.4rem 0.7rem
        }
    }
@media (max-width: 63.99em) {
    .user {
        display: block
        }
    }
.user-infos, .user-newsletter, .user-favorites {
    padding: 2.1rem;
    margin-bottom: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    background: #fff
    }
@media (max-width: 42.49em) {
    .user-infos, .user-newsletter, .user-favorites {
        padding: 1.4rem
        }
    }
@media (max-width: 42.49em) {
    .user-infos, .user-newsletter, .user-favorites {
        margin-bottom: 1.4rem
        }
    }
@media (max-width: 63.99em) {
    .user-infos, .user-newsletter, .user-favorites {
        width: 100%;
        margin-bottom: 2.1rem
        }
    }
.user-infos, .user-newsletter {
    margin-right: 1.4rem;
    width: 22.9rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: #fff
    }
@media (max-width: 42.49em) {
    .user-infos, .user-newsletter {
        margin-right: 0
        }
    }
@media (max-width: 42.49em) {
    .user-infos, .user-newsletter {
        width: 100%
        }
    }
@media (max-width: 63.99em) {
    .user-infos, .user-newsletter {
        width: 100%
        }
    }
.user-infos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
.user-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
.user-visual {
    width: 5rem;
    height: 5rem;
    margin-right: 0.5rem;
    border-radius: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
    }
@media (max-width: 42.49em) {
    .user-visual {
        margin-right: 0.2rem
        }
    }
.user-main-inputs {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
.user-links {
    margin-top: 1.7rem
    }
@media (max-width: 42.49em) {
    .user-links {
        margin-top: 2.9rem
        }
    }
.user-link-password, .user-link-disconnect {
    font-size: 1.1rem;
    font-weight: 700;
    color: #999;
    text-decoration: underline;
    display: block
    }
.user-link-password .icon, .user-link-disconnect .icon {
    margin-right: 0.3em;
    fill: #999
    }
.user-link-password {
    margin-bottom: 1.4rem
    }
.user-heading {
    font-size: 1.8rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    color: #4a4a4a;
    text-transform: uppercase;
    margin-bottom: 1.4rem
    }
.user-favorites .user-heading {
    text-align: center
    }
.user-help {
    font-size: 1.4rem;
    font-weight: 300;
    color: #4a4a4a;
    margin-bottom: 1.4rem
    }
.user-favorites .user-help {
    text-align: center
    }
.user-facebook {
    margin-top: 1.7rem;
    width: 100%;
    overflow: hidden
    }
@media (max-width: 42.49em) {
    .user-facebook {
        margin-top: 2.9rem
        }
    }
.user-linked-facebook, .user-unlink-facebook {
    line-height: 2.5rem;
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    z-index: 0;
    display: inline-block;
    position: relative;
    left: -1em;
    width: 100%;
    text-align: left;
    padding-left: 2em
    }
@media (max-width: 42.49em) {
    .user-linked-facebook, .user-unlink-facebook {
        line-height: 2.5rem
        }
    }
.user-linked-facebook::after, .user-unlink-facebook::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: skew(-25deg, 0);
    transform: skew(-25deg, 0);
    background: #3b5999
    }
.user-linked-facebook .icon, .user-unlink-facebook .icon {
    margin-right: 1em;
    vertical-align: baseline
    }
.user-favorites-container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
@media (max-width: 42.49em) {
    .user-favorites-container {
        display: block
        }
    }
.user-disciplines, .user-sectors {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%
    }
.user-toggle {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
    }
.user-toggle-name {
    font-size: 1.1rem;
    font-weight: 700;
    color: #4a4a4a
    }