@charset "UTF-8";
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
body div,
caption,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

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

embed,
img,
object {
    max-width: 100%
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    text-decoration: none
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

th {
    font-weight: 700;
    vertical-align: bottom
}

td {
    font-weight: 400;
    vertical-align: top
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type=radio] {
    vertical-align: text-bottom
}

input[type=checkbox] {
    vertical-align: bottom
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit
}

small {
    font-size: 85%
}

strong,
th {
    font-weight: 700
}

td,
td img {
    vertical-align: top
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

code,
kbd,
pre,
samp {
    font-family: monospace, sans-serif
}

.clickable,
button,
input[type=button],
input[type=submit] {
    cursor: pointer
}

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

button,
input,
select,
textarea {
    margin: 0
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

.clearfix:after,
.clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

body {
    font: 16px Helmet, Freesans, sans-serif
}

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

a,
button {
    cursor: pointer;
    font-size: 100%
}

button {
    border: 0;
    padding: 0;
    margin: 0
}

* {
    box-sizing: border-box
}

.wrapper {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 20px
}

.wrapper--full {
    max-width: none;
    padding: 0
}

.row {
    margin-left: -10px;
    margin-right: -10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.row--h-center {
    -ms-flex-pack: center;
    justify-content: center
}

.row--h-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row--h-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.row--h-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.row--v-center {
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.row--v-end {
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end
}

.row--v-stretch {
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch
}

.row--center {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.row--column {
    -ms-flex-direction: column;
    flex-direction: column
}

.row--nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (max-width:768px) {
    .row .tabletW--h--center {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.col-1 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% * 1 / 12)
}

.ie .col-1 {
    width: 8%
}

.offset-1 {
    margin-left: calc(100% * 1 / 12)
}

.ie .offset-1 {
    margin-left: 8%
}

.col-2 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% * 2 / 12)
}

.ie .col-2 {
    width: 17%
}

.offset-2 {
    margin-left: calc(100% * 2 / 12)
}

.ie .offset-2 {
    margin-left: 17%
}

.col-3 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% * 3 / 12)
}

.ie .col-3 {
    width: 25%
}

.offset-3 {
    margin-left: calc(100% * 3 / 12)
}

.ie .offset-3 {
    margin-left: 25%
}

.col-4 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% * 4 / 12)
}

.ie .col-4 {
    width: 33%
}

.offset-4 {
    margin-left: calc(100% * 4 / 12)
}

.ie .offset-4 {
    margin-left: 33%
}

.col-5 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% * 5 / 12)
}

.ie .col-5 {
    width: 42%
}

.offset-5 {
    margin-left: calc(100% * 5 / 12)
}

.ie .offset-5 {
    margin-left: 42%
}

.col-6 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% * 6 / 12)
}

.ie .col-6 {
    width: 50%
}

.offset-6 {
    margin-left: calc(100% * 6 / 12)
}

.ie .offset-6 {
    margin-left: 50%
}

.col-7 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% * 7 / 12)
}

.ie .col-7 {
    width: 58%
}

.offset-7 {
    margin-left: calc(100% * 7 / 12)
}

.ie .offset-7 {
    margin-left: 58%
}

.col-8 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% * 8 / 12)
}

.ie .col-8 {
    width: 67%
}

.offset-8 {
    margin-left: calc(100% * 8 / 12)
}

.ie .offset-8 {
    margin-left: 67%
}

.col-9 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% * 9 / 12)
}

.ie .col-9 {
    width: 75%
}

.offset-9 {
    margin-left: calc(100% * 9 / 12)
}

.ie .offset-9 {
    margin-left: 75%
}

.col-10 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% * 10 / 12)
}

.ie .col-10 {
    width: 83%
}

.offset-10 {
    margin-left: calc(100% * 10 / 12)
}

.ie .offset-10 {
    margin-left: 83%
}

.col-11 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% * 11 / 12)
}

.ie .col-11 {
    width: 92%
}

.offset-11 {
    margin-left: calc(100% * 11 / 12)
}

.ie .offset-11 {
    margin-left: 92%
}

.col-12 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% * 12 / 12)
}

.ie .col-12 {
    width: 100%
}

.offset-12 {
    margin-left: calc(100% * 12 / 12)
}

.ie .offset-12 {
    margin-left: 100%
}

@media screen and (max-width:1280px) {
    .col-desktop-1 {
        width: calc(100% * 1 / 12)
    }
    .ie .col-desktop-1 {
        width: 8%
    }
    .offset-desktop-1 {
        margin-left: calc(100% * 1 / 12)
    }
    .ie .offset-desktop-1 {
        margin-left: 8%
    }
    .col-desktop-2 {
        width: calc(100% * 2 / 12)
    }
    .ie .col-desktop-2 {
        width: 17%
    }
    .offset-desktop-2 {
        margin-left: calc(100% * 2 / 12)
    }
    .ie .offset-desktop-2 {
        margin-left: 17%
    }
    .col-desktop-3 {
        width: calc(100% * 3 / 12)
    }
    .ie .col-desktop-3 {
        width: 25%
    }
    .offset-desktop-3 {
        margin-left: calc(100% * 3 / 12)
    }
    .ie .offset-desktop-3 {
        margin-left: 25%
    }
    .col-desktop-4 {
        width: calc(100% * 4 / 12)
    }
    .ie .col-desktop-4 {
        width: 33%
    }
    .offset-desktop-4 {
        margin-left: calc(100% * 4 / 12)
    }
    .ie .offset-desktop-4 {
        margin-left: 33%
    }
    .col-desktop-5 {
        width: calc(100% * 5 / 12)
    }
    .ie .col-desktop-5 {
        width: 42%
    }
    .offset-desktop-5 {
        margin-left: calc(100% * 5 / 12)
    }
    .ie .offset-desktop-5 {
        margin-left: 42%
    }
    .col-desktop-6 {
        width: calc(100% * 6 / 12)
    }
    .ie .col-desktop-6 {
        width: 50%
    }
    .offset-desktop-6 {
        margin-left: calc(100% * 6 / 12)
    }
    .ie .offset-desktop-6 {
        margin-left: 50%
    }
    .col-desktop-7 {
        width: calc(100% * 7 / 12)
    }
    .ie .col-desktop-7 {
        width: 58%
    }
    .offset-desktop-7 {
        margin-left: calc(100% * 7 / 12)
    }
    .ie .offset-desktop-7 {
        margin-left: 58%
    }
    .col-desktop-8 {
        width: calc(100% * 8 / 12)
    }
    .ie .col-desktop-8 {
        width: 67%
    }
    .offset-desktop-8 {
        margin-left: calc(100% * 8 / 12)
    }
    .ie .offset-desktop-8 {
        margin-left: 67%
    }
    .col-desktop-9 {
        width: calc(100% * 9 / 12)
    }
    .ie .col-desktop-9 {
        width: 75%
    }
    .offset-desktop-9 {
        margin-left: calc(100% * 9 / 12)
    }
    .ie .offset-desktop-9 {
        margin-left: 75%
    }
    .col-desktop-10 {
        width: calc(100% * 10 / 12)
    }
    .ie .col-desktop-10 {
        width: 83%
    }
    .offset-desktop-10 {
        margin-left: calc(100% * 10 / 12)
    }
    .ie .offset-desktop-10 {
        margin-left: 83%
    }
    .col-desktop-11 {
        width: calc(100% * 11 / 12)
    }
    .ie .col-desktop-11 {
        width: 92%
    }
    .offset-desktop-11 {
        margin-left: calc(100% * 11 / 12)
    }
    .ie .offset-desktop-11 {
        margin-left: 92%
    }
    .col-desktop-12 {
        width: calc(100% * 12 / 12)
    }
    .ie .col-desktop-12 {
        width: 100%
    }
    .offset-desktop-12 {
        margin-left: calc(100% * 12 / 12)
    }
    .ie .offset-desktop-12 {
        margin-left: 100%
    }
    .offset-desktop-0 {
        margin-left: 0
    }
}

@media screen and (max-width:1024px) {
    .col-tabletH-1 {
        width: calc(100% * 1 / 12)
    }
    .ie .col-tabletH-1 {
        width: 8%
    }
    .offset-tabletH-1 {
        margin-left: calc(100% * 1 / 12)
    }
    .ie .offset-tabletH-1 {
        margin-left: 8%
    }
    .col-tabletH-2 {
        width: calc(100% * 2 / 12)
    }
    .ie .col-tabletH-2 {
        width: 17%
    }
    .offset-tabletH-2 {
        margin-left: calc(100% * 2 / 12)
    }
    .ie .offset-tabletH-2 {
        margin-left: 17%
    }
    .col-tabletH-3 {
        width: calc(100% * 3 / 12)
    }
    .ie .col-tabletH-3 {
        width: 25%
    }
    .offset-tabletH-3 {
        margin-left: calc(100% * 3 / 12)
    }
    .ie .offset-tabletH-3 {
        margin-left: 25%
    }
    .col-tabletH-4 {
        width: calc(100% * 4 / 12)
    }
    .ie .col-tabletH-4 {
        width: 33%
    }
    .offset-tabletH-4 {
        margin-left: calc(100% * 4 / 12)
    }
    .ie .offset-tabletH-4 {
        margin-left: 33%
    }
    .col-tabletH-5 {
        width: calc(100% * 5 / 12)
    }
    .ie .col-tabletH-5 {
        width: 42%
    }
    .offset-tabletH-5 {
        margin-left: calc(100% * 5 / 12)
    }
    .ie .offset-tabletH-5 {
        margin-left: 42%
    }
    .col-tabletH-6 {
        width: calc(100% * 6 / 12)
    }
    .ie .col-tabletH-6 {
        width: 50%
    }
    .offset-tabletH-6 {
        margin-left: calc(100% * 6 / 12)
    }
    .ie .offset-tabletH-6 {
        margin-left: 50%
    }
    .col-tabletH-7 {
        width: calc(100% * 7 / 12)
    }
    .ie .col-tabletH-7 {
        width: 58%
    }
    .offset-tabletH-7 {
        margin-left: calc(100% * 7 / 12)
    }
    .ie .offset-tabletH-7 {
        margin-left: 58%
    }
    .col-tabletH-8 {
        width: calc(100% * 8 / 12)
    }
    .ie .col-tabletH-8 {
        width: 67%
    }
    .offset-tabletH-8 {
        margin-left: calc(100% * 8 / 12)
    }
    .ie .offset-tabletH-8 {
        margin-left: 67%
    }
    .col-tabletH-9 {
        width: calc(100% * 9 / 12)
    }
    .ie .col-tabletH-9 {
        width: 75%
    }
    .offset-tabletH-9 {
        margin-left: calc(100% * 9 / 12)
    }
    .ie .offset-tabletH-9 {
        margin-left: 75%
    }
    .col-tabletH-10 {
        width: calc(100% * 10 / 12)
    }
    .ie .col-tabletH-10 {
        width: 83%
    }
    .offset-tabletH-10 {
        margin-left: calc(100% * 10 / 12)
    }
    .ie .offset-tabletH-10 {
        margin-left: 83%
    }
    .col-tabletH-11 {
        width: calc(100% * 11 / 12)
    }
    .ie .col-tabletH-11 {
        width: 92%
    }
    .offset-tabletH-11 {
        margin-left: calc(100% * 11 / 12)
    }
    .ie .offset-tabletH-11 {
        margin-left: 92%
    }
    .col-tabletH-12 {
        width: calc(100% * 12 / 12)
    }
    .ie .col-tabletH-12 {
        width: 100%
    }
    .offset-tabletH-12 {
        margin-left: calc(100% * 12 / 12)
    }
    .ie .offset-tabletH-12 {
        margin-left: 100%
    }
    .offset-tabletH-0 {
        margin-left: 0
    }
}

@media screen and (max-width:979px) {
    .col-tablet-1 {
        width: calc(100% * 1 / 12)
    }
    .ie .col-tablet-1 {
        width: 8%
    }
    .offset-tablet-1 {
        margin-left: calc(100% * 1 / 12)
    }
    .ie .offset-tablet-1 {
        margin-left: 8%
    }
    .col-tablet-2 {
        width: calc(100% * 2 / 12)
    }
    .ie .col-tablet-2 {
        width: 17%
    }
    .offset-tablet-2 {
        margin-left: calc(100% * 2 / 12)
    }
    .ie .offset-tablet-2 {
        margin-left: 17%
    }
    .col-tablet-3 {
        width: calc(100% * 3 / 12)
    }
    .ie .col-tablet-3 {
        width: 25%
    }
    .offset-tablet-3 {
        margin-left: calc(100% * 3 / 12)
    }
    .ie .offset-tablet-3 {
        margin-left: 25%
    }
    .col-tablet-4 {
        width: calc(100% * 4 / 12)
    }
    .ie .col-tablet-4 {
        width: 33%
    }
    .offset-tablet-4 {
        margin-left: calc(100% * 4 / 12)
    }
    .ie .offset-tablet-4 {
        margin-left: 33%
    }
    .col-tablet-5 {
        width: calc(100% * 5 / 12)
    }
    .ie .col-tablet-5 {
        width: 42%
    }
    .offset-tablet-5 {
        margin-left: calc(100% * 5 / 12)
    }
    .ie .offset-tablet-5 {
        margin-left: 42%
    }
    .col-tablet-6 {
        width: calc(100% * 6 / 12)
    }
    .ie .col-tablet-6 {
        width: 50%
    }
    .offset-tablet-6 {
        margin-left: calc(100% * 6 / 12)
    }
    .ie .offset-tablet-6 {
        margin-left: 50%
    }
    .col-tablet-7 {
        width: calc(100% * 7 / 12)
    }
    .ie .col-tablet-7 {
        width: 58%
    }
    .offset-tablet-7 {
        margin-left: calc(100% * 7 / 12)
    }
    .ie .offset-tablet-7 {
        margin-left: 58%
    }
    .col-tablet-8 {
        width: calc(100% * 8 / 12)
    }
    .ie .col-tablet-8 {
        width: 67%
    }
    .offset-tablet-8 {
        margin-left: calc(100% * 8 / 12)
    }
    .ie .offset-tablet-8 {
        margin-left: 67%
    }
    .col-tablet-9 {
        width: calc(100% * 9 / 12)
    }
    .ie .col-tablet-9 {
        width: 75%
    }
    .offset-tablet-9 {
        margin-left: calc(100% * 9 / 12)
    }
    .ie .offset-tablet-9 {
        margin-left: 75%
    }
    .col-tablet-10 {
        width: calc(100% * 10 / 12)
    }
    .ie .col-tablet-10 {
        width: 83%
    }
    .offset-tablet-10 {
        margin-left: calc(100% * 10 / 12)
    }
    .ie .offset-tablet-10 {
        margin-left: 83%
    }
    .col-tablet-11 {
        width: calc(100% * 11 / 12)
    }
    .ie .col-tablet-11 {
        width: 92%
    }
    .offset-tablet-11 {
        margin-left: calc(100% * 11 / 12)
    }
    .ie .offset-tablet-11 {
        margin-left: 92%
    }
    .col-tablet-12 {
        width: calc(100% * 12 / 12)
    }
    .ie .col-tablet-12 {
        width: 100%
    }
    .offset-tablet-12 {
        margin-left: calc(100% * 12 / 12)
    }
    .ie .offset-tablet-12 {
        margin-left: 100%
    }
    .offset-tablet-0 {
        margin-left: 0
    }
}

@media screen and (max-width:768px) {
    .col-tabletW-1 {
        width: calc(100% * 1 / 12)
    }
    .ie .col-tabletW-1 {
        width: 8%
    }
    .offset-tabletW-1 {
        margin-left: calc(100% * 1 / 12)
    }
    .ie .offset-tabletW-1 {
        margin-left: 8%
    }
    .col-tabletW-2 {
        width: calc(100% * 2 / 12)
    }
    .ie .col-tabletW-2 {
        width: 17%
    }
    .offset-tabletW-2 {
        margin-left: calc(100% * 2 / 12)
    }
    .ie .offset-tabletW-2 {
        margin-left: 17%
    }
    .col-tabletW-3 {
        width: calc(100% * 3 / 12)
    }
    .ie .col-tabletW-3 {
        width: 25%
    }
    .offset-tabletW-3 {
        margin-left: calc(100% * 3 / 12)
    }
    .ie .offset-tabletW-3 {
        margin-left: 25%
    }
    .col-tabletW-4 {
        width: calc(100% * 4 / 12)
    }
    .ie .col-tabletW-4 {
        width: 33%
    }
    .offset-tabletW-4 {
        margin-left: calc(100% * 4 / 12)
    }
    .ie .offset-tabletW-4 {
        margin-left: 33%
    }
    .col-tabletW-5 {
        width: calc(100% * 5 / 12)
    }
    .ie .col-tabletW-5 {
        width: 42%
    }
    .offset-tabletW-5 {
        margin-left: calc(100% * 5 / 12)
    }
    .ie .offset-tabletW-5 {
        margin-left: 42%
    }
    .col-tabletW-6 {
        width: calc(100% * 6 / 12)
    }
    .ie .col-tabletW-6 {
        width: 50%
    }
    .offset-tabletW-6 {
        margin-left: calc(100% * 6 / 12)
    }
    .ie .offset-tabletW-6 {
        margin-left: 50%
    }
    .col-tabletW-7 {
        width: calc(100% * 7 / 12)
    }
    .ie .col-tabletW-7 {
        width: 58%
    }
    .offset-tabletW-7 {
        margin-left: calc(100% * 7 / 12)
    }
    .ie .offset-tabletW-7 {
        margin-left: 58%
    }
    .col-tabletW-8 {
        width: calc(100% * 8 / 12)
    }
    .ie .col-tabletW-8 {
        width: 67%
    }
    .offset-tabletW-8 {
        margin-left: calc(100% * 8 / 12)
    }
    .ie .offset-tabletW-8 {
        margin-left: 67%
    }
    .col-tabletW-9 {
        width: calc(100% * 9 / 12)
    }
    .ie .col-tabletW-9 {
        width: 75%
    }
    .offset-tabletW-9 {
        margin-left: calc(100% * 9 / 12)
    }
    .ie .offset-tabletW-9 {
        margin-left: 75%
    }
    .col-tabletW-10 {
        width: calc(100% * 10 / 12)
    }
    .ie .col-tabletW-10 {
        width: 83%
    }
    .offset-tabletW-10 {
        margin-left: calc(100% * 10 / 12)
    }
    .ie .offset-tabletW-10 {
        margin-left: 83%
    }
    .col-tabletW-11 {
        width: calc(100% * 11 / 12)
    }
    .ie .col-tabletW-11 {
        width: 92%
    }
    .offset-tabletW-11 {
        margin-left: calc(100% * 11 / 12)
    }
    .ie .offset-tabletW-11 {
        margin-left: 92%
    }
    .col-tabletW-12 {
        width: calc(100% * 12 / 12)
    }
    .ie .col-tabletW-12 {
        width: 100%
    }
    .offset-tabletW-12 {
        margin-left: calc(100% * 12 / 12)
    }
    .ie .offset-tabletW-12 {
        margin-left: 100%
    }
    .offset-tabletW-0 {
        margin-left: 0
    }
}

