/*!
Theme Name: CME Stem New
Theme URI: https://cme-stem.org
Author: Overpx
Author URI: http://www.overpx.com
Version: 2.8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Overpx
*/
.serif-l {
    font-family: yesevaone-regular-1,wulkandisplay-light, serif;
    font-weight: 400
}

.general-content h3,
.serif-r {
    font-family: yesevaone-regular-1,wulkandisplay-regular, serif;
    font-weight: 400
}

.events-list .event strong,
.sans-serif-l,
html {
    font-family:sans-serif;
    font-weight: 400
}

.general-content ol,
.general-content p,
.general-content ul,
.sans-serif-r {
    font-family: sans-serif;
    font-weight: 400
}

.events-list .years-list li.current-year a,
.sans-serif-sb {
    font-family: yesevaone-regular-1,nunitosans-semibold, sans-serif;
    font-weight: 400
}

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

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

.swiper-wrapper {
    transform: translateZ(0)
}

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

:root {
    --swiper-navigation-size: 44px
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

html {
    color: #000
}

body {
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

figure,
h1,
h2,
h3,
h4,
ol,
p,
ul {
    margin: 0;
    padding: 0
}

li,
main {
    display: block
}

h1,
h2,
h3,
h4 {
    font-size: inherit
}

strong {
    font-weight: 400
}

a,
button {
    color: inherit
}

a {
    text-decoration: none
}

button {
    overflow: visible;
    border: 0;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit;
    background: none;
    cursor: pointer;
    margin: 0;
    padding: 0
}

button:focus {
    outline: 0;
    border: 0
}

img {
    max-width: 100%;
    border: 0
}

.grid {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    list-style: none;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .grid {
        margin-left: -8px
    }
}

.grid__col {
    width: 100%;
    padding: 0
}

@media only screen and (min-width:1024px) {
    .grid__col {
        padding-left: 16px
    }
}

.grid--center {
    justify-content: center
}

.grid--space {
    justify-content: space-between
}

.grid--middle {
    align-items: center
}

.grid--bottom {
    align-items: flex-end
}

.grid--stretch {
    align-items: stretch
}

@media only screen and (min-width:1024px) {
    .grid--stretch .col_content {
        height: 100%
    }
}

.grid--flush {
    margin-left: 0
}

.grid--flush>.grid__col {
    padding-left: 0
}

@media only screen and (min-width:1024px) {
    .grid--auto {
        flex-wrap: nowrap
    }
}

@media only screen and (min-width:1024px)and (min-width:1024px) {
    .grid--auto>.grid__col {
        width: auto
    }
}

.col-6_12 {
    width: 50%
}

.col-9_12 {
    width: 75%
}

.col-11_12 {
    width: 91.6666666667%
}

@media screen and (min-width:768px) {
    .col-4_12--tablet {
        width: 33.3333333333%
    }

    .col-8_12--tablet {
        width: 66.6666666667%
    }

    .col-10_12--tablet {
        width: 83.3333333333%
    }

    .col-7_12--tablet {
        width: 58.3333333333%
    }
}

@media screen and (min-width:1024px) {

    .col-3_9--desk,
    .col-4_12--desk {
        width: 33.3333333333%
    }

    .col-8_12--desk {
        width: 66.6666666667%
    }

    .col-1_4--desk,
    .col-2_8--desk,
    .col-3_12--desk {
        width: 25%
    }

    .col-3_6--desk,
    .col-4_8--desk,
    .col-6_12--desk {
        width: 50%
    }

    .col-3_4--desk,
    .col-9_12--desk {
        width: 75%
    }

    .col-2_10--desk {
        width: 20%
    }

    .col-4_10--desk {
        width: 40%
    }

    .col-4_5--desk,
    .col-8_10--desk {
        width: 80%
    }

    .col-2_12--desk {
        width: 16.6666666667%
    }

    .col-5_6--desk,
    .col-10_12--desk {
        width: 83.3333333333%
    }

    .col-3_8--desk {
        width: 37.5%
    }

    .col-5_8--desk {
        width: 62.5%
    }

    .col-7_8--desk {
        width: 87.5%
    }

    .col-1_9--desk {
        width: 11.1111111111%
    }

    .col-4_9--desk {
        width: 44.4444444444%
    }

    .col-1_12--desk {
        width: 8.3333333333%
    }

    .col-5_12--desk {
        width: 41.6666666667%
    }

    .col-7_12--desk {
        width: 58.3333333333%
    }

    .col-11_12--desk {
        width: 91.6666666667%
    }
}

@media screen and (min-width:1366px) {

    .col-4_6--wide,
    .col-8_12--wide {
        width: 66.6666666667%
    }

    .col-4_8--wide,
    .col-6_12--wide {
        width: 50%
    }

    .col-9_12--wide {
        width: 75%
    }

    .col-2_10--wide {
        width: 20%
    }

    .col-4_10--wide {
        width: 40%
    }

    .col-3_5--wide {
        width: 60%
    }

    .col-2_12--wide {
        width: 16.6666666667%
    }

    .col-10_12--wide {
        width: 83.3333333333%
    }

    .col-5_8--wide {
        width: 62.5%
    }

    .col-3_10--wide {
        width: 30%
    }

    .col-1_12--wide {
        width: 8.3333333333%
    }

    .col-5_12--wide {
        width: 41.6666666667%
    }

    .col-7_12--wide {
        width: 58.3333333333%
    }
}

@media screen and (min-width:768px) {
    .offset-1_12--tablet {
        padding-left: 8.3333333333%
    }
}

@media screen and (min-width:1024px) {
    .offset-1_6--desk {
        padding-left: 16.6666666667%
    }

    .offset-1_12--desk {
        padding-left: 8.3333333333%
    }
}


@font-face {
    font-family: yesevaone-regular-1;
    font-weight: 400;
    font-style: normal;
    font-display: block;
    src: url(../fonts/YESEVAONE-REGULAR-1.TTF)
}

@font-face {
    font-family: nunitosans-light;
    font-weight: 400;
    font-style: normal;
    font-display: block;
    src: url(../fonts/nunitosans-light.woff2) format("woff2"), url(../fonts/nunitosans-light.woff) format("woff")
}

@font-face {
    font-family: nunitosans-regular;
    font-weight: 400;
    font-style: normal;
    font-display: block;
    src: url(../fonts/nunitosans-regular.woff2) format("woff2"), url(../fonts/nunitosans-regular.woff) format("woff")
}

@font-face {
    font-family: nunitosans-semibold;
    font-weight: 400;
    font-style: normal;
    font-display: block;
    src: url(../fonts/nunitosans-semibold.woff2) format("woff2"), url(../fonts/nunitosans-semibold.woff) format("woff")
}

@font-face {
    font-family: wulkandisplay-light;
    font-weight: 400;
    font-style: normal;
    font-display: block;
    src: url(../fonts/wulkandisplay-light.woff2) format("woff2"), url(../fonts/wulkandisplay-light.woff) format("woff")
}

@font-face {
    font-family: wulkandisplay-regular;
    font-weight: 400;
    font-style: normal;
    font-display: block;
    src: url(../fonts/wulkandisplay-regular.woff2) format("woff2"), url(../fonts/wulkandisplay-regular.woff) format("woff")
}

.size-md0 {
    font-size: 14px;
    line-height: 1
}

@media only screen and (min-width:1366px) {
    .size-md0 {
        font-size: 14px
    }
}

.size-md1,
.underline-title {
    font-size: 14px;
    line-height: 1.4
}

@media only screen and (min-width:1366px) {

    .size-md1,
    .underline-title {
        font-size: 16px
    }
}

.size-md2,
body {
    font-size: 16px;
    line-height: 1.4
}

@media only screen and (min-width:1366px) {

    .size-md2,
    body {
        font-size: 18px
    }
}

.size-md3 {
    font-size: 16px;
    line-height: 1.4
}

@media only screen and (min-width:1366px) {
    .size-md3 {
        font-size: 20px
    }
}

.size-md4 {
    font-size: 19px;
    line-height: 1.3
}

@media only screen and (min-width:1366px) {
    .size-md4 {
        font-size: 24px
    }
}

.size-md4 .word {
    margin-bottom: -.8rem
}

.general-content h3,
.size-lg1 {
    font-size: 24px;
    line-height: 1.2
}

@media only screen and (min-width:1366px) {

    .general-content h3,
    .size-lg1 {
        font-size: 30px
    }
}

.size-lg1 .word {
    margin-bottom: -.8rem
}

.size-lg2 {
    line-height: 1.1;
    font-size: 32px
}

@media only screen and (min-width:1024px) {
    .size-lg2 {
        font-size: 2.5vw
    }
}

@media only screen and (min-width:1920px) {
    .size-lg2 {
        font-size: 48px
    }
}

.size-lg2 .word {
    margin-bottom: -1.5rem
}

.size-lg3 {
    line-height: 1.1;
    font-size: 42px
}

@media only screen and (min-width:1024px) {
    .size-lg3 {
        font-size: 3.75vw
    }
}

@media only screen and (min-width:1920px) {
    .size-lg3 {
        font-size: 68px
    }
}

.size-lg3 .word {
    margin-bottom: -1.5rem
}

.size-lg4 {
    line-height: 1.1;
    font-size: 64px
}

@media only screen and (min-width:1024px) {
    .size-lg4 {
        font-size: 5vw
    }
}

@media only screen and (min-width:1920px) {
    .size-lg4 {
        font-size: 96px
    }
}

.size-lg4 .word {
    margin-bottom: -2.5rem
}

.bg-white {
    background-color: #fff
}

.white {
    color: #fff
}

.bg-light {
    background-color: #fafafa
}

.light {
    color: #fafafa
}

.light-grey {
    color: hsla(0, 0%, 98%, .84)
}

.grey {
    color: #6d7474
}

.dark-blue {
    color: #023f24
}

.bg-night-blue {
    background-color: #64A70B
}

.night-blue {
    color: #64A70B
}

.dark-green {
    color: #96fac8
}

.bg-dark-green {
    background-color: #96fac8
}

.pale-aqua {
    color: #d1e9dd
}

.bg-pale-aqua {
    background-color: #d1e9dd
}

.u-p-100 {
    padding: 10rem
}

@media only screen and (min-width:1024px) {
    .u-p-100 {
        padding: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-p-100 {
        padding: 100px
    }
}

.u-p-50 {
    padding: 5rem
}

@media only screen and (min-width:1024px) {
    .u-p-50 {
        padding: 2.6041666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-p-50 {
        padding: 50px
    }
}

.u-p-30 {
    padding: 3rem
}

@media only screen and (min-width:1024px) {
    .u-p-30 {
        padding: 1.5625vw
    }
}

@media only screen and (min-width:1920px) {
    .u-p-30 {
        padding: 30px
    }
}

.u-p-20 {
    padding: 2rem
}

@media only screen and (min-width:1024px) {
    .u-p-20 {
        padding: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-p-20 {
        padding: 20px
    }
}

.u-pt-280 {
    padding-top: 28rem
}

@media only screen and (min-width:1024px) {
    .u-pt-280 {
        padding-top: 14.5833333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-280 {
        padding-top: 280px
    }
}

.u-pt-250 {
    padding-top: 25rem
}

@media only screen and (min-width:1024px) {
    .u-pt-250 {
        padding-top: 13.0208333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-250 {
        padding-top: 250px
    }
}

.u-pt-225 {
    padding-top: 22.5rem
}

@media only screen and (min-width:1024px) {
    .u-pt-225 {
        padding-top: 11.71875vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-225 {
        padding-top: 225px
    }
}

.u-pt-200 {
    padding-top: 20rem
}

@media only screen and (min-width:1024px) {
    .u-pt-200 {
        padding-top: 10.4166666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-200 {
        padding-top: 200px
    }
}

.u-pt-135 {
    padding-top: 13.5rem
}

@media only screen and (min-width:1024px) {
    .u-pt-135 {
        padding-top: 7.03125vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-135 {
        padding-top: 135px
    }
}

.u-pt-125 {
    padding-top: 8.75rem
}

@media only screen and (min-width:1024px) {
    .u-pt-125 {
        padding-top: 6.5104166667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-125 {
        padding-top: 125px
    }
}

.u-pt-100 {
    padding-top: 10rem
}

@media only screen and (min-width:1024px) {
    .u-pt-100 {
        padding-top: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-100 {
        padding-top: 100px
    }
}

.u-pt-70 {
    padding-top: 7rem
}

@media only screen and (min-width:1024px) {
    .u-pt-70 {
        padding-top: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-70 {
        padding-top: 70px
    }
}

.u-pt-60 {
    padding-top: 4.9rem
}

@media only screen and (min-width:1024px) {
    .u-pt-60 {
        padding-top: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-60 {
        padding-top: 70px
    }
}

.u-pt-50 {
    padding-top: 5rem
}

@media only screen and (min-width:1024px) {
    .u-pt-50 {
        padding-top: 2.6041666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-50 {
        padding-top: 50px
    }
}

.u-pt-30 {
    padding-top: 3rem
}

@media only screen and (min-width:1024px) {
    .u-pt-30 {
        padding-top: 1.5625vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-30 {
        padding-top: 30px
    }
}

.u-pt-20 {
    padding-top: 2rem
}

@media only screen and (min-width:1024px) {
    .u-pt-20 {
        padding-top: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-20 {
        padding-top: 20px
    }
}

.u-pt-10 {
    padding-top: 1rem
}

@media only screen and (min-width:1024px) {
    .u-pt-10 {
        padding-top: .5208333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pt-10 {
        padding-top: 10px
    }
}

.u-pr-100 {
    padding-right: 10rem
}

@media only screen and (min-width:1024px) {
    .u-pr-100 {
        padding-right: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pr-100 {
        padding-right: 100px
    }
}

.u-pr-70 {
    padding-right: 7rem
}

@media only screen and (min-width:1024px) {
    .u-pr-70 {
        padding-right: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pr-70 {
        padding-right: 70px
    }
}

.u-pr-50 {
    padding-right: 5rem
}

@media only screen and (min-width:1024px) {
    .u-pr-50 {
        padding-right: 2.6041666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pr-50 {
        padding-right: 50px
    }
}

.u-pr-40 {
    padding-right: 4rem
}

@media only screen and (min-width:1024px) {
    .u-pr-40 {
        padding-right: 2.0833333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pr-40 {
        padding-right: 40px
    }
}

.u-pr-30 {
    padding-right: 3rem
}

@media only screen and (min-width:1024px) {
    .u-pr-30 {
        padding-right: 1.5625vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pr-30 {
        padding-right: 30px
    }
}

.u-pr-20 {
    padding-right: 2rem
}

@media only screen and (min-width:1024px) {
    .u-pr-20 {
        padding-right: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pr-20 {
        padding-right: 20px
    }
}

.u-pb-250 {
    padding-bottom: 25rem
}

@media only screen and (min-width:1024px) {
    .u-pb-250 {
        padding-bottom: 13.0208333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pb-250 {
        padding-bottom: 250px
    }
}

.u-pb-200 {
    padding-bottom: 20rem
}

@media only screen and (min-width:1024px) {
    .u-pb-200 {
        padding-bottom: 10.4166666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pb-200 {
        padding-bottom: 200px
    }
}

.u-pb-135 {
    padding-bottom: 13.5rem
}

@media only screen and (min-width:1024px) {
    .u-pb-135 {
        padding-bottom: 7.03125vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pb-135 {
        padding-bottom: 135px
    }
}

.u-pb-100 {
    padding-bottom: 10rem
}

@media only screen and (min-width:1024px) {
    .u-pb-100 {
        padding-bottom: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pb-100 {
        padding-bottom: 100px
    }
}

.u-pb-70 {
    padding-bottom: 7rem
}

@media only screen and (min-width:1024px) {
    .u-pb-70 {
        padding-bottom: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pb-70 {
        padding-bottom: 70px
    }
}

.u-pb-50 {
    padding-bottom: 5rem
}

@media only screen and (min-width:1024px) {
    .u-pb-50 {
        padding-bottom: 2.6041666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pb-50 {
        padding-bottom: 50px
    }
}

.u-pb-40 {
    padding-bottom: 4rem
}

@media only screen and (min-width:1024px) {
    .u-pb-40 {
        padding-bottom: 2.0833333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pb-40 {
        padding-bottom: 40px
    }
}

.u-pb-30 {
    padding-bottom: 3rem
}

@media only screen and (min-width:1024px) {
    .u-pb-30 {
        padding-bottom: 1.5625vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pb-30 {
        padding-bottom: 30px
    }
}

.u-pb-25 {
    padding-bottom: 2.5rem
}

@media only screen and (min-width:1024px) {
    .u-pb-25 {
        padding-bottom: 1.3020833333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pb-25 {
        padding-bottom: 25px
    }
}

.u-pb-20 {
    padding-bottom: 2rem
}

@media only screen and (min-width:1024px) {
    .u-pb-20 {
        padding-bottom: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pb-20 {
        padding-bottom: 20px
    }
}

.u-pb-16 {
    padding-bottom: 1.6rem
}

@media only screen and (min-width:1024px) {
    .u-pb-16 {
        padding-bottom: .8333333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pb-16 {
        padding-bottom: 16px
    }
}

.u-pl-100 {
    padding-left: 10rem
}

@media only screen and (min-width:1024px) {
    .u-pl-100 {
        padding-left: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pl-100 {
        padding-left: 100px
    }
}

.u-pl-70 {
    padding-left: 7rem
}

@media only screen and (min-width:1024px) {
    .u-pl-70 {
        padding-left: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pl-70 {
        padding-left: 70px
    }
}

.u-pl-50 {
    padding-left: 5rem
}

@media only screen and (min-width:1024px) {
    .u-pl-50 {
        padding-left: 2.6041666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pl-50 {
        padding-left: 50px
    }
}

.u-pl-40 {
    padding-left: 4rem
}

@media only screen and (min-width:1024px) {
    .u-pl-40 {
        padding-left: 2.0833333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pl-40 {
        padding-left: 40px
    }
}

.u-pl-30 {
    padding-left: 3rem
}

@media only screen and (min-width:1024px) {
    .u-pl-30 {
        padding-left: 1.5625vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pl-30 {
        padding-left: 30px
    }
}

.u-pl-20 {
    padding-left: 2rem
}

@media only screen and (min-width:1024px) {
    .u-pl-20 {
        padding-left: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pl-20 {
        padding-left: 20px
    }
}

.u-ph-100 {
    padding-left: 10rem;
    padding-right: 10rem
}

@media only screen and (min-width:1024px) {
    .u-ph-100 {
        padding-left: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ph-100 {
        padding-left: 80px
    }
}

@media only screen and (min-width:1024px) {
    .u-ph-100 {
        padding-right: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ph-100 {
        padding-right: 80px
    }
}

.u-ph-50 {
    padding-left: 5rem;
    padding-right: 5rem
}

@media only screen and (min-width:1024px) {
    .u-ph-50 {
        padding-left: 2.6041666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ph-50 {
        padding-left: 50px
    }
}

@media only screen and (min-width:1024px) {
    .u-ph-50 {
        padding-right: 2.6041666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ph-50 {
        padding-right: 50px
    }
}

.u-ph-40 {
    padding-left: 4rem;
    padding-right: 4rem
}

@media only screen and (min-width:1024px) {
    .u-ph-40 {
        padding-left: 2.0833333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ph-40 {
        padding-left: 40px
    }
}

@media only screen and (min-width:1024px) {
    .u-ph-40 {
        padding-right: 2.0833333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ph-40 {
        padding-right: 40px
    }
}

.u-ph-30 {
    padding-left: 3rem;
    padding-right: 3rem
}

@media only screen and (min-width:1024px) {
    .u-ph-30 {
        padding-left: 1.5625vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ph-30 {
        padding-left: 30px
    }
}

@media only screen and (min-width:1024px) {
    .u-ph-30 {
        padding-right: 1.5625vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ph-30 {
        padding-right: 30px
    }
}

.u-ph-20 {
    padding-left: 2rem;
    padding-right: 2rem
}

@media only screen and (min-width:1024px) {
    .u-ph-20 {
        padding-left: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ph-20 {
        padding-left: 20px
    }
}

@media only screen and (min-width:1024px) {
    .u-ph-20 {
        padding-right: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ph-20 {
        padding-right: 20px
    }
}

.u-ph-none {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:1024px) {
    .u-ph-none {
        padding-left: 0
    }
}

@media only screen and (min-width:1920px) {
    .u-ph-none {
        padding-left: 0
    }
}

@media only screen and (min-width:1024px) {
    .u-ph-none {
        padding-right: 0
    }
}

@media only screen and (min-width:1920px) {
    .u-ph-none {
        padding-right: 0
    }
}

.u-pv-135 {
    padding-top: 13.5rem;
    padding-bottom: 13.5rem
}

@media only screen and (min-width:1024px) {
    .u-pv-135 {
        padding-top: 7.03125vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-135 {
        padding-top: 135px
    }
}

@media only screen and (min-width:1024px) {
    .u-pv-135 {
        padding-bottom: 7.03125vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-135 {
        padding-bottom: 135px
    }
}

.u-pv-125 {
    padding-top: 8.75rem;
    padding-bottom: 8.75rem
}

@media only screen and (min-width:1024px) {
    .u-pv-125 {
        padding-top: 6.5104166667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-125 {
        padding-top: 125px
    }
}

@media only screen and (min-width:1024px) {
    .u-pv-125 {
        padding-bottom: 6.5104166667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-125 {
        padding-bottom: 125px
    }
}

.u-pv-100 {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media only screen and (min-width:1024px) {
    .u-pv-100 {
        padding-top: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-100 {
        padding-top: 100px
    }
}

@media only screen and (min-width:1024px) {
    .u-pv-100 {
        padding-bottom: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-100 {
        padding-bottom: 100px
    }
}

.u-pv-70 {
    padding-top: 7rem;
    padding-bottom: 7rem
}

@media only screen and (min-width:1024px) {
    .u-pv-70 {
        padding-top: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-70 {
        padding-top: 70px
    }
}

@media only screen and (min-width:1024px) {
    .u-pv-70 {
        padding-bottom: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-70 {
        padding-bottom: 70px
    }
}

.u-pv-60 {
    padding-top: 4.9rem;
    padding-bottom: 4.9rem
}

@media only screen and (min-width:1024px) {
    .u-pv-60 {
        padding-top: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-60 {
        padding-top: 70px
    }
}

@media only screen and (min-width:1024px) {
    .u-pv-60 {
        padding-bottom: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-60 {
        padding-bottom: 70px
    }
}

.u-pv-50 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

@media only screen and (min-width:1024px) {
    .u-pv-50 {
        padding-top: 2.6041666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-50 {
        padding-top: 50px
    }
}

@media only screen and (min-width:1024px) {
    .u-pv-50 {
        padding-bottom: 2.6041666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-50 {
        padding-bottom: 50px
    }
}

.u-pv-30 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

@media only screen and (min-width:1024px) {
    .u-pv-30 {
        padding-top: 1.5625vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-30 {
        padding-top: 30px
    }
}

@media only screen and (min-width:1024px) {
    .u-pv-30 {
        padding-bottom: 1.5625vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-30 {
        padding-bottom: 30px
    }
}

.u-pv-25 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

@media only screen and (min-width:1024px) {
    .u-pv-25 {
        padding-top: 1.3020833333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-25 {
        padding-top: 25px
    }
}

@media only screen and (min-width:1024px) {
    .u-pv-25 {
        padding-bottom: 1.3020833333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-pv-25 {
        padding-bottom: 25px
    }
}

.u-mt {
    margin-top: 2rem
}

@media only screen and (min-width:1024px) {
    .u-mt {
        margin-top: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mt {
        margin-top: 20px
    }
}

.u-mt-200 {
    margin-top: 20rem
}

@media only screen and (min-width:1024px) {
    .u-mt-200 {
        margin-top: 10.4166666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mt-200 {
        margin-top: 200px
    }
}

.u-mt-135 {
    margin-top: 13.5rem
}

@media only screen and (min-width:1024px) {
    .u-mt-135 {
        margin-top: 7.03125vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mt-135 {
        margin-top: 135px
    }
}

.u-mt-125 {
    margin-top: 8.75rem
}

@media only screen and (min-width:1024px) {
    .u-mt-125 {
        margin-top: 6.5104166667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mt-125 {
        margin-top: 125px
    }
}

.event-contact+.sponsors,
.u-mt-100 {
    margin-top: 10rem
}

@media only screen and (min-width:1024px) {

    .event-contact+.sponsors,
    .u-mt-100 {
        margin-top: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {

    .event-contact+.sponsors,
    .u-mt-100 {
        margin-top: 100px
    }
}

.u-mt-70 {
    margin-top: 7rem
}

@media only screen and (min-width:1024px) {
    .u-mt-70 {
        margin-top: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mt-70 {
        margin-top: 70px
    }
}

.u-mt-60 {
    margin-top: 4.9rem
}

@media only screen and (min-width:1024px) {
    .u-mt-60 {
        margin-top: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mt-60 {
        margin-top: 70px
    }
}

.u-mt-50 {
    margin-top: 5rem
}

@media only screen and (min-width:1024px) {
    .u-mt-50 {
        margin-top: 2.6041666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mt-50 {
        margin-top: 50px
    }
}

.u-mt-40 {
    margin-top: 4rem
}

@media only screen and (min-width:1024px) {
    .u-mt-40 {
        margin-top: 2.0833333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mt-40 {
        margin-top: 40px
    }
}

.event-abstract__hidden,
.u-mt-30 {
    margin-top: 3rem
}

@media only screen and (min-width:1024px) {

    .event-abstract__hidden,
    .u-mt-30 {
        margin-top: 1.5625vw
    }
}

@media only screen and (min-width:1920px) {

    .event-abstract__hidden,
    .u-mt-30 {
        margin-top: 30px
    }
}

.u-mt-25 {
    margin-top: 2.5rem
}

@media only screen and (min-width:1024px) {
    .u-mt-25 {
        margin-top: 1.3020833333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mt-25 {
        margin-top: 25px
    }
}

.u-mt-20 {
    margin-top: 2rem
}

@media only screen and (min-width:1024px) {
    .u-mt-20 {
        margin-top: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mt-20 {
        margin-top: 20px
    }
}

.u-mt-16 {
    margin-top: 1.6rem
}

@media only screen and (min-width:1024px) {
    .u-mt-16 {
        margin-top: .8333333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mt-16 {
        margin-top: 16px
    }
}

.u-mt-10 {
    margin-top: 1rem
}

@media only screen and (min-width:1024px) {
    .u-mt-10 {
        margin-top: .5208333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mt-10 {
        margin-top: 10px
    }
}

.u-mr-100 {
    margin-right: 10rem
}

@media only screen and (min-width:1024px) {
    .u-mr-100 {
        margin-right: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mr-100 {
        margin-right: 100px
    }
}

.u-mr-70 {
    margin-right: 7rem
}

@media only screen and (min-width:1024px) {
    .u-mr-70 {
        margin-right: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mr-70 {
        margin-right: 70px
    }
}

.u-mr-60 {
    margin-right: 4.9rem
}

@media only screen and (min-width:1024px) {
    .u-mr-60 {
        margin-right: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mr-60 {
        margin-right: 70px
    }
}

.u-mr-50 {
    margin-right: 5rem
}

@media only screen and (min-width:1024px) {
    .u-mr-50 {
        margin-right: 2.6041666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mr-50 {
        margin-right: 50px
    }
}

.u-mr-40 {
    margin-right: 4rem
}

@media only screen and (min-width:1024px) {
    .u-mr-40 {
        margin-right: 2.0833333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mr-40 {
        margin-right: 40px
    }
}

.u-mr-30 {
    margin-right: 3rem
}

@media only screen and (min-width:1024px) {
    .u-mr-30 {
        margin-right: 1.5625vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mr-30 {
        margin-right: 30px
    }
}

.u-mr-20 {
    margin-right: 2rem
}

@media only screen and (min-width:1024px) {
    .u-mr-20 {
        margin-right: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mr-20 {
        margin-right: 20px
    }
}

.u-mr-16 {
    margin-right: 1.6rem
}

@media only screen and (min-width:1024px) {
    .u-mr-16 {
        margin-right: .8333333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mr-16 {
        margin-right: 16px
    }
}

.u-mb-135 {
    margin-bottom: 13.5rem
}

@media only screen and (min-width:1024px) {
    .u-mb-135 {
        margin-bottom: 7.03125vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mb-135 {
        margin-bottom: 135px
    }
}

.u-mb-125 {
    margin-bottom: 8.75rem
}

@media only screen and (min-width:1024px) {
    .u-mb-125 {
        margin-bottom: 6.5104166667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mb-125 {
        margin-bottom: 125px
    }
}

.u-mb-100 {
    margin-bottom: 10rem
}

@media only screen and (min-width:1024px) {
    .u-mb-100 {
        margin-bottom: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mb-100 {
        margin-bottom: 100px
    }
}

.u-mb-70 {
    margin-bottom: 7rem
}

@media only screen and (min-width:1024px) {
    .u-mb-70 {
        margin-bottom: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mb-70 {
        margin-bottom: 70px
    }
}

.u-mb-60 {
    margin-bottom: 4.9rem
}

@media only screen and (min-width:1024px) {
    .u-mb-60 {
        margin-bottom: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mb-60 {
        margin-bottom: 70px
    }
}

.home-sustainable__text p,
.u-mb-50 {
    margin-bottom: 5rem
}

@media only screen and (min-width:1024px) {

    .home-sustainable__text p,
    .u-mb-50 {
        margin-bottom: 2.6041666667vw
    }
}

@media only screen and (min-width:1920px) {

    .home-sustainable__text p,
    .u-mb-50 {
        margin-bottom: 50px
    }
}

.u-mb-40 {
    margin-bottom: 4rem
}

@media only screen and (min-width:1024px) {
    .u-mb-40 {
        margin-bottom: 2.0833333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mb-40 {
        margin-bottom: 40px
    }
}

.about-intro__content p,
.event-abstract__content p,
.event-abstract__hidden p,
.linkedin-group__description p,
.person-detail__description p,
.stem-talent-intro p,
.u-mb-30 {
    margin-bottom: 3rem
}

@media only screen and (min-width:1024px) {

    .about-intro__content p,
    .event-abstract__content p,
    .event-abstract__hidden p,
    .linkedin-group__description p,
    .person-detail__description p,
    .stem-talent-intro p,
    .u-mb-30 {
        margin-bottom: 1.5625vw
    }
}

@media only screen and (min-width:1920px) {

    .about-intro__content p,
    .event-abstract__content p,
    .event-abstract__hidden p,
    .linkedin-group__description p,
    .person-detail__description p,
    .stem-talent-intro p,
    .u-mb-30 {
        margin-bottom: 30px
    }
}

.u-mb-25 {
    margin-bottom: 2.5rem
}

@media only screen and (min-width:1024px) {
    .u-mb-25 {
        margin-bottom: 1.3020833333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mb-25 {
        margin-bottom: 25px
    }
}

.u-mb-20 {
    margin-bottom: 2rem
}

@media only screen and (min-width:1024px) {
    .u-mb-20 {
        margin-bottom: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mb-20 {
        margin-bottom: 20px
    }
}

.u-mb-16 {
    margin-bottom: 1.6rem
}

@media only screen and (min-width:1024px) {
    .u-mb-16 {
        margin-bottom: .8333333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mb-16 {
        margin-bottom: 16px
    }
}

.u-mb-10 {
    margin-bottom: 1rem
}

@media only screen and (min-width:1024px) {
    .u-mb-10 {
        margin-bottom: .5208333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mb-10 {
        margin-bottom: 10px
    }
}

.u-ml-70 {
    margin-left: 7rem
}

@media only screen and (min-width:1024px) {
    .u-ml-70 {
        margin-left: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ml-70 {
        margin-left: 70px
    }
}


.u-ml-100 {
    margin-left: 10rem
}

@media only screen and (min-width:1024px) {
    .u-ml-100 {
        margin-left: 8.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ml-100 {
        margin-left: 100px
    }
}



.u-ml-60 {
    margin-left: 4.9rem
}

@media only screen and (min-width:1024px) {
    .u-ml-60 {
        margin-left: 3.6458333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ml-60 {
        margin-left: 70px
    }
}

.u-ml-40 {
    margin-left: 4rem
}

@media only screen and (min-width:1024px) {
    .u-ml-40 {
        margin-left: 2.0833333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ml-40 {
        margin-left: 40px
    }
}

.u-ml-20 {
    margin-left: 2rem
}

@media only screen and (min-width:1024px) {
    .u-ml-20 {
        margin-left: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ml-20 {
        margin-left: 20px
    }
}

.u-ml-16 {
    margin-left: 1.6rem
}

@media only screen and (min-width:1024px) {
    .u-ml-16 {
        margin-left: .8333333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ml-16 {
        margin-left: 16px
    }
}

.u-ml-10 {
    margin-left: 1rem
}

@media only screen and (min-width:1024px) {
    .u-ml-10 {
        margin-left: .5208333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-ml-10 {
        margin-left: 10px
    }
}

.u-mh-100 {
    margin-left: 10rem;
    margin-right: 10rem
}

@media only screen and (min-width:1024px) {
    .u-mh-100 {
        margin-left: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mh-100 {
        margin-left: 100px
    }
}

@media only screen and (min-width:1024px) {
    .u-mh-100 {
        margin-right: 5.2083333333vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mh-100 {
        margin-right: 100px
    }
}

.u-mh-20 {
    margin-left: 2rem;
    margin-right: 2rem
}

@media only screen and (min-width:1024px) {
    .u-mh-20 {
        margin-left: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mh-20 {
        margin-left: 20px
    }
}

@media only screen and (min-width:1024px) {
    .u-mh-20 {
        margin-right: 1.0416666667vw
    }
}

@media only screen and (min-width:1920px) {
    .u-mh-20 {
        margin-right: 20px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-p-20 {
        padding: 20px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pt-135 {
        padding-top: 135px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pt-125 {
        padding-top: 125px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pt-100 {
        padding-top: 100px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pt-70 {
        padding-top: 70px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pt-50 {
        padding-top: 50px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pt-40 {
        padding-top: 40px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pt-30 {
        padding-top: 30px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pt-25 {
        padding-top: 25px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pt-20 {
        padding-top: 20px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pt-none {
        padding-top: 0
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pr-20 {
        padding-right: 20px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pr-none {
        padding-right: 0
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pb-200 {
        padding-bottom: 200px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pb-125 {
        padding-bottom: 125px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pb-100 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pb-70 {
        padding-bottom: 70px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pb-30 {
        padding-bottom: 30px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pb-20 {
        padding-bottom: 20px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pb-10 {
        padding-bottom: 10px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pb-none {
        padding-bottom: 0
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pl-50 {
        padding-left: 50px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pl-30 {
        padding-left: 30px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pl-20 {
        padding-left: 20px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pl-none {
        padding-left: 0
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-ph-20 {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-ph-none {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pv-70 {
        padding-bottom: 70px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pv-70 {
        padding-top: 70px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pv-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pv-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pv-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-pv-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mt-100 {
        margin-top: 100px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mt-70 {
        margin-top: 70px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mt-50 {
        margin-top: 50px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mt-40 {
        margin-top: 40px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mt-30 {
        margin-top: 30px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mt-20 {
        margin-top: 20px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mt-10 {
        margin-top: 10px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mt-none {
        margin-top: 0
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mr-40 {
        margin-right: 40px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mr-25 {
        margin-right: 25px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mr-16 {
        margin-right: 16px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mr-10 {
        margin-right: 10px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mr-none {
        margin-right: 0
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mb-100 {
        margin-bottom: 100px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mb-50 {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mb-40 {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mb-30 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mb-20 {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-mb-none {
        margin-bottom: 0
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-ml-20 {
        margin-left: 20px
    }
}

@media only screen and (max-width:1023px) {
    .u-sm-ml-none {
        margin-left: 0
    }
}

.u-padded-top {
    padding-top: 12.5rem
}

@media only screen and (min-width:1024px) {
    .u-padded-top {
        padding-top: 25rem
    }
}

@media only screen and (max-width:1023px) {
    .u-mb-mobile {
        margin-bottom: 2rem
    }
}

.u-mh-auto {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1921px) {

    .u-p-100,
    .u-ph-100 {
        padding-right: 10.4166666667vw
    }
}

@media only screen and (min-width:1921px) {

    .u-p-100,
    .u-ph-100,
    .u-pl-100 {
        padding-left: 10.4166666667vw
    }
}

.u-flex {
    display: flex
}

.u-inline-flex {
    display: inline-flex
}

.u-flex-wrap {
    flex-wrap: wrap
}

.u-flex-column {
    flex-direction: column
}

.u-flex-center {
    justify-content: center;
    align-items: center
}

.u-flex-shrink-0 {
    flex-shrink: 0
}

.u-justify-start {
    justify-content: flex-start
}

.u-justify-end {
    justify-content: flex-end
}

@media only screen and (max-width:1023px) {
    .u-justify-end {
        justify-content: flex-start
    }
}

.u-justify-center {
    justify-content: center
}

.u-justify-between {
    justify-content: space-between
}

.u-items-center {
    align-items: center
}

.u-items-start {
    align-items: flex-start
}

.u-items-end {
    align-items: flex-end
}

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

.u-upp {
    text-transform: uppercase
}

.u-nowrap {
    white-space: nowrap
}

.u-full-width-perc {
    width: 100%
}

.u-full-height-perc {
    height: 100%
}

.u-full-height-vh {
    height: 100vh
}

@media only screen and (max-width:1023px) {
    .u-sm-full-height-none {
        height: auto
    }
}

.u-overflow-hidden {
    overflow: hidden
}

.u-block {
    display: block
}

.u-inline-block {
    display: inline-block
}

.u-none {
    display: none
}

@media only screen and (max-width:1023px) {
    .u-block-mobile {
        display: block
    }
}

@media only screen and (max-width:1023px) {
    .u-flex-mobile {
        display: flex
    }
}

@media only screen and (max-width:767px) {
    .u-hide-mobile {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .u-hide-desk {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .u-hide-tablet {
        display: none
    }
}

.u-relative {
    position: relative
}

.u-absolute {
    position: absolute
}

.u-absolute-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media only screen and (max-width:1023px) {
    .u-no-br-mobile br {
        display: none
    }
}

.u-z-index-1 {
    z-index: 1
}

.u-cover {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.u-anim {
    opacity: 0;
    transform: translate3d(0, 4rem, 0);
    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s cubic-bezier(.215, .61, .355, 1)
}

.u-anim.is-inview {
    transform: translateZ(0);
    opacity: 1
}

.u-anim-fade.is-inview,
.u-anim-fade.is-inview:after {
    opacity: 1
}

.is-inview [data-js-split-chars].dark-green .char,
.is-inview [data-js-split-chars].fill-title .char {
    transform: none
}

.is-inview [data-js-split-chars]:not(.fill-title) .char {
    transform: none;
    opacity: 1
}

.is-inview .button--outline .button__bg {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    opacity: 1
}

.is-inview .button--outline span {
    opacity: 1
}

.is-inview .i-rounded-arrow .i-background,
.is-shown .i-rounded-arrow .i-background {
    transform: scale(1)
}

.is-inview .i-rounded-arrow svg,
.is-shown .i-rounded-arrow svg {
    transform: translateZ(0)
}

.is-inview .c-slider-cards__title-container:before {
    transform: scale(1) translate3d(0, -50%, 0)
}

.is-inview .bubble__top-content>* {
    opacity: 1 !important;
    transform: translateZ(0) !important
}

.is-inview .bubble__top-content:before {
    opacity: 1 !important;
    transform: translate3d(-50%, -50%, 0) scale(1) !important
}

.is-inview.bubble__content a .button,
.is-inview .bubble__top-content+a .button {
    opacity: 1;
    transform: translateZ(0)
}

.is-inview .bubble__description {
    opacity: 1 !important;
    transform: translateZ(0) !important
}

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

    to {
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes move-twink-back {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -10000px 5000px
    }
}

@keyframes move-twink-back {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -10000px 5000px
    }
}

@-webkit-keyframes spinnerScale {
    0% {
        transform: translate(-50%, -50%) scale(1)
    }

    50% {
        transform: translate(-50%, -50%) scale(1.1)
    }

    to {
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes spinnerScale {
    0% {
        transform: translate(-50%, -50%) scale(1)
    }

    50% {
        transform: translate(-50%, -50%) scale(1.1)
    }

    to {
        transform: translate(-50%, -50%) scale(1)
    }
}

* {
    box-sizing: border-box
}

html {
    font-size: 50.5%;
    background-color: #fff;
    overflow: hidden
}

@media only screen and (min-width:1025px) {
    html {
        font-size: 54.5%
    }
}

@media only screen and (min-width:1366px) {
    html {
        font-size: 59.5%
    }
}

@media only screen and (min-width:1600px) {
    html {
        font-size: 62.5%
    }
}

@media only screen and (min-width:1921px) {
    html {
        font-size: 70.5%
    }
}

html.is-loaded:not(.has-scroll-smooth) {
    overflow: auto
}

html.loading * {
    cursor: wait !important
}

html.loading a {
    pointer-events: none
}

main {
    opacity: 0
}

body.no-scroll,
html.no-scroll {
    overflow: hidden;
    touch-action: none
}

html.has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100vw;
    height: 100vh
}

html.has-scroll-dragging body {
    width: 100vw;
    height: 100vh
}

.has-scroll-smooth body,
[data-scroll-container] {
    overflow: hidden
}

[data-scroll-section] {
    position: relative
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100vh;
    transform-origin: center right;
    transition: transform .3s, opacity .3s;
    opacity: 0;
    z-index: 9999
}

.c-scrollbar:hover {
    transform: scaleX(1.45)
}

.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
    opacity: 1
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: .5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

img {
    display: block;
    height: auto
}

.img-wrp {
    overflow: hidden
}

.img-wrp img {
    margin-top: -30px;
    margin-bottom: -30px;
    width: 100%
}

img.lazy {
    opacity: 0
}

img.lazy:not(.initial) {
    transition: opacity .6s
}

img.error,
img.initial,
img.loaded {
    opacity: 1
}

.btn.swiper-button-disabled {
    opacity: .3;
    pointer-events: none
}

.btn.swiper-button-lock {
    display: none
}

.swiper-container--not-hidden {
    overflow: visible
}

.content-slider .card-content {
    position: relative
}

@media only screen and (min-width:768px) {
    .content-slider .card-content {
        padding: 0 20px
    }
}

.underline-title {
    position: relative;
    border-bottom: 1px solid #96fac8;
    letter-spacing: .4rem;
    text-transform: uppercase;
    display: inline-flex;
    padding-bottom: 10px
}

.underline-title--blue {
    border-color: #64A70B
}

.bg-night-blue .underline-title {
    color: #d1e9dd
}

.bg-light .underline-title,
.bg-white .underline-title {
    color: #64A70B
}

.underline-title[data-js-split-chars] {
    border-bottom: 0
}

.underline-title[data-js-split-chars]:before {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: #96fac8;
    width: 100%;
    height: 1px;
    display: block;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1);
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.underline-title[data-js-split-chars].is-animated:before {
    transform: scaleX(1)
}

.fill-title {
    display: block
}

.fill-title .word {
    overflow: hidden;
    position: relative
}

@supports(-webkit-text-fill-color:transparent) {
    .fill-title .word>.char {
        /*background: linear-gradient(130deg, #f06423, #0d8372 50%, #f06423 71%, #00004b);*/
        background: linear-gradient(130deg, #f06423, #64A70B 50%, #f06423 71%, #00004b);
        background-size: 375px 250px;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        transform: translateZ(0)
    }
}


@supports(-webkit-text-fill-color:transparent) {
    .fill-title--light .word>.char {
        background: linear-gradient(130deg, #fff, #91ffc8 40%, #f06423 81%, #fff);
        background-size: 375px 250px;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.title-number {
    margin-right: -15px;
    margin-top: -25px;
    flex-shrink: 0;
    display: flex;
    align-items: center
}

@media only screen and (min-width:1024px) {
    .title-number {
        margin-right: -.9375vw
    }
}

@media only screen and (min-width:1920px) {
    .title-number {
        margin-right: -18px
    }
}

@media only screen and (min-width:1024px) {
    .title-number {
        margin-top: -1.5625vw
    }
}

@media only screen and (min-width:1920px) {
    .title-number {
        margin-top: -30px
    }
}

.title-number img {
    width: 80px;
    height: 80px;
    display: block;
    z-index: 1
}

@media only screen and (min-width:1024px) {
    .title-number img {
        width: 6.375vw
    }
}

@media only screen and (min-width:1920px) {
    .title-number img {
        width: 122.4px
    }
}

@media only screen and (min-width:1024px) {
    .title-number img {
        height: 6.375vw
    }
}

@media only screen and (min-width:1920px) {
    .title-number img {
        height: 122.4px
    }
}

.title-number span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.title-number+div {
    z-index: 2
}

@media only screen and (max-width:1023px) {
    .title-number {
        margin-left: -32px
    }
}

.border-fix {
    margin-top: -1px
}

.contacts__email {
    text-decoration: underline
}

[data-js-split-chars] {
    line-height: 1.1
}

[data-js-split-chars],
[data-js-split-chars] .word {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

[data-js-split-chars] .word {
    display: inline-block;
    position: relative;
    overflow: hidden
}

[data-js-split-chars] .word:after {
    content: " ";
    white-space: pre
}

[data-js-split-chars] .word:last-child:after {
    display: none
}

[data-js-split-chars] .char {
    display: inline-block;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    transform-origin: 50% 50%
}

[data-scroll] [data-js-split-chars] .char {
    transition: transform .6s cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, 100%, 0)
}

[data-scroll] [data-js-split-chars=delay] .char {
    transition: transform 1s cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(30px, 150%, 0) rotate(20deg)
}

[data-js-split-words],
[data-js-split-words] .word {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

[data-js-split-words] .word {
    display: inline-block;
    position: relative
}

[data-js-split-words] .word:after {
    content: " ";
    white-space: pre
}

[data-js-split-lines] {
    position: relative
}

.line-row {
    display: block;
    overflow: hidden
}

.line-row__inner {
    opacity: 0;
    transform: translate3d(1%, 100%, 0);
    transition: transform 1s cubic-bezier(.215, .61, .355, 1);
    display: block
}

.is-inview .line-row__inner {
    transform: none;
    opacity: 1
}

.line-row.overflow-hidden .line-row__inner {
    transform: translate3d(0, 100%, 0);
    opacity: 1;
    transition: transform .6s ease-in-out
}

.is-inview .line-row.overflow-hidden .line-row__inner {
    transform: none
}

.main-404 {
    display: flex;
    align-items: center;
    height: 100vh
}

@media only screen and (max-width:1024px) {
    .main-404 {
        height: calc(var(--vh, 1vh)*100)
    }
}

.main-404 .error-404 .title-404 {
    line-height: 1
}

.main-404 .error-404 .content-404 {
    margin-top: 10px;
    height: auto
}

@media only screen and (min-width:1024px) {
    .main-404 .error-404 .content-404 {
        margin-top: 30px
    }
}

.main-404 .error-404 .content-404 p {
    margin-top: 20px;
    line-height: 1.2
}

.about-heritage__image {
    border-radius: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0
}

.about-heritage__image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(60deg, #64A70B, rgba(4, 14, 47, 0));
    border-radius: 100%;
    z-index: 1
}

.about-heritage__image:after {
    content: "";
    background: url(../images/year-circle.png) no-repeat 50%;
    background-size: 100%;
    width: 70%;
    height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.about-heritage__image img {
    border-radius: 100%
}

.about-heritage__item {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: relative
}

.about-heritage__item h4 {
    position: relative;
    z-index: 1
}

@media only screen and (max-width:1023px) {
    .about-heritage__item {
        margin-top: 20px
    }
}

@media only screen and (max-width:767px) {
    .about-heritage__item {
        max-width: 300px;
        margin: 0 auto 20px
    }
}

.about-heritage__item:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

@media only screen and (max-width:767px) {
    .about-heritage__btn {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }
}

.about-hero__rec {
    top: 0;
    left: 0;
    width: auto;
    z-index: 1;
    display: none;
    height: auto;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}

@media only screen and (min-width:1024px) {
    .about-hero__rec {
        width: 41.25vw
    }
}

@media only screen and (min-width:1920px) {
    .about-hero__rec {
        width: 792px
    }
}

@media only screen and (min-width:1024px) {
    .about-hero__rec {
        display: block;
        margin-top: -40vh
    }
}

@media only screen and (min-width:1921px) {
    .about-hero__rec {
        width: 32vw;
        max-width: 770px
    }
}

.about-hero__subtitle {
    color: #64A70B !important
}

@media only screen and (min-width:1024px) {
    .about-hero__subtitle {
        color: #d1e9dd !important
    }
}

.about-hero__subtitle:before {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: #96fac8;
    width: 100%;
    height: 1px;
    display: block;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1);
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.about-hero__subtitle.is-animated:before {
    transform: scaleX(.99)
}

.about-hero__sub:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    background-color: #96fac8;
    width: 100%;
    height: 1px;
    display: block;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1);
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.about-hero__sub.is-animated:before {
    transform: scaleX(.99)
}

@media only screen and (min-width:1024px) {
    .about-hero__title {
        max-width: 25vw
    }
}

@media only screen and (min-width:1920px) {
    .about-hero__title {
        max-width: 480px
    }
}

.about-hero__image {
    position: relative;
    overflow: hidden
}

.about-hero__image:before {
    content: "";
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    background-image: linear-gradient(-90deg, rgba(4, 14, 47, .75), rgba(4, 14, 47, .3));
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media only screen and (min-width:1024px) {
    .about-hero__image {
        height: 80vh
    }
}

.about-hero__image .final-image {
    position: absolute;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.about-hero__image .img-wrp {
    width: 100%;
    height: 20vh;
    position: relative;
    display: block;
    transform-origin: 0 50%;
    overflow: hidden;
    margin-top: 0
}

@media only screen and (min-width:1024px) {
    .about-hero__image .img-wrp {
        height: 20vh
    }
}

.about-hero__image .img-wrp div {
    display: block;
    position: absolute;
    left: 0;
    background-size: cover;
    background-position: 70% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 85vh;
    top: 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    will-change: transform
}

@media only screen and (min-width:1024px) {
    .about-hero__image .img-wrp div {
        background-position: 50% 50%;
        height: 100vh
    }
}

.about-hero__image .img-wrp:nth-child(2) div {
    top: -20vh
}

.about-hero__image .img-wrp:nth-child(3) div {
    top: -40vh
}

.about-hero__image .img-wrp:nth-child(4) div {
    top: -60vh
}

.about-hero__image .img-wrp:nth-child(5) div {
    top: -80vh
}

.about-hero__content {
    background: #fff;
    z-index: 2
}

@media only screen and (min-width:1024px) {
    .about-hero__content {
        background: transparent;
        position: absolute;
        top: 0
    }
}

@media only screen and (max-width:1023px) {
    .about-hero__content {
        color: #64A70B
    }
}

.about-intro {
    z-index: 2
}

@media only screen and (max-width:1023px) {
    .about-intro {
        margin-top: -140px
    }

    .about-intro,
    .about-intro+div {
        background-color: #fff
    }
}

.about-intro__content p:last-child {
    margin-bottom: 0
}

.archive-pagination {
    align-items: flex-end;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:1024px) {
    .archive-pagination {
        align-items: center;
        justify-content: center
    }
}

@media only screen and (max-width:1023px) {
    .archive-pagination a {
        order: 2
    }
}

.archive-pagination-title {
    background: url(../images/bg_archive_title.png) no-repeat 50%;
    background-size: 200px 200px
}

@media only screen and (max-width:1023px) {
    .archive-pagination-title {
        order: 1;
        flex-shrink: 0
    }
}

.board-chairs {
    z-index: 0
}

@media only screen and (min-width:1024px) {
    .board-chairs {
        margin-top: -6.25vw
    }
}

@media only screen and (min-width:1920px) {
    .board-chairs {
        margin-top: -120px
    }
}

@media only screen and (min-width:1600px) {
    .board-chairs>div {
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto
    }
}

.board-chairs__member {
    position: relative
}

@media only screen and (max-width:1023px) {
    .board-chairs__member {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .board-chairs__member:hover .member-chair__image img {
        transform: scale(1.1)
    }

    .board-chairs__member:hover .i-background {
        -webkit-mask-position: -5rem 0;
        mask-position: -5rem 0
    }

    .board-chairs__member:hover svg {
        transform: rotate(0deg)
    }
}

.member-chair__image {
    width: 135px;
    height: 135px;
    border-radius: 100%
}

@media only screen and (min-width:1024px) {
    .member-chair__image {
        width: 13.75vw
    }
}

@media only screen and (min-width:1920px) {
    .member-chair__image {
        width: 264px
    }
}

@media only screen and (min-width:1024px) {
    .member-chair__image {
        height: 13.75vw
    }
}

@media only screen and (min-width:1920px) {
    .member-chair__image {
        height: 264px
    }
}

.member-chair__image figure,
.member-chair__image figure img {
    border-radius: 100%
}

.member-chair__image figure img.loaded {
    transition: opacity .6s, transform .6s cubic-bezier(.215, .61, .355, 1)
}

@media only screen and (min-width:1025px) {
    .member-chair__image figure img.loaded {
        will-change: transform
    }
}

.member-chair__image .i-social {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    right: .5rem
}

.board-members {
    z-index: 1
}

.board-members .grid {
    transform-style: preserve-3d
}

@media only screen and (max-width:1023px) {
    .board-members .grid__col {
        width: 30%;
        max-width: 340px;
        margin-right: 16px
    }
}

@media only screen and (max-width:767px) {
    .board-members .grid__col {
        width: 100%;
        max-width: 400px
    }
}

@media only screen and (max-width:400px) {
    .board-members .grid__col {
        margin-right: 0
    }
}

@media only screen and (min-width:1600px) {
    .board-members>div {
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:1921px) {
    .board-members .fill-title {
        padding-left: 100px;
        padding-right: 100px
    }
}

.board-member {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    background-color: #64A70B
}

@media only screen and (min-width:1025px) {
    .board-member:hover img {
        transform: scale(1.1)
    }

    .board-member:hover .board-member__content {
        transform: translate3d(0, -10px, 0)
    }
}

.board-member:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    opacity: 0;
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1);
    pointer-events: none;
    background-image: linear-gradient(0deg, #64A70B, rgba(4, 14, 47, 0));
    z-index: 1;
    height: 15.5rem
}

.board-member:before,
.board-member img.loaded {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

.board-member img.loaded {
    transition: opacity .6s, transform .6s cubic-bezier(.215, .61, .355, 1)
}

@media only screen and (min-width:1025px) {
    .board-member img.loaded {
        will-change: transform
    }
}

.board-member__content {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1);
    z-index: 2
}

.board-member.lazy-block--loaded .board-member__content,
.board-member.lazy-block--loaded:before {
    opacity: 1
}

@media only screen and (max-width:1023px) {
    .board-empty {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .boards-quote {
        display: none
    }
}

@media only screen and (min-width:1366px) {
    .boards-quote {
        display: block
    }
}

.button {
    display: inline-block;
    position: relative;
    color: #023f24;
    border: 0;
    white-space: nowrap;
    padding: 1.4rem 4.5rem
}

.button__label {
    display: block
}

.button__label-inner {
    opacity: 1;
    transform: translateZ(0);
    transform-style: preserve-3d
}

.button__label-inner,
.button__label-inner:after {
    transition: opacity .6s cubic-bezier(.43, .195, .02, 1), transform .6s cubic-bezier(.43, .195, .02, 1);
    display: block
}

.button__label-inner:after {
    content: attr(data-text);
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    width: 100%;
    height: 100%;
    pointer-events: none
}

@media only screen and (min-width:1025px) {
    .button:hover .button__label-inner {
        opacity: 1;
        transform: translate3d(0, -100%, 0)
    }

    .button:hover .button__label-inner:after {
        opacity: 1;
        transform: translateZ(0)
    }

    .button:hover:before {
        transform: scale(1.05)
    }
}

.button--light {
    color: #fafafa
}

.button--outline {
    border-radius: 25px
}

.button--outline:after {
    transition-duration: .6s
}

.button--outline .button__label {
    opacity: 0
}

.button--outline .button__label-inner {
    transition-duration: .6s
}

.button--rounded {
    border: 1px solid hsla(0, 0%, 98%, .5);
    border-radius: 25px
}

.button--rounded:before {
    content: "";
    background-color: transparent;
    border-radius: 25px;
    height: 100%;
    left: 0;
    position: absolute;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s cubic-bezier(.43, .195, .02, 1);
    top: 0;
    width: 100%;
    will-change: transform
}

.button--fill {
    border: 0;
    color: #fff
}

.button--fill:before {
    background-color: #f06423
}

.button--fill-white {
    border: 0;
    color: #023f24
}

.button--fill-white:before {
    background-color: #fff
}

.button--fill-green {
    border: 0;
    color: #ffffff
}

.button--fill-green:before {
    background-color: #f06423
}

.button--dark {
    border: 1px solid rgba(4, 14, 47, .5);
    border-radius: 25px;
    color: #64A70B
}

.button--small {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.button__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid #64A70B;
    border-radius: 25px;
    -webkit-mask-image: linear-gradient(230deg, #0a205c, rgba(9, 28, 83, .1) 19%, rgba(9, 27, 79, 0) 25%, rgba(8, 24, 73, 0) 49%, rgba(7, 21, 65, 0) 73%, rgba(7, 21, 64, .1) 82%, #64A70B);
    mask-image: linear-gradient(230deg, #0a205c, rgba(9, 28, 83, .1) 19%, rgba(9, 27, 79, 0) 25%, rgba(8, 24, 73, 0) 49%, rgba(7, 21, 65, 0) 73%, rgba(7, 21, 64, .1) 82%, #64A70B);
    transition: opacity .6s cubic-bezier(.43, .195, .02, 1), -webkit-mask .6s cubic-bezier(.43, .195, .02, 1);
    transition: mask .6s cubic-bezier(.43, .195, .02, 1), opacity .6s cubic-bezier(.43, .195, .02, 1);
    transition: mask .6s cubic-bezier(.43, .195, .02, 1), opacity .6s cubic-bezier(.43, .195, .02, 1), -webkit-mask .6s cubic-bezier(.43, .195, .02, 1);
    opacity: 0;
    -webkit-mask-position: 100px 10px;
    mask-position: 100px 10px
}

.button--light .button__bg {
    -webkit-mask-image: linear-gradient(230deg, #fff, hsla(0, 0%, 100%, .1) 19%, hsla(0, 0%, 100%, 0) 25%, hsla(0, 0%, 100%, 0) 51%, hsla(0, 0%, 100%, 0) 73%, hsla(0, 0%, 100%, .1) 82%, #fff);
    mask-image: linear-gradient(230deg, #fff, hsla(0, 0%, 100%, .1) 19%, hsla(0, 0%, 100%, 0) 25%, hsla(0, 0%, 100%, 0) 51%, hsla(0, 0%, 100%, 0) 73%, hsla(0, 0%, 100%, .1) 82%, #fff);
    border-color: #fff
}

.button--light.button--fill {
    background-color: #fff;
    color: #023f24
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: .15
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: .15
    }
}

@-webkit-keyframes scale {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

.canvas-background-wrp {
    width: 100%;
    height: 1000px;
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute;
    pointer-events: none
}

.canvas-background-wrp .canvas-background {
    opacity: .3;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
    background-color: #64A70B;
    z-index: 2;
    background-image: radial-gradient(at 11% 36%, #96fac8 0, rgba(150, 250, 200, 0) 50%), radial-gradient(at 89% 76%, #f06423 0, rgba(3, 16, 106, 0) 50%), radial-gradient(at 15% 66%, rgba(150, 160, 250, .65) 0, rgba(150, 160, 250, 0) 50%), radial-gradient(at 100% 4%, #0390d8 0, rgba(3, 144, 216, 0) 50%), radial-gradient(at 71% 21%, #96fac8 0, rgba(150, 250, 200, 0) 50%), radial-gradient(at 39% 64%, rgba(33, 185, 109, .45) 0, rgba(33, 185, 109, 0) 50%);
    -webkit-mask-image: linear-gradient(0deg, #000 55%, transparent 98%, transparent);
    mask-image: linear-gradient(0deg, #000 55%, transparent 98%, transparent)
}

.canvas-background-wrp .canvas-background:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(0deg, #64A70B, rgba(4, 14, 47, 0) 22%)
}

.canvas-background-wrp .canvas-background:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(165deg, #64A70B 8%, rgba(4, 14, 47, .21) 73%)
}

.stars,
.twinkling {
    position: absolute;
    top: 15rem;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block
}

.stars {
    background-color: #64A70B;
    background-repeat: repeat;
    background-position: top;
    z-index: 0;
    opacity: 0
}

.twinkling {
    background: transparent url(../images/twinkling.png) repeat top;
    opacity: 0;
    z-index: 1
}

.event-abstract {
    z-index: 2
}

.event-abstract__content ul {
    padding-left: 2rem;
    margin-bottom: 3rem
}

.event-abstract__content ul li {
    position: relative;
    margin-bottom: .5rem;
    display: list-item;
    padding-left: 1.5rem;
    line-height: 1.3
}

.event-abstract__content ul li:last-child {
    margin-bottom: 0
}

.event-abstract__content ul>li::marker {
    content: "■";
    color: #96fac8
}

.event-abstract__content a {
    color: #96fac8;
    text-decoration: underline
}

.event-abstract strong {
    color: #96fac8
}

.event-abstract__hidden {
    max-height: 0;
    overflow: hidden;
    transition: max-height .15s ease-out, opacity .15s ease-out
}

.event-abstract__hidden+button {
    transition: opacity .6s ease-out
}

.event-abstract__hidden+button .button__bg,
.event-abstract__hidden+button .button__label {
    opacity: 1
}

.event-abstract__hidden+button .button__bg {
    -webkit-mask-position: 0 0;
    mask-position: 0 0
}

.event-abstract__hidden+button.hide-btn {
    opacity: 0;
    pointer-events: none
}

.event-contact--no-social {
    border-top: 1px solid #6d7474
}

.event-contact__share {
    flex-direction: column
}

@media only screen and (min-width:1024px) {
    .event-contact__share {
        flex-direction: row
    }
}

@media only screen and (max-width:1023px) {
    .event-contact__social {
        border-top: 1px solid #6d7474;
        border-bottom: 1px solid #6d7474;
        width: 100%
    }
}

.event-contact__bottom {
    flex-direction: column
}

@media only screen and (min-width:1024px) {
    .event-contact__bottom {
        flex-direction: row
    }
}

.event-contact__border {
    display: none
}

@media only screen and (min-width:1024px) {
    .event-contact__border {
        display: block
    }
}

.event-contact__border.event-contact__border--no-social {
    display: block
}

@media only screen and (min-width:1366px) {
    .event-contact__border.event-contact__border--no-social span {
        width: 100%
    }
}

.event-contact__border span {
    width: 100%;
    height: 1px;
    background-color: #6d7474;
    display: block
}

@media only screen and (min-width:1366px) {
    .event-contact__border span {
        width: 95%
    }
}

.event-documentation {
    z-index: 1
}

.event-documentation .document:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #96fac8;
    opacity: .5;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media only screen and (max-width:1023px) {
    .event-documentation .document__right {
        flex-direction: column
    }
}

.event-documentation .hidden h3,
.event-documentation .hidden img,
.event-documentation .hidden p,
.event-documentation .hidden span {
    opacity: .25;
    transition: opacity .5s ease
}

.event-documentation .hidden .hidden-text {
    height: 100%;
    left: 0;
    top: 0
}

.event-documentation .hidden .hidden-text span {
    opacity: 0;
    transition: opacity .5s ease
}

.event-documentation .hidden .hidden-text .change-account {
    text-decoration: underline
}

.event-documentation .hidden:hover h3,
.event-documentation .hidden:hover img,
.event-documentation .hidden:hover p,
.event-documentation .hidden:hover span {
    opacity: .1
}

.event-documentation .hidden:hover .hidden-text span {
    opacity: 1
}

.event-endorsed__content {
    border-top: 1px solid #6d7474
}

.event-endorsed__item {
    width: 50%
}

@media only screen and (min-width:768px) {
    .event-endorsed__item {
        width: 25%
    }
}

.event-endorsed__item img {
    margin: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media only screen and (min-width:1366px) {
    .event-endorsed__item img {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.event-endorsed--sponsorship .event-endorsed__content {
    border-top: 0
}

@media only screen and (min-width:1024px) {
    .event-endorsed--sponsorship .event-endorsed__item {
        width: 20%
    }
}

@media only screen and (max-width:1024px) {
    .event-header {
        height: calc(var(--vh, 1vh)*100)
    }
}

@media only screen and (max-width:1024px) {
    .event-header__container {
        height: 100%
    }
}

.event-header__image {
    display: block;
    right: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 1;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    will-change: transform
}

@media only screen and (min-width:1024px) {
    .event-header__image {
        right: -3.125vw
    }
}

@media only screen and (min-width:1920px) {
    .event-header__image {
        right: -60px
    }
}

@media only screen and (max-width:1024px) {
    .event-header__image {
        height: calc(var(--vh, 1vh)*110)
    }
}

@media only screen and (min-width:1024px) {
    .event-header__image {
        width: 100vw
    }
}

.event-header__image figure {
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative
}

.event-header__image figure:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #64A70B;
    z-index: -1
}

.event-header__image figure:after,
.event-header__image figure:before {
    content: "";
    position: absolute;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.event-header__image figure:after {
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    top: -1px;
    left: -1px;
    z-index: 1;
    background-image: linear-gradient(90deg, #64A70B, rgba(4, 14, 47, .4))
}

@media only screen and (min-width:1024px) {
    .event-header__image {
        height: 135vh;
        top: -35vh;
        box-shadow: 0 10px 30px 0 rgba(4, 14, 47, .5)
    }
}

@media only screen and (min-width:1921px) {
    .event-header__image {
        left: auto;
        right: -85px;
        height: 136vh;
        top: -40vh
    }
}

.event-header__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.event-header .trademark {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
    position: relative
}

.event-header .trademark .word:after,
.event-header .trademark:after {
    content: " ";
    white-space: pre
}

.event-header__meta {
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.event-header__main {
    max-width: 190rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .event-header__main {
        height: 100vh;
        width: 100%
    }
}

@media only screen and (min-width:1921px) {
    .event-header__main {
        padding-bottom: 20vh
    }
}

.event-header__content {
    z-index: 2;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media only screen and (min-width:1024px) {
    .event-header__content {
        position: relative
    }
}

.event-header__content h1,
.event-header__content h2 {
    line-height: 1.1
}

@media only screen and (max-width:1023px) {
    .event-header__inner {
        position: static
    }
}

.event-header__date {
    border-top: 1px solid #96fac8
}

.event-header .date-separator {
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    background-color: #96fac8;
    align-self: center
}

.event-header__sponsor {
    border-top: 1px solid #96fac8;
    order: 2;
    width: 100%
}

.event-header__sponsor img {
    width: 30px
}

.event-header__sponsor+.event-header__date {
    border-top: 0;
    order: 1
}

.event-header__register {
    left: 50%;
    transform: translateX(-50%);
    bottom: -85px;
    z-index: 9999
}

@media only screen and (min-width:1024px) {
    .event-header__register {
        left: auto;
        transform: none;
        right: 0;
        bottom: 0
    }
}

.event-header__speakers {
    z-index: 2
}

@media only screen and (min-width:1024px) {
    .event-header__speakers {
        width: 100%
    }
}

.event-header__speaker {
    width: 80px;
    margin-right: 20px
}

@media only screen and (min-width:1024px) {
    .event-header__speaker {
        width: 5.8125vw
    }
}

@media only screen and (min-width:1920px) {
    .event-header__speaker {
        width: 111.6px
    }
}

@media only screen and (min-width:1024px) {
    .event-header__speaker {
        margin-right: 1.25vw
    }
}

@media only screen and (min-width:1920px) {
    .event-header__speaker {
        margin-right: 24px
    }
}

@media only screen and (max-width:767px) {
    .event-header__speaker {
        flex-shrink: 0
    }
}

@media only screen and (min-width:768px) {
    .event-header__speaker:last-child {
        margin-right: 0
    }
}

.event-header__speaker img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.event-header__speakers-wrp {
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media only screen and (max-width:767px) {
    .event-header__speakers-wrp>div {
        overflow: hidden;
        overflow-x: scroll;
        white-space: nowrap;
        width: calc(100vw - 110px)
    }
}

.event-header__days {
    bottom: 0;
    right: 0;
    z-index: 0;
    color: #000;
    height: 50vh;
    display: none;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media only screen and (min-width:1024px) {
    .event-header__days {
        width: 46.875vw
    }
}

@media only screen and (min-width:1920px) {
    .event-header__days {
        width: 900px
    }
}

@media only screen and (min-width:1024px) {
    .event-header__days {
        display: flex
    }
}

@media only screen and (min-width:1921px) {
    .event-header__days {
        width: 49vw
    }
}

.event-header__updated {
    z-index: 1
}

@media only screen and (min-width:1024px) {
    .events-archive__item:not(:first-child) {
        margin-top: 16px
    }
}

@media only screen and (min-width:1024px) {
    .events-archive__item {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .events-archive__item:not(.events-archive__item--coming):hover .events-archive__image:after {
        opacity: 0
    }

    .events-archive__item:not(.events-archive__item--coming):hover .events-archive__image img {
        transform: scale(1.18) rotate(-5deg)
    }

    .events-archive__item:not(.events-archive__item--coming):hover .events-archive__text:before {
        transform: translate(-50%, -50%) rotate(0deg);
        opacity: 1
    }
}

.events-archive__image {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.events-archive__image:before {
    background-color: rgba(4, 14, 47, .6);
    z-index: 1
}

.events-archive__image:after,
.events-archive__image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.events-archive__image:after {
    background-image: linear-gradient(140deg, #64A70B 60%, rgba(4, 14, 47, .21));
    z-index: 0;
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1)
}

@media only screen and (max-width:1023px) {
    .events-archive__image:after {
        display: none
    }
}

.events-archive__item--coming .events-archive__image:after {
    display: block
}

.events-archive__image img {
    transition: transform .6s cubic-bezier(.215, .61, .355, 1);
    will-change: transform
}

@media only screen and (min-width:1024px) {
    .events-archive__col2 .events-archive__text:before {
        width: 11.875vw
    }
}

@media only screen and (min-width:1920px) {
    .events-archive__col2 .events-archive__text:before {
        width: 228px
    }
}

@media only screen and (min-width:1024px) {
    .events-archive__col2 .events-archive__text:before {
        height: 11.875vw
    }
}

@media only screen and (min-width:1920px) {
    .events-archive__col2 .events-archive__text:before {
        height: 228px
    }
}

@media only screen and (max-width:1023px) {
    .events-archive__col2 {
        margin-top: 4px
    }

    .events-archive__col2 .events-archive__item {
        width: calc(50% - 2px)
    }
}

@media only screen and (min-width:1024px) {
    .events-archive__col3 .events-archive__text:before {
        width: 10.625vw
    }
}

@media only screen and (min-width:1920px) {
    .events-archive__col3 .events-archive__text:before {
        width: 204px
    }
}

@media only screen and (min-width:1024px) {
    .events-archive__col3 .events-archive__text:before {
        height: 10.625vw
    }
}

@media only screen and (min-width:1920px) {
    .events-archive__col3 .events-archive__text:before {
        height: 204px
    }
}

@media only screen and (max-width:1023px) {
    .events-archive__col3 {
        margin-top: 4px
    }

    .events-archive__col3 .events-archive__item {
        width: calc(33.33333% - 2px)
    }

    .events-archive__col3 .events-archive__item span:last-child {
        display: none
    }
}

.events-archive__grid {
    margin-top: -35px
}

@media only screen and (min-width:1024px) {
    .events-archive__grid {
        margin-top: -8.125vw
    }
}

@media only screen and (min-width:1920px) {
    .events-archive__grid {
        margin-top: -156px
    }
}

.gallery-slider--big .events-archive__grid {
    margin-top: 0
}

.events-archive__content:after {
    content: "";
    display: block;
    padding-bottom: 70%
}

@media only screen and (min-width:1024px) {
    .events-archive__content:after {
        padding-bottom: 100%
    }
}

.events-archive__text {
    position: relative;
    transform-style: preserve-3d;
    z-index: 1
}

.events-archive__text,
.events-archive__text:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.events-archive__text:before {
    content: "";
    border: 2px solid #fff;
    border-radius: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    opacity: 0;
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1);
    -webkit-mask-image: linear-gradient(230deg, #fff, hsla(0, 0%, 100%, .1) 19%, hsla(0, 0%, 100%, 0) 25%, hsla(0, 0%, 100%, 0) 51%, hsla(0, 0%, 100%, 0) 73%, hsla(0, 0%, 100%, .1) 82%, #fff);
    mask-image: linear-gradient(230deg, #fff, hsla(0, 0%, 100%, .1) 19%, hsla(0, 0%, 100%, 0) 25%, hsla(0, 0%, 100%, 0) 51%, hsla(0, 0%, 100%, 0) 73%, hsla(0, 0%, 100%, .1) 82%, #fff);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    transform-style: preserve-3d
}

@media only screen and (min-width:1024px) {
    .events-archive__text:before {
        width: 15.625vw
    }
}

@media only screen and (min-width:1920px) {
    .events-archive__text:before {
        width: 300px
    }
}

@media only screen and (min-width:1024px) {
    .events-archive__text:before {
        height: 15.625vw
    }
}

@media only screen and (min-width:1920px) {
    .events-archive__text:before {
        height: 300px
    }
}

.events-archive__title {
    font-size: 12.3333333333vw;
    opacity: .2;
    display: inline-block;
    color: #a0a0a0
}

@media only screen and (min-width:1024px) {
    .events-archive__title {
        font-size: 11.875vw
    }
}

@media only screen and (min-width:1920px) {
    .events-archive__title {
        font-size: 228px
    }
}

.events-archive__title--first {
    z-index: 2
}

.events-archive__bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.chair-topic {
    background-color: #64A70B;
    z-index: 2;
    background-image: radial-gradient(at 11% 36%, #96fac8 0, rgba(150, 250, 200, 0) 50%), radial-gradient(at 89% 76%, #f06423 0, rgba(3, 16, 106, 0) 50%), radial-gradient(at 15% 66%, #96a0fa 0, rgba(150, 160, 250, 0) 50%), radial-gradient(at 100% 4%, #0390d8 0, rgba(3, 144, 216, 0) 50%), radial-gradient(at 71% 21%, #96fac8 0, rgba(150, 250, 200, 0) 50%), radial-gradient(at 39% 64%, #21b96d 0, rgba(33, 185, 109, 0) 50%);
    background-size: cover;
    position: relative
}

.chair-topic,
.chair-topic:before {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.chair-topic:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(0deg, #64A70B, rgba(4, 14, 47, 0) 80%);
    z-index: -1
}

@media only screen and (max-width:767px) {
    .chair-topic {
        max-width: 220px;
        margin-bottom: 20px
    }
}

.chair-topic:after {
    content: "";
    padding-bottom: 100%
}

.event-schedule {
    z-index: 1
}

@media only screen and (min-width:1024px) {
    .event-schedule {
        z-index: 2
    }
}

@media only screen and (max-width:1023px) {
    .event-schedule__flier {
        position: absolute;
        bottom: -40px
    }
}

.event-schedule__col {
    position: relative
}

.event-schedule__col:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #6d7474
}

@media only screen and (min-width:1024px) {
    .event-schedule__col:after {
        right: 2.5vw
    }
}

@media only screen and (min-width:1920px) {
    .event-schedule__col:after {
        right: 48px
    }
}

@media only screen and (min-width:1024px) {
    .event-schedule__col:after {
        left: auto;
        top: 0;
        display: block;
        width: 1px;
        height: 100%
    }
}

.event-schedule__col:nth-child(2) {
    transition-delay: .1s
}

.event-schedule__col:last-child {
    transition-delay: .2s
}

.event-schedule__col:last-child:after {
    display: none
}

.event-schedule__social {
    opacity: .4;
    display: none
}

@media only screen and (min-width:1024px) {
    .event-schedule__social {
        display: block
    }
}

.event-session__content {
    border-bottom: 1px solid #6d7474
}

.event-session__label {
    position: relative;
    transition: opacity .6s cubic-bezier(.43, .195, .02, 1)
}

.event-session__label:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    background-color: #96fac8;
    height: 1px;
    width: 100%
}

.event-session__label--hide {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0
}

.event-session__btn .plus {
    transition: transform .6s cubic-bezier(.43, .195, .02, 1);
    transform-origin: 50% 50%
}

.event-session__btn.active .event-session__label {
    opacity: 0
}

.event-session__btn.active .event-session__label--hide {
    opacity: 1
}

.event-session__btn.active .i-social {
    pointer-events: none
}

.event-session__btn--close .i-social__plus svg,
.event-session__btn.active svg {
    transform: rotate(-45deg)
}

.event-session .event-timetable {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .6s cubic-bezier(.215, .61, .355, 1), opacity .6s cubic-bezier(.215, .61, .355, 1);
    margin-bottom: 0
}

.event-session .event-timetable__content {
    border: 1px solid #6d7474
}

.event-session .event-timetable__row {
    border-bottom: 1px solid #6d7474
}

.event-session .event-timetable__row a {
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin-bottom: .3rem
}

.event-session .event-timetable__row:last-child {
    border-bottom: 0
}

@media only screen and (max-width:1023px) {
    .event-session .event-timetable__row--header {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .events-list__items:hover .event {
        opacity: .6
    }
}

.events-list.bg-white {
    margin-top: -1px
}

.events-list .archive-events__title {
    text-align: center
}

@media only screen and (min-width:1024px) {
    .events-list .archive-events__title {
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }
}

.events-list .archive-events__btn {
    display: block
}

.events-list .archive-events__btn.active .button {
    background-color: #fff;
    color: #64A70B
}

@media only screen and (min-width:1024px) {
    .events-list .archive-events__years-filter {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        flex-direction: column
    }
}

.events-list .years-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    justify-items: end;
    max-height: 0;
    overflow: hidden;
    transition: max-height .6s cubic-bezier(.215, .61, .355, 1), opacity .6s cubic-bezier(.215, .61, .355, 1);
    display: grid;
    position: relative;
    margin-left: -3.2rem;
    margin-top: 1.5rem
}

@media only screen and (min-width:1024px) {
    .events-list .years-list {
        margin-left: 0
    }
}

.events-list .years-list li {
    margin-left: 1.6rem;
    padding: .8rem 0 .8rem 1.6rem;
    position: relative
}

.events-list .years-list li:last-child:after,
.events-list .years-list li:nth-child(6n+6):after {
    display: none
}

.events-list .years-list li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 1px;
    background-color: #96fac8;
    top: 50%;
    transform: translateY(-50%);
    right: -1.6rem
}

.events-list .years-list li.current-year {
    pointer-events: none
}

.events-list .years-list li a {
    display: block
}

.events-list--next .event {
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.events-list--next .event:after {
    opacity: .5;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.events-list--next .event:after,
.events-list--updated .event .grid:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #96fac8
}

.events-list .event {
    position: relative
}

.events-list .event:not(.u-anim) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transform: translateZ(0);
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1)
}

@media only screen and (min-width:1025px) {
    .events-list .event:hover {
        opacity: 1
    }
}

.events-list .event .trademark {
    display: inline-block;
    vertical-align: top
}

.grid:not(.first-year) .events-list .event:last-child {
    margin-bottom: 0
}

.events-list .event:last-child .grid:after,
.grid:not(.first-year) .events-list .event:last-child:after {
    display: none
}

.events-list .event__logo {
    max-width: 100px
}

.events-list .event strong {
    display: block;
    color: #96fac8
}

.events-list .event--featured:before {
    content: "";
    position: absolute;
    top: -1.5rem;
    left: -3rem;
    width: 9.9rem;
    height: 4.6rem;
    background: url(../images/signature_event_marker.png) no-repeat
}

.events-list .event__year {
    transform-origin: 0 0;
    opacity: .35;
    color: #fff;
    margin-bottom: -2rem
}

@media only screen and (min-width:1024px) {
    .events-list .event__year {
        line-height: .4;
        opacity: .25;
        transform: rotate(-90deg) translateX(-90%)
    }
}

.events-list .event__number-container {
    padding-left: 0
}

.events-list .event__number-container:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

@media only screen and (min-width:1024px) {
    .events-list .event__number-container {
        max-width: 9rem;
        max-height: 9rem
    }
}

@media only screen and (min-width:1366px) {
    .events-list .event__number-container {
        max-width: 10rem;
        max-height: 10rem
    }
}

@media only screen and (max-width:1023px) {
    .events-list .event__number-container {
        position: absolute;
        top: 5rem;
        left: -3.2rem;
        width: 7rem;
        height: 7rem
    }
}

.events-list .event__number {
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:1023px) {
    .events-list .event__right {
        flex-direction: column
    }
}

.events-list .event__tooltip {
    text-decoration: underline;
    display: inline-block;
    cursor: pointer
}

@media only screen and (min-width:1025px) {
    .events-list .event__tooltip:hover img {
        display: block
    }
}

.events-list .event__tooltip img {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: none
}

.events-list .event__image {
    position: absolute;
    height: 17rem;
    top: 50%;
    left: 0;
    transform: translate3d(-50%, -50%, 0);
    width: 23rem;
    z-index: -1
}

.events-list .event__image:before {
    background: #fff;
    transform-origin: 50% 50%;
    transform: rotate(-10deg) translate3d(20%, 20%, 0);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .6s cubic-bezier(.215, .61, .355, 1);
    z-index: -2
}

.events-list .event__image:after,
.events-list .event__image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0
}

.events-list .event__image:after {
    transition: transform .6s cubic-bezier(.215, .61, .355, 1) .1s, opacity .6s cubic-bezier(.215, .61, .355, 1) .1s;
    background: #96fac8;
    transform-origin: 50% 50%;
    transform: rotate(-10deg) translate3d(25%, 25%, 0);
    z-index: -1
}

.events-list .event__image figure {
    width: 100%;
    height: 100%;
    opacity: 0;
    transform-origin: 50% 50%;
    transform: rotate(-10deg) translate3d(30%, 30%, 0);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1) .15s, opacity .6s cubic-bezier(.215, .61, .355, 1) .15s
}

.events-list .event__image figure:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #64A70B;
    display: block
}

.events-list .event__image figure img {
    -webkit-mask-image: linear-gradient(-135deg, transparent 13%, rgba(0, 0, 0, .8));
    mask-image: linear-gradient(-135deg, transparent 13%, rgba(0, 0, 0, .8))
}

@media only screen and (min-width:1025px) {

    .events-list .event:hover .event__image:after,
    .events-list .event:hover .event__image:before,
    .events-list .event:hover .event__image figure {
        opacity: 1;
        transform: none
    }
}

.event-speakers {
    z-index: 2
}

.event-speakers .u-anim:nth-child(3n+2) {
    transition-delay: .2s
}

.event-speakers .u-anim:nth-child(3n+3) {
    transition-delay: .4s
}

.event-speakers__item--big .event-speakers__image {
    width: 140px
}

@media only screen and (min-width:1024px) {
    .event-speakers__item--big .event-speakers__image {
        width: 11.25vw
    }
}

@media only screen and (min-width:1920px) {
    .event-speakers__item--big .event-speakers__image {
        width: 216px
    }
}

.event-speakers__image {
    width: 140px;
    border-radius: 100%
}

@media only screen and (min-width:1024px) {
    .event-speakers__image {
        width: 9.375vw
    }
}

@media only screen and (min-width:1920px) {
    .event-speakers__image {
        width: 180px
    }
}

.event-speakers__image+div {
    position: absolute;
    bottom: 0;
    right: 0
}

@media only screen and (min-width:1024px) {
    .event-speakers__logo {
        max-width: 7.375vw
    }
}

@media only screen and (min-width:1920px) {
    .event-speakers__logo {
        max-width: 141.6px
    }
}

.event-webinars .hidden img,
.event-webinars .hidden p,
.event-webinars .hidden span {
    opacity: .25
}

.event-webinars .hidden .hidden-text {
    height: 100%;
    left: 0;
    top: 0
}

.event-webinars .hidden .hidden-text span {
    opacity: 0;
    transition: opacity .5s ease
}

.event-webinars .hidden .hidden-text .change-account {
    text-decoration: underline
}

.event-webinars .hidden:hover .hidden-text span {
    opacity: 1
}

/*.footer {
    margin-top: -1px;
    background: #fff
}

.footer__top {
    border-top: 1px solid #96fac8
}

.footer__logo {
    width: 120px
}

@media only screen and (min-width:1024px) {
    .footer__logo {
        width: 20rem
    }
}

.footer__nav {
    border-bottom: 1px solid #d1e9dd;
    padding-bottom: .5rem
}

@media only screen and (min-width:1024px) {
    .footer__nav {
        border-bottom: 0;
        border-right: 1px solid #d1e9dd;
        padding-bottom: 0
    }
}

@media only screen and (max-width:1023px) {
    .footer__nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.footer__nav ul li {
    margin-bottom: 1rem;
    margin-right: 3rem
}

@media only screen and (min-width:1024px) {
    .footer__nav ul li {
        margin-right: 0;
        margin-bottom: .5rem
    }

    .footer__nav ul li:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:1023px) {
    .footer__social {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.footer__social svg {
    width: 4rem;
    height: 4rem
}*/

.newsletter-form {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    display: none
}

.newsletter-form--opened {
    display: block
}

.newsletter-form__close {
    position: absolute;
    top: 20px;
    right: 20px
}

.newsletter-form-content {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background-color: #fff;
    padding: 40px
}

@media only screen and (max-width:767px) {
    .newsletter-form-content {
        width: 320px;
        padding: 20px
    }
}

.newsletter-form-content div.ctct-form-embed div.ctct-form-defaults {
    padding: 0
}

.newsletter-form-content div.ctct-form-embed form.ctct-form-custom fieldset.ctct-form-lists {
    padding-left: 0
}

.newsletter-form-content div.ctct-form-embed form.ctct-form-custom fieldset.ctct-form-lists legend.ctct-form-lists-legend {
    left: 0
}

.newsletter-form-content div.ctct-form-embed form.ctct-form-custom label.ctct-form-label {
    display: inline-block
}

.newsletter-form-content div.ctct-form-embed form.ctct-form-custom .ctct-form-required:before {
    left: auto;
    right: -12px;
    color: #64A70B
}

.newsletter-form-content div.ctct-form-embed form.ctct-form-custom div.ctct-form-listitem {
    display: inline-block;
    margin-right: 15px
}

.newsletter-form-content div.ctct-form-embed form.ctct-form-custom label.ctct-form-listname {
    padding-left: 0
}

.newsletter-form-content div.ctct-form-embed form.ctct-form-custom div.ctct-form-listitem input[type=checkbox].ctct-form-checkbox,
.newsletter-form-content div.ctct-form-embed form.ctct-form-custom div.ctct-form-listitem label.ctct-form-checkbox-label {
    display: inline-block
}

.newsletter-form-content .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {
    background-color: #023f24;
    border-radius: 25px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 1.3rem 4.5rem;
    border: 0
}

.grecaptcha-badge {
    display: none
}

@media only screen and (min-width:1025px) {
    .news-list:hover .news {
        opacity: .4
    }
}

.news-list .news {
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media only screen and (min-width:1025px) {
    .news-list .news:hover {
        opacity: 1
    }
}

.news-list .news:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #96fac8;
    opacity: .5;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media only screen and (max-width:1023px) {
    .news-list .news__right {
        flex-direction: column
    }
}

.news-list .news__image {
    position: absolute;
    height: 17rem;
    top: 50%;
    left: 0;
    transform: translate3d(-50%, -50%, 0);
    width: 23rem;
    z-index: -1
}

.news-list .news__image:before {
    background: #fff;
    transform-origin: 50% 50%;
    transform: rotate(-10deg) translate3d(20%, 20%, 0);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .6s cubic-bezier(.215, .61, .355, 1);
    z-index: -2
}

.news-list .news__image:after,
.news-list .news__image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0
}

.news-list .news__image:after {
    transition: transform .6s cubic-bezier(.215, .61, .355, 1) .1s, opacity .6s cubic-bezier(.215, .61, .355, 1) .1s;
    background: #96fac8;
    transform-origin: 50% 50%;
    transform: rotate(-10deg) translate3d(25%, 25%, 0);
    z-index: -1
}

.news-list .news__image figure {
    width: 100%;
    height: 100%;
    opacity: 0;
    transform-origin: 50% 50%;
    transform: rotate(-10deg) translate3d(30%, 30%, 0);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1) .15s, opacity .6s cubic-bezier(.215, .61, .355, 1) .15s
}

.news-list .news__image figure:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #64A70B;
    display: block
}

.news-list .news__image figure img {
    -webkit-mask-image: linear-gradient(-135deg, transparent 13%, rgba(0, 0, 0, .8));
    mask-image: linear-gradient(-135deg, transparent 13%, rgba(0, 0, 0, .8))
}

@media only screen and (min-width:1025px) {

    .news-list .news:hover .news__image:after,
    .news-list .news:hover .news__image:before,
    .news-list .news:hover .news__image figure {
        opacity: 1;
        transform: none
    }
}

.gallery-slider .main-carousel--archive-big .gallery-item {
    width: 95%;
    max-width: 340px
}

@media only screen and (min-width:1024px) {
    .gallery-slider .main-carousel--archive-big .gallery-item {
        width: 60vw
    }
}

@media only screen and (min-width:1920px) {
    .gallery-slider .main-carousel--archive-big .gallery-item {
        width: 1152px
    }
}

@media only screen and (min-width:1024px) {
    .gallery-slider .main-carousel--archive-big .gallery-item {
        max-width: none
    }
}

.gallery-slider.bg-white .gallery-item figure {
    background-color: #64A70B
}

.gallery-slider.bg-white .gallery-item__caption {
    color: #64A70B;
    margin-bottom: -2px
}

.gallery-slider .gallery-item {
    width: 95%;
    max-width: 340px
}

@media only screen and (min-width:1024px) {
    .gallery-slider .gallery-item {
        width: 35.625vw
    }
}

@media only screen and (min-width:1920px) {
    .gallery-slider .gallery-item {
        width: 684px
    }
}

.gallery-slider .gallery-item figure {
    background-color: #96fac8
}

@media only screen and (min-width:1024px) {
    .gallery-slider .gallery-item {
        max-width: none
    }
}

.gallery-slider .gallery-item img {
    width: 100%
}

.gallery-slider .gallery-item:last-child {
    margin-right: 0
}

.gallery-slider .gallery-item__caption {
    color: hsla(0, 0%, 98%, .84)
}

@media only screen and (max-width:1023px) {
    .gallery-slider__btns {
        bottom: -3rem;
        left: 0;
        position: absolute
    }
}

@media only screen and (min-width:1024px) {
    .gallery-slider__btns {
        margin-bottom: -6.25vw
    }
}

@media only screen and (min-width:1920px) {
    .gallery-slider__btns {
        margin-bottom: -120px
    }
}

@media only screen and (min-width:1024px) {
    .gallery-slider--big .gallery-slider__btns {
        margin-bottom: 4.0625vw
    }
}

@media only screen and (min-width:1920px) {
    .gallery-slider--big .gallery-slider__btns {
        margin-bottom: 78px
    }
}

.gallery-slider__title {
    font-size: 110px;
    color: #e1e2e6;
    opacity: .2;
    display: inline-block;
    white-space: nowrap
}

@media only screen and (min-width:1024px) {
    .gallery-slider__title {
        font-size: 11.875vw
    }
}

@media only screen and (min-width:1920px) {
    .gallery-slider__title {
        font-size: 228px
    }
}

.bg-white .gallery-slider__title {
    color: #023f24;
    opacity: .1
}

.gallery-slider__title--first {
    z-index: 2
}

@media only screen and (min-width:1024px) {
    .gallery-slider__title--first {
        padding-left: 21%
    }
}

.gallery-slider__images {
    margin-top: -70px
}

@media only screen and (min-width:1024px) {
    .gallery-slider__images {
        margin-top: -8.125vw
    }
}

@media only screen and (min-width:1920px) {
    .gallery-slider__images {
        margin-top: -156px
    }
}

.gallery-slider--big .gallery-slider__images {
    margin-top: 0
}

.general-content h3 {
    color: #023f24;
    margin-bottom: 2rem;
    margin-top: 10rem
}

.general-content p {
    color: #64A70B;
    margin-bottom: 2rem
}

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

.general-content ol,
.general-content ul {
    padding-left: 2rem;
    margin-bottom: 2rem;
    color: #64A70B
}

.general-content ol li,
.general-content ul li {
    position: relative;
    margin-bottom: 1rem;
    display: list-item;
    padding-left: 1.5rem;
    line-height: 1.4
}

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

.general-content ul>li::marker {
    content: "■"
}

.general-content ol ul,
.general-content ul ul {
    margin-bottom: 2rem;
    margin-top: 1rem
}

.header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%
}

.header--menu {
    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity .3s cubic-bezier(.215, .61, .355, 1)
}

.header--menu:before{
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    /*background: linear-gradient(to bottom,rgba(255,255,255,0.8),rgba(255,255,255,0.5),rgba(255,255,255,0.2),rgba(255,255,255,0));*/
    background: linear-gradient(to bottom, #fff 0, #fff 45.3%, rgba(255, 255, 255, 0) 100%);
    background: #fff !important;
}

.header--is-small.header--menu:before{
    display: none;
}

@media only screen and (min-width:1025px) {
    .header--is-small {
        color: #64A70B
    }
}

.header--is-small .header__content {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px
}

@media only screen and (min-width:1025px) {
    .header--is-small .header__content {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (min-width:1025px) {
    .header--is-small .header__logo {
        transform: scale(.8)
    }
}

.header--is-small .header__logo img {
    opacity: 0
}

.header--is-small .header__logo img.logo-color {
    opacity: 1
}

.header--is-small .header__menu {
    
}

@media only screen and (min-width:1025px) {
    .header--is-small .header__menu-top {
        opacity: 0
    }
}

@media only screen and (max-width:1024px) {
    .header--is-small .header__menu-search {
        top: 2rem
    }
}

@media only screen and (min-width:1025px) {
    .header--is-small .header__menu-search svg {
        fill: #023f24
    }
}

.header--is-small .header__menu-search:before {
    content: "";
    background-color: #d1e9dd
}

.header--hover .header__content {
    background-color: #fff
}

.header--is-out,
.header--signature {
    transform: translate3d(0, -128px, 0)
}

.header__logo {
    position: relative;
    z-index: 9999;
    width: 10rem;
    height: 5.5rem;
    transition: transform .5s cubic-bezier(.215, .61, .355, 1)
}

@media only screen and (min-width:1025px) {
    .header__logo {
        width: 45.2rem;
        height: 8.9rem;
        transform-style: preserve-3d
    }
}

.header__logo img {
    width: 100%;
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1)
}

.header__logo img.logo-color {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.header__logo--dark img {
    opacity: 0
}

.header__logo--dark img.logo-color {
    opacity: 1
}

.header__content {
    position: relative;
    z-index: 2;
    transition: background-color .5s cubic-bezier(.215, .61, .355, 1), padding .5s cubic-bezier(.215, .61, .355, 1)
}

@media only screen and (min-width:1921px) {
    .header__content {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media only screen and (max-width:1024px) {
    .header__content {
        padding: 3rem 20px
    }
}

.header__content--opened .header__logo img {
    opacity: 1
}

.header__content--opened .header__logo img.logo-color {
    opacity: 0
}

.header__content--opened .header__menu-container {
    display: flex;
    opacity: 1
}

.header__menu-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--vh, 1vh)*100);
    z-index: 1;
    display: none
}

@media only screen and (min-width:1025px) {
    .header__menu-container {
        display: flex;
        position: relative;
        top: auto;
        left: auto;
        background-color: transparent;
        width: auto;
        height: auto
    }
}

.header__menu-wrp {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    overflow-y: scroll;
    padding-top: 100px;
    width: 100%
}

@media only screen and (min-width:1025px) {
    .header__menu-wrp {
        padding-top: 0;
        flex-wrap: wrap;
        align-items: flex-end;
        overflow-y: inherit
    }
}

@media only screen and (max-width:1024px) {
    .header__menu-wrp {
        -webkit-mask-image: linear-gradient(180deg, transparent 15%, #000 25%);
        mask-image: linear-gradient(180deg, transparent 15%, #000 25%);
        padding-left: 30px;
        padding-right: 30px
    }
}

.header__menu {
    order: 1;
    width: 100%;
    transition: transform .5s cubic-bezier(.215, .61, .355, 1)
}

@media only screen and (min-width:1025px) {
    .header__menu {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        order: 2;
        width: auto;
        color: #000;
    }
}

.header__menu-top {
    order: 2;
    padding-top: 20px
}

@media only screen and (max-width:1024px) {
    .header__menu-top {
        border-top: 1px solid rgba(109, 116, 116, .35);
        justify-content: flex-start;
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .header__menu-top {
        transition: transform .5s cubic-bezier(.215, .61, .355, 1);
        order: 1;
        border-bottom: 1px solid #6d7474
    }
}

.header__menu-top svg {
    height: auto
}

.header__menu-top--light svg {
    fill: #96fac8
}

@media only screen and (max-width:1023px) {
    .header__menu-top a {
        color: #fff
    }

    .header__menu-top svg {
        fill: #96fac8
    }
}

@media only screen and (min-width:1025px) {
    .header__menu-top a {
        transition: opacity .3s cubic-bezier(.43, .195, .02, 1)
    }

    .header__menu-top a:hover {
        opacity: .8
    }
}

.header__menu-join svg {
    width: 14px
}

.header__menu-sponsor svg {
    width: 19px
}

.header__menu-search {
    width: 4.5rem;
    height: 4.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    flex-shrink: 0;
    border: 1px solid #d1e9dd;
    position: absolute;
    top: 4rem;
    right: 8rem
}

@media only screen and (min-width:1025px) {
    .header__menu-search {
        position: relative;
        top: auto;
        right: auto;
        width: 4rem;
        height: 4rem;
        border: 0
    }

    .header__menu-search:before {
        content: "";
        background-color: #64A70B;
        border-radius: 100%;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%) scale(1);
        transition: background-color .5s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.43, .195, .02, 1);
        width: 100%;
        z-index: -1
    }

    .header__menu-search:hover:before {
        transform: translate(-50%, -50%) scale(1.1)
    }
}

.header__menu-search svg {
    width: 13px;
    fill: #fff;
    transition: fill .5s cubic-bezier(.215, .61, .355, 1)
}

@media only screen and (min-width:1025px) {
    .header__menu-search svg {
        width: 15px
    }
}

.header-menu {
    display: block;
    width: 100%
}

@media only screen and (max-width:1024px) {
    .header-menu {
        color: #fafafa;
        padding-top: calc(var(--vh, 1vh)*10)
    }
}

@media only screen and (min-width:1025px) {
    .header-menu {
        display: flex
    }
}

.header-menu>li {
    padding: 20px 0;
    position: relative
}

.header-menu>li>a:before {
    content: "";
    background: currentColor;
    bottom: -5px;
    height: 1px;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .6s cubic-bezier(.43, .195, .02, 1);
    width: 100%
}

@media only screen and (max-width:1024px) {
    .header-menu>li {
        padding: 23px 0;
        font-size: 18px
    }

    .header-menu>li a {
        border-bottom: 1px solid rgba(109, 116, 116, .35)
    }
}

@media only screen and (min-width:1025px) {
    .header-menu>li {
        margin-right: 3.5rem;
        padding: 0
    }

    .header-menu>li:last-child {
        margin-right: 0;
      
    }
}

@media only screen and (min-width:1025px) {
    .header-menu>li.menu-item-has-children {
        margin-right: 6rem
    }
}

@media only screen and (min-width:1025px) {
    .header-menu>li.menu-item-has-children.current-menu-parent>a:before {
        transform: scaleX(1)
    }
}

@media only screen and (max-width:1024px) {
    .header-menu>li.menu-item-has-children>a {
        font-size: 13px;
        pointer-events: none;
        color: #96fac8;
        border-bottom: 0
    }
}

@media only screen and (min-width:1025px) {
    .header-menu>li.menu-item-has-children>a:after {
        content: ">";
        display: block;
        transform: rotate(90deg) scale(.7, 1.4);
        left: calc(100% + 10px);
        position: absolute;
        top: 0
    }
}

@media only screen and (min-width:1025px) {

    .header-menu>li:hover a:before,
    .header-menu>li:not(.menu-item-has-children).current-menu-item>a:before {
        transform: scaleX(1)
    }

    .header-menu>li:hover .sub-menu {
        pointer-events: all;
        opacity: 1
    }
}

.header-menu>li .sub-menu {
    display: block;
    padding-top: 10px;
    position: relative;
    width: 100%
}

@media only screen and (min-width:1025px) {
    .header-menu>li .sub-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-top: 20px;
        position: absolute;
        pointer-events: none;
        opacity: 0;
        transition: opacity .6s cubic-bezier(.215, .61, .355, 1);
        white-space: nowrap
    }
}

.header-menu>li .sub-menu--is-open {
    display: block
}

.header-menu>li .sub-menu li {
    margin-right: 0;
    display: block
}

.header-menu>li .sub-menu li:last-child a {
    margin-bottom: 0
}

@media only screen and (max-width:1024px) {
    .header-menu>li .sub-menu li {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:1025px) {
    .header-menu>li .sub-menu li a {
        display: inline-block;
        white-space: nowrap;
        color: #64A70B;
        padding: 5px 10px;
        margin-bottom: 7px;
        position: relative
    }

    .header-menu>li .sub-menu li a:before {
        content: "";
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: #96fac8;
        border-radius: 10px;
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        transition: background .6s cubic-bezier(.215, .61, .355, 1);
        transform: translate(-50%, -50%);
        top: 50%;
        transform-style: preserve-3d;
        width: 100%;
        will-change: transform;
        z-index: -1
    }

    .header-menu>li .sub-menu li a:hover:before {
        background-color: #c1fbde
    }
}

.menu-bg {
    background-color: #64A70B;
    width: 100%;
    height: calc(var(--vh, 1vh)*100);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media only screen and (min-width:1025px) {
    .menu-bg {
        display: none
    }
}

.burger-btn {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    display: block;
    transform: scale(1);
    transform-origin: 100% 50%;
    transition: transform .7s cubic-bezier(.215, .61, .355, 1)
}

.burger-btn--active {
    transform: scale(.7)
}

@media only screen and (min-width:1025px) {
    .burger-btn {
        display: none
    }
}

.menu-link {
    height: 100%
}

.lines,
.menu-link {
    width: 100%;
    display: block
}

.lines {
    transition: background .7s cubic-bezier(.215, .61, .355, 1) 0s;
    height: 1px;
    transform-origin: 50% 50%;
    position: relative;
    top: 22px;
    background-color: #fafafa
}

.bg-white .lines,
.header--is-small .lines {
    background-color: #64A70B
}

.lines:after,
.lines:before {
    display: block;
    width: 80%;
    height: 1px;
    transform-origin: 50% 50%;
    position: absolute;
    right: 0;
    content: "";
    background-color: #fafafa;
    transition: transform .7s cubic-bezier(.215, .61, .355, 1) 0s, width .7s cubic-bezier(.215, .61, .355, 1) 0s, top .7s cubic-bezier(.215, .61, .355, 1) 0s, background .7s cubic-bezier(.215, .61, .355, 1) 0s;
    transform-origin: 100% 50%
}

.bg-white .lines:after,
.bg-white .lines:before,
.header--is-small .lines:after,
.header--is-small .lines:before {
    background-color: #64A70B
}

.lines:before {
    top: -10px
}

.lines:after {
    top: 10px
}

.burger-btn--active .lines {
    transition-delay: 0s;
    transition: background .7s cubic-bezier(.215, .61, .355, 1) 0s;
    background-color: #fafafa
}

.burger-btn--active .lines:after,
.burger-btn--active .lines:before {
    transition: top .7s cubic-bezier(.215, .61, .355, 1) 0s, width .7s cubic-bezier(.215, .61, .355, 1) 0s, transform .7s cubic-bezier(.215, .61, .355, 1) 0s;
    top: 0;
    width: 30%;
    background-color: #fafafa
}

.burger-btn--active .lines:before {
    transform: rotate(-60deg)
}

.burger-btn--active .lines:after {
    transform: rotate(60deg)
}

.heritage__img {
    position: relative;
    will-change: transform
}

.heritage__img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(60deg, #64A70B, rgba(4, 14, 47, 0));
    border-radius: 100%;
    z-index: 1
}

.hero-image {
    height: 80vh;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.hero-image--full {
    height: 100vh
}

@media only screen and (max-width:1024px) {
    .hero-image {
        height: calc(var(--vh, 1vh)*100)
    }
}

.hero-image__photo {
    position: relative;
    transition: none;
    overflow: hidden;
    height: 100%
}

.hero-image__fig,
.hero-image__photo,
.hero-image__photo img {
    transform-style: preserve-3d;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.hero-image__fig {
    height: calc(100% + 20px);
    position: relative;
    overflow: hidden
}

.hero-image__fig:before {
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    top: -1px;
    left: -1px;
    background-image: linear-gradient(-90deg, rgba(4, 14, 47, .9), rgba(4, 14, 47, .2))
}

.hero-image__fig:after,
.hero-image__fig:before {
    content: "";
    position: absolute;
    z-index: 1;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}

.hero-image__fig:after {
    left: 0;
    bottom: -13px;
    width: 100%;
    height: 30rem;
    background-image: linear-gradient(0deg, #64A70B, rgba(4, 14, 47, 0))
}

.hero-image__content {
    left: 50%;
    z-index: 2;
    width: 100%;
    max-width: 500px
}

.hero-image__content--centered {
    top: 50%;
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:1024px) {
    .hero-image__content--centered {
        width: auto;
        max-width: none
    }
}

.hero-image__content--bottom {
    transform: translateX(-50%);
    bottom: 20px
}

@media only screen and (min-width:1024px) {
    .hero-image__content--bottom {
        width: auto;
        max-width: none;
        bottom: 7rem
    }
}

.hero-text {
    position: relative
}

.hero-text__title {
    margin-left: auto;
    margin-right: auto
}

.hero-text:before {
    content: "";
    z-index: 0;
    background-color: #fafafa;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transform-origin: 0 0;
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1);
    transform: scaleY(0)
}

.hero-text.is-animated:before {
    transform: scaleY(1)
}

.hero-text--no-bg:before {
    background-color: transparent
}

.home-hero-section:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    display: none;
    bottom: -2px;
    left: 0;
    opacity: 0;
    background-color: #64A70B
}

@media only screen and (min-width:1024px) {
    .home-hero-section:after {
        display: block
    }
}

.home-hero-section--in:after {
    opacity: 1
}

.home-hero {
    overflow: hidden;
    height: calc(100vh + 2px)
}

@media only screen and (max-width:1024px) {
    .home-hero {
        height: calc(var(--vh, 1vh)*100)
    }
}

.home-hero__content {
    z-index: 2;
    top: 50%;
    transform: translateY(-50%)
}

@media only screen and (min-width:1024px) {
    .home-hero__content {
        top: 55%
    }
}

.home-hero__sub {
    transform-style: preserve-3d
}

.home-hero__sub,
.home-hero__sub:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.home-hero__sub:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    background-color: #96fac8;
    width: 100%;
    height: 1px;
    display: block;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1);
    transform-style: preserve-3d
}

.home-hero__sub.is-animated:before {
    transform: scaleX(.99)
}

.home-hero__video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    background-color: #64A70B;
    z-index: 1
}

.home-hero__video-overlay--in {
    transition: opacity 2s ease
}

.home-hero__video {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0
}

@media only screen and (min-width:1025px) {
    .home-hero__video {
        z-index: -1
    }
}

.home-hero__video:after {
    content: "";
    width: 100%;
    height: calc(100% + 1px);
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    background-image: linear-gradient(90deg, #64A70B, rgba(4, 14, 47, .4) 63%)
}

.home-hero__video iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.home-hero__scroll-btn {
    bottom: 3rem;
    left: 0;
    position: absolute;
    z-index: 2
}

@media only screen and (min-width:1024px) {
    .home-hero__scroll-btn {
        bottom: 5rem;
        left: auto;
        right: 0
    }
}

.home-sustainable__content:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 0;
    width: calc(100% + 40px);
    height: 100%;
    /*background-color: #96fac8;*/
    background-color:#64A70B;
    display: block;
    z-index: 0
}

@media only screen and (min-width:1024px) {
    .home-sustainable__content:before {
        left: -5.2083333333vw;
        width: calc(100% + 10.41667vw)
    }
}

.home-sustainable__label {
    letter-spacing: 4px;
    position: relative;
    width: 100%
}

.home-sustainable__label span {
    z-index: 1
}

.home-sustainable__label:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #023f24;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    z-index: 0;
    display: none
}

@media only screen and (min-width:1024px) {
    .home-sustainable__label:after {
        display: block
    }
}

.home-sustainable__text p:last-child {
    margin-bottom: 0
}

.home-sustainable .swiper-container .c-slider-card {
    opacity: 1
}

.home-sustainable .swiper-container .swiper-slide {
    min-width: 420px
}

@media only screen and (min-width:1024px) {
    .home-sustainable .swiper-container .swiper-slide {
        width: 26.25vw
    }
}

@media only screen and (min-width:1920px) {
    .home-sustainable .swiper-container .swiper-slide {
        width: 504px
    }
}

.home-sustainable .swiper-container .swiper-slide:last-child {
    margin-right: 100px
}

.i-rounded-arrow {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    position: relative;
    width: 5rem;
    height: 5rem;
    overflow: hidden
}

@media only screen and (min-width:1025px) {
    .i-rounded-arrow:hover .i-background {
        -webkit-mask-position: -5rem 0;
        mask-position: -5rem 0
    }

    .i-rounded-arrow:hover svg {
        transform: translate3d(15%, 0, 0)
    }
}

.i-rounded-arrow .i-background {
    border: 1px solid #64A70B;
    -webkit-mask-image: linear-gradient(270deg, rgba(4, 14, 47, 0) 21%, #64A70B);
    mask-image: linear-gradient(270deg, rgba(4, 14, 47, 0) 21%, #64A70B);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 50%;
    transform: scale(0);
    transition: transform 1s cubic-bezier(.43, .195, .02, 1), -webkit-mask .6s cubic-bezier(.43, .195, .02, 1);
    transition: transform 1s cubic-bezier(.43, .195, .02, 1), mask .6s cubic-bezier(.43, .195, .02, 1);
    transition: transform 1s cubic-bezier(.43, .195, .02, 1), mask .6s cubic-bezier(.43, .195, .02, 1), -webkit-mask .6s cubic-bezier(.43, .195, .02, 1)
}

.i-rounded-arrow svg {
    width: 100%;
    height: 100%;
    fill: #64A70B;
    transform: translate3d(-100%, 0, 0);
    transition: transform .6s cubic-bezier(.43, .195, .02, 1);
    pointer-events: none
}

.i-rounded-arrow--light .i-background {
    border-color: #fff;
    -webkit-mask-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 21%, #fff);
    mask-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 21%, #fff)
}

.i-rounded-arrow--light path,
.i-rounded-arrow--light svg {
    fill: #fff
}

.i-rounded-arrow--dark path,
.i-rounded-arrow--dark svg {
    fill: #64A70B
}

.i-rounded-arrow--reverse {
    transform: scale(-1.01)
}

.i-rounded-arrow--download {
    transform: rotate(90deg)
}

.i-arrow--rotate {
    transform: rotate(-90deg)
}

.i-arrow--light path {
    fill: #fff
}

.i-social {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    position: relative;
    width: 5rem;
    height: 5rem;
    overflow: hidden
}

@media only screen and (min-width:1025px) {
    .i-social:hover .i-background {
        -webkit-mask-position: -5rem 0;
        mask-position: -5rem 0
    }

    .i-social:hover svg {
        transform: scale(.95)
    }
}

.i-social .i-background {
    border: 1px solid #64A70B;
    -webkit-mask-image: linear-gradient(269deg, #64A70B, rgba(4, 14, 47, .1) 31%, rgba(4, 14, 47, 0) 50%, rgba(4, 14, 47, .1) 69%, #64A70B);
    mask-image: linear-gradient(269deg, #64A70B, rgba(4, 14, 47, .1) 31%, rgba(4, 14, 47, 0) 50%, rgba(4, 14, 47, .1) 69%, #64A70B);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: -webkit-mask .6s cubic-bezier(.43, .195, .02, 1);
    transition: mask .6s cubic-bezier(.43, .195, .02, 1);
    transition: mask .6s cubic-bezier(.43, .195, .02, 1), -webkit-mask .6s cubic-bezier(.43, .195, .02, 1);
    top: 0;
    left: 0
}

.i-social svg {
    width: 100%;
    height: 100%;
    fill: #64A70B;
    transform-origin: 50% 50%;
    transition: transform .6s cubic-bezier(.43, .195, .02, 1)
}

.i-social--light .i-background {
    border-color: #fff;
    -webkit-mask-image: linear-gradient(269deg, #fff, hsla(0, 0%, 100%, .1) 31%, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 100%, .1) 70%, #fff);
    mask-image: linear-gradient(269deg, #fff, hsla(0, 0%, 100%, .1) 31%, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 100%, .1) 70%, #fff)
}

.i-social--light path,
.i-social--light svg {
    fill: #fff
}

@media only screen and (min-width:1025px) {
    .i-social__plus svg {
        transform: rotate(-90deg)
    }
}

.i-social__plus rect {
    transition: all .8s;
    transform: scaleY(1);
    transform-origin: 50% 50%
}

.toggled .i-social__plus .vertical-line {
    transform: scaleY(0)
}

.i-close {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    position: relative;
    width: 5rem;
    height: 5rem;
    overflow: hidden
}

@media only screen and (min-width:1025px) {
    .i-close:hover .i-background {
        -webkit-mask-position: -5rem 0;
        mask-position: -5rem 0
    }

    .i-close:hover svg {
        transform: rotate(-180deg)
    }
}

.i-close .i-background {
    border: 1px solid #64A70B;
    -webkit-mask-image: linear-gradient(269deg, #64A70B, rgba(4, 14, 47, .1) 31%, rgba(4, 14, 47, 0) 50%, rgba(4, 14, 47, .1) 69%, #64A70B);
    mask-image: linear-gradient(269deg, #64A70B, rgba(4, 14, 47, .1) 31%, rgba(4, 14, 47, 0) 50%, rgba(4, 14, 47, .1) 69%, #64A70B);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: -webkit-mask .6s cubic-bezier(.43, .195, .02, 1);
    transition: mask .6s cubic-bezier(.43, .195, .02, 1);
    transition: mask .6s cubic-bezier(.43, .195, .02, 1), -webkit-mask .6s cubic-bezier(.43, .195, .02, 1);
    top: 0;
    left: 0
}

.i-close svg {
    width: 100%;
    height: 100%;
    fill: #64A70B;
    pointer-events: none;
    transition: transform .6s cubic-bezier(.43, .195, .02, 1)
}

.i-close--light .i-background {
    border-color: #fff;
    -webkit-mask-image: linear-gradient(269deg, #fff, hsla(0, 0%, 100%, .1) 31%, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 100%, .1) 70%, #fff);
    mask-image: linear-gradient(269deg, #fff, hsla(0, 0%, 100%, .1) 31%, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 100%, .1) 70%, #fff)
}

.i-close--light path,
.i-close--light svg {
    fill: #fff
}

.icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.icon--light {
    fill: #fff
}

.icon--dark,
.icon--dark path {
    fill: #023f24
}

.icon--close path {
    fill: #fff
}

.icon--close.icon--dark path {
    fill: #023f24
}

.icon-video {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    position: relative;
    width: 5rem;
    height: 5rem;
    overflow: hidden
}

.icon-video .icon-background {
    border: 1px solid #96fac8;
    -webkit-mask-image: linear-gradient(269deg, #96fac8, rgba(150, 250, 200, .1) 31%, rgba(150, 250, 200, 0) 50%, rgba(150, 250, 200, .1) 70%, #96fac8);
    mask-image: linear-gradient(269deg, #96fac8, rgba(150, 250, 200, .1) 31%, rgba(150, 250, 200, 0) 50%, rgba(150, 250, 200, .1) 70%, #96fac8);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 50%
}

.icon-video svg {
    width: 100%;
    height: 100%;
    fill: #fff
}

.icon-outline {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    position: relative;
    width: 3rem;
    height: 3rem;
    overflow: hidden
}

.icon-outline .icon-background {
    border: 1px solid #96fac8;
    -webkit-mask-image: linear-gradient(269deg, #96fac8, rgba(150, 250, 200, .1) 31%, rgba(150, 250, 200, 0) 50%, rgba(150, 250, 200, .1) 70%, #96fac8);
    mask-image: linear-gradient(269deg, #96fac8, rgba(150, 250, 200, .1) 31%, rgba(150, 250, 200, 0) 50%, rgba(150, 250, 200, .1) 70%, #96fac8);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 50%
}

.icon-event,
.icon-green,
.icon-outline svg {
    fill: #96fac8
}

.intro__logo {
    width: 24rem
}

.intro__logo img {
    width: 100%;
    height: auto;
    display: block;
    transition: none
}

.intro__reveal {
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    transform-origin: 100% 100%;
    display: block
}

@media only screen and (min-width:1921px) {
    .linkedin-group {
        padding-right: 10.4166666667vw;
        padding-bottom: 5.2083333333vw
    }
}

@media only screen and (max-width:1023px) {
    .linkedin-group .grid>div:first-child {
        order: 2
    }

    .linkedin-group .grid>div:last-child {
        order: 1
    }
}

.linkedin-group .icon-mobile {
    display: block
}

@media only screen and (min-width:1024px) {
    .linkedin-group .icon-mobile {
        display: none
    }
}

.linkedin-group .icon-desktop {
    display: none
}

@media only screen and (min-width:1024px) {
    .linkedin-group .icon-desktop {
        display: block
    }
}

@media only screen and (max-width:1023px) {
    .linkedin-group__title+div {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center
    }
}

.linkedin-group__description p:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:1023px) {
    .linkedin-group__image {
        display: none
    }
}

.membership-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #96fac8;
    opacity: .5;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.membership-item:last-child {
    margin-bottom: 0
}

.membership-item .title-number {
    position: absolute;
    top: -25px;
    left: -30px;
    margin-top: 0;
    margin-left: 0
}

@media only screen and (min-width:1024px) {
    .membership-item .title-number {
        top: -30px;
        left: -80px
    }
}

.pattern {
    transform-origin: 50% 50%;
    transform: rotate(-30deg) translate(120%, 100%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1
}

.pattern__preloader:before {
    content: "";
    background-color: #64A70B;
    width: 10rem;
    height: 10rem;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-animation: spinnerScale 1.5s ease-in-out infinite;
    animation: spinnerScale 1.5s ease-in-out infinite
}

.pattern__preloader-spin {
    transform: translate(-50%, -50%) scale(1.4)
}

.pattern__preloader-spin span {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    display: block
}

.pattern__preloader-spin--out {
    width: 5rem;
    height: 5rem
}

.pattern__preloader-spin--out span {
    border: 1px solid #fff;
    -webkit-mask-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 21%, #fff);
    mask-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 21%, #fff)
}

.pattern__preloader--anim .pattern__preloader-spin--out span {
    animation: spin 1s linear infinite reverse
}

.pattern__preloader-spin--in {
    width: 3.5rem;
    height: 3.5rem
}

.pattern__preloader-spin--in span {
    border: 1px solid #96fac8;
    -webkit-mask-image: linear-gradient(269deg, #96fac8, rgba(150, 250, 200, .1) 31%, rgba(150, 250, 200, 0) 50%, rgba(150, 250, 200, .1) 70%, #96fac8);
    mask-image: linear-gradient(269deg, #96fac8, rgba(150, 250, 200, .1) 31%, rgba(150, 250, 200, 0) 50%, rgba(150, 250, 200, .1) 70%, #96fac8)
}

.pattern__preloader--anim .pattern__preloader-spin--in span {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.pattern-green {
    /*background: #96fac8*/
    background: rgb(240,100,35);
}

.pattern-blue {
    background: #64A70B
}

.pattern-grey {
    background-color: #fafafa;
    transform: none
}

.person-detail {
    width: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    pointer-events: none;
    z-index: 9999
}

.person-detail--in {
    pointer-events: all
}

.person-detail--in .person-detail__bg {
    opacity: .85
}

.person-detail--in .person-detail__info {
    transform: translateZ(0)
}

.person-detail--in .person-detail__wrapper {
    opacity: 1
}

.person-detail--in .person-detail__close {
    transition: opacity .6s cubic-bezier(.43, .195, .02, 1) .3s, transform .6s cubic-bezier(.43, .195, .02, 1) .3s;
    transform: translateX(-50%);
    opacity: 1
}

.person-detail__bg {
    background-color: #025731;
    height: 100%;
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
    transition: opacity 1.2s cubic-bezier(.43, .195, .02, 1);
    width: 100%
}

.person-detail__info {
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
    height: 100vh;
    transform: translate3d(100%, 0, 0);
    transition: transform 1.2s cubic-bezier(.43, .195, .02, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}

@media only screen and (min-width:1024px) {
    .person-detail__info {
        width: 50%
    }
}

.person-detail__close {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(-40%);
    opacity: 0;
    transition: opacity .6s cubic-bezier(.43, .195, .02, 1), transform .6s cubic-bezier(.43, .195, .02, 1);
    cursor: pointer;
    background-color: #023f24;
    width: 8rem;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 999;
    will-change: transform
}

.person-detail__wrapper {
    height: 100%;
    margin: auto;
    opacity: 0;
    position: relative;
    transition: opacity 1.2s cubic-bezier(.43, .195, .02, 1);
    z-index: 1;
    transform-style: preserve-3d
}

.person-detail__main {
    padding-bottom: 6rem;
    padding-top: 10rem;
    max-width: 540px;
    margin: auto
}

@media only screen and (min-width:1024px) {
    .person-detail__main {
        padding-bottom: 6.25vw
    }
}

@media only screen and (min-width:1920px) {
    .person-detail__main {
        padding-bottom: 120px
    }
}

@media only screen and (min-width:1024px) {
    .person-detail__main {
        padding-top: 12.5vw
    }
}

@media only screen and (min-width:1920px) {
    .person-detail__main {
        padding-top: 240px
    }
}

@media only screen and (min-width:1024px) {
    .person-detail__main {
        width: 33.75vw
    }
}

@media only screen and (min-width:1920px) {
    .person-detail__main {
        width: 648px
    }
}

.person-detail__main:not(:first-child) {
    border-bottom: 1px solid #96fac8;
    padding-bottom: 6rem;
    padding-top: 6rem
}

.person-detail__main:last-child {
    border-bottom: 0
}

@media only screen and (min-width:1024px) {
    .person-detail__main:last-child {
        padding-bottom: 6.25vw
    }
}

@media only screen and (min-width:1920px) {
    .person-detail__main:last-child {
        padding-bottom: 120px
    }
}

.person-detail__content {
    max-height: 100%;
    overflow: auto
}

.person-detail__content img {
    width: 240px;
    max-width: 340px
}

@media only screen and (min-width:1024px) {
    .person-detail__content img {
        width: 21.25vw
    }
}

@media only screen and (min-width:1920px) {
    .person-detail__content img {
        width: 408px
    }
}

.person-detail__title-others {
    margin: auto;
    max-width: 540px;
    position: relative;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .person-detail__title-others {
        width: 33.75vw
    }
}

@media only screen and (min-width:1920px) {
    .person-detail__title-others {
        width: 648px
    }
}

.person-detail__title-others:before {
    content: "";
    background-color: #96fac8;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: -1
}

@media only screen and (max-width:767px) {
    .person-detail__title-others:before {
        width: 90%;
        left: 5%
    }
}

.person-detail__title-others span {
    background-color: #fff;
    display: inline-block;
    padding: 0 2rem;
    position: relative;
    z-index: 2
}

.person-detail__job {
    position: relative
}

.person-detail__job:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #96fac8;
    height: 1px
}

@media only screen and (min-width:1024px) {
    .person-detail__job:after {
        width: 6.25vw
    }
}

@media only screen and (min-width:1920px) {
    .person-detail__job:after {
        width: 120px
    }
}

.person-detail__description p:last-child {
    margin-bottom: 0
}

.person-detail--single {
    position: relative
}

.person-detail--single:before {
    content: "";
    background: url(../images/people-bg.jpg) no-repeat 50%;
    background-size: cover;
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 100vh;
    max-height: 350px
}

@media only screen and (min-width:1024px) {
    .person-detail--single:before {
        max-height: 31.25vw
    }
}

@media only screen and (min-width:1920px) {
    .person-detail--single:before {
        max-height: 600px
    }
}

.person-detail--single img {
    max-width: 220px
}

.popup-wrapper {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: opacity .3s cubic-bezier(.43, .195, .02, 1)
}

.popup-wrapper--closing {
    opacity: 0
}

.popup-wrapper .video-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: 100%;
    max-width: 1180px;
    padding: 0 30px
}

@media only screen and (min-width:1024px) {
    .popup-wrapper .video-wrapper {
        padding: 0;
        width: 110vh
    }
}

.video-wrapper-bg {
    background: rgba(0, 0, 0, .9);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transition: opacity .6s cubic-bezier(.43, .195, .02, 1);
    opacity: 0
}

.loaded .video-wrapper-bg {
    opacity: 1
}

.pop-up-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0
}

.pop-up-video:before {
    content: "";
    background-color: #023f24;
    height: 99%;
    left: 1px;
    position: absolute;
    top: 1px;
    transition: transform .6s cubic-bezier(.43, .195, .02, 1);
    transform-origin: 100% 100%;
    transform: scaleY(0);
    width: 99%
}

.loaded .pop-up-video:before {
    transform: scaleY(1)
}

.pop-up-video:after {
    content: "";
    background-color: #96fac8;
    height: 99%;
    left: 1px;
    position: absolute;
    top: 1px;
    transition: transform .6s cubic-bezier(.43, .195, .02, 1) .1s;
    transform-origin: 100% 100%;
    transform: scaleY(0);
    width: 99%
}

.loaded .pop-up-video:after {
    transform: scaleY(1)
}

.pop-up-video iframe,
.pop-up-video video {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: none;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease .8s;
    z-index: 3;
    transform-style: preserve-3d;
    width: 100%
}

.loaded .pop-up-video iframe,
.loaded .pop-up-video video {
    opacity: 1
}

.close-video-btn {
    border: 0;
    box-shadow: none;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -12vh;
    text-transform: uppercase;
    transform: translate3d(-50%, 0, 0) scale(0);
    transition: transform .6s cubic-bezier(.43, .195, .02, 1) .6s;
    cursor: pointer;
    letter-spacing: 1px;
    text-align: center;
    will-change: transform
}

.loaded .close-video-btn {
    transform: translate3d(-50%, 0, 0) scale(1)
}

.close-video-btn:before {
    content: "";
    border-radius: 100%;
    height: 7rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: transform .3s cubic-bezier(.43, .195, .02, 1);
    transform: translate(-50%, -50%);
    background-color: #023f24;
    width: 7rem;
    z-index: -1
}

@media only screen and (min-width:1024px) {
    .close-video-btn:before {
        height: 8rem;
        width: 8rem
    }
}

@media only screen and (min-width:1025px) {
    .close-video-btn:hover:before {
        transform: translate(-50%, -50%) scale(.9)
    }
}

.close-video-btn span {
    opacity: 0;
    transition: opacity .3s cubic-bezier(.43, .195, .02, 1) .9s
}

.loaded .close-video-btn span {
    opacity: 1
}

.search__container {
    padding-top: 26rem
}

@media only screen and (min-width:1024px) {
    .search__container {
        padding-top: 32rem;
        transition: transform 1s cubic-bezier(.215, .61, .355, 1)
    }

    .search__container--translate-top {
        transform: translate3d(0, -7vw, 0)
    }

    .search__container--translate-top .search__sub {
        opacity: 0
    }
}

.search__container>div {
    min-height: 100vh
}

@media only screen and (max-width:1023px) {
    .search__container>div {
        min-height: 30vh
    }
}

.search__sub {
    letter-spacing: 4px;
    left: 0;
    top: -5rem;
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1)
}

.search__field {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #96fac8;
    border-radius: 0
}

@media only screen and (max-width:1023px) {
    .search__field {
        font-size: 3rem
    }
}

.search__field:focus {
    outline: none
}

.search__field.too-few {
    color: #6d7474
}

.search__spinner {
    right: 25px;
    bottom: 5rem;
    opacity: 0;
    transition: opacity .3s linear
}

.search__spinner--in {
    opacity: 1
}

.search__spinner:before {
    display: none
}

.search__spinner .pattern__preloader-spin {
    transform: translate(-50%, -50%) scale(1)
}

.search__spinner .pattern__preloader-spin--out span {
    animation: spin 1s linear infinite reverse
}

.search__spinner .pattern__preloader-spin--in span {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@media only screen and (min-width:1921px) {
    .signature-event {
        padding-right: 0
    }
}

.signature-events {
    padding-top: 10vh
}

.c-signature-events-title .trademark {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px
}

.c-signature-events-title .trademark .word__inner {
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1) 0s
}

.active .c-signature-events-title .trademark .word__inner {
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1) .3s
}

.c-signature-events-title .word__inner {
    display: inline-block;
    transform: translate3d(0, 100%, 0);
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1)
}

.active .c-signature-events-title .word__inner {
    transform: none
}

@media only screen and (min-width:1024px) {
    .c-signature-events-title {
        width: 120%;
        line-height: 1.08
    }
}

.c-signature__content {
    opacity: 0;
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1);
    top: 0;
    left: 0
}

@media only screen and (max-width:1023px) {
    .c-signature__content:first-child {
        position: relative
    }
}

.c-signature__content.active {
    transform: none;
    opacity: 1;
    z-index: 3
}

.c-signature__content.active .c-signature-events-location,
.c-signature__content.active>a {
    transform: none;
    opacity: 1
}

@media only screen and (min-width:1024px) {
    .c-signature__content>div {
        /*padding-top: clamp(5rem, 15vh, 20rem)*/
    }
}

.c-signature__content>a {
    left: 0;
    bottom: -55px;
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1) .2s, opacity .6s cubic-bezier(.215, .61, .355, 1) .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media only screen and (min-width:1024px) {
    .c-signature__content>a {
        right: 2.5vw
    }
}

@media only screen and (min-width:1920px) {
    .c-signature__content>a {
        right: 48px
    }
}

@media only screen and (min-width:1024px) {
    .c-signature__content>a {
        left: auto;
        bottom: clamp(4rem, 7vh, 15rem)
    }
}

@media only screen and (min-width:1921px) {
    .c-signature__content>a {
        right: 70px
    }
}

.signature-events__nav {
    position: absolute;
    bottom: 45px;
    right: 0;
    z-index: 99
}

@media only screen and (min-width:1024px) {
    .signature-events__nav {
        right: auto;
        bottom: clamp(4rem, 7vh, 15rem);
        left: 0
    }
}

.signature-events__nav .signature-events__nav-left {
    width: 5.5rem
}

.signature-events__nav .current-number {
    align-items: flex-start;
    display: flex;
    line-height: .95;
    overflow: hidden
}

@media only screen and (min-width:1024px) {
    .signature-events__nav .current-number {
        height: 2.5vw
    }
}

@media only screen and (min-width:1920px) {
    .signature-events__nav .current-number {
        height: 48px
    }
}

.signature-events__nav .current-number--next .current-number__wrp {
    transform: translate3d(0, -100%, 0)
}

.signature-events__nav .current-number__wrp {
    height: 100%;
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1);
    transform: translateZ(0);
    position: relative
}

.signature-events__nav .current-number__wrp span:last-child {
    top: 100%;
    left: 0;
    position: absolute
}

.signature-events__nav .total .nav-separator {
    width: 3rem;
    height: 1px
}

.signature-events__nav .nav-next {
    padding: 0;
    margin-top: 5.5px;
    margin-left: 15px;
    width: 50px;
    height: 50px
}

@media only screen and (min-width:1024px) {
    .signature-events__nav .nav-next {
        margin: 0
    }
}

.signature-events__nav .nav-next svg {
    fill: #96fac8;
    height: 100%
}

@media only screen and (min-width:1024px) {
    .signature-events__container {
        height: 100vh
    }
}

@media only screen and (max-width:1023px) {
    .signature-events__container .image-wrapper {
        display: none
    }
}

.signature-events__container .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0
}

.signature-events__container .image-wrapper img:nth-of-type(3) {
    z-index: 3
}

.signature-events__container .image-wrapper img:nth-of-type(4) {
    z-index: 4
}
.signature-events__container .image-wrapper img:nth-of-type(5) {
    z-index: 5
}

.signature-events__container .image-wrapper img:nth-of-type(6) {
    z-index: 6
}
.signature-events__container .image-wrapper img:nth-of-type(7) {
    z-index: 7
}

.signature-events__container .image-wrapper img:nth-of-type(8) {
    z-index: 8
}
.signature-events__container .image-wrapper img:nth-of-type(9) {
    z-index: 9
}



@media only screen and (min-width:1024px) {
    .signature-events__container .image-wrapper img {
        transform-style: preserve-3d
    }
}

.signature-events__height {
    height: 90vh
}

.c-signature-events__bg-mobile {
    position: relative;
    background-size: cover;
    background-position: 50% 50%
}

.c-signature-events__bg-mobile:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .35);
    z-index: 0
}

@media only screen and (min-width:1024px) {
    .c-signature-events__bg-mobile:before {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .c-signature-events__bg-mobile {
        background: transparent !important
    }
}

.c-signature-events__bg-mobile>* {
    position: relative
}

@media only screen and (min-width:1024px) {
    .c-signature-events__bg-mobile {
        display: block
    }
}

.c-signature-events-location {
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1), opacity .6s cubic-bezier(.215, .61, .355, 1)
}

.c-signature-events-location,
.c-signature-events-past {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.c-signature-events-past {
    position: relative;
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1) .15s, opacity .6s cubic-bezier(.215, .61, .355, 1) .15s;
    display: flex
}

.active .c-signature-events-past {
    transform: none;
    opacity: 1
}

.c-signature-events-date {
    position: relative;
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1) .1s, opacity .6s cubic-bezier(.215, .61, .355, 1) .1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex
}

.active .c-signature-events-date {
    transform: none;
    opacity: 1
}

.c-signature-events-video {
    cursor: pointer;
    border-radius: 100%
}

.c-signature-events-video span {
    z-index: 2
}

.c-signature-events-video:after {
    border-radius: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(149deg, #64A70B 3%, rgba(4, 14, 47, .1))
}

.c-signature-events-video img {
    border-radius: 100%;
    max-width: 110px
}

@media only screen and (min-width:1024px) {
    .c-signature-events-video img {
        width: 9.5625vw
    }
}

@media only screen and (min-width:1920px) {
    .c-signature-events-video img {
        width: 183.6px
    }
}

@media only screen and (min-width:1024px) {
    .c-signature-events-video img {
        max-width: none;
        min-width: 140px
    }
}

.c-signature-events-left {
    z-index: 1
}

@media only screen and (max-width:1023px) {
    .c-signature-events-left {
        max-width: 600px;
        margin-left: 20px
    }
}

@media only screen and (max-width:767px) {
    .c-signature-events-left {
        margin-left: 0
    }
}

.c-signature-events-left+div {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

.image-wrapper {
    opacity: .7
}

.c-signature-events__main-image {
    opacity: .7;
    display: none
}

@media only screen and (min-width:1024px) {
    .c-signature-events__main-image {
        display: block
    }
}

.c-signature-events__main-image--hidden {
    transform: translate3d(0, 100%, 0)
}

.signature-hero:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30rem;
    background-image: linear-gradient(0deg, #64A70B, rgba(4, 14, 47, 0))
}

.signature-hero__title {
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 100%;
    max-width: 500px
}

@media only screen and (min-width:1024px) {
    .signature-hero__title {
        width: auto;
        max-width: none;
        bottom: 7rem
    }
}

.signature-up__image {
    display: none
}

@media only screen and (min-width:1024px) {
    .signature-up__image {
        margin-top: -5vw
    }
}

@media only screen and (min-width:1920px) {
    .signature-up__image {
        margin-top: -96px
    }
}

@media only screen and (min-width:1024px) {
    .signature-up__image {
        display: block
    }
}

.signature-up__image img {
    display: block;
    transition: none;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    z-index: -1;
    transition: none !important
}

.signature-up__fig {
    position: relative
}

.signature-up__fig:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    display: block;
    top: -1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 0;
    background-image: linear-gradient(0deg, #64A70B 10%, rgba(4, 14, 47, .21))
}

.signature-up__content {
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

@media only screen and (max-width:1023px) {
    .signature-up__content {
        max-width: 600px
    }
}

.signature-up__content:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(0deg, #64A70B 10%, rgba(4, 14, 47, .21));
    z-index: 0
}

@media only screen and (min-width:1024px) {
    .signature-up__content:before {
        display: none
    }
}

@media only screen and (max-width:1023px) {
    .signature-up__content>* {
        position: relative
    }
}

@media only screen and (min-width:1024px) {
    .signature-up__content {
        background: transparent !important;
        right: 0;
        position: absolute;
        bottom: 7rem
    }
}

.signature-up__title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40%;
    height: 1px;
    background-color: #96fac8
}

.signature-up__title .trademark {
    display: inline;
    vertical-align: top;
    margin-left: -5px
}

.c-slider-cards {
    position: relative
}

.c-slider-cards .swiper-container {
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.c-slider-cards .swiper-container--move {
    pointer-events: none
}

@media only screen and (min-width:1921px) {
    .c-slider-cards .main-carousel {
        width: 1700px;
        margin: auto;
        padding-left: 0;
        padding-right: 0
    }
}

.c-slider-cards__controls {
    position: relative;
    z-index: 1
}

@media only screen and (max-width:1023px) {
    .c-slider-cards__controls {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        justify-content: center
    }
}

.c-slider-cards__title-cta {
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width:1024px) {
    .c-slider-cards__title-cta {
        flex-direction: row;
        justify-content: space-between
    }
}

@media only screen and (max-width:1023px) {
    .c-slider-cards__title-cta br {
        display: none
    }
}

.c-slider-cards--archive {
    margin-top: -1px
}

.c-slider-cards--archive .c-slider-card {
    width: 95%;
    max-width: 340px;
    height: auto;
    opacity: 1;
    pointer-events: all;
}

@media only screen and (min-width:1024px) {
    .c-slider-cards--archive .c-slider-card {
        width: 35.625vw
    }
}

@media only screen and (min-width:1920px) {
    .c-slider-cards--archive .c-slider-card {
        width: 424px
    }
}

@media only screen and (min-width:1024px) {
    .c-slider-cards--archive .c-slider-card {
        max-width: none
    }
}

@media only screen and (min-width:1921px) {
    .c-slider-cards--archive .c-slider-card {
        width: 556px
    }
}

.c-slider-cards--archive .c-slider-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-slider-cards--team+.c-slider-cards--team {
    padding-top: 0
}

.c-slider-cards--team.bg-white {
    margin-top: -1px
}

.c-slider-cards--team .c-slider-card {
    width: 95%;
    max-width: 300px;
    margin-right: 16px
}

@media only screen and (min-width:768px) {
    .c-slider-cards--team .c-slider-card {
        width: 23%
    }
}

.c-slider-cards--team .c-slider-card img {
    will-change: unset
}

@media only screen and (min-width:1024px) {
    .c-slider-cards--team .c-slider-card {
        margin-right: 1vw
    }
}

@media only screen and (min-width:1920px) {
    .c-slider-cards--team .c-slider-card {
        margin-right: 19.2px
    }
}

@media only screen and (min-width:1025px) {
    .c-slider-cards--team .c-slider-card:hover img {
        transform: scale(1.1)
    }
}

.c-slider-cards--team .c-slider-card:last-child {
    margin-right: 0
}

@media only screen and (min-width:768px) {
    .c-slider-cards--team .c-slider-card {
        max-width: none
    }
}

@media only screen and (min-width:1024px) {
    .c-slider-cards--team .c-slider-card {
        width: 21.5959004392vw;
        height: 21.5959004392vw
    }
}

@media only screen and (min-width:1366px) {
    .c-slider-cards--team .c-slider-card {
        width: 17.08984375vw;
        height: 17.08984375vw
    }
}

@media only screen and (min-width:1921px) {
    .c-slider-cards--team .c-slider-card {
        width: 327px;
        height: 327px
    }
}

.c-slider-cards--team .c-slider-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-slider-cards__title .btn {
    height: 50px
}

.c-slider-cards__title h3 {
    text-transform: uppercase
}

.bg-night-blue .c-slider-cards__title h3 {
    color: #fff
}

.bg-white .c-slider-cards__title h3 {
    color: #64A70B
}

.c-slider-cards__title-container:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transition: transform 1s cubic-bezier(.215, .61, .355, 1);
    transform: scale(0) translate3d(0, -50%, 0);
    width: 100%;
    height: 1px;
    z-index: 0
}

@media only screen and (max-width:768px) {
    .c-slider-cards__title-container:before {
        display: none
    }
}

.bg-night-blue .c-slider-cards__title-container:before {
    background-color: #6d7474
}

.bg-white .c-slider-cards__title-container:before {
    background-color: #96fac8
}

.c-slider-cards__title-content {
    z-index: 1;
    position: relative
}

.bg-night-blue .c-slider-cards__title-content {
    background-color: #64A70B
}

.bg-white .c-slider-cards__title-content {
    background-color: #fff
}

.c-slider-card {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1);
    transform-style: preserve-3d;
    overflow: hidden;
    pointer-events: none
}

.c-slider-card.img-loaded {
    pointer-events: all
}

.c-slider-card.img-loaded img {
    transition: transform .6s cubic-bezier(.215, .61, .355, 1)
}

.c-slider-card.lazy-block--loaded {
    pointer-events: all
}

.c-slider-card img.loaded {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media only screen and (min-width:1025px) {
    .c-slider-card img {
        transform: scale(1.05);
        will-change: transform
    }
}

.c-slider-card img.img-loaded {
    transition: transform .6s cubic-bezier(.215, .61, .355, 1)
}

.bg-night-blue .c-slider-card {
    background-color: #96fac8;
    /*margin: 0;*/
}

.bg-white .c-slider-card {
    background-color: #64A70B
}

@media only screen and (min-width:1025px) {
    .c-slider-card:hover .c-slider-card__content {
        transform: translate3d(0, -10px, 0)
    }

    .c-slider-card:hover img {
        transform: scale(1.18) rotate(-5deg)
    }
}

.c-slider-card:before {
    content: "";
    position: absolute;
    left: -2px;
    bottom: -4px;
    width: calc(100% + 4px);
    pointer-events: none;
    /*opacity: 0;*/
    opacity: 1;
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1);
    /*background-image: linear-gradient(0deg, #64A70B, rgba(4, 14, 47, 0));*/
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    z-index: 99;
    height: 15rem;
    will-change: transform
}

.c-slider-cards--archive .c-slider-card:before {
    height: 100%
}

.c-slider-card__content {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1);
    will-change: transform;
    z-index: 111;
}

.c-slider-card__content .trademark {
    display: inline-block;
    vertical-align: top
}

.c-slider-card.lazy-block--loaded .c-slider-card__content,
.c-slider-card.lazy-block--loaded:before {
    opacity: 1
}

.main-events {
    position: relative
}

.main-events .canvas-background {
    z-index: 2
}

.main-events--footer {
    padding-bottom: 15rem
}

.main-events--home .canvas-background-wrp {
    opacity: 0;
    /*top: -32rem*/
}

.is-loaded .main-events--home .canvas-background-wrp {
    opacity: 1
}

.main-events__title {
    display: flex;
    z-index: 1;
    align-items: center;
    flex-direction: column;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .main-events__title {
        flex-direction: row;
        text-align: left;
        justify-content: space-between;
        align-items: flex-end
    }
}

.main-events__title>h3 {
    position: relative;
    z-index: 1
}

.main-events .swiper-container {
    z-index: 1
}

.main-event {
    width: 95%;
    max-width: 320px;
    margin-right: 20px;
    opacity: 1
}

@media only screen and (min-width:1024px) {
    .main-event {
        width: 35vw
    }
}

@media only screen and (min-width:1920px) {
    .main-event {
        width: 672px
    }
}

@media only screen and (min-width:1024px) {
    .main-event {
        margin-right: 9.375vw
    }
}

@media only screen and (min-width:1920px) {
    .main-event {
        margin-right: 180px
    }
}

@media only screen and (min-width:1025px) {
    .main-event {
        will-change: transform
    }
}

.main-event a {
    display: block
}

@media only screen and (min-width:1025px) {
    .main-event a:hover .main-event__content {
        transform: translate3d(0, 10px, 0)
    }

    .main-event a:hover .main-event__speakers {
        transform: translate3d(0, -10px, 0)
    }
}

@media only screen and (min-width:1025px) {
    .main-event:nth-child(odd) a:hover .main-event__image {
        /*transform: rotate(-3deg) translateX(-45px)*/
        transform: rotate(0deg) translateX(-45px)
    }
}

@media only screen and (min-width:1025px) {
    .main-event:nth-child(2n) a:hover .main-event__image {
        /*transform: rotate(-6deg) translateX(-45px)*/
        transform: rotate(0deg) translateX(-45px)
    }
}

.main-event.active {
    opacity: 1
}

@media only screen and (max-width:1023px) {
    .main-event {
        padding: 20px
    }
}

@media only screen and (max-width:1023px) {
    .carousel-is-ready .main-event {
        height: 100%
    }
}

@media only screen and (min-width:1024px) {
    .main-event {
        height: auto;
        max-width: none;
        min-width: 400px
    }
}

@media only screen and (min-width:1921px) {
    .main-event {
        width: 29.1666666667vw;
        margin-right: 7.8125vw
    }
}

@media only screen and (min-width:1024px)and (min-width:1024px) {
    .main-event:nth-child(2n) .main-event__image {
        transform: rotate(-9deg) translateX(-45px)
    }
}

@media only screen and (min-width:1024px)and (min-width:1024px) {
    .main-event:nth-child(odd) .main-event__image {
        transform: rotate(-6deg) translateX(-45px)
    }
}

.main-event__date {
    border-bottom: 1px solid #96fac8
}

.main-event__time {
    line-height: 1.6
}

.main-event__location br {
    content: " "
}

.main-event__location br:after {
    content: ", "
}

.main-event .date-separator {
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    background-color: #96fac8;
    align-self: center
}

.main-event__image {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1)
}

.main-event__image:after {
    content: "";
    display: block;
    padding-bottom: 110%
}

@media only screen and (min-width:1024px) {
    .main-event__image {
        height: auto;
        position: relative;
        top: auto;
        left: auto
    }

    .main-event__image:after {
        display: none
    }
}

.main-event__image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(149deg, rgba(4, 14, 47, .7) 3%, rgba(4, 14, 47, .21));
    display: block
}

.main-event__image img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: -1;
    -webkit-mask-image: linear-gradient(157deg, transparent 13%, #000);
    mask-image: linear-gradient(157deg, transparent 13%, #000)
}

@media only screen and (max-width:1023px) {
    .main-event__image img {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
}

.main-event__content {
    width: 100%;
    max-width: 525px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1)
}

@media only screen and (min-width:1024px) {
    .main-event__content {
        width: 34.125vw
    }
}

@media only screen and (min-width:1920px) {
    .main-event__content {
        width: 655.2px
    }
}

@media only screen and (min-width:1024px) {
    .main-event__content {
        height: auto;
        display: block;
        top: -2rem;
        left: 2rem;
        position: absolute
    }
}

.main-event__content a {
    display: block
}

.main-event__content .trademark {
    display: inline-block;
    vertical-align: top
}

.main-event__content h3 br {
    display: none
}

.main-event__content h4 {
    opacity: .8
}

.main-event__speakers-label {
    left: -65px;
    top: 35%;
    transform: translateY(-50%) rotate(-90deg);
    color: #fff;
    font-size: 14px
}

.main-event__speakers-label span:last-child {
    font-size: 12px
}

.main-event__speakers {
    left: 2rem;
    top: 90%;
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1)
}

@media only screen and (max-width:1023px) {
    .main-event__speakers {
        display: none
    }
}

.main-event__speakers.main-event__speakers--carousel:before {
    top: calc(50% - 15px)
}

@media only screen and (min-width:1366px) {
    .main-event__speakers {
        top: 88%
    }
}

.main-event__speakers--carousel {
    max-width: 566px;
    padding-bottom: 30px
}

@media only screen and (min-width:1024px) {
    .main-event__speakers--carousel {
        width: 34.125vw
    }
}

@media only screen and (min-width:1920px) {
    .main-event__speakers--carousel {
        width: 655.2px
    }
}

.main-event__speakers .btn {
    z-index: 2;
    line-height: 0
}

@media only screen and (min-width:1024px) {
    .main-event__speakers .main-carousel {
        width: 32.4375vw
    }
}

@media only screen and (min-width:1920px) {
    .main-event__speakers .main-carousel {
        width: 622.8px
    }
}

.main-event__speakers .main-carousel .main-event__speaker {
    margin-right: 1rem;
    transition: opacity .6s cubic-bezier(.43, .195, .02, 1);
    opacity: 0
}

@media only screen and (min-width:1366px) {
    .main-event__speakers .main-carousel .main-event__speaker {
        margin-right: 1rem
    }
}

.main-event__speakers .main-carousel .main-event__speaker.active {
    opacity: 1
}

.main-event__speaker {
    max-width: 90px;
    margin-right: 1rem;
    position: relative
}

@media only screen and (min-width:1024px) {
    .main-event__speaker {
        width: 5vw
    }
}

@media only screen and (min-width:1920px) {
    .main-event__speaker {
        width: 96px
    }
}

.main-event__speaker:last-child {
    margin-right: 0
}

@media only screen and (min-width:1366px) {
    .main-event__speaker {
        margin-right: 1rem
    }
}

.main-event__speaker:hover figcaption,
.main-event__speaker:hover img {
    opacity: 1
}

.main-event__speaker img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    opacity: 1
}

.main-event__speaker figcaption {
    opacity: 0;
    transition: opacity .3s linear;
    position: absolute;
    left: 0;
    top: 110%;
    white-space: nowrap;
    pointer-events: none
}

.main-event__speaker figcaption .figcaption-title {
    border-bottom: 1px solid #fff
}

.sponsors-home {
    z-index: 3
}

.sponsors {
    margin-bottom: -1px;
    margin-top: -1px;
    width: 100%
}

.sponsors .swiper-container {
    overflow: visible
}

.sponsors.light {
    background-color: #fff
}

.sponsors.light .sponsors__title {
    color: #64A70B
}

.sponsors.dark {
    background-color: transparent
}

.sponsors .sponsors__title {
    max-width: 1340px;
    margin: auto;
    border-bottom: 1px solid rgba(109, 116, 116, .5)
}

.sponsors .sponsor__item {
    width: 125px;
    margin-right: 20px
}

@media only screen and (min-width:1024px) {
    .sponsors .sponsor__item {
        width: 9.375vw
    }
}

@media only screen and (min-width:1920px) {
    .sponsors .sponsor__item {
        width: 180px
    }
}

@media only screen and (min-width:1024px) {
    .sponsors .sponsor__item {
        margin-right: 4.375vw
    }
}

@media only screen and (min-width:1920px) {
    .sponsors .sponsor__item {
        margin-right: 84px
    }
}

.sponsors .sponsor__item img {
    width: 100%;
    display: block
}

@media only screen and (min-width:1921px) {
    .sponsors .sponsor__item {
        width: 7.8125vw;
        margin-right: 3.6458333333vw
    }
}

.sponsors .swiper-wrapper {
    transition-timing-function: linear;
    will-change: transform;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

.stem-projects .swiper-container .swiper-slide:last-child {
    margin-right: 0
}

.stem-projects .swiper-container img {
    width: 100%
}

.stem-projects__item {
    background-color: #96fac8;
    max-width: 800px
}

.stem-student__quote:before {
    content: "";
    width: 120px;
    height: 113px;
    max-width: 120px;
    max-height: 113px;
    position: absolute;
    background: url(../fonts/quotes.svg) no-repeat;
    background-size: cover;
    z-index: -1
}

@media only screen and (min-width:1024px) {
    .stem-student__quote:before {
        width: 7.5vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-student__quote:before {
        width: 144px
    }
}

@media only screen and (min-width:1024px) {
    .stem-student__quote:before {
        height: 7.0625vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-student__quote:before {
        height: 135.6px
    }
}

@media only screen and (min-width:1024px) {
    .stem-student__quote:before {
        top: -4.375vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-student__quote:before {
        top: -84px
    }
}

@media only screen and (min-width:1024px) {
    .stem-student__quote:before {
        left: -4.375vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-student__quote:before {
        left: -84px
    }
}

@media only screen and (min-width:1921px) {
    .stem-student__quote:before {
        top: -82px
    }
}

@media only screen and (max-width:1023px) {
    .stem-student__quote:before {
        width: 86px;
        height: 81px;
        left: -30px;
        top: -70px
    }
}

@media only screen and (max-width:767px) {
    .stem-student__quote:before {
        right: auto;
        left: -38px;
        top: -60px
    }
}

.grey .stem-student__quote:before {
    background: url(../fonts/quotes_light.svg) no-repeat;
    background-size: cover
}

@media only screen and (max-width:767px) {
    .stem-student__quote {
        position: absolute;
        width: 100%;
        bottom: -100px;
        left: 0
    }
}

.stem-student__image {
    position: relative;
    width: 136px;
    flex-shrink: 0
}

@media only screen and (min-width:1024px) {
    .stem-student__image {
        width: 13.75vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-student__image {
        width: 264px
    }
}

.stem-student__image img {
    width: 100%;
    border-radius: 100%
}

.stem-student__image .i-social {
    position: absolute;
    bottom: 0;
    right: 0
}

.stem-support {
    z-index: 1;
    padding-bottom: 2px
}

.stem-diversity__wrap {
    max-width: 400px;
    margin: auto
}

@media only screen and (min-width:1024px) {
    .stem-diversity__wrap {
        max-width: 1500px
    }
}

.stem-diversity__row {
    flex-direction: column
}

@media only screen and (min-width:1024px) {
    .stem-diversity__row {
        flex-direction: row
    }
}

.stem-diversity .bubble svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    will-change: transform
}

@media only screen and (max-width:1023px) {
    .stem-diversity .bubble__content--home {
        height: 400px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: -7rem
    }
}

.stem-diversity .bubble__content .button {
    transform: translate3d(0, 15px, 0);
    opacity: 0;
    transition: transform 1s cubic-bezier(.43, .195, .02, 1) .5s, opacity 1s cubic-bezier(.43, .195, .02, 1) .5s
}

.stem-diversity .bubble__top-content {
    position: relative;
    min-width: 300px;
    width: 290px
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble__top-content {
        width: 18.125vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble__top-content {
        width: 348px
    }
}

.stem-diversity .bubble__top-content>* {
    transition: transform 1s cubic-bezier(.43, .195, .02, 1) .5s, opacity 1s cubic-bezier(.43, .195, .02, 1) .5s;
    opacity: 0
}

.stem-diversity .bubble__top-content:before {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background-color: #fafafa;
    top: 60%;
    left: 40%;
    display: block;
    z-index: -1;
    border-radius: 100%;
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0);
    transition: transform 1.5s cubic-bezier(.43, .195, .02, 1), opacity 1.5s cubic-bezier(.43, .195, .02, 1)
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble__top-content:before {
        width: 26.875vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble__top-content:before {
        width: 516px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble__top-content:before {
        height: 26.875vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble__top-content:before {
        height: 516px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble__top-content:before {
        top: 50%;
        left: 50%;
        min-width: 340px;
        min-height: 340px
    }
}

.stem-diversity .bubble__description {
    transform: translate3d(0, 15px, 0);
    transition: transform 1s cubic-bezier(.43, .195, .02, 1) .5s, opacity 1s cubic-bezier(.43, .195, .02, 1) .5s;
    opacity: 0
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble__description {
        max-width: 28.125vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble__description {
        max-width: 540px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--first {
        margin-left: -5vw
    }
}

.stem-diversity .bubble--first .bubble__content {
    min-width: 270px;
    top: 70px;
    margin-top: 0;
    display: block;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--first .bubble__content {
        top: 8.75vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--first .bubble__content {
        top: 168px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--first .bubble__content {
        max-width: 21.875vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--first .bubble__content {
        max-width: 420px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--first .bubble__content {
        left: 15vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--first .bubble__content {
        left: 250px
    }
}

.stem-diversity .bubble--first svg {
    margin-left: -160px;
    width: 380px;
    height: auto
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--first svg {
        width: 25vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--first svg {
        width: 480px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--first svg {
        margin-left: 0
    }
}

.stem-diversity .bubble--second {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.stem-diversity .bubble--second .bubble__top-content>* {
    transform: translate3d(0, 15px, 0)
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--second {
        display: block;
        margin-right: -5vw;
        margin-top: 5vw
    }
}

.stem-diversity .bubble--second .bubble__content {
    width: 100%;
    order: 2;
    z-index: 2
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--second .bubble__content {
        margin-top: -9.375vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--second .bubble__content {
        margin-top: -180px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--second .bubble__content {
        margin-left: -10vw;
        padding-left: 0
    }
}

.stem-diversity .bubble--second svg {
    width: 320px;
    height: auto;
    z-index: 1;
    order: 1;
    margin-left: auto;
    margin-right: -60px
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--second svg {
        width: 31.25vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--second svg {
        width: 600px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--second svg {
        margin: 0
    }
}

.stem-diversity .bubble--third {
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--third {
        margin-top: -9.375vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--third {
        margin-top: -180px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--third {
        margin-left: 8.75vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--third {
        margin-left: 168px
    }
}

.stem-diversity .bubble--third.bubble--third-no-margin {
    margin-top: 0
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--third {
        display: block
    }
}

.stem-diversity .bubble--third .bubble__top-content>* {
    transform: translate3d(0, 15px, 0)
}

.stem-diversity .bubble--third .bubble__content {
    margin-top: -50px;
    width: 100%;
    order: 2;
    z-index: 2
}

.stem-diversity .bubble--third .bubble__content--home {
    margin-top: -15rem
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--third .bubble__content {
        margin-left: -9.375vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--third .bubble__content {
        margin-left: -180px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--third .bubble__content {
        margin-top: -5vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--third .bubble__content {
        margin-top: -96px
    }
}

.stem-diversity .bubble--third svg {
    width: 380px;
    height: auto;
    z-index: 1;
    order: 1;
    margin-left: auto;
    margin-right: -120px
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--third svg {
        width: 23.75vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--third svg {
        width: 456px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--third svg {
        margin: 0
    }
}

.stem-diversity .bubble--fourth {
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--fourth {
        margin-left: 9.375vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--fourth {
        margin-left: 180px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--fourth {
        margin-top: 15.625vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--fourth {
        margin-top: 300px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--fourth {
        display: block
    }
}

.stem-diversity .bubble--fourth .bubble__top-content>* {
    transform: translate3d(0, 15px, 0)
}

@media only screen and (max-width:1023px) {
    .stem-diversity .bubble--fourth .bubble__top-content:before {
        top: 100%
    }
}

.stem-diversity .bubble--fourth .bubble__content {
    margin-top: 0;
    width: 100%;
    order: 2;
    z-index: 2
}

.stem-diversity .bubble--fourth .bubble__content--home {
    margin-top: -16rem
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--fourth .bubble__content {
        margin-left: 12.5vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--fourth .bubble__content {
        margin-left: 240px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--fourth .bubble__content {
        margin-top: -2.5vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--fourth .bubble__content {
        margin-top: -48px
    }
}

.stem-diversity .bubble--fourth svg {
    margin-left: -60px;
    width: 230px;
    height: auto;
    z-index: 1;
    order: 1
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--fourth svg {
        width: 14.375vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-diversity .bubble--fourth svg {
        width: 276px
    }
}

@media only screen and (min-width:1024px) {
    .stem-diversity .bubble--fourth svg {
        margin-left: 0
    }
}

.cards-title h2 {
    color: #96fac8
}

.cards-title p {
    color: #fafafa
}

.cards-title.bg-light {
    background-color: #fff
}

.cards-title.bg-light h2 {
    color: #023f24
}

.cards-title.bg-light p {
    color: #64A70B
}

.video__scene.video-opened .video__btn {
    opacity: 0
}

.video__scene.video-opened:hover .video__btn {
    opacity: 1
}

.video__scene.video-playing .video__poster {
    opacity: 0
}

.video__scene.video-playing .video {
    opacity: 1
}

.video__title {
    position: relative;
    z-index: 2;
    margin-bottom: -2rem
}

@media only screen and (min-width:1024px) {
    .video__title {
        position: absolute;
        margin-bottom: 0;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}

.video__poster {
    background-size: cover;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__btn {
    width: 9rem;
    height: 9rem
}

.video__btn button,
.video__btn svg {
    width: 100%;
    height: 100%
}

.video__btn-pause {
    display: none
}

@media only screen and (max-width:1023px) {
    .stem-talent-intro {
        max-width: 600px;
        margin: auto
    }

    .stem-talent-intro .underline-title {
        font-size: 1.2rem
    }
}

@media only screen and (max-width:767px) {
    .stem-talent-intro .img-wrp {
        height: 30rem
    }

    .stem-talent-intro .img-wrp img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.stem-talent-intro p:last-child {
    margin-bottom: 0
}

.stem-talent-intro h3 {
    z-index: 2
}

.stem-talent-intro h3:before {
    content: "";
    z-index: -1;
    width: 100px;
    height: 100px;
    min-width: 60px;
    min-height: 60px;
    background-color: #96fac8;
    border-radius: 100%;
    top: -70px;
    left: -70px;
    position: absolute
}

@media only screen and (min-width:1024px) {
    .stem-talent-intro h3:before {
        width: 6.25vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-talent-intro h3:before {
        width: 120px
    }
}

@media only screen and (min-width:1024px) {
    .stem-talent-intro h3:before {
        height: 6.25vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-talent-intro h3:before {
        height: 120px
    }
}

@media only screen and (min-width:1024px) {
    .stem-talent-intro h3:before {
        top: -4.375vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-talent-intro h3:before {
        top: -84px
    }
}

@media only screen and (min-width:1024px) {
    .stem-talent-intro h3:before {
        left: -4.375vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-talent-intro h3:before {
        left: -84px
    }
}

@media only screen and (min-width:1024px) {
    .stem-talent-intro__full h3 {
        margin-left: -15%;
        max-width: 28.75vw
    }
}

@media only screen and (min-width:1920px) {
    .stem-talent-intro__full h3 {
        max-width: 552px
    }
}

.stem-talent-intro__full img {
    margin-left: -9.765625vw;
    margin-right: -9.765625vw;
    max-width: none;
    width: 125%
}

@media only screen and (min-width:1921px) {
    .stem-talent-intro__full img {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.stem-talent-intro__image a {
    align-self: flex-end;
    display: none
}

.heritage {
    position: relative
}

@media only screen and (max-width:767px) {
    .heritage__item {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        display: block
    }
}

.heritage__img {
    max-width: 340px;
    max-height: 340px
}

.heritage__img,
.heritage__img img {
    border-radius: 100%
}

@media only screen and (min-width:1024px) {
    .heritage__img {
        width: 21.25vw
    }
}

@media only screen and (min-width:1920px) {
    .heritage__img {
        width: 408px
    }
}

@media only screen and (min-width:1024px) {
    .heritage__img {
        height: 21.25vw
    }
}

@media only screen and (min-width:1920px) {
    .heritage__img {
        height: 408px
    }
}

@media only screen and (min-width:1024px) {
    .heritage__img {
        min-width: 280px;
        min-height: 280px
    }
}

@media only screen and (max-width:767px) {
    .heritage__img {
        margin-bottom: 20px;
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (max-width:767px) {
    .heritage__text {
        margin-left: 0
    }
}

@media only screen and (min-width:1024px) {
    .heritage__content {
        line-height: 1.3
    }
}

.event-webinars {
    z-index: 1
}

[data-js-split-image] .final-image {
    position: absolute;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

[data-js-split-image] .img-wrp {
    width: 100%;
    height: 20vh;
    position: relative;
    display: block;
    transform-origin: 0 50%;
    overflow: hidden;
    margin-top: 0
}

@media only screen and (min-width:1024px) {
    [data-js-split-image] .img-wrp {
        height: 20vh
    }
}

[data-js-split-image] .img-wrp div {
    display: block;
    position: absolute;
    left: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    top: 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    will-change: transform
}

@media only screen and (min-width:1024px) {
    [data-js-split-image] .img-wrp div {
        background-position: 50% 50%;
        height: 100vh
    }
}

[data-js-split-image] .img-wrp:nth-child(2) div {
    top: -20vh
}

[data-js-split-image] .img-wrp:nth-child(3) div {
    top: -40vh
}

[data-js-split-image] .img-wrp:nth-child(4) div {
    top: -60vh
}

[data-js-split-image] .img-wrp:nth-child(5) div {
    top: -80vh
}





.swiper-button-next, .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7A7A7A;
    transition: all 0.35s ease;
    width: 60px;
    height: 60px;
    outline: none;
    border-radius: 50%;
    border: 1px solid #E9E9E9;
    background: #fff;
}

@media (max-width: 1024px){
    .swiper-button-next, .swiper-button-prev {
        width: 50px;
        height: 50px;
    }
    .swiper-button-next.swiper-button-next, .swiper-button-prev.swiper-button-next {
        right: -1vw;
    }

    .swiper-button-next.swiper-button-prev, .swiper-button-prev.swiper-button-prev {
        left: -1vw;
    }
}
.page-section{
    position: relative;
    overflow: hidden;
}
body{font-family: yesevaone-regular-1, wulkandisplay-regular, serif !important;}
.page-section .boximg{width: 100%;height: 100%;}
.page-section .boximg img{width: 100%;height: 100%;object-fit: cover;}
.page-section .inner{display: flex;align-items: center; position: absolute;left: 0;top: 0%;width: 100%;height: 100%;object-fit: cover;z-index: 22;}
.page-section .inner h1{text-shadow: 0 3px 10px rgba(0, 0, 0, 1);font-size: 46px;color: #fff;}
.bread{padding: 20px 0px;background: #fff;}
.bread *{font-size: 20px;color: #000000;}
.bread .u-ph-100>span{margin: 0 8px;}
.news-block{position: relative;overflow: hidden;background: #fff;padding-bottom: 80px;}
.news-block .taba{display: flex;align-items: center;justify-content: center;margin: 2rem 0;}
.news-block .taba a{display: inline-block;border: 1px solid #B5B5B5;padding: 20px 50px;font-size: 20px;color: #000000;margin: 15px;border-radius: 40px;}
.news-block .taba a.active{background: #64A70B;color: #fff;border-color: #64A70B;}
.news-block .news{max-width: 92%;margin: 0 auto;}
.news-block .news .row{display: flex;flex-wrap: wrap; margin-top: 3rem;margin-right: 1rem;margin-left: 1rem;margin-bottom: 5rem;}
.news-block .news .row .col-md-3{width: 25%;margin-bottom: 4rem;padding-right: 1rem;padding-left: 1rem;}
.news-block .news .row .col-md-3 a{display: block;width: 100%;height: 100%;}
.news-block .news .row .col-md-3 a .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 72.25%;
    position: relative;

}
.news-block .news .row .col-md-3 a .boximg img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.news-block .news .row .col-md-3 a .con{
    display: block;
    margin-top: 1rem;

}
.news-block .news .row .col-md-3 a .con .time{color: rgba(0, 0, 0, .8);font-style: normal;display: block;margin: 10px 0px 20px 0px;}
.news-block .news .row .col-md-3 a .con h3{font-size: 18px;color: #2B2F33;}
.news-block .news .row .col-md-3 a:hover .boximg img{transform: scale(1.1);}
.news-block .detail{width: 70%;margin: 4rem auto;}
.news-block .detail .arctit{font-size: 46px;color: #2B2F33;}
.news-block .detail .time{font-style: normal;margin-bottom: 3rem; color: #2B2F33; border-bottom: 1px solid rgba(112, 112, 112, .43);display: block;width: 100%;padding: 15px 0px;}
.news-block .detail .article{font-size: 18px;color: #2C2C2C;}
.news-block .detail .article p{margin-bottom: 30px;}
.news-block .detail .article *{font-family: sans-serif;font-weight: 400;}
.news-block .detail .article img{display: block;margin: 30px auto;}
.news-block .detail .article .greenback{ position: relative;border-radius: 11px;padding: 60px;background: rgba(100, 167, 11, .1);color: #64A70B;margin-top: 50px; margin-bottom: 50px;}
.news-block .detail .article .greenback p{margin-bottom: 0;}
.news-block .detail .article .greenback::before{
    content: '';
    display: block;
    width: 78px;
    height: 67px;
    background: url(../images/q.svg) no-repeat top center;
    position: absolute;
    left: 20px;
    top: -20px;
}
.news-block .garyback{background: #F5F5F5;padding: 50px 0px;margin-top: 150px;}
.news-block .garyback h2{text-align: center;font-size: 46px;margin-bottom: 2rem;color: #000000;}
.pageinfo{display: flex;align-items: center;justify-content: center;margin-bottom: 5rem;}
.pageinfo ul{width: max-content; padding-left: 0;display: flex;align-items: center;justify-content: center;border-radius: 7px;border: 1px solid rgba(112, 112, 112, .11);}
.pageinfo ul li{margin: 0 10px;}
.pageinfo ul li a{display: block; color: #2C2C2C;padding: 10px 20px;}
.pageinfo ul li a.active{border: 1px solid #64A70B;}
.pageinfo ul li a.prev{color: rgba(44, 44, 44, .43);}
.pageinfo ul li a.prev::before{
    content: '<';
    display: inline-block;
    margin-right: 10px;

}
.pageinfo ul li a.next{color: rgba(44, 44, 44, .43);}
.pageinfo ul li a.next::after{
    content: '>';
    display: inline-block;
    margin-left: 10px;

}
.pageinfo ul li a:hover{color: #64A70B;}
.home-sustainable__text{color: #fff;}
.home-sustainable__text h3{
    font-family: yesevaone-regular-1, wulkandisplay-regular, serif;
    font-weight: 400;
    font-size: 36px;
}
.home-sustainable__text ul li{list-style: disc;margin-top: 10px;position: relative;padding-left: 25px;}
.home-sustainable__text ul li::before{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    color: #fff;
    background: #fff;
    position: absolute;
    left: 0;
    top: 10px;
}
.contact-block{position: relative;overflow: hidden;background: #fff;padding-top: 50px;}
.contact-block h2{font-size: 46px;color: #2C2C2C;text-align: center;}
.contact-block .txt{font-family: sans-serif;font-weight: 400;max-width: 740px;margin: 3rem auto;text-align: center;color: #2C2C2C;font-size: 18px;}
.contact-block .links{margin-bottom: 3rem; display: flex;justify-content: center;flex-wrap: wrap;}
.contact-block .links .box{width: 21%;margin: 1.5rem;padding-bottom: 3rem; background: #F6F6F6;border-radius: 11px;padding: 3rem;text-align: center;}
.contact-block .links .box .icos{height: 100px;display: flex;align-items: center;justify-content: center;}
.contact-block .links .box .icos img{display: block;margin: 0 auto;}
.contact-block .links .box h3{font-size: 24px;color: #64A70B;text-align: center;margin: 30px auto;}
.contact-block .links .box p{font-family: sans-serif;font-weight: 400;width: 90%;margin: 0 auto; word-break: break-all;text-align: center;font-size: 18px;color: #2C2C2C;margin-bottom: 3rem;}
.useful-resources-block{position: relative;overflow: hidden;background: #fff;padding: 50px 0px;}
.useful-resources-block .txt{max-width: 80%;margin: 0 auto;}
.useful-resources-block .txt h2{font-size: 46px;color: #000000;}
.useful-resources-block .txt p{font-size: 18px;color: #000000;margin: 30px 0px;}
.useful-resources-block .txt form .form-group{border: 1px solid #64A70B;padding: 5px;display: flex;align-items: center;justify-content: space-between;border-radius: 50px;}
.useful-resources-block .txt form .form-group input{width: calc(100% - 60px);border: none;box-shadow: none;font-size: 18px;box-sizing: border-box;padding-left: 2rem;}
.useful-resources-block .txt form .form-group input:focus{outline: none;box-shadow: none;}
.useful-resources-block .txt form .form-group input:focus-visible{outline: none !important;box-shadow: none;}
.useful-resources-block .txt form .form-group button{width: 56px;height: 56px;border: 1px solid #64A70B;border-radius: 50%;background: #64A70B;display: flex;align-items: center;justify-content: center;}
.useful-resources-block .boxc{max-width: 91%;margin: 0 auto;}
.useful-resources-block .taba{ margin: 3rem auto; display: flex;flex-wrap: wrap;align-items: stretch;margin-right: -1rem;margin-left: -1rem;}
.useful-resources-block .taba .in{
    flex: 0 0 auto;
    width: 33.33333333%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.useful-resources-block .taba a{width: 100%;font-size: 20px;color: #000000;text-align: center; display: flex;align-items: center;justify-content: center;border: 1px solid #B5B5B5;border-radius: 65px;padding: 2rem 1.5rem;}
.useful-resources-block .taba a.active,.useful-resources-block .taba a:hover{background: #64A70B;color: #fff;border: 1px solid #64A70B;}
.useful-resources-block .table{width: 100%;border-spacing: 0px;margin-bottom: 5rem;}
.useful-resources-block .table thead{background: rgba(100, 167, 11, 0.1);font-size: 20px;color: #000000;}
.useful-resources-block .table thead tr{border: none;}
.useful-resources-block .table thead th{padding: 2rem 0;border: none;text-align: left;}
.useful-resources-block .table thead th:nth-child(1){text-align: center;padding: 2rem;}
.useful-resources-block .table tbody tr{border-bottom: 1px solid #707070;}
.useful-resources-block .table tbody tr td{padding: 2rem 2rem 2rem 0;font-size: 18px;color: #000000;font-family: sans-serif;font-weight: 400;border-bottom: 1px solid rgba(112, 112, 112, .2);}
.useful-resources-block .table tbody tr td:nth-child(1){padding: 2rem;text-align: center;}
.useful-resources-block .table tbody tr:nth-child(odd){background: rgba(0, 0, 0, .04);border-bottom: 1px solid #707070;}

.about-block{position: relative;overflow: hidden;background: #fff;padding: 70px 0px;}
.about-block h2{font-size: 46px;text-align: center;color: #000000;margin-bottom: 100px;}
.about-block .box{width: 91%;margin: 0 auto; display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center; margin-top: 4rem;}
.about-block .box .imgs{width: 42%;}
.about-block .box .imgs img{width: 100%;height: 100%;object-fit: cover;}
.about-block .box .conbox{width: 54%;color: #000000;}
.about-block .box .conbox h3{font-size: 36px;}
.about-block .box .conbox ul li{padding-left: 2.5rem; position: relative; font-size: 18px;font-family: sans-serif;font-weight: 400;margin-top: 25px;}
.about-block .box .conbox ul li::before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #64A70B;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;

}
.about-block .greenback{position: relative;margin: 100px 0px;background: #F5F5F5;}
.about-block .greenback::before{
    content: '';
    display: block;
    width: 100%;
    height: 40%;
    background: #64A70B;
    position: absolute;
    left: 0;
    top: 0;
}
.about-block .greenback .in{width: 90%;margin: 3rem auto; position: relative;z-index: 22;padding: 80px 0px;}
.about-block .greenback .in h2{color: #fff;font-size: 36px;margin-bottom: 30px;}
.about-block .greenback .in .video{max-width: 1048px;margin: 30px auto;}
.about-block .textbox{display: flex;align-items: center;justify-content: space-between;margin-top: 80px;}
.about-block .textbox .imgs{width: 44%;margin-bottom: 2rem;}
.about-block .textbox .imgs img{width: 100%;height: 100%;object-fit: cover;}
.about-block .textbox .text{width: 52%;color: #000;margin-bottom: 2rem;} 
.about-block .textbox .text h2{color: #000;text-align: left;margin-bottom: 30px;}
.about-block .textbox .text p{font-size: 18px;color: #000000;font-family: sans-serif;font-weight: 400;}
.about-block .last{padding-bottom: 100px;}
.about-block .last h2{font-size: 36px;margin: 0 auto; margin-bottom: 50px;max-width: 1122px;}
.about-block .last .u-absolute{left: 50%;transform: translateX(-50%);}
.about-block .last .button--fill-green:before{background: #64A70B;}
.course-block{position: relative;overflow: hidden;background: #fff;padding: 70px 0px;}
.course-block .top{display: flex;justify-content: space-between;flex-wrap: wrap;color: #000000;}
.course-block .top .left{width: 40%;}
.course-block .top .left h2{font-size: 46px;margin-bottom: 50px;}

.course-block .top .left .u-absolute{}
.course-block .top .left .button--fill-green:before{background: #64A70B;}
.course-block .top .right{width: 55%;}
.course-block .top .right p{font-size: 18px;font-family: sans-serif;font-weight: 400;}
.course-block .in{max-width: 90%;margin: 0 auto;}
.course-block .imgs img{display: block;margin: 70px auto;}
.course-block .garyback{background: #F5F5F5;padding: 50px 0px;color: #000000;}
.course-block .garyback h3{font-size: 36px;margin-bottom: 30px;}
.course-block .garyback table{width: 100%;}
.course-block .garyback table tr td{padding: 2rem;background: rgba(100, 167, 11, .1);font-size: 18px;font-family: sans-serif;font-weight: 400;}
.course-block .garyback table tr td:nth-child(1){background: #64A70B;color: #fff;font-size: 20px;font-family: yesevaone-regular-1, wulkandisplay-regular, serif !important;}
.course-block .garyback table tr:nth-child(2) td:nth-child(1){background: #427400;}
.course-block .garyback table tr:nth-child(3) td:nth-child(1){background: #023F24;}

.course-block .garyback .txt p{font-size: 18px;font-family: sans-serif;font-weight: 400;margin-top: 2.5rem;}



.course-block .taba{margin: 3rem 0; display: flex;flex-wrap: wrap;align-items: stretch;margin-right: -1rem;margin-left: -1rem;}
.course-block .taba .ins{
    flex: 0 0 auto;
    width: 33.33333333%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.course-block .taba a{width: 100%;text-align: center; font-size: 20px;color: #000000; display: flex;align-items: center;justify-content: center;padding: 1rem;border: 1px solid #B5B5B5;border-radius: 55px;padding: 1.5rem;}
.course-block .taba .ins.active a,.course-block .taba .ins a:hover{background: #64A70B;color: #fff;border: 1px solid #64A70B;}

.course-block h3.text-center{margin-top: 60px; font-size: 36px; color: #000;text-align: center;}
.course-block .tabcontent .items{display: none;}
.course-block .tabcontent .items .in{max-width: 100%; display: flex;justify-content: space-between;flex-wrap: wrap;}
.course-block .tabcontent .items:nth-child(1){display: block;}
.course-block .tabcontent .items .left{width: 32%;background: #F3F3F3;padding: 2rem;}
.course-block .tabcontent .items .left .boximg{position: relative;overflow: hidden;}
.course-block .tabcontent .items .left .boximg img{width: 100%;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ; 
}
.course-block .tabcontent .items .left h4{color: #2B2F33;font-size: 18px;margin-top: 20px;}
.course-block .tabcontent .items .left:hover .boximg img{transform: scale(1.1);} 
.course-block .tabcontent .items .right{width: 67%;background: #F3F3F3;padding: 2rem;}
.course-block .tabcontent .items .right ul{padding-left: 0;}
.course-block .tabcontent .items .right ul li a{padding: 15px 0px; display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(112, 112, 112, .11);}
.course-block .tabcontent .items .right ul li a .imgs img{
    margin: 0;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ; 
}
.course-block .tabcontent .items .right ul li a .imgs{width: 195px;position: relative;overflow: hidden;}
.course-block .tabcontent .items .right ul li a p{width: calc(100% - 220px); font-size: 18px;color: #2B2F33;font-family: sans-serif;font-weight: 400;}
.course-block .tabcontent .items .right ul li:nth-last-child(1) a{padding-bottom: 0;border: none;}
.course-block .tabcontent .items .right ul li a:hover .imgs img{transform: scale(1.1);}




.events-block{position: relative;overflow: hidden;background: #fff;padding: 70px 0px;}
.events-block .in{max-width: 80%;margin: 0 auto;}
.events-block h2{color: #000;font-size: 46px;}
.events-block .events ul{padding-left: 0;margin-bottom: 60px;}
.events-block .events ul li{padding: 30px 0px; display: flex;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid rgba(112, 112, 112, .19);}
.events-block .events ul li .content{display: flex;justify-content: space-between;flex-wrap: wrap; width: calc(100% - 320px);color: #000000;}
.events-block .events ul li .content .time{font-style: normal; display: block; color: #fff;text-align: center; width: 98px;height: 98px;background: #64A70B;border-radius: 10px;}
.events-block .events ul li .content .time b{padding-top: 15px; font-style: normal; display: block;font-size: 30px;text-align: center;}
.events-block .events ul li .content .time span{display: block;text-align: center;font-family: sans-serif;font-weight: 400;}
.events-block .events ul li .content .con{width: calc(100% - 120px);}
.events-block .events ul li .content .con h3{font-size: 24px;margin-bottom: 10px;}
.events-block .events ul li .content .con .ps{display: block;color: #666666;font-family: sans-serif;font-weight: 400;margin-bottom: 15px;}
.events-block .events ul li .content .con .desinfo{font-size: 18px;color: #000000;font-family: sans-serif;font-weight: 400;margin-bottom: 120px;display: block;}

.events-block .events ul li .imgs{width: 284px;}
.events-block .detail{max-width: 1014px;margin: 0 auto;}
.events-block .detail h2{font-size: 30px;border-bottom: 2px solid #84B93D;padding: 40px 0px;}
.events-block .detail .txt{font-size: 18px;color: #000000;font-family: sans-serif;font-weight: 400;}
.events-block .detail .txt b{display: block;color: #64A70B;font-weight: bold;margin-top: 20px;}
.events-block .detail .back{position: relative;display: flex;align-items: center;justify-content: center;margin: 60px auto auto auto;}
.events-block .detail .swi{position: relative;max-width: 538px;margin: 40px auto;}
.events-block .detail .swi .swiper{overflow: hidden;}
.events-block .detail .swi .swiper-button-next{right: -6rem; width: 42px;height: 42px;border: 1px solid #707070;border-radius: 50%;}
.events-block .detail .swi .swiper-button-prev{left: -6rem; width: 42px;height: 42px;border: 1px solid #707070;border-radius: 50%;}
.events-block .detail .swi .swiper-button-next::after,.events-block .detail .swi .swiper-button-prev::after{color: #707070;font-size: 20px;}
.events-block .bar{margin-top: 30px;}
.events-block .bar .layui-form{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.events-block .bar .layui-form label{width: auto; white-space: nowrap; font-size: 18px;color: #000000;font-family: sans-serif;font-weight: 400;padding-left: 0;}
.layui-form-item:after{display: none;}
.events-block .bar .layui-form .layui-form-item{display: flex;align-items: center;}
.events-block .bar .layui-form .layui-input-inline{width: 246px; display: flex;align-items: center; height: 55px; border-radius: 68px;border: 1px solid #F5F5F5;color: #999999;font-family: sans-serif;font-weight: 400;}
.events-block .bar .layui-form .layui-input-prefix{left: auto;right: 1rem;top: 50%;transform: translateY(-50%);height: auto;}
.events-block .bar .layui-form .layui-input-wrap .layui-input{height: 100%; border-radius: 68px;padding: 1rem 2rem;}
.events-block .bar .layui-form .layui-form-item .layui-inline{margin-right: 0;display: flex;align-items: center;}
.events-block .bar .layui-form .layui-form-item .layui-input-block{margin-left: 0;}
.events-block .bar .layui-form-select .layui-input{font-size: 18px; width: 341px; height: 55px; border-radius: 68px;border: 2px solid #F5F5F5;color: #999999;font-family: sans-serif;font-weight: 400;}
.events-block .bar .layui-form-select dl dd{font-family: sans-serif;font-weight: 400;}
.events-block .bar .layui-form-select dl{top: 55px;border-radius: 15px;}
.events-block .bar .layui-form-select .layui-edge{border: none; right: 2rem;width: 21px;height: 11px;background: url(../images/right.svg) no-repeat top center;}



.home-hero-section .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

.home-hero-section .swiper-pagination-bullet-active {
    background-color: #64A70B;
}


.main-events .swiper-wrapper .main-event.swiper-slide {
    width: 35% !important;
    padding: 5% 0;
}
#xxx h2 {
    font-size: 2.3vw;
    margin-bottom: 45px;
}

#xxx p,
#xxx h2 {
    color: #000;

}

#xxx p {
    /*font-size:15px;*/
    margin-bottom: 0.35vw;
}

#xxx {
    margin-left: 0;
    background-color: #fff;
}
.header-menu .menu-item a {
    font-family: yesevaone-regular-1, wulkandisplay-regular, serif !important;
}
footer .page-foot__dt {font-family: yesevaone-regular-1, wulkandisplay-regular, serif !important;}
@media (max-width: 1790px){
    .header__logo{width: 35.2rem}
}
@media (max-width: 1680px){
    .header-menu .menu-item a{font-size: 14px;}
    .header-menu>li{margin-right: 2.5rem;}
}
@media (max-width: 1460px){
    .header-menu>li{margin-right: 1.5rem;}
    .header__logo{width: 250px;}
    .header-menu .menu-item a{font-size: 13px;}
}
@media (max-width: 1280px){
    .header__logo{width: 200px;}
    .header-menu .menu-item a{font-size: 12px;}
}
@media (max-width: 1100px){
    .header-menu>li{margin-right: 1rem;}
    .header__content{padding-left: 15px;padding-right: 15px;}
}
@media (max-width: 1024px){
    .news-block .news .row .col-md-3{width: 33.3333%;}
    .u-ph-100{padding-left: 15px; padding-right: 15px;}
    .news-block .detail{width: 100%;max-width: 100%;}
    .header__logo{width: 30rem;}
    .lines{background: #000;}
    .lines:after, .lines:before{background: #000;}
    .about-block h2{font-size: 36px;}
    .about-block .box .conbox h3{font-size: 26px;}
    .about-block .greenback .in h2{font-size: 26px;}
    .about-block .last h2{font-size: 26px;}
    .page-section .inner h1{font-size: 36px;}
    .bread *{font-size: 14px;}
    .about-block .last .u-absolute{padding-left: 0;}
    .course-block .top .left h2{font-size: 26px;}
    .course-block .garyback h3{font-size: 20px;}
    .course-block h3.text-center{font-size: 20px;}
    .course-block .garyback table tr td:nth-child(1){font-size: 18px;}
    .course-block .taba a{font-size: 18px;}
    .course-block .in{max-width: 100%;}
    .course-block .top .left .u-absolute{padding-left: 0;}
    .news-block .taba a{font-size: 18px;}
    .news-block .detail .arctit{font-size: 36px;}
    .news-block .garyback h2{font-size: 36px;}
    .contact-block h2{font-size: 36px;}
    .contact-block .links .box{width: 30%;}
    .contact-block .links .box h3{font-size: 20px;margin: 15px auto;}
    .useful-resources-block .txt h2{font-size: 36px;}
    .useful-resources-block .table-responsive{overflow-y: scroll;}
    .useful-resources-block .table{width: 200%;}
    .useful-resources-block .table thead{font-size: 18px;}
    .useful-resources-block .txt p{font-size: 16px;}
    .events-block .detail h2{font-size: 24px;}
    .events-block{padding-top: 40px;}
    .events-block h2{font-size: 36px;}
    .events-block .in{max-width: 100%;}
    .events-block .events ul li .content .con h3{font-size: 20px;}
    .events-block .events ul li .content .con .desinfo{margin-bottom: 100px;}
    .news-block .news{max-width: 100%;}
    .useful-resources-block .boxc{max-width: 100%;}
}
@media (max-width: 996px){
    .main-event__content h4{display: none;}
    .main-events .swiper-wrapper .main-event.swiper-slide{width: 80% !important;}
    .main-event{max-width: 420px;}
    .main-event__content{padding: 1.5rem;}
    .about-block .box{max-width: 100%;}
    .about-block .box .imgs{width: 100%;}
    .about-block .box .conbox{width: 100%;margin-top: 30px;}
    .about-block .textbox{flex-wrap: wrap;}
    .about-block .textbox .text{width: 100%;}
    .about-block .textbox .imgs{width: 100%;margin-top: 20px;}
    .course-block .taba .ins{width: 50%;}
    .useful-resources-block .taba .in{width: 50%;}
    .useful-resources-block .txt{max-width: 100%;}
}
@media (max-width: 767px){
    .news-block .news .row .col-md-3{width: 100%;}
    .news-block .taba a{font-size: 14px;padding: 15px 30px;}
    .home-hero .c-slider-card__content{top: 50% !important; transform: translateY(-50%) !important;left: 0 !important;}
    .about-block h2{font-size: 24px;}
    .about-block .greenback .in h2{font-size: 20px;}
    .about-block .box .conbox h3{font-size: 20px;}
    .about-block .box .conbox ul li{font-size: 16px;}
    .about-block h2{margin-bottom: 40px;}
    .about-block{padding-top: 40px;}
    .about-block .textbox .text p{font-size: 16px;}
    .about-block .last h2{font-size: 20px;}
    .about-block .greenback{margin: 60px 0px;}
    .about-block .last{padding-bottom: 60px;}
    .about-block .greenback::before{height: 30%;}
    .about-block .textbox{margin-top: 50px;}
    .about-block .greenback .in{width: 100%;padding: 50px 0px;}
    .page-section .boximg{height: 180px;}
    .page-section .boximg img{width: 100%;height: 100%;object-fit: cover;}
    .page-section .inner h1{line-height: 1;}
    .course-block .top .left{width: 100%;}
    .course-block .top .right{width: 100%;margin-top: 20px;}
    .course-block .top .left h2{font-size: 20px;}
    .course-block .top .right{margin-top: 80px;}
    .course-block .top .right p{font-size: 16px;}
    .course-block .garyback table tr td:nth-child(1){font-size: 16px;}
    .course-block .garyback table tr td{font-size: 14px;}
    .course-block .garyback .txt p{font-size: 16px;}
    .course-block .taba a{font-size: 14px;}
    .course-block .tabcontent .items .left{width: 100%;}
    .course-block .tabcontent .items .left h4{font-size: 14px;}
    .course-block .tabcontent .items .right{width: 100%;margin-top: 15px;}
    .course-block .tabcontent .items .right ul li a .imgs{width: 150px;}
    .course-block .tabcontent .items .right ul li a p{width: calc(100% - 170px);font-size: 14px;}
    .news-block .detail .arctit{font-size: 26px;}
    .news-block .detail .article{font-size: 16px;}
    .news-block .garyback h2{font-size: 26px;}
    .contact-block h2{font-size: 26px;}
    .contact-block .links .box{width: 100%;margin: 1rem 0;}
    .contact-block .links .box h3{font-size: 18px;}
    .contact-block .links .box p{font-size: 16px;}
    .useful-resources-block .txt h2{font-size: 26px;}
    .useful-resources-block .taba a{font-size: 16px;}
    .useful-resources-block .table thead{font-size: 16px;}
    .useful-resources-block .table tbody tr td{font-size: 14px;}
    .useful-resources-block .table{width: 300%;}
    .events-block .detail h2{font-size: 20px;}
    .events-block .detail .swi .swiper-button-prev{left: -1rem;}
    .events-block .detail .swi .swiper-button-next{right: -1rem;}
    .events-block{padding-top: 1rem;}
    .events-block .detail .txt{font-size: 16px;}
    .events-block .events ul li{flex-direction: column-reverse;}
    .events-block .events ul li .content{width: 100%;}
    .events-block .events ul li .imgs{width: 100%;margin-bottom: 20px;}
    .events-block .events ul li .imgs img{width: 100%;}
    .events-block{padding-top: 50px;}
    .events-block h2{font-size: 26px;}
    .events-block .events ul li .content .con .desinfo{font-size: 16px;}
    .events-block .bar .layui-form .layui-input-inline{margin-left: 0;}
    .events-block .bar .layui-form label{font-size: 14px;}
    .events-block .bar .layui-form .layui-form-item{flex-wrap: wrap;}
    .events-block .bar .layui-form .layui-form-item .layui-inline{width: 100%;justify-content: space-between;margin-bottom: 0;}
    .events-block .bar .layui-form label{width: 100px !important;text-align: left;}
    .events-block .bar .layui-form .layui-form-item{width: 100%;}
    .events-block .bar .layui-form .layui-input-inline,.events-block .bar .layui-form .layui-form-item .layui-input-block{width: calc(100% - 100px) !important;}
    .events-block .bar .layui-form-select .layui-input{width: 100%;font-size: 16px;}
    .layui-form-item .layui-inline{margin-bottom: 0;}
    .events-block .bar .layui-form .layui-form-item{margin-bottom: 0;}
    .events-block .events ul li .content .con h3{font-size: 18px;}
    .events-block .events ul li .content .time b{font-size: 24px;}
    .events-block .events ul li .content .time{width: 78px;height: 78px;}
    .events-block .events ul li .content .time b{padding-top: 15px;line-height: 1.2;}
    .events-block .events ul li .content .con{width: calc(100% - 90px);}
    .home-hero{height: 100%;}
    .home-hero .main-event{padding: 0;}
    .home-hero .main-event h1{font-size: 24px;}
    .header{position: sticky !important;}
    .home-hero .main-event  .home-hero__sub{margin-top: 20px;}
    .home-hero .c-slider-card__content{height: 80%;padding: 20px !important;}
    .home-hero .swiper-slide{margin-right: 0 !important;}
    .header:before{background: #fff !important;}
    #js-kv_movie{display: block !important;}
    .main-event{max-width: 100%;}
}