@media print,
screen and (min-width: 64.0625em) {
    .banner.half .grid-x {
        height: 40vh;
        min-height: 37.85714rem;
    }
}

.bloc_img {
    position: relative;
    overflow: hidden;
    padding-top: 100%
}

.bloc_img>img,
.bloc_img>video {
    object-fit: cover;
    transition: all .3s ease-out 0s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    max-width: none;
    transform-origin: center;
    display: block
}

.bloc_img.darkened {
    background: #000
}

.bloc_img.darkened>img,
.bloc_img.darkened>video {
    opacity: .6;
    z-index: 0
}

.bloc_img.darkened>:not(:first-child) {
    position: relative;
    z-index: 1;
    color: #fff
}

.bloc_img.darkened>:not(:first-child) .button {
    color: #000 !important;
    border-color: #fff
}

.bloc_img.darkened>:not(:first-child) .button:after {
    background: #fff
}

.bloc_img.darkened>:not(:first-child) .button:hover {
    color: #fff !important
}

.bloc_img.darkened>:not(:first-child).dash:after,
.bloc_img.darkened>:not(:first-child) .dash:after {
    background: #fff
}

section.bloc_img {
    padding: 7.14286rem 0
}

a:hover .bloc_img img {
    transform: translate3d(-50%, -50%, 0) scale(1.1)
}

.banner {
    padding: 0 !important
}

.banner.lightly.darkened>img,
.banner.lightly.darkened>video {
    opacity: .8 !important
}

.banner>.grid-container {
    width: 100%
}

.banner .grid-x {
    height: 100vh;
    min-height: 42.85714rem;
    padding-top: 5.57143rem
}

.banner h1 {
    font-size: 3.57143rem;
    line-height: 1.1
}

.banner h1 span {
    display: block;
    font-size: 7.14286rem;
    line-height: 1;
    margin: 0
}

@media print,
screen and (max-width:64.06125em) {
    .banner h1 {
        font-size: 2.85714rem;
        line-height: 1.2
    }

    .banner h1 span {
        word-break: break-all;
        font-size: 4.28571rem;
        line-height: 1;
        margin: .71429rem 0 -.71429rem
    }
}

@media print,
screen and (min-width:64.0625em) {
    .banner .grid-x {
        padding-top: 16.42857rem
    }

    .banner.half .grid-x {
        height: 40vh;
        min-height: 37.85714rem
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(/assets/build/images/ajax-loader.fb6f3c23.gif) 50% no-repeat
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}