@media screen and (max-width:480px) {
    .col-mobile-1 {
        width: calc(100% * 1 / 12)
    }
    .ie .col-mobile-1 {
        width: 8%
    }
    .offset-mobile-1 {
        margin-left: calc(100% * 1 / 12)
    }
    .ie .offset-mobile-1 {
        margin-left: 8%
    }
    .col-mobile-2 {
        width: calc(100% * 2 / 12)
    }
    .ie .col-mobile-2 {
        width: 17%
    }
    .offset-mobile-2 {
        margin-left: calc(100% * 2 / 12)
    }
    .ie .offset-mobile-2 {
        margin-left: 17%
    }
    .col-mobile-3 {
        width: calc(100% * 3 / 12)
    }
    .ie .col-mobile-3 {
        width: 25%
    }
    .offset-mobile-3 {
        margin-left: calc(100% * 3 / 12)
    }
    .ie .offset-mobile-3 {
        margin-left: 25%
    }
    .col-mobile-4 {
        width: calc(100% * 4 / 12)
    }
    .ie .col-mobile-4 {
        width: 33%
    }
    .offset-mobile-4 {
        margin-left: calc(100% * 4 / 12)
    }
    .ie .offset-mobile-4 {
        margin-left: 33%
    }
    .col-mobile-5 {
        width: calc(100% * 5 / 12)
    }
    .ie .col-mobile-5 {
        width: 42%
    }
    .offset-mobile-5 {
        margin-left: calc(100% * 5 / 12)
    }
    .ie .offset-mobile-5 {
        margin-left: 42%
    }
    .col-mobile-6 {
        width: calc(100% * 6 / 12)
    }
    .ie .col-mobile-6 {
        width: 50%
    }
    .offset-mobile-6 {
        margin-left: calc(100% * 6 / 12)
    }
    .ie .offset-mobile-6 {
        margin-left: 50%
    }
    .col-mobile-7 {
        width: calc(100% * 7 / 12)
    }
    .ie .col-mobile-7 {
        width: 58%
    }
    .offset-mobile-7 {
        margin-left: calc(100% * 7 / 12)
    }
    .ie .offset-mobile-7 {
        margin-left: 58%
    }
    .col-mobile-8 {
        width: calc(100% * 8 / 12)
    }
    .ie .col-mobile-8 {
        width: 67%
    }
    .offset-mobile-8 {
        margin-left: calc(100% * 8 / 12)
    }
    .ie .offset-mobile-8 {
        margin-left: 67%
    }
    .col-mobile-9 {
        width: calc(100% * 9 / 12)
    }
    .ie .col-mobile-9 {
        width: 75%
    }
    .offset-mobile-9 {
        margin-left: calc(100% * 9 / 12)
    }
    .ie .offset-mobile-9 {
        margin-left: 75%
    }
    .col-mobile-10 {
        width: calc(100% * 10 / 12)
    }
    .ie .col-mobile-10 {
        width: 83%
    }
    .offset-mobile-10 {
        margin-left: calc(100% * 10 / 12)
    }
    .ie .offset-mobile-10 {
        margin-left: 83%
    }
    .col-mobile-11 {
        width: calc(100% * 11 / 12)
    }
    .ie .col-mobile-11 {
        width: 92%
    }
    .offset-mobile-11 {
        margin-left: calc(100% * 11 / 12)
    }
    .ie .offset-mobile-11 {
        margin-left: 92%
    }
    .col-mobile-12 {
        width: calc(100% * 12 / 12)
    }
    .ie .col-mobile-12 {
        width: 100%
    }
    .offset-mobile-12 {
        margin-left: calc(100% * 12 / 12)
    }
    .ie .offset-mobile-12 {
        margin-left: 100%
    }
    .offset-mobile-0 {
        margin-left: 0
    }
}

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

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

.icon-link:before {
    content: "\e910"
}

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

.icon-enlarge:before {
    content: "\e90d"
}

.icon-calendar-plain:before {
    content: "\e90b"
}

.icon-calendar-delete:before {
    content: "\e90c"
}

.icon-calendar-add:before {
    content: "\e90a"
}

.icon-log-out:before {
    content: "\e90e"
}

.icon-arrow-up:before {
    content: "\e909"
}

.icon-arrow-left:before {
    content: "\e900"
}

.icon-arrow-right:before {
    content: "\e908"
}

.icon-calendar:before {
    content: "\e901"
}

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

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

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

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

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

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

.bg--white {
    background: #fff
}

.bg--dark {
    background: url(../assets/images/bg-texture.png) repeat center!important;
    color: #fff
}

.bg--dark .block,
.bg--dark .section {
    background: url(../assets/images/bg-texture.png) repeat center
}

.bg--dark p {
    color: #fff
}

.bg--light {
    background: #edeeef!important
}

.bg--light .block,
.bg--light .section {
    background: #edeeef
}

.bg--light p a:before {
    background: #edeeef
}

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

.text--center {
    text-align: center
}

.text--right {
    text-align: right
}

.text--uppercase {
    text-transform: uppercase
}

.absolute--right {
    position: absolute!important;
    right: 0
}

@media (max-width:768px) {
    .absolute--right {
        position: relative!important;
        right: auto;
        margin-top: 15px
    }
}

.no--margin {
    margin: 0
}

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

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

.no--padding {
    padding: 0!important
}

.no--padding--bottom {
    padding-bottom: 0!important
}

@media (max-width:768px) {
    .mobile--hide {
        display: none!important
    }
}

.mobile--show {
    display: none!important
}

@media (max-width:768px) {
    .mobile--show {
        display: block!important
    }
}

@media (max-width:1024px) {
    .tablet--hide {
        display: none!important
    }
}

.tablet--show {
    display: none!important
}

@media (max-width:1024px) {
    .tablet--show {
        display: block!important
    }
}

@media (max-width:768px) {
    .row--mobile-col {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:768px) {
    .row--mobile-col--reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

[data-hidden] {
    overflow: hidden
}

[data-hidden] p:last-child {
    margin-bottom: 0
}

[data-deploy] {
    overflow: hidden
}

[data-deploy-open] {
    display: block!important
}

.iframe--responsive {
    position: relative;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    height: 0;
    padding-bottom: 56.25%;
    background: #000
}

.iframe--responsive iframe {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

svg {
    max-width: 100%;
    max-height: 100%
}

.svg--heart {
    width: 25px;
    height: 23px;
    padding: 2px;
    max-width: none
}

@media (min-width:1680px) {
    .svg--heart {
        width: 28px;
        height: 25px
    }
}

@media (max-width:979px) {
    .svg--heart {
        width: 28px;
        height: 25px
    }
}

.svg--heart--active path {
    stroke: #c55c60;
    fill: #c55c60
}

.svg--heart--active+span {
    color: #c55c60
}

.svg--share {
    width: 31px;
    padding: 2px
}

.grain {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    z-index: 0;
    opacity: .025;
    background: url(../assets/images/noise.gif) repeat center;
    backface-visibility: hidden
}

@media (max-width:768px) {
    .grain {
        opacity: 0
    }
}

input {
    border-radius: 0
}

input:focus {
    outline: 0
}

@keyframes draw {
    0% {
        transform: scaleY(0);
        transform-origin: bottom
    }
    49.999% {
        transform: scaleY(1);
        transform-origin: bottom
    }
    50% {
        transform-origin: top
    }
    100% {
        transform: scaleY(0);
        transform-origin: top
    }
}

body,
html {
    overflow: hidden
}

[data-scrollbar],
[scrollbar],
scrollbar {
    display: block;
    position: relative
}

#wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute
}

.scroll-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff
}

.scroll-content {
    position: relative;
    z-index: 1;
    min-height: 100%
}

.scrollbar-track {
    position: absolute;
    opacity: 0;
    z-index: 1;
    transition: opacity .5s ease-out, background .5s ease-out;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.scrollbar-track.show,
.scrollbar-track:hover {
    opacity: 1
}

.scrollbar-track .scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    background: #a3a3a3;
    border-radius: 4px
}

.scrollbar-track-y {
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    z-index: 99
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.anim--childs>* {
    opacity: 0;
    transform: translateY(40px)
}

.anim--childs[data-anim-direction=none]>* {
    transform: none
}

.anim--childs[data-anim-direction=left]>* {
    transform: translateX(40px)
}

.anim--childs[data-anim-direction=right]>* {
    transform: translateX(-40px)
}

.anim--fade {
    opacity: 0;
    transform: translateY(40px)
}

.anim--fade[data-anim-direction=left] {
    transform: translateX(40px)
}

.anim--fade[data-anim-direction=right] {
    transform: translateX(-40px)
}

header {
    /* position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 50px 0; */
    z-index: 11;
    backface-visibility: hidden
}

@media (max-width:1024px) {
    /* header {
        height: 84px
    } */
}

header>.wrapper--full {
    width: 100%;
    height: 100%;
    padding: 15px 80px;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

@media (max-width:1280px) {
    header>.wrapper--full {
        padding: 0 50px
    }
}

@media (max-width:1024px) {
    header>.wrapper--full {
        padding: 0
    }
}

header.header--nav-open .header__bg {
    transform: scaleY(1);
    transition: transform .7s cubic-bezier(.23, 1, .32, 1)
}

header.header--nav-open .header__cta,
header.header--nav-open .header__nav,
header.header--nav-open .header__tools {
    visibility: visible;
    opacity: 1;
    transition: opacity .4s .35s, visibility .4s .35s
}

header.header--nav-open .row--header {
    height: 100vh
}

body.tablet.safari header.header--dropdown-open .row--header {
    height: calc(100vh - 25px)
}

body.mobile.safari header.header--dropdown-open .row--header {
    height: calc(100vh - 75px)
}

body.android.chrome header.header--dropdown-open .row--header {
    height: calc(100vh - 95px)
}

header .wrapper>.row {
    margin: 0
}

header .row--header {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0;
    z-index:-1;
}

@media (max-width:1024px) {
    header .row--header {
        display: block;
        
      height:100px;
    }
}

header .row--header>div:not(.header__nav) {
    /* -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0 */
}

header.header--sticky {
    position: fixed;
    padding: 0;
    width: 100%;
    /* height: 54px */
}

header.header--sticky .wrapper--full {
    /* padding: 20px 50px; */
}

@media (max-width:1024px) {
    header.header--sticky {
        border-width: 2px;
        height: 100px;
        display: -ms-flexbox;
        display: flex;
        border: 0;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

header.header--sticky>.wrapper--full {
    background: #fff;
    border-bottom: 1px solid #fff;
    transform: translateY(-55px)
}

@media (max-width:1024px) {
    header.header--sticky>.wrapper--full {
        transform: translateY(-67px)
    }
}

@media only screen and (max-device-height:568px) {
    header.header--sticky {
        /** height: 60px**/
    }
}

header.header--sticky--enter>.wrapper--full {
    transform: translateY(0);
    transition: transform .85s cubic-bezier(.165, .84, .44, 1)
}

header.header--sticky--enter .header__nav>ul>li.has-dropdown>a {
    transition: color .4s .3s
}

header.header--sticky--enter .header__nav>ul>li.has-dropdown>a:hover {
    transition: color .4s .1s
}

header.header--sticky .header__logo {
    /* padding-top: 15px */
}

header.header--sticky .header__logo.anniversary {
    /* padding-top: 7px */
}

header.header--sticky .header__logo.anniversary .header__logo__main img {
    max-height: 100%
}

@media (max-width:1024px) {
    header {
        height: 100px;
    }
    header.header--sticky .header__logo {
        /* border-bottom: 2px solid #e6e7e7; */
        /* height: 120px;
        padding-top: 20px;
        padding-bottom: 20px */
    }
    header.header--sticky .header__logo.anniversary {
        /* padding-top: 13px;
        padding-bottom: 13px */
    }
}

@media only screen and (max-device-height:568px) {
    header.header--sticky .header__logo {
        height: 60px;
        padding-top: 17px;
        padding-bottom: 17px
    }
    header.header--sticky .header__logo.anniversary {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

header.header--sticky .header__logo__main {
    /* width: 138px */
}

header .header__logo__main.s1 {
    display: block;
}

header .header__logo__main.s2 {
    display: none;
}

header.header--sticky .header__logo__main.s1 {
    display: none;
}

header.header--sticky .header__logo__main.s2 {
    display: block;
}

header.header--sticky .header__logo__sponsors {
    display: none
}

header.header--sticky .header__nav {
    top: 50px;
    left: 25%;
    right: auto
}

@media (max-width:1280px) {
    header.header--sticky .header__nav {
        width: 50%
    }
}

@media (min-width:1025px) {
    header.header--sticky .header__nav__row>li {
        height: 54px
    }
}

header.header--sticky .header__nav>ul>li>a {
    /* color: #0e1113 */
    color: #000;
}

@media (min-width:1025px) {
    header.header--sticky .header__nav>ul>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media only screen and (max-device-height:568px) {
    header.header--sticky .header__nav>ul>li>a {
        padding-top: 14px;
        padding-bottom: 14px
    }
}

header.header--sticky .header__nav>ul>li .dropdown {
    padding-top: 70px
}

@media (max-width:1024px) {
    header.header--sticky .header__nav>ul>li .dropdown {
        padding: 0
    }
}

header.header--sticky .header__nav>ul>li.has-dropdown:hover>a {
    /* color: #fff */
}

@media (max-width:1024px) {
    header.header--sticky .header__nav>ul>li.has-dropdown:hover>a {
        color: #0e1113
    }
}

@media (max-width:1024px) {
    header.header--sticky .header__nav>ul>li.active:hover>a {
        color: #c55c60
    }
}

header.header--sticky .header__cta {
    display: none
}

@media (max-width:1024px) {
    header.header--sticky .header__cta {
        display: block
    }
}

header.header--sticky .header__tools ul {
    margin: 0
}

@media (max-width:1024px) {
    header.header--sticky .header__tools ul {
        margin-top: 8px;
        margin-left: -8px
    }
}

header.header--sticky .header__tools ul li a {
    color: #0e1113
}

header.header--sticky .header__tools ul li a svg path {
    stroke: #0e1113
}

header.header--sticky .header__tools__partner {
    /* display: none */
}

@media (max-width:1024px) {
    header.header--sticky .header__tools__partner {
        display: block
    }
}

header.header--sticky .header__icon span {
    background: #000
}

header .header__logo {
    /* padding-top: 48px */
}

@media (max-width:1024px) {
    header .header__logo {
        padding-top: 10px;
        padding-left: 20px
    }
}

header .header__logo>* {
   max-width: 13.5vw;
    min-width: 100px;
    /* width: 55% */
}
@media (max-width:1557.9px) {
  header .header__logo>* {
  max-width:10vw;
  }
}
header .header__logo__main {
    display: block;
    float: left;
}

header .header__logo__main img {
    display: block
}

header .header__logo__sponsors {
    margin-top: 18px;
    padding-left: 10px
}

@media (max-width:1024px) {
    header .header__logo__sponsors {
        margin-top: 10px
    }
}

header .header__logo__sponsors:first-child {
    margin-top: 0;
    margin-bottom: 18px
}

@media (max-width:1024px) {
    header .header__logo__sponsors:first-child {
        margin-bottom: 10px;
        margin-top: 3px
    }
}

header .header__logo__sponsors img {
    max-width: 35%;
    max-height: 22px
}

@media (max-width:768px) {
    header .header__logo__sponsors img {
        max-height: 18px
    }
}

header .header__logo__sponsors img.videotron {
    max-width: 60%;
    margin-left: -11px
}

@media (max-width:1024px) {
    header .header__logo__sponsors img.videotron {
        margin-left: -15px
    }
}

header .header__logo.anniversary .header__logo__main img {
    /* max-height: 100px */
}

header .header__nav {
    padding: 0 50px;
    /* position: absolute; */
    width: 55%;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* top: 88px */
}

@media (max-width:1280px) {
    header .header__nav {
        padding: 0 8px
    }
}

@media (max-width:1024px) {
    header .header__nav {
        visibility: hidden;
        opacity: 0;
        width: 100%!important;
        max-width: 100%;
        left: 0!important;
        top: 66px!important;
        background: #fff;
        top: 0;
        padding: 0 20px;
        z-index: 8;
        height: calc(100vh - 270px);
        transition: none
    }
    body.tablet.safari header .header__nav {
        margin-top: 100px;
        height: calc(100vh - 270px - 100px)
    }
    body.mobile.safari header .header__nav {
        margin-top: 100px;
        height: calc(100vh - 270px - 100px)
    }
    body.android.chrome header .header__nav {
        margin-top: 100px;
        height: calc(100vh - 270px - 100px)
    }
    header {
        padding: 0;
    }
    header.header--sticky .wrapper--full {
        padding: 0;
            z-index: 10;
    }
}

@media only screen and (max-device-height:568px) {
    header .header__nav {
        top: 100px!important
    }
}

@media (min-width:1025px) {
    header .header__nav__row>li {
        height: 64px
    }
}

header .header__nav ul:not(.dropdown)>li:not(.has-dropdown):hover>a {
    color: #c55c60
}

@media (max-width:1024px) {
    header .header__nav ul:not(.dropdown)>li.has-dropdown>a .dropdown--trigger {
        color: #0e1113;
        font-size: .9rem;
        position: absolute;
        top: 0;
        right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
        z-index: 2
    }
    header .header__nav ul:not(.dropdown)>li.has-dropdown>a .dropdown--trigger:before {
        display: block;
        transform-origin: center;
        transform: rotate(180deg)
    }
}

header .header__nav ul {
    margin: 0
}

@media (max-width:1024px) {
    header .header__nav ul {
        display: block;
        margin:100px 0 0 0;
    }
}

header .header__nav ul li {
    position: relative;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

@media (min-width:1025px) {
    header .header__nav ul li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:1024px) {
    header .header__nav ul li {
        border-bottom: 2px solid #e6e6e6;
        overflow: hidden
    }
    header .header__nav ul li:last-child {
        border: 0
    }
}

header .header__nav ul li:after {
    content: "";
    width: 85%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition: opacity .3s .1s
}

header .header__nav ul li:last-child a {
    border: 0
}

header .header__nav ul li.active a {
    color: #c55c60;
    transition: color .4s .3s
}

header .header__nav ul li a {
    color: #000;
    font-size: 1.5rem;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px;
    display: block;
    letter-spacing: .12rem;
    position: relative;
    text-align: center;
    z-index: 10;
    transition: all .3s
}

@media (max-width:1280px) {
    header .header__nav ul li a {
        font-size: 1.4rem;
        padding-left: 8px;
        padding-right: 8px;
        letter-spacing: .09rem
    }
}

@media (max-width:1024px) {
    header .header__nav ul li a {
        color: #0e1113;
        font-size: 2rem;
        text-align: left;
        padding: 17px 0
    }
}

@media only screen and (max-device-height:568px) {
    header .header__nav ul li a {
        font-size: 1.85rem
    }
}

header .header__nav ul li a span {
    display: none
}

@media (min-width:1025px) {
    header .header__nav ul li.is-hover.has-dropdown:hover:after {
        opacity: 1;
        transition: opacity .4s .5s
    }
    header .header__nav ul li.is-hover.has-dropdown:hover>a {
        /* color: #fff; */
        transition: color .4s .1s
    }
    header .header__nav ul li.is-hover.has-dropdown:hover .dropdown {
        pointer-events: auto
    }
    header .header__nav ul li.is-hover.has-dropdown:hover .dropdown:before {
        transform: scaleX(1.1) scaleY(1);
        transition: transform .6s cubic-bezier(.77, 0, .175, 1)
    }
    header .header__nav ul li.is-hover.has-dropdown:hover .dropdown li {
        opacity: 1;
        transform: translateY(0);
        transition: all .4s cubic-bezier(.165, .84, .44, 1) .5s
    }
}

header .header__nav ul li.dropdown--open>a .dropdown--trigger:before {
    transform: rotate(0)!important
}

header .header__nav ul li .dropdown {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 25px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

@media (max-width:1024px) {
    header .header__nav ul li .dropdown {
        position: relative;
        padding: 0;
        top: -8px;
        pointer-events: auto
    }
}

header .header__nav ul li .dropdown:before {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #c55c60;
    transform: scaleX(1.1) scaleY(0);
    transform-origin: top;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: transform .35s cubic-bezier(.165, .84, .44, 1) .2s
}

@media (max-width:1024px) {
    header .header__nav ul li .dropdown:before {
        display: none
    }
}

header .header__nav ul li .dropdown li {
    opacity: 0;
    transform: translateY(10px);
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

@media (max-width:1024px) {
    header .header__nav ul li .dropdown li {
        opacity: 1;
        border: 0
    }
    header .header__nav ul li .dropdown li:first-child a {
        padding-top: 0
    }
    header .header__nav ul li .dropdown li:last-child a {
        padding-bottom: 25px
    }
}

header .header__nav ul li .dropdown li.active a {
    opacity: 1
}

header .header__nav ul li .dropdown li a {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: none;
    padding: 6.5px 0;
    letter-spacing: .03rem;
    opacity: .6;
    color: #fff;
    transition: opacity .3s
}

@media (max-width:1024px) {
    header .header__nav ul li .dropdown li a {
        color: #0e1113;
        font-size: 1.75rem;
        font-weight: 500;
        letter-spacing: .075rem;
        opacity: 1;
        display: block;
        text-align: left;
        padding: 9px 0
    }
    header .header__nav ul li .dropdown li a:focus,
    header .header__nav ul li .dropdown li a:hover {
        color: #0e1113;
        transition: color .3s
    }
}

header .header__nav ul li .dropdown li a:hover {
    opacity: 1
}

header .header__cta {
    text-align: center
}

@media (max-width:1024px) {
    header .header__cta {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        z-index: 9;
        width: 100%;
        left: 0;
        top: 100vh;
        transform: translateY(-100%);
        transition: none
    }
    body.tablet.safari header .header__cta {
        top: calc(100vh - 25px)
    }
    body.mobile.safari header .header__cta {
        top: calc(100vh - 75px)
    }
    body.android.chrome header .header__cta {
        top: calc(100vh - 95px)
    }
}

header .header__cta .button {
    padding-left: 31px;
    padding-right: 31px;
    margin-top: -1px
}

@media (max-width:1024px) {
    header .header__cta .button {
        display: block;
        width: 100%;
        margin: 0;
        border: 0;
        background: #c55c60
    }
}

header .header__cta .button:hover {
    color: #fff;
    background: #c55c60;
    border-color: #c55c60
}

header .header__tools {
    /* padding-top: 8px; */
    /* text-align: right */
}

@media (max-width:1024px) {
    header .header__tools {
        display: -ms-flexbox;
        display: flex;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        width: 100%;
        left: 0;
        top: 100vh;
        text-align: left;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        z-index: 9;
        transform: translateY(calc(-100% - 58px));
        transition: none
    }
    body.tablet.safari header .header__tools {
        top: calc(100vh - 25px)
    }
    body.mobile.safari header .header__tools {
        top: calc(100vh - 75px)
    }
    body.android.chrome header .header__tools {
        top: calc(100vh - 95px)
    }
}

header .header__tools ul {
    margin: 0 0 25px
}

@media (max-width:1024px) {
    header .header__tools ul {
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 20px;
        margin: 10px 0 0 0;
        border-top: 2px solid #e6e7e7
    }
}

header .header__tools ul li a {
    color: #fff;
    font-size: 2.1rem;
    padding: 7px;
    display: block;
    transition: all .4s
}

@media (max-width:1024px) {
    header .header__tools ul li a {
        font-size: 2.3rem;
        padding: 16px 8px
    }
}

header .header__tools ul li a:hover {
    color: #c55c60
}

header .header__tools ul li a:hover svg path {
    stroke: #c55c60
}

header .header__tools ul li a.icon-calendar {
    font-size: 2rem
}

@media (max-width:1024px) {
    header .header__tools ul li a.icon-calendar {
        font-size: 2.2rem
    }
}

header .header__tools ul li.lang {
    margin-left: 60px;
    text-transform: uppercase
}

@media (max-width:1024px) {
    header .header__tools ul li.lang {
        margin-left: auto
    }
}

header .header__tools ul li.lang a {
    font-size: 1.2rem;
    padding-right: 0
}

@media (max-width:1024px) {
    header .header__tools ul li.lang a {
        font-size: 1.7rem;
        font-weight: 400
    }
}

header .header__tools__partner {
    display: inline-block;
    max-width: 10vw;
    /* width: 52%; */
    opacity: .8;
    transition: opacity .4s;
    /* margin-top: 2rem; */
}

header .header__tools__partner:hover {
    opacity: 1
}

@media (max-width:1024px) {
    header .header__tools__partner {
        width: 38%;
        padding: 0 0 0 20px
    }
}

header .header__icon {
    display: none
}

@media (max-width:1024px) {
    header .header__icon {
        display: inline-block;
        position: absolute;
        top: 28px;
        right: 0
    }
}

@media only screen and (max-device-height:568px) {
    header .header__icon {
        top: 9px
    }
}

header .header__bg {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: -1;
    transform-origin: top;
    transform: scaleY(0);
    transition: transform .2s linear
}

.header__icon {
    display: inline-block;
    cursor: pointer;
    padding: 12px 20px 8px;
    margin-left: -25px;
    transform: rotate(0);
    z-index: 9;
    transition: .3s ease-out
}

.header__icon__inner {
    width: 30px;
    height: 19px;
    position: relative
}

.header__icon span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #000;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .15s ease-out
}

.header__icon span:nth-child(1) {
    top: 0;
    transform-origin: right center
}

.header__icon span:nth-child(2) {
    top: 9px;
    transform-origin: right
}

.header__icon span:nth-child(3) {
    top: 18px;
    transform-origin: right center
}

.header--nav-open .header__icon span:nth-child(1) {
    transform: rotate(-45deg);
    top: -3px;
    left: 0
}

.header--nav-open .header__icon span:nth-child(2) {
    opacity: 0
}

.header--nav-open .header__icon span:nth-child(3) {
    transform: rotate(45deg)
}

footer {
    position: relative
}

footer .footer__nav,
footer .footer__social,
footer .footer__sponsors {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer .footer__sponsors {
    height: 230px;
    border-top: 1px solid #d5d6d7
}

@media (max-width:768px) {
    footer .footer__sponsors {
        height: 210px
    }
}

footer .footer__social {
    height: 150px;
    border-bottom: 1px solid #616364
}

@media (max-width:768px) {
    footer .footer__social {
        height: auto;
        padding: 55px 0 52px;
        border-color: #343839
    }
}

@media (max-width:768px) {
    footer .footer__social .footer__newsletter {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0
    }
}

footer .footer__social .footer__newsletter__title {
    font-weight: 700;
    font-size: 1.3rem;
    opacity: .5;
    color: #fff;
    margin-right: 25px;
    max-width: 130px
}

@media (max-width:979px) {
    footer .footer__social .footer__newsletter__title {
        margin-right: 15px
    }
}

@media (max-width:768px) {
    footer .footer__social .footer__newsletter__title {
        margin-right: 0;
        font-size: 1.75rem;
        opacity: 1;
        margin-bottom: 30px;
        max-width: 100%
    }
}

footer .footer__social .footer__newsletter .block--newsletter {
    width: calc(100% - 130px)
}

@media (max-width:768px) {
    footer .footer__social .footer__newsletter .block--newsletter {
        width: 100%
    }
}

@media (max-width:768px) {
    footer .footer__social .footer__newsletter .block--newsletter form {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

footer .footer__social .footer__newsletter .block--newsletter__message {
    font-size: 1.3rem;
    position: absolute;
    top: calc(100% + 6px)
}

@media (max-width:768px) {
    footer .footer__social .footer__newsletter .block--newsletter__message {
        left: 0;
        width: 100%;
        text-align: center;
        top: calc(100% + 12px)
    }
}

footer .footer__social input {
    font-weight: 700;
    padding: 16px;
    border-radius: 0;
    -webkit-appearance: none
}

@media (max-width:768px) {
    footer .footer__social input {
        padding: 20px
    }
}

footer .footer__social input[type=email] {
    color: #fff;
    font-size: 1.3rem;
    background: #4a4d4e;
    border: 1px solid #4a4d4e;
    font-weight: 400;
    max-width: 325px;
    width: calc(100% - 160px)
}

@media (min-width:1680px) {
    footer .footer__social input[type=email] {
        padding-top: 17px;
        padding-bottom: 17px
    }
}

@media (max-width:768px) {
    footer .footer__social input[type=email] {
        width: 100%;
        max-width: 100%;
        margin-bottom: 23px;
        font-size: 1.46rem
    }
}

footer .footer__social input[type=submit] {
    padding-left: 24px;
    padding-right: 24px;
    margin: 0 0 0 14px;
    width: auto
}

footer .footer__social input[type=submit]:hover {
    background: #fff;
    border-color: #fff;
    color: #0e1113
}

footer .footer__social input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #4a4d4e inset
}

footer .footer__social ::-webkit-input-placeholder {
    color: #0e1113;
    opacity: 1
}

footer .footer__social :-moz-placeholder {
    color: #0e1113;
    opacity: 1
}

footer .footer__social ::-moz-placeholder {
    color: #0e1113;
    opacity: 1
}

footer .footer__social :-ms-input-placeholder {
    color: #0e1113;
    opacity: 1
}

footer .footer__social__links {
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: -19px
}

@media (max-width:768px) {
    footer .footer__social__links {
        -ms-flex-pack: center;
        justify-content: center;
        margin: 50px 0 0 0
    }
}

footer .footer__social__links li a {
    color: #fff;
    font-size: 1.8rem;
    padding: 9px;
    transition: opacity .4s
}

@media (max-width:768px) {
    footer .footer__social__links li a {
        font-size: 2.3rem;
        padding-left: 11px;
        padding-right: 11px
    }
}

footer .footer__social__links li a:hover {
    opacity: .3
}

footer .footer__nav {
    height: 74px
}

@media (max-width:979px) {
    footer .footer__nav {
        height: auto;
        text-align: center;
        padding: 45px 0 23px
    }
}

footer .footer__nav__left {
    margin: 0 0 0 -25px
}

@media (max-width:979px) {
    footer .footer__nav__left {
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 15px
    }
}

@media (max-width:768px) {
    footer .footer__nav__left {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

footer .footer__nav__left a {
    color: #fff;
    opacity: .4;
    display: block;
    padding: 2px 15px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: .08rem;
    transition: opacity .4s
}

@media (max-width:768px) {
    footer .footer__nav__left a {
        font-size: 1.77rem;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

footer .footer__nav__left a:hover {
    opacity: 1
}

footer .footer__nav__right {
    float: right;
    margin-right: -35px
}

@media (max-width:979px) {
    footer .footer__nav__right {
        float: none;
        margin-right: 0
    }
}

@media (max-width:768px) {
    footer .footer__nav__right {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
        margin-bottom: 17px
    }
}

footer .footer__nav__right li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 10px 25px;
    display: block;
    letter-spacing: .08rem;
    transition: opacity .4s
}

@media (max-width:1280px) {
    footer .footer__nav__right li a {
        padding-left: 18px;
        padding-right: 18px
    }
}

@media (max-width:979px) {
    footer .footer__nav__right li a {
        font-size: 1.2rem;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:768px) {
    footer .footer__nav__right li a {
        font-size: 1.77rem
    }
}

footer .footer__nav__right li a:hover {
    opacity: .3
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    color: #0e1113;
    letter-spacing: .08rem;
    background: url(../assets/images/bg-texture.png) repeat center!important
}

.lightbox--opened .copy-link-btn {
    opacity: 1!important
}

.section {
    position: relative;
    padding: 75px 0 90px;
    background: #fff
}

@media (max-width:768px) {
    .section {
        padding: 35px 0
    }
    .section#representations {
        padding: 62px 0 30px
    }
}

.section--narrow {
    padding: 60px 0 90px
}

@media (max-width:768px) {
    .section--narrow {
        padding: 45px 0
    }
}

.section--content {
    padding: 75px 0
}

@media (max-width:768px) {
    .section--content {
        padding: 45px 0
    }
}

.section--content h4 {
    margin-bottom: 15px
}

.section--content .wrapper--full {
   padding:3rem 0; 
}

@media (max-width:768px) {
    .section--content .wrapper--full {
        margin: 45px 0
    }
}

.section--content .wrapper--full:first-child {
    margin-top: 0
}

.section--content .wrapper--full:last-child {
    margin-bottom: 0;
    
}

@media (max-width:768px) {
    .section--content .wrapper--full:last-child {
        padding: 45px 0
    }
}

.section--content .wrapper--full.no--margin {
    margin: 0
}

.section--content .wrapper--full.bg--dark,
.section--content .wrapper--full.bg--light {
    margin-bottom: 0;
    padding-top: 75px;
    padding-bottom: 75px
}

@media (max-width:768px) {
    .section--content .wrapper--full.bg--dark,
    .section--content .wrapper--full.bg--light {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

.section--content .wrapper--full.bg--dark:first-child,
.section--content .wrapper--full.bg--light:first-child {
    margin-top: 0
}

.section--content .wrapper--full.bg--dark:last-child,
.section--content .wrapper--full.bg--light:last-child {
    margin-bottom: 0
}

.section--content .wrapper--full.bg--dark.wrapper--large,
.section--content .wrapper--full.bg--light.wrapper--large {
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width:768px) {
    .section--content .wrapper--full.bg--dark.wrapper--large,
    .section--content .wrapper--full.bg--light.wrapper--large {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

.section--content .wrapper--full.bg--dark+.bg--dark {
    margin-top: 0;
    padding-top: 0
}

.section--content .wrapper--full.bg--light+.bg--light {
    margin-top: 0;
    padding-top: 0
}

.section--content .wrapper--full.bg--dark+.bg--light,
.section--content .wrapper--full.bg--light+.bg--dark {
    margin-top: 0
}

.section--content .wrapper--full .formpaypal {
    max-width: 80px
}

.section--content .col--content:not(.col--content--columns) .button,
.section--content .col--content:not(.col--content--columns) img {
    margin-bottom: 30px
}

.section--content .col--content:not(.col--content--columns) div:not(.text--center) img,
.section--content .col--content:not(.col--content--columns) figure:not(.text--center) img {
    display: block
}

.section--content .swiper--images,
.section--content .video--player {
    margin-bottom: 0
}

@media (max-width:768px) {
    .section--content .swiper--images {
        margin-bottom: 38px
    }
    .page--home .section--content .swiper--images {
        margin-bottom: 0
    }
}

.section .row--heading {
    padding-top: 75px
}

@media (max-width:979px) {
    .section .row--heading {
        padding-top: 45px
    }
}

@media (max-width:768px) {
    .section .row--heading {
        padding-top: 24px
    }
}

.section .row--heading:first-child {
    padding-top: 0
}

.col--list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.col--list__item {
    width: 50%;
    margin-bottom: 55px;
    padding-right: 10%;
    counter-increment: step-counter;
    display: inline-block;
    vertical-align: top
}

@media (max-width:768px) {
    .col--list__item {
        width: 100%;
        padding: 0;
        margin-bottom: 30px
    }
}

.col--list__item:nth-last-child(-n+2) {
    margin-bottom: 0
}

@media (max-width:768px) {
    .col--list__item:nth-last-child(-n+2) {
        margin-bottom: 30px
    }
}

.col--list__item:before {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    content: counter(step-counter);
    font-size: 1.4rem;
    color: #fff;
    font-weight: 700;
    width: 30px;
    height: 30px;
    background: #000;
    border-radius: 50%;
    text-align: center
}

@media (max-width:768px) {
    .col--list__item:before {
        font-size: 1.64rem;
        width: 35px;
        height: 35px
    }
}

.col--list__item p {
    width: calc(100% - 45px);
    float: right
}

@media (max-width:768px) {
    .col--list__item p {
        width: calc(100% - 50px)
    }
}

.col--list__item p img {
    margin: 0 5px 0 0;
    width: 19px;
    display: inline-block;
    vertical-align: middle
}

.share {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width:768px) {
    .share {
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0
    }
}

.share__title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #848586;
    padding-right: 5px;
    letter-spacing: .075rem
}

.share__icon {
    color: #0e1113;
    padding: 0 5px;
    font-size: 1.85rem;
    transition: color .4s
}

@media (max-width:768px) {
    .share__icon {
        font-size: 2.1rem;
        padding: 0 7px
    }
}

.share__icon:hover {
    color: #c55c60
}

.profile {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap
}

@media (max-width:768px) {
    .profile {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        white-space: normal;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px
    }
}

.profile__image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px
}

.profile__logout {
    position: relative;
    line-height: 1;
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    border-left: 1px solid #868889
}

.profile__logout.mobile--show {
    border-left: 0;
    margin: 0 15px 0 0;
    padding: 0 22px 0 0;
    border-right: 1px solid #868889
}

.profile__logout a {
    font-size: 1.2rem;
    color: #848586;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.3;
    display: block;
    transition: color .4s
}

.profile__logout a:hover {
    color: #c55c60
}

.profile__logout a i,
.profile__logout a span {
    display: inline-block;
    vertical-align: middle
}

.profile__logout a i {
    font-size: 1.7rem;
    margin-left: 12px
}

.row--notes {
    margin-top: 55px
}

@media (max-width:768px) {
    .row--notes {
        margin-top: 35px
    }
}

.row--notes p {
    font-size: 1.3rem;
    line-height: 1.45;
    opacity: .5;
    margin-bottom: 20px;
    padding-right: 20px
}

@media (max-width:768px) {
    .row--notes p {
        font-size: 1.46rem;
        padding-right: 0;
        line-height: 1.3;
        margin-bottom: 17px
    }
}

.row--notes p:last-child {
    margin-bottom: 0
}

.tooltip {
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: .075rem;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    padding: 8px;
    background: #000;
    position: fixed;
    opacity: 0;
    text-align: center;
    pointer-events: none;
    transform: translateY(3px);
    transition: opacity .4s
}

body.ie div:not(.header__tools) .tooltip {
    position: absolute;
    width: 165px
}

.button .tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    white-space: nowrap
}

@media (min-width:1025px) {
    .tooltip--wrap:hover .tooltip {
        opacity: 1;
        transition: opacity .4s .5s
    }
}

.loading {
    margin: -45px auto 20px;
    visibility: hidden
}

@media (max-width:979px) {
    .loading {
        margin-top: 0
    }
}

form .loading {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px)
}

.profile__logout .loading {
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 8px)
}

ol,
p,
ul {
    font-size: 1.6rem;
    color: #0e1113;
    line-height: 1.6;
    letter-spacing: .03rem;
    margin-bottom: 30px
}

@media (min-width:1680px) {
    ol,
    p,
    ul {
        font-size: 1.75rem
    }
}

@media (max-width:768px) {
    ol,
    p,
    ul {
        font-size: 1.64rem;
        line-height: 1.53;
        margin-bottom: 25px
    }
}

ol img,
p img,
ul img {
    display: block;
    margin: 50px 0
}

ol.tiny,
p.tiny,
ul.tiny {
    font-size: 1.3rem;
    margin-bottom: 20px
}

ol.small,
p.small,
ul.small {
    font-size: 1.4rem;
    line-height: 1.7
}

@media (min-width:1680px) {
    ol.small,
    p.small,
    ul.small {
        font-size: 1.65rem
    }
}

@media (max-width:768px) {
    ol.small,
    p.small,
    ul.small {
        font-size: 1.5rem
    }
}

ol.medium,
p.medium,
ul.medium {
    font-size: 1.5rem;
    letter-spacing: .075rem
}

ol.big,
p.big,
ul.big {
    font-size: 1.8rem;
    letter-spacing: .075rem;
    margin-bottom: 8px
}

@media (max-width:768px) {
    ol.big,
    p.big,
    ul.big {
        margin-bottom: 15px
    }
}

ol.big strong,
p.big strong,
ul.big strong {
    font-weight: 600
}

ol a,
p a,
span a,
ul a {
    font-weight: 700;
    line-height: inherit;
    letter-spacing: .03rem
}

p a {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    transition: opacity .25s
}

p a:hover:before {
    transform: translateX(100%)
}

p a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 3px;
    width: 150%;
    height: 1px;
    background: #fff;
    z-index: 1;
    transform: translateX(-100%);
    transition: transform 1.1s cubic-bezier(.215, .61, .355, 1)
}

p a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 3px;
    width: 100%;
    height: 1px;
    background: #c55c60
}

p a br {
    display: none
}

a {
    color: #c55c60
}

a:focus {
    outline: 0
}

a.link--formatted,
table p a {
    position: relative;
    top: 2px;
    font-size: 1.3rem;
    margin-left: 5px;
    line-height: inherit;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle
}

@media (max-width:768px) {
    a.link--formatted,
    table p a {
        font-size: 1.46rem
    }
}

.title,
h1 {
    font-family: "Libre Baskerville", serif;
    font-size: 4rem;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px
}

@media (min-width:1680px) {
    .title,
    h1 {
        font-size: 4.5rem
    }
}

@media (max-width:1024px) {
    .title,
    h1 {
        font-size: 3.5rem
    }
}

@media (max-width:979px) {
    .title,
    h1 {
        font-size: 3.1rem
    }
}

@media (max-width:768px) {
    .title,
    h1 {
        font-size: 2.93rem
    }
}

@media only screen and (max-device-height:568px) {
    .title,
    h1 {
        font-size: 2.6rem
    }
}

.subtitle,
h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 40px
}

@media (min-width:1680px) {
    .subtitle,
    h2 {
        font-size: 2.4rem
    }
}

@media (max-width:768px) {
    .subtitle,
    h2 {
        margin-bottom: 24px;
        line-height: 1.3;
        font-size: 2.05rem
    }
}

.small-title,
h3 {
    font-family: "Libre Baskerville", serif;
    font-size: 2rem;
    line-height: 1.75;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 3px
}

@media (min-width:1680px) {
    .small-title,
    h3 {
        font-size: 2.4rem
    }
}

@media (max-width:768px) {
    .small-title,
    h3 {
        line-height: 1.45
    }
}

blockquote {
    font-family: "Libre Baskerville", serif;
    font-size: 1.7rem;
    line-height: 1.75;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 3px
}

@media (max-width:1440px) {
    blockquote {
        font-size: 1.5rem
    }
}

@media (max-width:768px) {
    blockquote {
        line-height: 1.45
    }
}

.small-subtitle,
h4 {
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width:1680px) {
    .small-subtitle,
    h4 {
        font-size: 1.8rem
    }
}

@media (max-width:768px) {
    .small-subtitle,
    h4 {
        font-size: 1.64rem
    }
}

.small-subtitle:after,
.small-subtitle:before,
h4:after,
h4:before {
    display: none
}

.small-subtitle--med,
h4--med {
    font-size: 1.6rem;
    margin-bottom: 10px;
    margin-top: -5px
}

.small-subtitle--tiny,
h4--tiny {
    /* font-size: 1.2rem; */
    color: #0e1113;
    display: block
}

blockquote {
    text-align: center;
    margin-bottom: 20px;
    padding: 0 15px
}

blockquote+span {
    font-size: 1.84rem;
    margin: 0 0 45px;
    display: block;
    text-align: center;
    width: 100%
}

blockquote+span:before {
    content: "";
    width: 42px;
    height: 1px;
    background: #0e1113;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

hr {
    margin: 40px auto;
    width: 50px
}

.col--content>:last-child {
    margin-bottom: 0
}

.col--content ol,
.col--content ul {
    text-indent: -7px;
    padding-left: 14px
}

.col--content ol a,
.col--content ul a {
    text-decoration: underline
}

.col--content ol li,
.col--content ul li {
    margin-bottom: 10px
}

.col--content ol li:last-child,
.col--content ul li:last-child {
    margin-bottom: 0
}

.col--content ol li:last-child ol:last-child,
.col--content ol li:last-child ul:last-child,
.col--content ul li:last-child ol:last-child,
.col--content ul li:last-child ul:last-child {
    margin-bottom: 0
}

.col--content p+ul {
    margin-top: -18px
}

.col--content ul {
    font-weight: 400
}


/****active*****/

.detail-header {
    color: white;
    background-color: #004098;
    padding: 0.5em 1em 0.5em 1em;
    font-weight: bold;
}

.detail-container {
    padding: 0.2em 0.5em 0 0.2em;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    align-items: stretch;
}

.detail-container .detail-wrapper {
    margin: 0 0.5em;
    padding: 0.5em 0.5em 0.8em;
    flex-shrink: 0;
    align-self: stretch;
    border-bottom: 1px solid #D6D6D8;
    display: block;
}

.detail-container .detail-wrapper {
    width: 48%;
    flex-basis: 47%;
    display: flex;
}

.detail-container .detail-wrapper .fa {
    width: 1.5em;
    font-size: 1.5em;
    position: relative;
    left: 0;
    top: 0.1em;
    display: inline-block;
}

.detail-container .detail-item.detail-label {}

.detail-container .detail-item.detail-content {
    padding: 0.3em 0 0;
}

.detail-container .detail-item {
    flex-basis: 100%;
}


/****form*****/

.detail-container .detail-wrapper1 {
    margin: 0 0.5em;
    padding: 0.2em 0.5em 0.2em;
    flex-shrink: 0;
    align-self: stretch;
    display: block;
}

.detail-container .detail-wrapper1 {
    width: 80%;
    flex-basis: 78%;
    display: flex;
}

.detail-container .detail-wrapper1 .req {
    color: red;
    font-size: 20px
}

.detail-container .detail-item1.detail-content1 {
    padding: 0.3em 0 0;
}

.detail-container .detail-item1 {
    flex-basis: 100%;
    line-height: 41px;
    padding-left: 5%;
}

.detail-container .detail-item1.detail-content1 input {
    border: 1px solid #ccc;
    background: #fff;
}


/*須知*/

.panel-body {
    padding: 2.5em 2em 2em;
}

.detail-container .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.detail-container .control-label {
    display: block;
}

.checkbox label {
    min-height: 20px;
    padding-left: 16px;
    margin-left: 16px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.checkbox label:before {
    position: absolute !important;
    left: -16px;
}

.detail-container .checkbox input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    line-height: normal;
}

.detail-container .form-submit {
    float: right;
}

.form-required {
    color: red;
}

.detail-container .form-submit.btn-primary {
    padding: 0.5em 4.4em;
    background-color: #7290D5;
    color: black;
    border: 0;
    font-size: 1em;
    font-weight: bold;
    border-radius: 0;
}

.detail-container .form-submit.btn-primary:hover,
.detail-container .form-submit.btn-primary:active,
.detail-container .form-submit.btn-primary:focus {
    background-color: #4C5987;
    color: white;
}


/****active*****/

@media (max-width:768px) {
    .col--content ul {
        padding-left: 21px;
        margin-top: -6px;
        margin-bottom: 32px
    }
}

.col--content ul li:before {
    content: "•";
    display: inline-block;
    margin-right: 7px
}

.col--content ul li ul li:before {
    content: "-"
}

.col--content ol {
    list-style: none;
    text-indent: -20px;
    padding-left: 40px
}

.col--content ol>li {
    font-weight: 700;
    counter-increment: step-counter;
    position: relative
}

.col--content ol>li:before {
    content: counter(step-counter);
    display: inline-block;
    margin-right: 20px
}

.col--content ol>li:after {
    content: "";
    position: absolute;
    top: 13px;
    left: -22px;
    width: 13px;
    height: 1px;
    background: #0e1113
}

@media (max-width:768px) {
    .col--content ol>li:after {
        top: 13px
    }
}

.col--content ol ul {
    margin-top: 10px;
    padding-left: 45px
}

.col--content__iframe__head {
    background-color: #c55c60;
    padding: 16px 30px;
    color: #fff;
    font-size: 13px
}

.col--content__iframe__head__title {
    text-transform: uppercase;
    font-weight: 700;
    padding: 2px 0;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #fff
}

.col--content__iframe iframe,
.col--content__iframe img {
    display: block
}

.col--content--columns__column {
    padding-right: 30px
}

@media (max-width:768px) {
    .col--content--columns__column {
        padding-right: 0
    }
}

.col--content--columns p {
    margin-bottom: 48px
}

@media (max-width:768px) {
    .col--content--columns p {
        margin-bottom: 33px
    }
}

.col--content--columns p:last-child {
    margin-bottom: 0
}

@media (max-width:768px) {
    .col--content--columns p:last-child {
        margin-bottom: 33px
    }
}

.col--content--columns p span {
    font-weight: 600
}

.col--content--columns p .link--formatted {
    border-left: 1px solid #0e1113;
    margin-left: 5px;
    line-height: 1.5;
    top: 1px;
    padding-left: 10px
}

.col--content--columns p .link--formatted:after,
.col--content--columns p .link--formatted:before {
    bottom: 2px;
    width: calc(100% - 10px)
}

.col--content--columns p strong {
    display: inline-block;
    line-height: 1.5
}

@media (max-width:768px) {
    .col--content--columns .row>div:last-child p:last-child {
        margin-bottom: 0
    }
}

.page--login .section--content h2 {
    margin-bottom: 55px
}

@media (max-width:979px) {
    .page--login .section--content h2 {
        margin-bottom: 35px
    }
}

.input--wrap+.input--wrap {
    margin-top: 17px
}

.input--wrap--invalid input,
.input--wrap--invalid textarea {
    color: #fb3b3b;
    border-color: #fb3b3b
}

.input--wrap--invalid ::-webkit-input-placeholder {
    color: #fb3b3b;
    opacity: 1
}

.input--wrap--invalid :-moz-placeholder {
    color: #fb3b3b;
    opacity: 1
}

.input--wrap--invalid ::-moz-placeholder {
    color: #fb3b3b;
    opacity: 1
}

.input--wrap--invalid :-ms-input-placeholder {
    color: #fb3b3b;
    opacity: 1
}

.loginForm-error,
.registerForm-error {
    color: #fb3b3b
}

form {
    position: relative
}

input,
textarea {
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: .09rem;
    display: block;
    width: 100%;
    background: 0 0;
    border: 0;
    font-size: 1.5rem;
    padding: 8px 0;
    border-bottom: 1px solid #0e1113
}

input[type=submit] {
    margin: 39px 0 13px
}

input[type=submit]:last-child {
    margin-bottom: 0
}

input[type=submit]+p:last-child {
    margin-bottom: 0
}

input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    position: absolute;
    left: -9999px
}

input[type=checkbox]:checked+label:after {
    display: block
}

input[type=checkbox]+label {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    margin-top: 25px;
    position: relative;
    cursor: pointer
}

input[type=checkbox]+label:before {
    content: "";
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    border: 1px solid #0e1113;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

input[type=checkbox]+label:after {
    content: "";
    background: url(../assets/images/icon-check.png) no-repeat center;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -15px;
    top: 0;
    display: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset
}

.bg--light input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #edeeef inset
}

::-webkit-input-placeholder {
    font-weight: 400;
    color: #000;
    opacity: .5
}

:-moz-placeholder {
    font-weight: 400;
    color: #000;
    opacity: .5
}

::-moz-placeholder {
    font-weight: 400;
    color: #000;
    opacity: .5
}

:-ms-input-placeholder {
    font-weight: 400;
    color: #000;
    opacity: .5
}

.hero {
    position: relative;
    overflow: hidden
}

.hero .title,
.hero h1 {
    color: #fff
}

.hero .title+.button,
.hero h1+.button {
    margin-top: 12px
}

.hero .article--infos {
    color: #fff
}

.hero .article--infos__category {
    font-size: 1.5rem
}

.hero .article--infos__date:before {
    background: #fff
}

.hero .wrapper {
    backface-visibility: hidden
}

.hero .original-title {
    font-size: 45%
}

.hero--default {
    height: 430px;
    text-align: center;
    background-color: #111416;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:768px) {
    .hero--default {
        height: 400px
    }
}

@media (max-width:480px) {
    .hero--default {
        height: 355px
    }
}

.hero--default .row {
    padding-top: 115px
}

@media (max-width:768px) {
    .hero--default .row {
        padding-top: 80px
    }
}

.hero--default .wrapper {
    position: relative;
    z-index: 9
}

.hero--default p {
    font-size: 1.8rem;
    line-height: 1.7;
    color: #fff;
    margin: 0
}

@media (min-width:1680px) {
    .hero--default p {
        font-size: 1.9rem
    }
}

@media (max-width:768px) {
    .hero--default p {
        font-size: 1.76rem;
        line-height: 1.45
    }
}

.hero--default .button {
    margin-top: 60px
}

.hero--default--404 {
    height: 800px;
    background: #111416
}

@media (max-width:768px) {
    .hero--default--404 {
        height: 100vh
    }
    body.mobile.safari .hero--default--404 {
        height: calc(100vh - 75px)
    }
    body.android.chrome .hero--default--404 {
        height: calc(100vh - 95px)
    }
}

.hero--default--404 .title,
.hero--default--404 h1 {
    margin-bottom: 23px
}

.hero--default__vid {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    transition: opacity .3s linear
}

.hero--default__vid video {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover
}

.hero--home {
    height: 100vh;
    /**background-color: #111416;**/
    background-size: cover;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:768px) {
    .hero--home {
        height: 100vh;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end
    }
    body.mobile.safari .hero--home {
        min-height: calc(100vh - 75px)
    }
    body.android.chrome .hero--home {
        min-height: calc(100vh - 95px)
    }
}

.hero--home:before {
    display: none;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    height: 200px;
    z-index: 9;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .45) 0, rgba(0, 0, 0, 0) 100%)
}

@media (max-width:768px) {
    .hero--home:before {
        display: block
    }
}

.hero--home:after {
    content: "";
    width: 1px;
    height: 180px;
    background: #c1c0bc;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    pointer-events: none;
    animation: draw 2s infinite ease-in-out
}

@media (max-width:768px) {
    .hero--home:after {
        width: 2px;
        height: 58px
    }
}

.hero--home__content {
    z-index: 2;
    margin-top: 75px
}

@media (max-width:1024px) {
    .hero--home__content {
        margin-top: 30px
    }
}

@media (max-width:1024px) {
    .hero--home__content {
        margin-top: 0
    }
}

.hero--home__content img {
    vertical-align: middle
}

@media (min-width:1280px) {
    .hero--home__content p {
        margin-bottom: 0
    }
}

.hero--home__content__extras {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-align: center;
    align-items: center
}

.hero--home__content__extras img {
    max-width: 100px;
    margin-right: 20px
}

@media (max-width:768px) {
    .hero--home__content__extras img {
        display: none
    }
}

.hero--home__content__extras__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (max-width:768px) {
    .hero--home__content__extras__inner {
        margin-bottom: 80px
    }
}

.hero--home__content__extras__inner p {
    margin: 0 0 0 15px
}

.hero--home__content .play--button {
    pointer-events: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hero--home__screen {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.hero--home__screen__inner {
    position: relative;
    display: inline-block;
    width: 100%;
    /* height: 100%; */
    transform-style: preserve-3d;
    will-change: transform;
    overflow: hidden
}

@media (max-width:768px) {
    .hero--home__screen__inner {
        transform: none
    }
}

.hero--home__screen__inner:after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    /* height: 100%; */
    position: absolute;
    backface-visibility: hidden;
    height: calc(100% + 1px);
    background: rgba(0, 0, 0, .3);
    background-size: 100% 100%;
    z-index: 2
}

.hero--home__screen__main {
    display: block;
    left: 0;
    z-index: 0;
    width: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    object-fit: cover;
    /* height: 100% */
    height: 100vh;
}

@media (max-width:768px) {
    .hero--home__screen__main {
        /* display: none */
    }
}

.hero--home__screen__main--mobile {
    display: none
}

@media (max-width:768px) {
    .hero--home__screen__main--mobile {
        display: block
    }
}

.hero--home__screen .flairs {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    opacity: .3;
    transform: translateZ(250px);
    perspective: 800px
}

@media (max-width:768px) {
    .hero--home__screen .flairs {
        display: none
    }
}

.hero--home__screen .flairs>div {
    position: absolute;
    top: 45%;
    margin-top: -433px;
    transform-style: preserve-3d
}

.hero--home__screen .flairs>div img {
    transform-origin: center;
    backface-visibility: hidden;
    width: 800px
}

.hero--home__screen .flairs__top-left {
    left: 4%;
    transform-origin: right center
}

@media (min-width:1680px) {
    .hero--home__screen .flairs__top-left {
        left: 10%
    }
}

.hero--home__screen .flairs__top-left img {
    transform: translateX(-35%) translateY(0)
}

.hero--home__screen .flairs__top-right {
    right: 4%;
    transform-origin: left center
}

@media (min-width:1680px) {
    .hero--home__screen .flairs__top-right {
        right: 10%
    }
}

.hero--home__screen .flairs__top-right img {
    transform: translateX(35%) translateY(0)
}

.hero--home .wrapper {
    pointer-events: none
}

.hero--home h1 {
    font-size: 6rem;
    line-height: 1.28;
    margin-bottom: 30px;
    max-width: 590px
}
@media (max-width:1634px) {
    .hero--home h1 {
        font-size: 5.5rem
    }
}


.hero--home p {
    color: #fff
}

@media (max-width:768px) {
    .hero--home p {
        width: 80%;
        line-height: 1.25
    }
}

.hero--home+.section--content {
    position: static;
    z-index: 9;
}

.hero--media {
    height: calc(100vh - 77px);
    overflow: hidden;
    color: #fff;
    background: #0e1113
}

@media (max-width:1024px) {
    body.tablet.safari .hero--media {
        height: calc(100vh - 77px - 25px)
    }
}

@media (max-width:768px) {
    .hero--media {
        height: calc(100vh - 79px)
    }
    body.mobile.safari .hero--media {
        height: calc(100vh - 79px - 75px)
    }
    body.android.chrome .hero--media {
        height: calc(100vh - 79px - 95px)
    }
    .hero--media:after {
        content: "";
        width: 2px;
        height: 40px;
        background: #c1c0bc;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 2
    }
}

@media only screen and (max-device-height:568px) {
    .hero--media {
        height: calc(100vh - 70px)
    }
    body.mobile.safari .hero--media {
        height: calc(100vh - 70px - 75px)
    }
}

.hero--media .wrapper {
    position: absolute;
    z-index: 9;
    bottom: 60px;
    left: 0;
    right: 0
}

@media only screen and (max-device-height:568px) {
    .hero--media .wrapper {
        bottom: 25px
    }
}

@media (min-width:1680px) {
    .hero--media h1 {
        font-size: 5rem
    }
}

.hero--media p {
    color: #fff;
    margin-bottom: 6px;
    line-height: 1.2;
    letter-spacing: .09rem
}

@media (min-width:1680px) {
    .hero--media p {
        font-size: 1.85rem
    }
}

.hero--media p.small {
    font-size: 1.5rem;
    color: #c6c6c6;
    margin-bottom: 26px
}

@media (max-width:768px) {
    .hero--media p.small {
        margin-bottom: 21px
    }
}

.hero--media__categories {
    margin-bottom: 14px
}

@media (max-width:768px) {
    .hero--media__categories {
        margin-bottom: 10px
    }
}

.hero--media__categories__item {
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    background: #c55c60;
    padding: 8px 10px;
    margin: 0 10px 10px 0;
    text-transform: uppercase
}

@media only screen and (max-device-height:568px) {
    .hero--media__categories__item {
        font-size: 1.2rem;
        padding: 7px 10px
    }
}

.hero--media__specs {
    margin: 26px 0
}

.hero--media__specs span {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    padding: 4px 18px 4px 0;
    border-right: 1px solid #fff;
    margin-right: 18px;
    margin-bottom: 2px
}

.hero--media__specs span:last-child {
    border: 0
}

.hero--news {
    height: 680px
}

@media (max-width:1024px) {
    .hero--news {
        height: 500px
    }
}

@media (max-width:480px) {
    .hero--news {
        height: 100vh
    }
    body.mobile.safari .hero--news {
        height: calc(100vh - 75px)
    }
    body.android.chrome .hero--news {
        height: calc(100vh - 95px)
    }
}

.hero--news .title,
.hero--news h1 {
    line-height: 1.38
}

@media (min-width:1680px) {
    .hero--news .title,
    .hero--news h1 {
        font-size: 5rem
    }
}

.hero--news .wrapper {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 20px
}

@media (max-width:1680px) {
    .hero--news .wrapper {
        bottom: 40px
    }
}

@media (max-width:1024px) {
    .hero--news .wrapper {
        bottom: 10px;
        padding-bottom: 10px
    }
}

@media (max-width:979px) {
    .hero--news .wrapper {
        bottom: 0
    }
}

.block {
    position: relative;
    background: #fff
}

.block--media {
    position: relative;
    display: table;
    background: url(../assets/images/bg-texture.png) repeat center;
    padding-bottom: 33.5%;
    border: 1px solid #fff
}

@media (max-width:768px) {
    .block--media {
        overflow: hidden
    }
}

@media (min-width:1025px) {
    .block--media[href]:hover .block--media__content .arrow {
        display: block
    }
    .block--media[href]:hover .block--media__content--has {
        transform: translateY(-35%)
    }
    .block--media[href]:hover .block--media__content--has .block--media__content__visible {
        transform: translateY(-15%);
        transition: transform .6s cubic-bezier(.165, .84, .44, 1)
    }
    .block--media[href]:hover .block--media__content--has .block--media__content__hidden {
        opacity: 1;
        transition: all .45s .2s cubic-bezier(.215, .61, .355, 1)
    }
    .block--media[href]:hover .block--media__like,
    .block--media[href]:hover .block--media__specs {
        opacity: 1;
        transition: opacity .45s .15s cubic-bezier(.215, .61, .355, 1)
    }
    .block--media[href]:hover:not(.block--media--no-hover):not(.block--media--full) .block--media__time,
    .block--media[href]:hover:not(.block--media--no-hover):not(.block--media--full) .button {
        display: none
    }
}

.block--media--full {
    width: 100%
}

@media (max-width:768px) {
    .block--media--full {
        padding-bottom: 137%
    }
}

.block--media--full p {
    max-width: 50%
}

@media (max-width:1280px) {
    .block--media--full p {
        max-width: 60%
    }
}

@media (max-width:979px) {
    .block--media--full p:not(.small) {
        display: none
    }
}

.block--media--full--square {
    padding-bottom: 100%
}

.block--media--half {
    width: calc(50%)
}

@media (max-width:768px) {
    .block--media--half {
        width: 100%;
        padding-bottom: 88%
    }
}

.block--media--half h3 {
    max-width: 270px
}

.block--media--half h3+.small,
.block--media--half h3+p {
    margin-bottom: 0
}

.block--media--third {
    width: calc(33.333333%)
}

@media (max-width:768px) {
    .block--media--third {
        width: 100%;
        padding-bottom: 70%
    }
}

.block--media--third h3 {
    max-width: 75%
}

.block--media--third h3+.small,
.block--media--third h3+p {
    margin-bottom: 0
}

.block--media__bg {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    overflow: hidden
}

body.edge .block--media__bg,
body.firefox .block--media__bg,
body.ie .block--media__bg {
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px)
}

.block--media__bg__inner {
    position: absolute;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    right: -10%;
    bottom: -10%;
    background-color: #004098;
    transform-origin: left;
    transform: translateY(-100%);
    will-change: transform
}

.block--media__image {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    transition: opacity .4s
}

.block--media__image picture img,
.block--media__image>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

body.edge .block--media__image,
body.firefox .block--media__image,
body.ie .block--media__image {
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px)
}

.block--media__image:after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: .25
}

.block--media__image--none:after {
    display: none
}

.block--media__time {
    position: absolute;
    bottom: 43px;
    width: 100%;
    text-align: center
}

.block--media__time p {
    font-size: 1.5rem;
    color: #fff;
    margin: 0
}

.block--media__content {
    position: absolute;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(0);
    z-index: 3;
    color: #fff;
    pointer-events: none;
    transition: transform .55s cubic-bezier(.165, .84, .44, 1)
}

.block--media__content .small,
.block--media__content p {
    color: #fff;
    margin: 0 auto 9px
}

@media (max-width:768px) {
    .block--media__content .small,
    .block--media__content p {
        margin-bottom: 4px
    }
}

.block--media__content p {
    margin: 13px auto 50px
}

@media (max-width:1280px) {
    .block--media__content p {
        margin-bottom: 20px
    }
}

@media (max-width:768px) {
    .block--media__content p {
        font-size: 1.55rem
    }
}

.block--media__content h3 {
    font-size: 2.3rem;
    line-height: 1.35;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1680px) {
    .block--media__content h3 {
        font-size: 2.6rem
    }
}

@media (max-width:979px) {
    .block--media__content h3 {
        font-size: 1.8rem
    }
}

@media (max-width:768px) {
    .block--media__content h3 {
        font-size: 2rem
    }
}

.block--media__content h3+.button {
    margin-top: 20px
}

@media (max-width:979px) {
    .block--media__content .button {
        margin-top: 15px
    }
}

.block--media__content .arrow {
    height: 18px;
    width: 104px;
    margin-left: auto;
    margin-right: auto
}

.block--media__content__sold {
    position: absolute;
    left: 0;
    right: 0;
    margin: -55px auto 0;
    color: #0e1113;
    font-weight: 700;
    font-size: 1.3rem;
    background: #fff;
    padding: 8px 16px;
    text-transform: uppercase;
    text-align: center;
    width: 97px
}

.block--media__content__visible {
    width: 100%;
    position: relative;
    transform: translateY(-50%);
    backface-visibility: hidden;
    transition: transform .55s cubic-bezier(.165, .84, .44, 1)
}

.block--media__content__hidden {
    padding: 0 40px;
    opacity: 0;
    transition: all .2s
}

@media (max-width:1280px) {
    .block--media__content__hidden {
        padding: 0 20px
    }
}

.block--media__content__hidden .small,
.block--media__content__hidden p {
    margin: 5px auto 35px
}

@media (max-width:1280px) {
    .block--media__content__hidden .small,
    .block--media__content__hidden p {
        margin: 15px auto 20px
    }
}

.block--media__specs {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 250px;
    margin: 0 auto;
    color: #fff;
    width: 100%;
    text-align: center;
    bottom: 45px;
    opacity: 0;
    z-index: 3;
    pointer-events: none;
    line-height: 1.42;
    transition: opacity .2s
}

.block--media__specs span {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 2px 0
}

.block--media__specs span+span {
    border-left: 1px solid #fff;
    padding-left: 18px;
    margin-left: 15px
}

.block--media__like {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #fff;
    font-size: 2.1rem;
    opacity: 0;
    width: 22px;
    height: 27px;
    text-align: right;
    z-index: 3;
    transition: opacity .2s
}

@media (min-width:1680px) {
    .block--media__like {
        top: 23px;
        right: 25px
    }
}

@media (max-width:1024px) {
    .block--media__like {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 1;
        width: 50px;
        height: 50px;
        top: 0;
        right: 0;
        background: rgba(0, 0, 0, .2)
    }
}

.block--media__like:hover svg path {
    fill: #fff
}

.block--media__like svg.svg--heart--active path {
    fill: #fff!important;
    stroke: #fff!important
}

.block--media__like svg path {
    transition: all .4s
}

@media (min-width:1025px) {
    .block--media--hidehover:hover .block--media__content__visible {
        transition: opacity, 250ms ease-in-out;
        opacity: 0;
        height: 0
    }
    .block--media--hidehover:hover .block--media__content__hidden {
        transform: translateY(-40%)
    }
}

@media (max-width:768px) {
    .block--image-content--inverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.block--image-content+.block--image-content {
    margin-top: 80px
}

.block--image-content h3 {
    padding-top: 11px
}

@media (max-width:1280px) {
    .block--image-content h3 {
        padding-top: 0;
        margin-top: -5px
    }
}

.block--image-content p {
    margin-top: 26px
}

@media (max-width:768px) {
    .block--image-content p {
        margin-top: 18px
    }
}

.block--image-content p:last-child {
    margin-bottom: 0
}

.block--image-content img {
    display: block;
    width: 100%
}

@media (max-width:768px) {
    .block--image-content img {
        margin: 0 0 30px
    }
}

.block--image-content__content {
    padding-right: 30px
}

@media (max-width:768px) {
    .block--image-content__content {
        padding-right: 10px
    }
}

@media (max-width:768px) {
    .block--image-content__content {
        text-align: center
    }
    .block--image-content__content>:not(.button):not(.button--wysiwyg) {
        text-align: left
    }
}

.block--image-content__content:last-child {
    padding-right: 10px;
    padding-left: 30px
}

@media (max-width:768px) {
    .block--image-content__content:last-child {
        padding-left: 10px
    }
}

.block--testimony {
    text-align: left
}

.block--testimony__head {
    position: relative;
    margin-bottom: 23px;
    padding-bottom: 27px
}

.block--testimony__head:after {
    content: "";
    width: 40px;
    height: 1px;
    background: #0e1113;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.block--testimony__head p {
    margin: 12px 0 0 0;
    line-height: 1.25
}

.block--testimony__head .secondtitle {
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    margin-top: 15px
}

.block--testimony h3 {
    margin-bottom: 20px
}

@media (max-width:768px) {
    .block--testimony h3 {
        margin-bottom: 15px
    }
}

.block--testimony h3:before {
    content: "“"
}

.block--testimony h3:after {
    content: "”"
}

.block--testimony h3+p {
    font-size: 1.84rem;
    margin: 0
}

@media (min-width:1680px) {
    .block--testimony h3+p {
        font-size: 2rem
    }
}

@media (max-width:768px) {
    .block--testimony h3+p {
        font-size: 1.65rem
    }
}

.block--testimony h3+p:before {
    content: "";
    width: 42px;
    height: 1px;
    background: #0e1113;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

@media (max-width:768px) {
    .block--testimony h3+p:before {
        margin-right: 10px
    }
}

.block--testimony h3+p a {
    color: #c55c60!important;
    text-transform: uppercase
}

.block--separator {
    width: 100%;
    height: 1px;
    background: #0e1113
}

.block--ghost {
    width: 100%;
    height: 92px;
    display: none
}

.page--favorites .block--ghost {
    height: 65px
}

.block--filter {
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
    min-height: 46px
}

@media (max-width:768px) {
    .block--filter#filter:not(.block--filter--schedule):not(.block--filter--profile) {
        padding: 0;
        border-bottom: 0
    }
    .block--filter#filter:not(.block--filter--schedule):not(.block--filter--profile) .row--filter {
        padding: 0;
        visibility: hidden;
        height: 0
    }
    .block--filter#filter:not(.block--filter--schedule):not(.block--filter--profile) .row--filter .anim--childs>* {
        opacity: 1;
        transform: none
    }
    .block--filter#filter:not(.block--filter--schedule):not(.block--filter--profile).block--filter--open {
        border-bottom: 1px solid #e6e6e6
    }
    .block--filter#filter:not(.block--filter--schedule):not(.block--filter--profile).block--filter--open .row--filter {
        visibility: visible;
        height: auto;
        padding: 70px 0 22px 0
    }
    .block--filter#filter:not(.block--filter--schedule):not(.block--filter--profile).block--filter--open .button--filter i {
        transform: rotate(0)
    }
    .block--filter.block--filter--schedule .select--wrap {
        margin: 0
    }
    .block--filter.block--filter--schedule .select--wrap:not([data-type=date]) {
        display: none
    }
}

.block--filter--categories {
    padding: 0;
    z-index: 1;
}

@media (max-width:768px) {
    .block--filter--categories {
        padding: 16px 0
    }
}

.block--filter--categories .filter--categories__item {
    display: block;
    padding-top: 16px;
    padding-bottom: 16px
}

@media (max-width:768px) {
    .block--filter--categories .filter--categories__item {
        padding-top: 2px;
        padding-bottom: 2px
    }
}

.block--filter--narrow {
    padding: 8px 0
}

.block--filter--medias+.block--ghost {
    height: 146px
}

.block--filter .button--plain {
    margin-right: 30px
}

.block--filter .link-agenda-modal {
    text-align: right
}

.block--filter .link-agenda-modal a {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #000
}

.block--filter .link-agenda-modal a:hover {
    transition: color 250ms;
    color: #c55c60
}

@media (max-width:768px) {
    .block--filter .link-agenda-modal {
        text-align: center;
        margin: 30px 0
    }
}

.block--dates {
    position: relative;
    width: 100%;
    padding: 7px 0;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
    z-index: 10
}

@media (max-width:768px) {
    .block--dates {
        padding: 10px 0
    }
}

@media (max-width:768px) {
    .block--dates .wrapper {
        padding: 0 10px
    }
}

@media (max-width:768px) {
    .block--dates__row>div:nth-child(1) {
        -ms-flex-order: 2;
        order: 2
    }
    .block--dates__row>div:nth-child(2) {
        -ms-flex-order: 1;
        order: 1
    }
    .block--dates__row>div:nth-child(3) {
        -ms-flex-order: 3;
        order: 3
    }
}

.block--dates+.block--ghost {
    height: 77px
}

@media (max-width:768px) {
    .block--dates .button--fill {
        padding-left: 0;
        padding-right: 0
    }
}

.block--dates .dates__item {
    display: block;
    width: 62px;
    height: 62px;
    background: #c55c60;
    margin: 0 4px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
    padding-top: 6px;
    transition: all .3s
}

.block--dates .dates__item:hover {
    background: #0e1113;
    color: #414547
}

.block--dates .dates__item__month,
.block--dates .dates__item__weekday {
    font-size: 1.1rem
}

.block--dates .dates__item__weekday {
    font-weight: 700
}

.block--dates .dates__item__day {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: .8
}

.block--dates .dates__item__month {
    font-weight: 600
}

.block--dates .section--representations {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 100%;
    z-index: 80;
    padding: 0;
    transform-origin: bottom;
    transform: scaleY(0);
    background: #111416!important
}

.block--dates .section--representations .block,
.block--dates .section--representations .section {
    background: #111416
}

.block--dates .section--representations.section--representations--show--down {
    bottom: auto!important;
    top: 100%;
    transform-origin: top!important
}

.block--dates .section--representations .block--representation {
    display: none;
    opacity: 0
}

.block--dates .section--representations .block--representation:last-child {
    border: 0
}

.block--representation {
    color: #fff;
    padding: 21px 30px;
    min-height: 180px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

body.ie .block--representation {
    height: 220px
}

@media (max-width:1024px) {
    .block--representation {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:768px) {
    .block--representation {
        padding: 40px 0 45px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.block--representation:last-child {
    border-bottom: 1px solid #35383a
}

@media (max-width:768px) {
    .block--representation:last-child {
        border: 0
    }
}

.block--representation+.block--representation {
    border-top: 1px solid #35383a
}

.section--representations .block--representation+.block--representation {
    border-top: 0
}

.block--representation__title {
    padding-left: 15px;
    margin-left: 38%;
    margin-bottom: 8px
}

@media (max-width:768px) {
    .block--representation__title {
        margin: 0 auto;
        padding-left: 0
    }
}

.block--representation>div {
    padding: 0 10px
}

@media (max-width:768px) {
    .block--representation>div {
        margin-bottom: 6px
    }
    .block--representation>div:last-child {
        margin-bottom: 0
    }
}

.block--representation__date {
    width: 25%;
    text-shadow: 0 0 45px rgba(255, 255, 255, .3)
}

@media (max-width:768px) {
    .block--representation__date {
        width: 65%;
        text-shadow: 0 0 30px rgba(255, 255, 255, .4)
    }
}

.block--representation__time {
    width: 13%
}

@media (max-width:768px) {
    .block--representation__time {
        width: 35%
    }
}

.block--representation__infos {
    width: 30%
}

@media (max-width:768px) {
    .block--representation__infos {
        width: 100%;
        margin-bottom: 28px!important;
        margin-top: 7px
    }
}

.block--representation__date,
.block--representation__time {
    font-size: 1.8rem;
    font-weight: 600
}

@media (max-width:768px) {
    .block--representation__date,
    .block--representation__time {
        font-size: 2.05rem;
        width: 100%
    }
}

.block--representation__infos p {
    color: #848586;
    font-size: 1.5rem;
    margin: 0
}

@media (max-width:768px) {
    .block--representation__infos p {
        font-size: 1.64rem
    }
}

.block--representation__infos p a {
    color: #fff;
    text-decoration: underline;
    text-transform: none;
    font-weight: 400;
    transition: color .25s
}

.block--representation__infos p a:after,
.block--representation__infos p a:before {
    display: none
}

.block--representation__infos p a:hover {
    color: #c55c60
}

.block--representation__infos p strong {
    font-size: 1.3rem
}

@media (max-width:768px) {
    .block--representation__infos p strong {
        font-size: 1.64rem
    }
}

.block--representation__links {
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width:768px) {
    .block--representation__links {
        text-align: right;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.block--representation__links>.button:last-child {
    margin-right: 0
}

.block--representation__links .button {
    padding: 10px 15px;
    max-width: 160px;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 7px
}

@media (max-width:768px) {
    .block--representation__links .button {
        border-width: 2px;
        height: 58px
    }
}

.block--representation__links .button:not(.button--agenda) {
    width: 160px
}

.block--representation__links .button i {
    font-size: 2rem
}

@media (max-width:768px) {
    .block--representation__links .button i {
        font-size: 2.4rem
    }
}

.block--sticky {
    position: fixed;
    top: 54px;
    left: 0;
    width: 100%;
    z-index: 10
}

@media (max-width:1024px) {
    .block--sticky {
        top: 66px
    }
}

.block--sticky+.block--ghost {
    display: block
}

.block--sticky.block--filter--medias .filter--letters,
.block--sticky.block--filter--medias .filter--search {
    display: none
}

.block--sticky .section--representations {
    bottom: auto!important;
    top: 100%;
    transform-origin: top!important
}

.block--newsletter__message {
    display: none
}

.block--newsletter input[type=submit] {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

.block--iframe {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    background: #0e1113;
    overflow: hidden
}

.block--iframe iframe {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.swiper {
    position: relative
}

.swiper .arrow {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    z-index: 9;
    backface-visibility: hidden
}

.swiper .arrow--left {
    left: 50px;
    text-align: left
}

@media (max-width:768px) {
    .swiper .arrow--left {
        left: 17px
    }
}

.swiper .arrow--right {
    right: 50px
}

@media (max-width:768px) {
    .swiper .arrow--right {
        right: 17px
    }
}

.swiper .arrow--small {
    margin-top: -20px
}

.swiper .arrow.swiper-button-disabled {
    opacity: .3
}

.swiper .arrow.swiper-button-disabled:hover,
.swiper .arrow.swiper-button-disabled:hover:before {
    transform: none!important
}

.swiper .swiper-slide {
    overflow: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

.swiper .swiper-slide__inner {
    position: absolute!important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.swiper .swiper-slide__inner picture img,
.swiper .swiper-slide__inner>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.swiper .swiper-pagination {
    z-index: 9;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0
}

.swiper .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    border: 1px solid #0e1113;
    background: 0 0;
    opacity: 1;
    cursor: pointer
}

@media (max-width:768px) {
    .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0 7px
    }
}

.swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #0e1113
}

@media (min-width:1680px) {
    .swiper--testimonies .swiper-slide {
        padding: 0 25px
    }
}

@media (max-width:768px) {
    .swiper--testimonies .swiper-slide {
        padding: 0 15px
    }
}

.swiper--testimonies .swiper-slide.faded * {
    opacity: 0
}

.swiper--testimonies .swiper-slide.invisible * {
    transition: none!important
}

.swiper--testimonies .swiper-slide * {
    transition: opacity 1.6s
}

.swiper--testimonies .arrow {
    display: none;
    top: 26px
}

@media (max-width:768px) {
    .swiper--testimonies .arrow {
        width: 35px;
        top: 30%
    }
}

.swiper--testimonies .arrow--left {
    left: -70px
}

@media (max-width:768px) {
    .swiper--testimonies .arrow--left {
        left: -35px
    }
}

.swiper--testimonies .arrow--right {
    right: -70px
}

@media (max-width:768px) {
    .swiper--testimonies .arrow--right {
        right: -35px
    }
}

.swiper--images {
    position: relative;
    width: 100%;
    margin-bottom: 155px;
    padding-bottom: 56.25%
}

@media (max-width:767px) {
    .swiper--images {
        padding-bottom: 140%
    }
}

.swiper--images .swiper-container {
    position: absolute;
    width: 100%;
    height: 100%
}

.swiper--images picture.object-fit-polyfill {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%
}

.swiper--images .swiper-pagination {
    bottom: 50px
}

@media (max-width:979px) {
    .swiper--images .swiper-pagination {
        bottom: 28px
    }
}

@media (max-width:768px) {
    .swiper--images .swiper-pagination {
        bottom: -40px
    }
}

.swiper--images .swiper-pagination .swiper-pagination-bullet {
    border-color: #fff
}

@media (max-width:768px) {
    .swiper--images .swiper-pagination .swiper-pagination-bullet {
        border-color: #000
    }
    .bg--dark .swiper--images .swiper-pagination .swiper-pagination-bullet,
    .bg--light .swiper--images .swiper-pagination .swiper-pagination-bullet {
        border-color: #fff
    }
}

.swiper--images .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff
}

@media (max-width:768px) {
    .swiper--images .swiper-pagination .swiper-pagination-bullet-active {
        background: #000
    }
    .bg--dark .swiper--images .swiper-pagination .swiper-pagination-bullet-active,
    .bg--light .swiper--images .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff
    }
}

.swiper--images .swiper-slide__inner__content {
    color: #fff;
    text-align: center;
    position: relative;
    top: 35%;
    padding: 0 15%
}

@media (max-width:979px) {
    .swiper--images .swiper-slide__inner__content {
        top: 25%;
        padding: 0 20px
    }
}

@media (max-width:768px) {
    .swiper--images .swiper-slide__inner__content {
        top: 28%
    }
}

@media (min-width:1500px) {
    .swiper--images .swiper-slide__inner__content .title {
        font-size: 6rem
    }
}

.swiper--images .swiper-slide__inner__content p {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 14px;
    letter-spacing: .075rem
}

.swiper--images--content .swiper-slide__inner:after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #0e1113;
    opacity: .3;
    z-index: 2;
    backface-visibility: hidden
}

.swiper--images--content .button,
.swiper--images--content .swiper-slide__inner__content {
    z-index: 3;
    backface-visibility: hidden
}

.swiper--images--content .button {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 115px;
    width: 225px;
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width:979px) {
    .swiper--images--content .button {
        bottom: 70px
    }
}

@media (max-width:768px) {
    .swiper--images--content .button {
        bottom: 82px
    }
}

.swiper--images--content .arrow {
    top: auto;
    bottom: 115px
}

@media (max-width:979px) {
    .swiper--images--content .arrow {
        bottom: 70px
    }
}

@media (max-width:768px) {
    .swiper--images--content .arrow {
        display: none
    }
}

.swiper--images--content .arrow--left {
    left: 260px
}

@media (max-width:1280px) {
    .swiper--images--content .arrow--left {
        left: 170px
    }
}

@media (max-width:979px) {
    .swiper--images--content .arrow--left {
        left: 80px
    }
}

.swiper--images--content .arrow--right {
    right: 260px
}

@media (max-width:1280px) {
    .swiper--images--content .arrow--right {
        right: 170px
    }
}

@media (max-width:979px) {
    .swiper--images--content .arrow--right {
        right: 80px
    }
}

@media (max-width:768px) {
    .swiper--images--content .swiper-pagination {
        bottom: 30px
    }
    .swiper--images--content .swiper-pagination .swiper-pagination-bullet {
        border-color: #fff
    }
    .swiper--images--content .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff
    }
}

.swiper--sponsors .swiper-wrapper {
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.swiper--sponsors .swiper-container:not(.swiper-container-horizontal) .swiper-wrapper {
    -ms-flex-pack: center;
    justify-content: center
}

.swiper--sponsors .swiper-container:not(.swiper-container-horizontal) .swiper-slide {
    width: auto;
    text-align: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.swiper--sponsors .swiper-slide {
    text-align: center;
    padding: 0 25px
}

@media (max-width:480px) {
    .swiper--sponsors .swiper-slide {
        padding: 0 40px
    }
}

.swiper--sponsors .swiper-slide img {
    max-width: 95%;
    height: auto;
    /***max-height: 75px**/
}

@media (max-width:480px) {
    .swiper--sponsors .swiper-slide img {
        max-width: 100%;
        max-height: none
    }
}

.swiper--sponsors .arrow {
    display: none
}

.swiper--sponsors .arrow--left {
    left: -7px
}

@media (max-width:768px) {
    .swiper--sponsors .arrow--left {
        left: 0
    }
}

.swiper--sponsors .arrow--right {
    right: -7px
}

@media (max-width:768px) {
    .swiper--sponsors .arrow--right {
        right: 0
    }
}

.swiper--media {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden
}

.swiper--media:before {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    height: 250px;
    z-index: 9;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%)
}

.swiper--media:after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #0e1113;
    opacity: .45;
    z-index: 2;
    backface-visibility: hidden
}

.swiper--media .swiper-container {
    height: 100%
}

.swiper--dates {
    max-width: 410px;
    margin: 0 auto
}

.swiper--dates .swiper-wrapper {
    transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.swiper--dates .swiper-container:not(.swiper-container-horizontal) .swiper-wrapper {
    -ms-flex-pack: center;
    justify-content: center
}

.swiper--dates .swiper-container:not(.swiper-container-horizontal) .swiper-slide {
    width: auto;
    text-align: center
}

.swiper--dates .swiper-container:not(.swiper-container-horizontal) .swiper-slide .dates__item {
    display: inline-block
}

.swiper--dates .arrow {
    display: none
}

.swiper--dates .arrow--left {
    left: -65px
}

.swiper--dates .arrow--right {
    right: -65px
}

#loader {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    pointer-events: none;
    width: 100vw;
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

#loader .loader__inner {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #111416;
    width: 100%;
    height: 100%;
    transform-origin: center
}

.wrapper--search {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    transition: opacity .3s .2s cubic-bezier(.445, .05, .55, .95), visibility .3s .2s cubic-bezier(.445, .05, .55, .95)
}

.wrapper--search--visible {
    visibility: visible;
    opacity: 1;
    transition: opacity .4s cubic-bezier(.445, .05, .55, .95), visibility .4s cubic-bezier(.445, .05, .55, .95)
}

.wrapper--search--visible .wrapper--search__inner {
    opacity: 1;
    transform: translateY(0);
    transition: transform .6s .3s cubic-bezier(.165, .84, .44, 1), opacity .6s .3s cubic-bezier(.165, .84, .44, 1)
}

.wrapper--search__inner {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 373px;
    z-index: 99;
    padding: 100px 0 0;
    border-bottom: 2px solid #e6e6e6;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-100%);
    transition: transform .4s cubic-bezier(.39, .575, .565, 1), opacity .4s cubic-bezier(.39, .575, .565, 1)
}

@media (max-width:1024px) {
    .wrapper--search__inner {
        height: 100vh
    }
}

@media (max-width:768px) {
    .wrapper--search__inner {
        padding-top: 80px
    }
}

.wrapper--search .filter--search {
    width: 100%;
    margin-left: 0
}

.wrapper--search .select__label--placeholder,
.wrapper--search .select__list--search {
    position: relative;
    margin-top: 77px;
    border: 0;
    padding: 0
}

@media (max-width:768px) {
    .wrapper--search .select__label--placeholder,
    .wrapper--search .select__list--search {
        margin-top: 95px
    }
}

.wrapper--search .select__list__item {
    padding-right: 13px
}

.wrapper--search input[type=text] {
    color: #0e1113;
    border: 0;
    font-size: 5rem;
    width: calc(100% - 160px);
    letter-spacing: .35rem
}

@media (max-width:1024px) {
    .wrapper--search input[type=text] {
        font-size: 4.2rem;
        width: calc(100% - 120px)
    }
}

@media (max-width:979px) {
    .wrapper--search input[type=text] {
        font-size: 3.5rem
    }
}

@media (max-width:768px) {
    .wrapper--search input[type=text] {
        width: 100%;
        font-size: 2.1rem;
        letter-spacing: .15rem;
        padding-right: 0
    }
}

.wrapper--search ::-webkit-input-placeholder {
    color: #0e1113;
    opacity: 1
}

.wrapper--search :-moz-placeholder {
    color: #0e1113;
    opacity: 1
}

.wrapper--search ::-moz-placeholder {
    color: #0e1113;
    opacity: 1
}

.wrapper--search :-ms-input-placeholder {
    color: #0e1113;
    opacity: 1
}

.wrapper--search .arrow {
    position: absolute;
    right: 0;
    top: 43px;
    margin-top: -25px
}

@media (max-width:1024px) {
    .wrapper--search .arrow {
        top: 37px
    }
}

@media (max-width:979px) {
    .wrapper--search .arrow {
        top: 32px
    }
}

@media (max-width:768px) {
    .wrapper--search .arrow {
        right: auto;
        left: 0;
        top: 70px
    }
}

.wrapper--search .icon-close {
    top: 40px;
    right: 40px;
    color: #0e1113
}

.article {
    width: calc(33.333% - 13px);
    margin-bottom: 55px
}

@media (max-width:768px) {
    .article {
        margin-bottom: 42px;
        width: calc(50% - 13px)
    }
}

@media (max-width:480px) {
    .article {
        width: 100%
    }
}

.article h3,
.article p {
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1)
}

.article h3 {
    line-height: 1.35;
    margin-bottom: 8px
}

.article h4 {
    margin-bottom: 10px
}

.article p {
    margin-bottom: 0
}

.article a {
    color: #0e1113;
    display: block
}

.article a:hover .article__image:not(.article__image--bigbox) img {
    transform: scale(1.05);
    opacity: 1
}

@media (max-width:1024px) {
    .article a:hover .article__image:not(.article__image--bigbox) img {
        transform: none
    }
}

.article a:hover h3,
.article a:hover p {
    opacity: .5
}

@media (max-width:1024px) {
    .article a:hover h3,
    .article a:hover p {
        opacity: 1
    }
}

.article__image {
    margin-bottom: 26px;
    overflow: hidden;
    background: #525b65
}

.article__image img {
    display: block;
    width: 100%
}

.article__image:not(.article__image--bigbox) img {
    opacity: .8;
    backface-visibility: hidden;
    transform: scale(1.01);
    transition: all 1.2s cubic-bezier(.215, .61, .355, 1)
}

.article--infos {
    margin-bottom: 24px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4rem
}

@media (max-width:768px) {
    .article--infos {
        margin-bottom: 13px
    }
}

.article--infos__date {
    opacity: .5;
    margin-left: 10px;
    position: relative
}

.article--infos__date:before {
    content: "";
    width: 29px;
    height: 1px;
    background: #0e1113;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    opacity: .6
}

.article--person {
    text-align: center;
    width: 33.333%;
    padding: 0 9px
}

@media (max-width:768px) {
    .article--person {
        width: 50%
    }
}

@media (max-width:480px) {
    .article--person {
        width: 100%
    }
}

.article--person:nth-last-child(-n+3) {
    margin-bottom: 0
}

@media (max-width:768px) {
    .article--person:nth-last-child(-n+3) {
        margin-bottom: 42px
    }
}

.article--person:last-child {
    margin-bottom: 0
}

@media (max-width:768px) {
    .article--person .article__image {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:480px) {
    .article--person .article__image {
        max-width: 240px
    }
}

.article--person .small {
    letter-spacing: .075rem;
    line-height: 1.4
}

@media (max-width:768px) {
    .article--person .small {
        font-size: 1.64rem
    }
}

@media (max-width:768px) {
    .article--person .small {
        padding: 0 15px
    }
}

.article--person__content {
    margin-top: 48px
}

@media (max-width:768px) {
    .article--person__content {
        margin-top: 24px;
        padding: 0 15px
    }
}

.article--person .lightbox__outer {
    opacity: 0;
    background: rgba(0, 0, 0, .65)
}

.article--person .lightbox__inner {
    width: 60%;
    height: 100%;
    background: #fff;
    color: #0e1113;
    padding: 0 95px;
    transform-origin: right;
    transform: translateX(100%);
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width:1280px) {
    .article--person .lightbox__inner {
        width: 75%;
        padding: 0 75px
    }
}

@media (max-width:768px) {
    .article--person .lightbox__inner {
        width: 100%;
        padding: 0 10px;
        max-height: 100%;
        height: 100%
    }
}

.article--person .lightbox__inner a {
    display: inline-block
}

.article--person .lightbox__inner .button,
.article--person .lightbox__inner p {
    margin-bottom: 30px
}

.article--person .lightbox__inner>* {
    opacity: 0
}

.article--person .lightbox__inner__scroll .scroll-content>:first-child {
    padding-top: 95px
}

@media (max-width:768px) {
    .article--person .lightbox__inner__scroll .scroll-content>:first-child {
        padding-top: 65px
    }
}

.article--person .lightbox__inner__scroll .scroll-content>:last-child {
    padding-bottom: 85px
}

@media (max-width:768px) {
    .article--person .lightbox__inner__scroll .scroll-content>:last-child {
        padding-bottom: 40px
    }
    body.mobile.safari .article--person .lightbox__inner__scroll .scroll-content>:last-child {
        padding-bottom: 100px
    }
}

.article--person .lightbox__inner .lightbox__close {
    color: #0e1113;
    right: 38px;
    top: 38px;
    z-index: 9
}

@media (max-width:768px) {
    .article--person .lightbox__inner .lightbox__close {
        top: 24px;
        right: 24px
    }
}

.article--news {
    width: calc(33.333% - 20px);
    margin-left: 10px;
    margin-right: 10px
}

@media (max-width:979px) {
    .article--news {
        width: calc(50% - 20px)
    }
}

@media (max-width:768px) {
    .article--news {
        width: 100%
    }
}

@media (max-width:768px) {
    .article--news .article__image {
        margin-bottom: 18px
    }
}

.article--news h3 {
    padding-right: 35px;
    margin-bottom: 0
}

@media (max-width:1024px) {
    .article--news h3 {
        padding-right: 10px;
        line-height: 1.5
    }
}

.video {
    position: relative;
    overflow: hidden
}

.video--player {
    text-align: center;
    width: 100%;
    padding-bottom: 56.25%;
    background: #0e1113
}

@media (max-width:768px) {
    .video--player {
        padding-bottom: 142%
    }
}

.video--player:before {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    transition: opacity .9s cubic-bezier(.77, 0, .175, 1)
}

.video--player:after {
    content: "";
    position: absolute;
    left: 0;
    right: 50px;
    top: 50px;
    bottom: 50px;
    z-index: 2
}

@media (max-width:768px) {
    .video--player:after {
        display: none
    }
}

.video--player--hover:before {
    opacity: .3
}

.video--player__placeholder {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.video--player__vid {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0
}

.video--player__vid iframe {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.video--player__content {
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 0 20px;
    transform: translateY(-50%);
    z-index: 3
}

@media (max-width:979px) {
    .video--player__content h1 {
        font-size: 3.6rem
    }
}

@media (max-width:768px) {
    .video--player__content h1 {
        font-size: 2.93rem
    }
}

.video--player__content .play--button {
    margin: 38px auto 0
}

@media (max-width:768px) {
    .video--player__content .play--button {
        margin-top: 20px
    }
}

.play--button {
    width: 70px;
    height: 70px;
    display: block;
    margin: 37px 0 0;
    position: relative
}

@media (max-width:768px) {
    .play--button {
        width: 68px;
        height: 68px;
        margin-top: 32px
    }
}

@media only screen and (max-device-height:568px) {
    .play--button {
        width: 60px;
        height: 60px;
        margin-top: 20px
    }
}

.play--button:hover:after {
    transform: scale(1.15)
}

.play--button:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin: -9px auto 0;
    position: absolute;
    top: 35px;
    left: 3px;
    right: 0;
    border-style: solid;
    border-width: 9px 0 9px 15.6px;
    border-color: transparent transparent transparent #fff
}

@media only screen and (max-device-height:568px) {
    .play--button:before {
        top: 30px;
        border-width: 8px 0 8px 14px;
        margin-top: -8px
    }
}

.play--button:after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #fff;
    border-radius: 50%;
    transition: transform .9s cubic-bezier(.77, 0, .175, 1)
}

.calendar {
    width: 100%;
    max-width: 790px;
    margin: 56px auto 48px;
    font-weight: 600
}

@media (max-width:768px) {
    .calendar {
        margin-top: 37px;
        margin-bottom: 34px
    }
}

.calendar .row>div {
    width: calc(100% / 7)
}

body.edge .calendar .row>div,
body.ie .calendar .row>div {
    width: 14.25%
}

.calendar__head {
    margin-bottom: 29px
}

@media (max-width:768px) {
    .calendar__head {
        margin-bottom: 9px
    }
}

.calendar__head__day {
    opacity: .2;
    text-transform: uppercase
}

@media (max-width:768px) {
    .calendar__head__day {
        font-size: 1.3rem
    }
}

.calendar__content__day {
    padding: 4px 0
}

.calendar__content__day a {
    color: #fff;
    opacity: .3;
    font-size: 2.5rem;
    width: 58px;
    height: 58px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    text-shadow: 0 0 45px rgba(255, 255, 255, 0);
    transition: all .4s
}

@media (max-width:768px) {
    .calendar__content__day a {
        font-size: 2.05rem;
        width: 45px;
        height: 47px
    }
}

.calendar__content__day a:hover {
    opacity: 1;
    text-shadow: 0 0 45px rgba(255, 255, 255, .75)
}

.calendar__content__day a:hover svg.circle circle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 2s cubic-bezier(.215, .61, .355, 1)
}

.calendar__content__day--current a {
    opacity: 1;
    text-shadow: 0 0 45px rgba(255, 255, 255, .75)
}

svg.circle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: visible
}

@media (max-width:768px) {
    svg.circle {
        display: none
    }
}

svg.circle circle {
    stroke: #acaeae;
    stroke-width: 1px;
    fill: none;
    stroke-dasharray: 340;
    stroke-dashoffset: 340;
    transform-origin: center;
    transform: rotate(-90deg);
    transition: stroke-dashoffset .75s
}

.arrow {
    position: relative;
    width: 125px;
    height: 50px;
    display: block;
    transition: all .85s cubic-bezier(.77, 0, .175, 1)
}

@media (max-width:1024px) {
    .arrow {
        width: 90px
    }
}

@media (max-width:979px) {
    .arrow {
        width: 73px
    }
}

@media (max-width:768px) {
    .arrow {
        width: 48px
    }
}

.arrow:before {
    content: "";
    background: #0e1113;
    width: 83%;
    height: 1px;
    position: absolute;
    top: 50%;
    transition: all .85s cubic-bezier(.77, 0, .175, 1)
}

@media (max-width:1024px) {
    .arrow:before {
        width: 100%
    }
}

.arrow:hover:before {
    transform: scaleX(.55)
}

@media (max-width:1024px) {
    .arrow:hover:before {
        transform: none!important
    }
}

.arrow .icon {
    color: #0e1113;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    font-size: 17px;
    transition: all .85s cubic-bezier(.77, 0, .175, 1)
}

@media (max-width:768px) {
    .arrow .icon {
        font-size: 13px
    }
}

.arrow .icon-arrow-left {
    top: 50%;
    left: -1px
}

.arrow .icon-arrow-right {
    top: 50%;
    right: -2px
}

.arrow .icon-arrow-up {
    top: 4px
}

.arrow--small {
    width: 56px;
    height: 40px
}

.arrow--small:before {
    top: 50%
}

.arrow--small:hover:before {
    transform: scaleX(.7)
}

.arrow--small .icon {
    font-size: 11px;
    font-weight: 700
}

@media (max-width:768px) {
    .arrow--small .icon {
        font-size: 13px;
        font-weight: 400
    }
}

.arrow--small .icon-arrow-left {
    left: -1px
}

.arrow--small .icon-arrow-right {
    right: -1px
}

.arrow--left {
    text-align: left
}

.arrow--left:before {
    transform-origin: left
}

.arrow--left:hover {
    transform: translateX(-20px)
}

@media (max-width:1024px) {
    .arrow--left:hover {
        transform: none
    }
}

.arrow--right {
    text-align: left
}

.arrow--right:before {
    right: 0;
    transform-origin: right
}

.arrow--right:hover {
    transform: translateX(20px)
}

@media (max-width:1024px) {
    .arrow--right:hover {
        transform: none
    }
}

.arrow--up {
    width: 18px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -20px
}

@media (max-width:768px) {
    .arrow--up {
        width: 15px;
        height: 30px;
        margin-top: -15px;
        left: 0
    }
}

.arrow--up:before {
    width: 1px;
    height: 100%;
    top: 0;
    left: 9px
}

@media (max-width:768px) {
    .arrow--up:before {
        left: 7px
    }
}

.arrow--up .icon {
    font-size: 10px;
    left: 0
}

@media (max-width:768px) {
    .arrow--up .icon {
        font-size: 8px
    }
}

.arrow--white:before {
    background: #fff
}

.arrow--white .icon {
    color: #fff
}

.button {
    position: relative;
    width: auto;
    font-size: 1.3rem;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
    padding: 16px 36px;
    text-align: center;
    background: 0 0;
    font-weight: 700;
    letter-spacing: .09rem;
    transition: all .4s
}

@media (min-width:1680px) {
    .button {
        font-size: 1.5rem
    }
}

@media (max-width:768px) {
    .button {
        font-size: 1.46rem;
        padding: 20px 30px
    }
}

@media only screen and (max-device-height:568px) {
    .button {
        font-size: 1.3rem
    }
}

.button:after,
.button:before {
    display: none
}

.button:hover {
    background: #000;
    color: #fff
}

.button>* {
    pointer-events: none
}

.button svg {
    margin-right: 4px
}

.button svg path {
    transition: all .4s
}

.button .arrow,
.button i,
.button span,
.button svg {
    display: inline-block;
    vertical-align: middle
}

.button--animated {
    transition: border-color .4s
}

.button--animated:hover {
    background: 0 0;
    color: #000
}

.button--animated i,
.button--animated span {
    position: relative;
    z-index: 9
}

.button--animated .bg-btn {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden
}

.button--animated .bg-btn span {
    content: "";
    position: absolute;
    width: 100%;
    width: calc(100% + 1px);
    height: 100%;
    height: calc(100% + 1px);
    top: 0;
    left: 0;
    z-index: 0;
    background: #000;
    transform: translateX(-102%);
    transform-origin: left center
}

.button--light {
    color: #fff;
    border-color: #fff
}

.button--light:hover {
    background: #fff;
    border-color: #fff;
    color: #000
}

.button--light.button--active {
    background: #fff!important;
    border-color: #fff!important;
    color: #000!important
}

.button--light.button--disabled:hover {
    color: #fff!important;
    border-color: #fff!important
}

.button--light.button--animated:hover {
    background: 0 0;
    color: #fff
}

.button--light.button--animated .bg-btn span {
    background: #fff
}

.button--fill {
    background: #c55c60;
    color: #fff;
    border-color: #c55c60;
    border-width: 2px;
    padding: 18px 20px
}

@media only screen and (max-device-height:568px) {
    .button--fill {
        padding: 14px 20px
    }
}

.button--fill:hover {
    border-color: #c55c60;
    background: 0 0;
    color: #c55c60
}

.button--plain {
    border-color: transparent;
    padding-right: 0;
    padding-left: 0;
    overflow: visible;
    white-space: nowrap
}

.button--plain:hover {
    background: 0 0;
    border-color: transparent;
    color: #c55c60
}

.button--plain:hover .arrow:before {
    background: #c55c60
}

.button--plain:hover .arrow .icon {
    color: #c55c60
}

.button--plain .arrow {
    transform: none
}

.button--plain .arrow:hover:before {
    transform: none
}

.button--plain .arrow--right {
    margin-left: 10px
}

.button--plain .arrow--left {
    margin-right: 10px
}

.button--plain .arrow,
.button--plain .arrow:before,
.button--plain .icon {
    transition: all .4s
}

.button--scrollup {
    padding-left: 50px;
    float: right
}

@media (max-width:768px) {
    .button--scrollup {
        padding-left: 30px
    }
}

@media (max-width:979px) {
    .button--scrollup {
        float: none
    }
}

.button--small {
    font-size: 1.2rem;
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

.button--small:hover {
    color: #c55c60
}

.button--small:hover svg path {
    fill: #c55c60;
    stroke: #c55c60
}

.button--active {
    cursor: auto
}

.button--active .bg-btn {
    display: none
}

.button--disabled {
    opacity: .2;
    cursor: auto
}

.button--disabled .bg-btn {
    display: none
}

.button--disabled:hover {
    background: 0 0;
    color: #0e1113;
    border-color: #0e1113
}

.button--trigger {
    width: 215px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 32px
}

.button--trigger i,
.button--trigger span {
    display: inline-block;
    vertical-align: middle
}

.button--trigger span:not(.bg-btn) {
    padding-left: 5px
}

.button--trigger span:not(.bg-btn)+span {
    display: none
}

.button--trigger i {
    font-size: 6px;
    font-weight: 700;
    margin-left: 5px;
    transform: rotate(180deg)
}

.button--trigger--opened span:not(.bg-btn) {
    display: none
}

.button--trigger--opened span:not(.bg-btn)+span {
    display: inline-block
}

.button--trigger--opened i {
    transform: none
}

.button--deploy {
    width: 100%;
    display: block;
    text-align: center;
    padding: 12px 0;
    margin: 0;
    border: 0;
    color: #000;
    background: 0 0
}

.button--deploy:hover {
    color: #000;
    background: 0 0
}

.button--deploy i,
.button--deploy span {
    pointer-events: none
}

.button--deploy i {
    font-size: 9px;
    transform-origin: center;
    transform: rotate(180deg)
}

.button--deploy--open i {
    transform: rotate(0)
}

.button--filter {
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #e6e6e6
}

.button--load {
    visibility: hidden
}

.button--facebook {
    color: #3a5897;
    border-color: #3a5897
}

.button--facebook:hover {
    background: #3a5897;
    border-color: #3a5897
}

.button--facebook span {
    padding-left: 5px
}

.button--favorites {
    margin-left: -10px
}

@media (max-width:768px) {
    .block--dates .button--favorites {
        width: 100%;
        display: block;
        text-align: center;
        padding: 15px 0;
        margin: 0
    }
    .block--dates .button--favorites:after {
        content: "";
        display: block;
        width: 1px;
        height: 25px;
        background: #e5e5e5;
        position: absolute;
        right: -13px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media only screen and (max-device-height:568px) {
    .block--dates .button--favorites {
        padding: 10px 0
    }
}

@media (max-width:979px) {
    .button--favorites svg {
        margin: 0
    }
}

@media (max-width:979px) {
    .button--favorites span {
        display: none
    }
}

@media (max-width:979px) {
    .button--next-news span,
    .button--prev-news span {
        display: none
    }
}

.lightbox--opened .hero--media .wrapper {
    z-index: 99
}

.lightbox__outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .92);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999;
    visibility: hidden;
    overflow: hidden
}

.lightbox__outer--media .lightbox__inner {
    width: 72%;
    max-width: 1100px;
    position: relative
}

@media (max-width:768px) {
    .lightbox__outer--media .lightbox__inner {
        margin-top: -75px
    }
}

.lightbox__outer--media .lightbox__inner .iframe--responsive {
    position: relative;
    transform: translateY(-15%);
    visibility: hidden;
    opacity: 0
}

.lightbox__inner {
    position: relative
}

.lightbox__inner__scroll {
    overflow: hidden;
    padding: 0 25px
}

.lightbox__inner .article__image {
    background: 0 0
}

.lightbox__inner .article__image img {
    max-width: 280px
}

@media (min-width:1680px) {
    .lightbox__inner .article__image img {
        max-width: 350px
    }
}

.lightbox__inner img {
    width: auto;
    opacity: 1!important;
    margin: 0 auto
}

@media screen and (max-width:480px) {
    .lightbox__copylink .icon-close {
        right: 4px;
        top: 6px;
        color: #000;
        font-size: 1.5rem
    }
}

.lightbox__copylink .lightbox__content {
    width: 700px;
    background-color: #fff;
    padding: 60px;
    text-align: center
}

@media screen and (max-width:768px) {
    .lightbox__copylink .lightbox__content {
        width: 400px;
        padding: 20px
    }
}

@media screen and (max-width:480px) {
    .lightbox__copylink .lightbox__content {
        width: 280px
    }
}

.lightbox__copylink h4 {
    margin-bottom: 10px;
    font-family: "Libre Baskerville", serif;
    text-transform: initial
}

.lightbox__copylink .infomsg {
    font-size: 1.3rem
}

.lightbox__copylink input {
    text-align: center;
    border: 1px grey solid
}

.lightbox__copylink .button {
    margin-top: 30px
}

.lightbox__copylink .confirmedmsg {
    display: none;
    color: #c55c60;
    margin: 30px 0 0;
    font-weight: 700
}

.lightbox__copylink .copy-link-btn {
    opacity: 0
}

.icon-close {
    position: absolute;
    color: #c6c6c6;
    top: 0;
    right: -38px;
    font-size: 1.9rem;
    backface-visibility: hidden;
    transition: transform .7s cubic-bezier(.77, 0, .175, 1)
}

@media (max-width:768px) {
    .icon-close {
        right: -30px
    }
}

.icon-close:hover {
    transform: rotate(90deg)
}

.select--wrap {
    position: relative;
    font-size: 1.3rem;
    margin: 0;
    z-index: 9;
    cursor: pointer;
    text-transform: capitalize
}

@media (max-width:1024px) {
    .select--wrap {
        z-index: auto
    }
}

@media (max-width:768px) {
    .select--wrap {
        font-size: 1.46rem
    }
}

.select--wrap:first-child {
    margin-left: 0
}

.select--wrap:last-child {
    margin-right: 0
}

.select--wrap--4 {
    width: calc(25% - 15px)
}

@media (max-width:1023px) {
    .select--wrap--4 {
        width: calc(50% - 6px);
        margin-bottom: 12px
    }
    .select--wrap--4:nth-last-child(-n+2) {
        margin: 0
    }
}

@media (max-width:768px) {
    .select--wrap--4 {
        width: 100%
    }
    .select--wrap--4:nth-last-child(2) {
        margin-bottom: 12px
    }
}

.select--wrap--3 {
    width: calc(33.3333% - 15px)
}

@media (max-width:768px) {
    .select--wrap--3 {
        width: 100%;
        margin-bottom: 12px
    }
}

.select--wrap--opened .select__label {
    border-color: transparent!important;
    transition: border-color 0s
}

@media (max-width:1024px) {
    .select--wrap--opened .select__label {
        z-index: 11
    }
}

.select--wrap--opened .select__label:before {
    opacity: 1
}

.select--wrap--opened .select__label:after {
    transform: rotate(-225deg);
    margin-top: -2px
}

.select--wrap--opened .select__list {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s, opacity 0s, visibility 0s
}

@media (max-width:1024px) {
    .select--wrap--opened .select__list {
        z-index: 10
    }
}

.select--wrap--opened .select__list__item {
    opacity: 1;
    transition: opacity .3s .3s
}

.select__label {
    font-weight: 700;
    text-transform: uppercase;
    color: #a3a3a3;
    padding: 16px 45px 16px 18px;
    position: relative;
    z-index: 9;
    border: 1px solid #0e1113;
    transition: border-color .3s
}

@media (max-width:1024px) {
    .select__label {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.select__label:before {
    content: "";
    width: calc(100% - 18px * 2);
    height: 1px;
    background: #e5e5e5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0
}

.select__label:after {
    content: "";
    border-left: 1px solid #0e1113;
    border-bottom: 1px solid #0e1113;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    transition: transform .3s
}

.select__label__inner {
    overflow: hidden
}

.select__label__inner span {
    white-space: nowrap
}

.select__label:hover {
    border-color: #e5e5e5
}

.select__label--selected {
    color: #0e1113;
    text-transform: capitalize
}

.select__label--small {
    border: 0;
    padding: 0 0 6px;
    margin: 0 0 9px;
    font-size: 1.3rem
}

.select__label--small:after {
    display: none
}

.select__label--small:before {
    opacity: 1;
    width: 100%
}

.select__label--placeholder {
    padding: 0;
    margin: 0
}

.select__label--placeholder:before {
    display: none
}

.select__list {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    font-size: 1.3rem;
    padding: 60px 7px 10px 18px;
    border: 1px solid #e5e5e5;
    background: #fff;
    z-index: 2;
    overflow: hidden;
    transform-origin: top;
    transform: scaleY(0);
    visibility: hidden;
    opacity: 0;
    transition: transform .3s .2s, opacity 0s .5s, visibility 0s .5s
}

@media (max-width:1024px) {
    .select__list {
        padding-top: 70px;
        font-size: 1.5rem
    }
}

.select__list--search {
    top: 100%;
    border-top: 0;
    padding-top: 14px;
    transform: none;
    visibility: visible;
    opacity: 1;
    display: none
}

.select__list--search .select__list__item {
    opacity: 1
}

.select__list--search .select__list__item a {
    padding: 4px 0
}

.select__list--search .select__list__item--head {
    display: none
}

.select__list__inner {
    max-height: 198px
}

.select__list__item {
    opacity: 0;
    transition: opacity .2s
}

.select__list__item a {
    color: #0e1113;
    display: block;
    padding: 6px 0;
    transition: color .2s
}

@media (max-width:1024px) {
    .select__list__item a {
        padding: 7px 0
    }
}

.select__list__item a:focus,
.select__list__item a:hover {
    color: #c55c60
}

.select__list__item--wrap>:last-child {
    padding-bottom: 14px
}

.select__list__item--empty a {
    color: #a3a3a3;
    cursor: auto
}

.select__list__item--empty a:hover {
    color: #a3a3a3
}

.filter {
    margin-bottom: 16px
}

.filter--letters {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
    border-bottom: 1px solid #0e1113;
    margin: 16px 20px 0 0
}

@media (max-width:979px) {
    .filter--letters {
        display: none
    }
}

.filter--letters__all,
.filter--letters__item {
    padding: 0 5.5px 8px
}

.filter--letters__all {
    color: #0e1113;
    padding-left: 0
}

.filter--letters__item {
    color: #a3a3a3;
    transition: color .4s
}

.filter--letters__item--selected,
.filter--letters__item:hover {
    color: #0e1113
}

.filter--letters__item:last-child {
    padding-right: 0
}

.filter--search {
    margin-left: auto;
    margin-bottom: 0;
    margin-top: 16px;
    position: relative
}

@media (max-width:768px) {
    .filter--search {
        width: 100%;
        z-index: 9
    }
}

.filter--search__text {
    font-size: 1.5rem;
    padding: 9px 40px 9px 0;
    border: 0;
    border-bottom: 1px solid #0e1113;
    color: #0e1113;
    width: 308px
}

@media (max-width:1024px) {
    .filter--search__text {
        width: 240px
    }
}

@media (max-width:768px) {
    .filter--search__text {
        width: 100%;
        font-size: 1.75rem
    }
}

.filter--search__btn {
    width: 30px;
    height: 30px;
    background: url(/assets/images/svg/search.svg) no-repeat center;
    background-size: 19px 21px;
    position: absolute;
    right: 0;
    bottom: 4px;
    padding: 0;
    border: 0;
    z-index: 2
}

.filter--categories {
    margin: 0
}

@media (max-width:768px) {
    .filter--categories {
        text-align: center
    }
}

.filter--categories h4 {
    font-size: 1.3rem
}

@media (max-width:768px) {
    .filter--categories h4 {
        width: 33.333%;
        padding: 4px 0
    }
}

@media (max-width:480px) {
    .filter--categories h4 {
        width: 50%
    }
}

.filter--categories__item {
    color: #0e1113;
    padding: 0 15px;
    opacity: .5;
    transition: opacity .4s
}

@media (max-width:768px) {
    .filter--categories__item {
        padding: 0 8px
    }
}

.filter--categories__item--active,
.filter--categories__item:hover {
    opacity: 1
}

table {
    width: 100%;
    margin: 38px 0 40px
}

table.mobile--show {
    margin-top: 23px
}

@media (max-width:768px) {
    table.mobile--show {
        display: table!important
    }
}

table.mobile--show tr {
    border: 0
}

table.mobile--show tr.table--row-first:first-child td {
    padding-top: 0
}

table.mobile--show tr.table--row-first td {
    padding-top: 40px;
    padding-bottom: 12px;
    border-bottom: 1px solid #0e1113
}

table.mobile--show tr:not(.table--row-first) td:first-child {
    width: 70%
}

table.mobile--show tr td {
    border-bottom: 1px solid rgba(14, 17, 19, .2)
}

table.mobile--show .table--heading {
    padding-top: 20px;
    font-size: 1.46rem
}

table.mobile--show .table--heading span {
    font-size: 1.29rem;
    margin-top: 0
}

table p {
    line-height: 1.2;
    margin-bottom: 14px
}

@media (max-width:768px) {
    table p {
        margin-bottom: 10px
    }
}

table p:last-child {
    margin-bottom: 0
}

table p.small {
    line-height: 1.3
}

table p a {
    top: auto
}

table p a:after,
table p a:before {
    bottom: 0
}

table tr {
    border-bottom: 1px solid rgba(14, 17, 19, .2)
}

table tr:first-child {
    border-bottom: 1px solid #0e1113
}

table tr td,
table tr th {
    padding: 25px 35px 25px 0;
    text-align: left;
    vertical-align: top;
    width: 25%
}

@media (max-width:768px) {
    table tr td,
    table tr th {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (max-width:1280px) {
    table tr td:first-child,
    table tr th:first-child {
        width: 30%
    }
}

table tr .table--heading,
table tr th {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .03rem;
    padding-top: 0
}

table tr .table--heading span,
table tr th span {
    display: block;
    font-size: 1.2rem;
    text-transform: none;
    font-weight: 400;
    opacity: .5;
    margin-top: 3px
}

#map {
    width: 100%;
    height: 560px;
    margin-top: 10px;
    margin-bottom: 58px
}

@media (min-width:1600px) {
    #map {
        height: 700px
    }
}

@media (max-width:979px) {
    #map {
        height: 450px
    }
}

@media (max-width:768px) {
    #map {
        height: 350px;
        margin-top: 5px;
        margin-bottom: 30px
    }
}

#map>div {
    height: calc(100% + 23px)!important
}

#map .infoBox p {
    font-size: 1.3rem
}

#map .infoBox p a {
    font-size: 1.1rem
}

#map .infoBox p a:before {
    background: #fff
}

#map .infoBox p img {
    margin: 0 5px 0 0;
    width: 19px;
    display: inline-block;
    vertical-align: middle
}

.gmnoprint a,
.gmnoprint span {
    display: none!important
}

.gmnoprint div {
    background: 0 0!important
}

#GMapsID div div a div img {
    display: none!important
}

@media (max-width:768px) {
    .row--map {
        margin: 0 -20px
    }
    .row--map>div {
        padding: 0
    }
}

.credits--akfn {
    position: relative;
    text-align: center
}

.credits--akfn:hover span {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-5px)
}

.credits--akfn:hover svg>* {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: all .4s .1s
}

.credits--akfn:hover svg>:nth-child(2) {
    transition-delay: .2s
}

.credits--akfn:hover svg>:nth-child(3) {
    transition-delay: .3s
}

.credits--akfn:hover svg>:nth-child(4) {
    transition-delay: .4s
}

.credits--akfn span {
    position: relative;
    display: block;
    transition: all .4s
}

.credits--akfn svg {
    display: block;
    width: 50px;
    position: absolute;
    overflow: visible;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    transform-style: preserve-3d;
    backface-visibility: hidden
}

@media (max-width:768px) {
    .credits--akfn svg {
        width: 70px
    }
}

.credits--akfn svg>* {
    visibility: hidden;
    opacity: 0;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transform: translateY(5px);
    transition: all .2s
}

body.edge .page--home .block--media--half .block--media__image,
body.firefox .page--home .block--media--half .block--media__image,
body.ie .page--home .block--media--half .block--media__image {
    top: 0;
    left: 0;
    right: 1px;
    bottom: 0;
    width: calc(100% - 1px);
    height: 100%
}

.page--home .block--media--third {
    border: 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff
}

.page--home .block--media--third:last-child {
    border-right: 0
}

.page--home .block--media--half {
    padding-bottom: 27.5%;
    border: 0;
    min-height: 380px;
    background: #c55c60
}

@media (min-width:1680px) {
    .page--home .block--media--half {
        padding-bottom: 25%
    }
}

@media (max-width:979px) {
    .page--home .block--media--half {
        min-height: 320px
    }
}

.page--home .block--media--half:first-child {
    border-right: 1px solid #fff
}

@media (max-width:768px) {
    .page--home .block--media--half:first-child {
        border: 0
    }
}

.page--home .block--media--half:hover .block--media__content--has .block--media__content__visible {
    transform: translateY(-80%)
}

.page--home .block--media--half:hover .block--media__content--has .block--media__content__hidden {
    transform: translateY(80%)
}

.page--home .block--media--half .block--media__content {
    top: 39%
}

@media (max-width:979px) {
    .page--home .block--media--half .block--media__content {
        top: 37%
    }
}

.page--home .block--media--half .block--media__content>p {
    font-size: 1.5rem;
    letter-spacing: .075rem;
    margin-bottom: 6px
}

.page--home .block--media--half .block--media__content .title {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:768px) {
    .page--home .block--media--half .block--media__content .title {
        max-width: 90%
    }
}

.page--home .block--media .button {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 210px;
    pointer-events: none
}

@media (min-width:1680px) {
    .page--home .block--media .button {
        bottom: 120px
    }
}

@media (max-width:979px) {
    .page--home .block--media .button {
        bottom: 60px
    }
}

.page--home .slideshow {
    padding-bottom: 70px
}

.page--home .wrapper--banner {
    background-color: #c55c60;
    color: #fff;
    padding: 30px
}

.page--home .wrapper--banner .wrapper {
    width: calc(100% * 9.5 / 12)
}

.page--home .wrapper--banner div>div {
    width: 100%
}

.page--home .wrapper--banner .banner-text {
    color: #fff;
    width: 80%
}

.page--home .wrapper--banner .title {
    margin-bottom: 0
}

.page--home .wrapper--banner .title h2 {
    font-size: 3.5rem
}

.page--home .wrapper--banner .button {
    margin-left: 30px
}

@media (max-width:979px) {
    .page--home .wrapper--banner .banner-text,
    .page--home .wrapper--banner .title {
        text-align: center;
        width: 100%
    }
    .page--home .wrapper--banner .button {
        margin: auto
    }
}

.page--home .wrapper--calendar {
    background: #111416!important;
    position: relative
}

.page--home .wrapper--calendar .wrapper {
    position: relative;
    z-index: 2
}

.page--home .wrapper--calendar .flair {
    position: absolute;
    bottom: -100px;
    left: 0;
    text-align: center;
    width: 100%;
    opacity: .12;
    z-index: 0;
    pointer-events: none;
    backface-visibility: hidden;
    transform-origin: center bottom
}

@media (max-width:768px) {
    .page--home .wrapper--calendar .flair {
        width: 200%;
        transform: translateX(-25%);
        opacity: .14;
        bottom: -30px
    }
}

.page--home .wrapper--calendar .flair img {
    transform-origin: center bottom;
    transform: translateZ(0);
    transform-style: preserve-3d;
    transition: opacity .6s linear, transform .6s linear
}

.page--home .wrapper--news {
    margin: 0 0 100px;
    padding: 45px 0 0
}

@media (max-width:768px) {
    .page--home .wrapper--news {
        padding: 52px 0 45px
    }
}

.page--home .wrapper--news h2 {
    margin: 25px 0 43px
}

@media (max-width:768px) {
    .page--home .wrapper--news h2 {
        margin: 0 0 40px
    }
}

.page--home .wrapper--news .mobile--show {
    width: 100%
}

.page--home .wrapper--news .row>.col-6:first-child {
    padding-right: 20px
}

@media (max-width:768px) {
    .page--home .wrapper--news .row>.col-6:first-child {
        padding-right: 10px
    }
}

.page--home .wrapper--news .row>.col-6:last-child {
    padding-left: 20px
}

@media (max-width:768px) {
    .page--home .wrapper--news .row>.col-6:last-child {
        padding-left: 10px
    }
}

.page--home .hero--news {
    height: calc(100vh - 145px);
    max-height: 760px
}

@media (max-width:1024px) {
    .page--home .hero--news {
        height: calc(100vh - 160px)
    }
}

@media (max-width:768px) {
    .page--home .hero--news {
        margin-bottom: 28px
    }
}

@media (max-width:480px) {
    .page--home .hero--news {
        height: 470px
    }
}

.page--home .hero--news .title {
    font-size: 3rem;
    line-height: 1.48
}

@media (max-width:979px) {
    .page--home .hero--news .title {
        font-size: 2.5rem
    }
}

@media (max-width:768px) {
    .page--home .hero--news .title {
        font-size: 2.9rem;
        line-height: 1.34
    }
}

.page--home .hero--news .wrapper {
    bottom: 75px;
    pointer-events: none
}

@media (max-width:768px) {
    .page--home .hero--news .wrapper {
        bottom: 25px
    }
}

.page--home .hero--news .swiper--media:hover:after {
    opacity: .3
}

.page--home .hero--news .swiper--media:hover .swiper-container {
    transform: scale(1.03)
}

.page--home .hero--news .swiper--media:before {
    display: none
}

.page--home .hero--news .swiper--media:after {
    opacity: .55;
    transition: all 1.2s cubic-bezier(.215, .61, .355, 1)
}

.page--home .hero--news .swiper--media .swiper-container {
    transition: all 1.2s cubic-bezier(.215, .61, .355, 1)
}

.page--home .article--news {
    width: calc(50% - 20px);
    margin-left: 0;
    margin-right: 0
}

@media (max-width:979px) {
    .page--home .article--news {
        width: 100%;
        margin-bottom: 40px
    }
}

.page--home .article--news--bigbox {
    width: 100%
}

.page--home .article--news--bigbox__inner {
    max-width: 300px;
    margin: 0 auto 26px;
    position: relative
}

@media (max-width:979px) {
    .page--home .article--news--bigbox__inner {
        width: 100%;
        margin: 0 auto 5px
    }
}

.page--home .article--news--bigbox__inner .swiper--media {
    position: relative
}

.page--home .article--news--bigbox__inner .swiper--media:after,
.page--home .article--news--bigbox__inner .swiper--media:before {
    display: none
}

.page--home .article--news--bigbox__inner .swiper--media .swiper-slide {
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page--home .article--news--bigbox__inner .swiper--media .swiper-slide a {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 100%
}

.page--home .article--news--bigbox__inner .swiper--media .swiper-slide a .article__image--bigbox {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff
}

.page--home .article--news--bigbox__inner .swiper--media img {
    width: 100%
}

.page--home .article--news:nth-last-child(-n+3) {
    margin-bottom: 55px
}

@media (max-width:979px) {
    .page--home .article--news:nth-last-child(-n+3) {
        margin-bottom: 40px
    }
}

.page--home .article--news:not(.article--news--bigbox):nth-of-type(2) {
    /* margin-top: 135px */
}

@media (max-width:979px) {
    .page--home .article--news:not(.article--news--bigbox):nth-of-type(2) {
        margin-top: 0
    }
}

@media (max-width:768px) {
    .page--home .article--news:not(.article--news--bigbox) .article__image {
        max-width: 100%;
        height: 380px
    }
    .page--home .article--news:not(.article--news--bigbox) .article__image img {
        position: relative;
        top: 50%;
        transform: scale(1.01) translateY(-50%)!important
    }
}

@media (max-width:480px) {
    .page--home .article--news:not(.article--news--bigbox) .article__image {
        height: 235px
    }
}

.media--content {
    position: relative;
    background: #fff
}

.media--content__left:before {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    width: 100vw;
    left: auto;
    background: #edeeef
}

@media (max-width:979px) {
    .media--content__left:before {
        right: -10px
    }
}

.media--content>.row {
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch
}

@media (max-width:768px) {
    .media--content>.row {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (max-width:768px) {
    .media--content+.section.bg--dark {
        padding-bottom: 0
    }
}

.media--content .section {
    width: calc(100% - 110px*2);
    margin: 0 auto;
    background: 0 0
}

@media (max-width:1280px) {
    .media--content .section {
        width: calc(100% - 65px*2)
    }
}

@media (max-width:1024px) {
    .media--content .section {
        width: calc(100% - 45px*2)
    }
}

@media (max-width:979px) {
    .media--content .section {
        width: calc(100% - 25px*2)
    }
}

@media (max-width:768px) {
    .media--content .section {
        width: 100%
    }
}

.media--content .section .block--separator {
    margin: 25px 0 55px
}

@media (max-width:768px) {
    .media--content .section .block--separator {
        margin: 32px 0
    }
}

.media--content .section__inner {
    width: 80%;
    margin: 0 auto
}

@media (max-width:768px) {
    .media--content .section__inner {
        width: 100%
    }
}

.media--content .section__inner>p:last-child {
    margin-bottom: 0
}

.media--content__poster {
    margin-bottom: 26px;
    position: relative;
    display: block;
    backface-visibility: hidden
}

.media--content__poster a {
    display: block
}

.media--content__poster a:hover img {
    opacity: 1
}

.media--content__poster a:hover i {
    color: #c55c60
}

.media--content__poster img {
    width: 100%;
    opacity: .8;
    display: block;
    transition: opacity .4s
}

.media--content__poster i {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    font-size: 2.4rem;
    z-index: 9;
    transition: color .4s
}

.media--content__poster .lightbox__inner {
    height: 90%;
    max-width: 70%
}

.media--content__poster .lightbox__inner__content {
    position: relative;
    width: 100%;
    height: 100%;
    transform: translateY(-15%);
    visibility: hidden;
    opacity: 0
}

.media--content__poster .lightbox__inner img {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

@media (max-width:768px) {
    .media--content__credits--wrap>div:first-child {
        padding-top: 12px
    }
}

.media--content__credits h4 {
    font-size: 1.3rem;
    letter-spacing: .05rem;
    line-height: 1.9
}

@media (min-width:1680px) {
    .media--content__credits h4 {
        font-size: 1.45rem
    }
}

@media (max-width:768px) {
    .media--content__credits h4 {
        font-size: 1.4rem
    }
}

.media--content__credits p {
    margin-bottom: 7px
}

.media--content__credits p a {
    display: block;
    color: #0e1113;
    text-transform: none;
    text-decoration: underline;
    font-weight: 400;
    word-wrap: break-word
}

.media--content__credits p a:after,
.media--content__credits p a:before {
    display: none
}

.media--content__presentation {
    margin-top: 60px;
    text-align: center
}

.media--content__presentation h4 {
    font-size: 1.8rem;
    margin-bottom: 24px
}

.media--content__presentation .block--media {
    width: 100%;
    padding-bottom: 100%
}

.media--content__specs span {
    padding: 1px 14px
}

@media (max-width:768px) {
    .media--content__specs span {
        margin-bottom: 3px;
        text-align: center
    }
}

.media--content__specs span+span {
    border-left: 1px solid #0e1113
}

.media--content__genres {
    margin-top: 8px
}

@media (max-width:768px) {
    .media--content__genres {
        margin-top: 0
    }
}

.media--content__genres span {
    padding-right: 4px
}

.media--content__genres a {
    color: #0e1113;
    text-decoration: underline;
    font-size: 1.5rem;
    transition: color .25s
}

@media (min-width:1680px) {
    .media--content__genres a {
        font-size: 1.8rem
    }
}

.media--content__genres a:hover {
    color: #c55c60
}

.row--results {
    position: relative;
    margin-left: 0;
    margin-right: 0
}

.row--results:before {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background: rgba(255, 255, 255, 0);
    transition: all 0s
}

.row--results--loading:before {
    background: rgba(255, 255, 255, .6);
    transition: all .6s
}

.row--results__head .subtitle {
    font-size: 2.3rem;
    margin-bottom: 24px
}

.row--results__content {
    margin-bottom: 72px
}

@media (max-width:768px) {
    .row--results__content {
        margin-bottom: 40px
    }
}

@media (max-width:979px) {
    .row--results .block--media {
        width: 50%
    }
}

@media (max-width:768px) {
    .row--results .block--media {
        width: 100%
    }
}

.page--partners .section--content .wrapper--full:last-child .col--partners:after {
    display: none
}

.col--partners:after {
    content: "";
    width: 100%;
    height: 1px;
    max-width: 880px;
    background: #0e1113;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.col--partners>.small-subtitle,
.col--partners>.subtitle {
    margin-bottom: 53px
}

.partner {
    padding: 0 30px;
    text-align: center
}

.partner--large {
    width: calc(100% / 3);
    margin-bottom: 78px
}

.partner--small {
    width: calc(100% / 5);
    margin-bottom: 62px
}