.uppercase {
    text-transform: uppercase
}

.white {
    color: #fff
}

.purple {
    color: #3E2089
}

.blue {
    color: #3a41d7
}

.black {
    color: #000
}

.bgWhite {
    background-color: #fff
}

.bgBlue {
    background-color: #3a41d7
}

.bgBlack {
    background-color: #000
}

.border-radius {
    border-radius: 50px
}

.border-radius-small {
    border-radius: 10px
}

.medium-padding-vertical {
    padding-top: 60px;
    padding-bottom: 60px
}

.large,
.mediumLarge {
    font-size: 20px
}

.mediumSmall {
    font-size: 18px
}

.medium {
    font-size: 20px;
    line-height: 30px
}

.small {
    font-size: 14px
}

.smallish {
    font-size: 16px
}

.container-large {
    margin: -50px 130px
}


:focus {
    box-shadow: 0 0 8px #2e146fad
}


a {
    color: #3e2089;
    text-decoration: none
}

a:hover{
    color: #3e2089;
    text-decoration: underline;
}


.flex {
    display: flex
}

.flex a,
.flex button {
    margin-right: 10px
}

.launch-video .button{
    border: 1px solid #FFBC24;
    background-color: transparent;
    color:#fff;
    max-width: 100%;
    white-space: normal;
}

.launch-video .button:hover{
    color:#fff;
}

.launch-video .button:after{
    content: url("data:image/svg+xml; utf8, %3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2023.2%2028.3%22%20style%3D%22enable-background%3Anew%200%200%2023.2%2028.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23FFBC24%3B%22%20d%3D%22M16.3%2C26.3l0-24.3c4.1%2C2.5%2C6.9%2C7%2C6.9%2C12.1C23.2%2C19.3%2C20.4%2C23.8%2C16.3%2C26.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20style%3D%22fill%3A%23FFBC24%3B%22%20d%3D%22M0%2C28.3c7.8%2C0%2C14.1-6.3%2C14.1-14.1S7.8%2C0%2C0%2C0V28.3z%22%2F%3E%0A%3C%2Fsvg%3E");
}

.launch-video{
    color:#FFBC24;
    border-color:#FFBC24;
}

.button,
a[type=button] {
    border: 2px solid #000;
    padding: 16px 50px 16px 16px;
    background: #fff;
    color: #3E2089;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    text-align: left;
    /*text-transform: uppercase;*/
}

.button:hover,
a[type=button]:hover {
    text-decoration: underline;
}

.button:after,
a[type=button]:after {
    content: url("data:image/svg+xml; utf8, %3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2023.2%2028.3%22%20style%3D%22enable-background%3Anew%200%200%2023.2%2028.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%233e2089%3B%22%20d%3D%22M16.3%2C26.3l0-24.3c4.1%2C2.5%2C6.9%2C7%2C6.9%2C12.1C23.2%2C19.3%2C20.4%2C23.8%2C16.3%2C26.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20style%3D%22fill%3A%233e2089%3B%22%20d%3D%22M0%2C28.3c7.8%2C0%2C14.1-6.3%2C14.1-14.1S7.8%2C0%2C0%2C0V28.3z%22%2F%3E%0A%3C%2Fsvg%3E");
    position: absolute;
    width: 16px;
    right: 18px;
    transition: all .2s ease
}

.button:hover:after,
a[type=button]:hover:after {
    right: 12px
}

.panel-body{
 padding-top: 40px;
}

@media (max-width: 900px) {

    .button,
    a[type=button] {
        font-size: 18px
    }
}

@media (max-width: 1024px) {

    .button,
    a[type=button] {
        font-size: 20px
    }
}

hr.thick {
    height: 10px;
    border: 0;
    width: 25%;
    text-align: center
}

hr.pink {
    background-color: #FFB320
}

.angle {
    height: auto;
    position: relative;
    padding: 200px 0;
}

.angle-bottom{
    height: auto;
    position: relative;
    padding: 0 0 200px 0;
}

@media (max-width: 900px) {
    .angle {
        padding: 60px 0
    }
}

.angle:first-of-type:before,
.angle:last-of-type:after {
    content: ""
}

.angle:after, .angle-bottom:after {
    bottom: 0px;
    content: url("data:image/svg+xml; utf8, %3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201916%20144%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1916%2C144H0L1916%2C0Z%22%2F%3E%3C%2Fsvg%3E")
}

.angle:after,
.angle:before,
.angle-bottom:after {
    position: absolute;
    left: 0;
    right: 0;
    height: auto;
    z-index: 3;
    bottom: -6px;
}

.angle:before {
    top: 0;
    pointer-events: none;
    content: url("data:image/svg+xml; utf8, %3Csvg%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201915.44%20144.12%22%3E%3Cpath%20style%3D%22fill%3A%23fff%22%20d%3D%22M0%200h1915.44L0%20144.12V0z%22%2F%3E%3C%2Fsvg%3E")
}

img.img-angle {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
    clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%)
}

figure {
    width: 100%;
    margin: 0
}

figure figcaption {
    font-weight: 300;
    font-size: 14px;
    margin-top: 0.5rem;
}

figure img {
    width: 100%
}

.cols-2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

@media (max-width: 900px) {
    .cols-2 {
        display: block
    }
}

.cols-2 figure {
    width: 40%
}

.cols-2 figure img {
    height: auto
}

@media (max-width: 900px) {
    .cols-2 figure {
        width: 100%
    }
}

.cols-2 .content-left {
    width: 60%;
    margin-right: 60px
}

@media (max-width: 900px) {
    .cols-2 .content-left {
        margin-right: 0;
        width: 100%
    }
}

.cols-2 .content-right {
    margin-left: 60px;
    width: 60%
}

@media (max-width: 900px) {
    .cols-2 .content-right {
        margin-left: 0;
        width: 100%
    }
}

.header {
    position: relative;
    background: #3e2089;
    padding-top: 10vw;
    height: 40vw;
    overflow-y: hidden
}

@media (max-width: 900px) {
    .header {
        padding-top: 50vw;
        margin-top: 60px;
        height: auto
    }
}

.header .mobile-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.header:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 20%;
    background: linear-gradient(0deg, #3F2290, #000 50%, transparent 65%);
    z-index: 1
}

@media (max-width: 900px) {
    .header:before {
        top: 30vh;
        background: linear-gradient(0deg, #3F2290, #000 70%, transparent)
    }
}

@media (max-width: 599px) {
    .header:before {
        top: 10vh;
        background: linear-gradient(0deg, #3F2290, #000 70%, transparent)
    }
}

.header video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100vw;
    max-width: 100%
}

.header .title {
    position: absolute;
    bottom: 15%;
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 900px) {
    .header .title {
        width: 80vw;
        bottom: auto;
        position: relative
    }
}

.header .title img {
    display: block;
    text-align: center;
    width: 100px;
    margin: 0 auto;
    padding: 10px 0
}

@media (max-width: 900px) {
    .header .title img {
        width: 60px
    }
}

.btn-pause {
    position: absolute;
    top: 65px;
    margin-left: 10px;
    z-index: 30;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    padding-right: 30px
}

.btn-pause:after {
    content: url("data:image/svg+xml; utf8, %3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20340.15%20340.16%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M170.07%200a170.08%20170.08%200%201%200%20170.08%20170.08A170.06%20170.06%200%200%200%20170.07%200Zm0%20323.15a153.07%20153.07%200%201%201%20153.08-153.07%20153.08%20153.08%200%200%201-153.08%20153.07Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M157.74%20221.34a11.88%2011.88%200%200%201-11.88%2011.88h-18.33a11.88%2011.88%200%200%201-11.89-11.88V118.82a11.88%2011.88%200%200%201%2011.89-11.88h18.33a11.88%2011.88%200%200%201%2011.88%2011.88ZM224.51%20221.34a11.88%2011.88%200%200%201-11.88%2011.88H194.3a11.88%2011.88%200%200%201-11.88-11.88V118.82a11.88%2011.88%200%200%201%2011.88-11.88h18.33a11.88%2011.88%200%200%201%2011.88%2011.88Z%22%2F%3E%3C%2Fsvg%3E");
    width: 40px;
    position: absolute;
    right: 0
}

.btn-pause.play:after {
    content: url("data:image/svg+xml; utf8, %3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20340.15%20340.16%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M170.07%200a170.08%20170.08%200%201%200%20170.08%20170.08A170.06%20170.06%200%200%200%20170.07%200Zm0%20323.15a153.07%20153.07%200%201%201%20153.08-153.07%20153.08%20153.08%200%200%201-153.08%20153.07Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M239.67%20177.51%20186.91%20208l-52.75%2030.45c-7.1%204.11-12.86.78-12.86-7.42V109.16c0-8.2%205.76-11.53%2012.86-7.43l52.75%2030.46%2052.76%2030.47c7.11%204.1%207.11%2010.75%200%2014.85Z%22%2F%3E%3C%2Fsvg%3E")
}

a.bt-noir {
    color: #fff
}

a.bt-noir:hover {
    color: #000
}

.intro {
    background-color: #fff
}

@media (max-width: 900px) {
    .intro .container .large-text {
        font-size: 44px !important;
        line-height: 50px !important
    }
}

.intro .cols-2 {
    margin-top: 100px
}

@media (max-width: 900px) {
    .intro .cols-2 {
        margin-top: 60px
    }
}

.intro .cols-2 img {
    margin-top: 60px
}

.quote {
    background-color: #3a41d7;
    background: linear-gradient(0deg, #3a41d6, #2e146e 60%)
}

blockquote {
    font-size: 35px;
    font-weight: 700;
    font-style: italic;
    line-height: 60px;
    margin-bottom: 80px;
    padding: 0 60px !important;
    position: relative;
    border-left: 0px solid #eee !important;
}

@media (max-width: 900px) {
    blockquote {
        font-size: 25px;
        line-height: 40px;
        padding: 0 10px;
        margin: 20px 20px 40px
    }
}

blockquote:before {
    content: url("data:image/svg+xml; utf8, %3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2023.2%2028.3%22%20style%3D%22enable-background%3Anew%200%200%2023.2%2028.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ff00f6%3B%22%20d%3D%22M6.9%2C2l0%2C24.3C2.8%2C23.8%2C0%2C19.3%2C0%2C14.1C0%2C9%2C2.8%2C4.4%2C6.9%2C2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20style%3D%22fill%3A%23ff00f6%3B%22%20d%3D%22M23.2%2C0C15.4%2C0%2C9.1%2C6.3%2C9.1%2C14.1s6.3%2C14.1%2C14.1%2C14.1V0z%22%2F%3E%0A%3C%2Fsvg%3E");
    position: absolute;
    left: -40px;
    top: 0;
    width: 30px
}

@media (max-width: 900px) {
    blockquote:before {
        left: -20px;
        width: 20px
    }
}

blockquote:after {
    content: url("data:image/svg+xml; utf8, %3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2023.2%2028.3%22%20style%3D%22enable-background%3Anew%200%200%2023.2%2028.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ff00f6%3B%22%20d%3D%22M16.3%2C26.3l0-24.3c4.1%2C2.5%2C6.9%2C7%2C6.9%2C12.1C23.2%2C19.3%2C20.4%2C23.8%2C16.3%2C26.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20style%3D%22fill%3A%23ff00f6%3B%22%20d%3D%22M0%2C28.3c7.8%2C0%2C14.1-6.3%2C14.1-14.1S7.8%2C0%2C0%2C0V28.3z%22%2F%3E%0A%3C%2Fsvg%3E");
    position: absolute;
    right: -40px;
    bottom: -10px;
    width: 30px
}

@media (max-width: 900px) {
    blockquote:after {
        right: -20px;
        width: 20px
    }
}

.quotePopup {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    display: inline-block;
    font-size: 1.5em;
    margin-top: 40px;
    margin-bottom: 20px;
}

.quotePopup:after {
    content: url("data:image/svg+xml; utf8, %3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2023.2%2028.3%22%20style%3D%22enable-background%3Anew%200%200%2023.2%2028.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ff00f6%3B%22%20d%3D%22M16.3%2C26.3l0-24.3c4.1%2C2.5%2C6.9%2C7%2C6.9%2C12.1C23.2%2C19.3%2C20.4%2C23.8%2C16.3%2C26.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20style%3D%22fill%3A%23ff00f6%3B%22%20d%3D%22M0%2C28.3c7.8%2C0%2C14.1-6.3%2C14.1-14.1S7.8%2C0%2C0%2C0V28.3z%22%2F%3E%0A%3C%2Fsvg%3E")
}

@media (max-width: 900px) {
    .quotePopup {
        font-size: 18px
    }
}

#moreInfoComponent .innerMessage {
    position: relative
}

#moreInfoComponent .innerMessage .bt-noir {
    background-color: #000;
    color: #fff;
    width: 40px;
    height: 40px;
    border: none;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 6
}

.commitments {
    /*background-color: #fff*/
}


.commitment {
    display: flex;
    margin-bottom: 60px;
    align-items: flex-start
}

.commitments .col-xs-12{
    margin-bottom: 40px;
}


.commitment img {
    max-width: 30%;
    margin-left: 40px
}

@media (max-width: 900px) {
    .commitment img {
        display: none
    }
}

@media (max-width: 900px) {
    .commitment .flex {
        display: block
    }

    .commitment .flex .button {
        display: inline-block
    }

    .commitment .flex a.button {
        margin-bottom: 20px
    }
}

.commitment-number {
    font-size: 72px;
    text-align: center;
    min-width: 60px;
    margin-right: 60px;
    position: relative
}

@media (max-width: 900px) {
    .commitment-number {
        font-size: 60px;
        min-width: 40px;
        margin-right: 20px
    }
}

.commitment-number hr {
    width: 100%;
    margin-top: 10px
}

.segments {
    background-color: #4836B5;
    background: linear-gradient(0deg, #3F2290, #4836B5 60%);
    padding-bottom:100px;
}

.segments:after {
    content:'';
    display:none;
}

.segments p.white {
    margin-top: -2rem;
}

.segment-container {
    display: grid;
    grid-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 50px;
    row-gap: 50px
}

@media (max-width: 900px) {
    .segment-container {
        grid-gap: 20px;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 20px;
        row-gap: 20px
    }
}

.segment-img-container {
    position: relative;
    cursor: pointer
}

.segment-img-container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0 solid #ff00f6;
    transition: all .2s ease
}

.segment-img-container:hover:after {
    border: 10px solid #ff00f6;
    transition: all .2s ease
}

.segment-item img {
    width: 100%;
    position: relative
}

.innerMessage {
    /*padding: 40px;
    border: 2px solid #c3c3c3;*/
    min-height: 30vw
}

@media (max-width: 900px) {
    .innerMessage {
        padding: 20px
    }
}

.stats-tabs {
    display: block;
    max-width: 100%
}

.stats-tabs ul {
    display: flex;
    padding-left: 0;
    margin-left: 0;
    max-width: 100%;
    list-style: none;
    justify-content: space-between
}

@media (max-width: 900px) {
    .stats-tabs ul {
        flex-wrap: wrap
    }
}

.stats-tabs ul li {
    cursor: pointer;
    padding-bottom: 20px;
    border-bottom: 6px solid #cac9c9;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.nav-tabs ul li {
    font-size: 1.5rem !important;
}

@media (max-width: 900px) {
    .stats-tabs ul li {
        width: 40%;
        margin-top: 20px
    }
}

.stats-tabs ul .active {
    border-bottom: 6px solid #3e2089
}

.legend {
    display: flex;
    width: 100%;
    justify-content: center;
    display: block
}

.legend div {
    padding-bottom: 20px;
    margin: 0 10px;
    position: relative;
    padding-left: 50px
}

.legend div:before {
    content: url("data:image/svg+xml; utf8, %3Csvg%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2082.87%2028.74%22%3E%3Cpath%20d%3D%22M82.87%2010.54H28.21a14.37%2014.37%200%201%200%200%207.66h54.66Z%22%20style%3D%22fill%3A%23cac9c9%22%2F%3E%3C%2Fsvg%3E");
    left: 0;
    width: 40px;
    margin-right: 10px;
    position: absolute
}

.legend div.legend-cbc:before {
    content: url("data:image/svg+xml; utf8, %3Csvg%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2082.87%2028.74%22%3E%3Cpath%20d%3D%22M82.87%2010.54H28.21a14.37%2014.37%200%201%200%200%207.66h54.66Z%22%20style%3D%22fill%3A%233e2089%22%2F%3E%3C%2Fsvg%3E")
}

.footnote {
    font-style: italic;
    font-size: 14px;
    line-height: 20px
}

.innerMessage+p.footnote {
    margin-top: 1.5rem;
}

.react-slideshow-container {
    position: relative
}

.react-slideshow-container .lazy-loaded {
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
    clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%)
}

.react-slideshow-container .lazy {
    width: 80px
}

.react-slideshow-container .sliderImgContainer {
    width: 100%;
    height: 0;
    padding-bottom: 125%
}

.react-slideshow-container .default-nav:first-of-type {
    margin-right: 10px !important
}

.react-slideshow-container .default-nav:last-of-type {
    margin-left: 10px !important
}

.react-slideshow-container a {
    text-decoration: none
}

.react-slideshow-container a>p {
    font-size: 18px;
    text-align: left;
    color: #000;
    line-height: 22px
}

.linkSection {
    background-color: #00607c;
    background: linear-gradient(0deg, #3F2290, #4836B5 60%);
    padding-bottom: 0;
    margin-bottom: 0
}

.linkSection:after {
    content: ""
}

.linkSection .container {
    list-style: none;
    justify-content: space-between
}

@media (max-width: 900px) {
    .linkSection .container {
        display: block
    }
}

.linkSection img {
    width: 100%;
    display: inline-block
}

.linkSection .buttons {
    padding: 0 60px 0 0
}

@media (max-width: 900px) {
    .linkSection .buttons {
        padding: 0
    }
}

.linkSection ul {
    list-style: none
}

@media (max-width: 900px) {
    .linkSection ul {
        padding: 0
    }
}

.linkSection ul li {
    display: block;
    margin-bottom: 40px
}

.linkSection ul li a {
    font-size: 1.5em;
    padding: 30px 60px 30px 30px;
    display: block;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border-color: #fff;
    background: transparent
}

@media (max-width: 900px) {
    .linkSection ul li a {
        font-size: 20px
    }
}

.linkSection ul li a:after {
    content: url("data:image/svg+xml; utf8, %3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2023.2%2028.3%22%20style%3D%22enable-background%3Anew%200%200%2023.2%2028.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M16.3%2C26.3l0-24.3c4.1%2C2.5%2C6.9%2C7%2C6.9%2C12.1C23.2%2C19.3%2C20.4%2C23.8%2C16.3%2C26.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M0%2C28.3c7.8%2C0%2C14.1-6.3%2C14.1-14.1S7.8%2C0%2C0%2C0V28.3z%22%2F%3E%0A%3C%2Fsvg%3E")
}

.footer {
    background-color: #000;
    padding: 20px 0;
    position: relative
}

.footer p {
    display: inline;
    font-size: 16px;
    text-align: left
}

@media (max-width: 900px) {
    .footer p {
        font-size: 14px;
        display: block;
        text-align: center
    }
}

.footer figure {
    position: absolute;
    right: 0;
    width: 180px;
    top: 4px
}

@media (max-width: 900px) {
    .footer figure {
        position: relative;
        width: 100%
    }

    .footer figure img {
        height: 26px
    }
}

.backdrop {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .23921568627450981);
    overflow-y: scroll
}

.bt-noir {
    border: 0;
    background: transparent
}

.message.open {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25vw;
    width: 50vw;
    height: auto;
    z-index: 1000;
    max-height: 80vh;
    overflow-y: scroll;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75)
}

@media (max-width: 900px) {
    .message.open {
        left: 5vw;
        width: 90vw;
        max-height: 90vh
    }
}

.message.open .innerMessage {
    background-color: #fff;
    color: #000;
    border: none;
    padding: 40px;
    box-shadow: 5px 5px 5px #000;
    min-height: 0
}

.message.open h4,
.message.open h5 {
    margin-top: 0;
    margin-bottom: 10px
}

.message.open .bt-noir {
    background-color: #000;
    color: #fff;
    width: 40px;
    height: 40px;
    border: none;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 6
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}



.open .bt-noir {
    border: 1px solid #fff
}

.notFound {
    height: 100vh;
    padding: 0;
    margin: -16 px 0 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.notFound p {
    text-align: center;
    padding: 20px
}

.footerImage {
    width: 200px
}

.menu {
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100
}

.menu,
.menu img {
    height: 60px
}

video {
    width: 100vw
}



.container {
    position: relative
}

.container nav {
    position: absolute;
    right: 0;
    top: 12px
}

.container .langSwitch {
    padding: 5px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    background-color: transparent;
    transition: all .2s ease;
    cursor: pointer;
    z-index: 10
}

.container .langSwitch:after {
    content: ""
}

.container .langSwitch:hover {
    color: #000;
    background-color: #fff
}

/*# sourceMappingURL=main.cf057a84.chunk.css.map */

.section-inner.container, .linkSection .inner-container {
    margin-top: 50px;
}

.slick-dots button {
    display: block;
    width: 0.6rem !important;
    height: 0.6rem !important;
    padding: 0;
    border: none !important;
    border-radius: 100%;
    text-indent: -9999px;
}

.slick-dots li.slick-active button {
    background-color: #3e2089;
}


.next:hover {
    color: #3e2089;

}

.sliderImgContainer a figure img {
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
    clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%);
}

.slide h4 {
    color: black;
    font-weight: 100;
    font-size: 1.4rem;
    line-height: 2rem;
}

.btn:after {
    /* margin-top: -26px !important; */
    margin-top: 0 !important;
    background-image: none;
}

button.btn.button p {
    margin: 0 !important;
    font-weight: bold;
}
.btn:hover{
    /*color: #3e2089;*/
    text-decoration: underline;
}

.quotePopup:hover{
    color:white;
}

.panel-title::after {
    content: none !important;

}
.linkSection .btn{
color:white;
}
.linkSection .btn:hover{
    color:white;
}

.linkSection .btn:after {
    margin-top: 10px !important;
}


.modal-dialog-centered{
  top: 50%;
    transform: translateY(-50%)!important;
}


.modal-body{
  padding:40px;
}

.modal-body p:last-of-type{
  /*margin-bottom:0px;*/
}

.modal-content button.close{
  background-color: #000;
  color:#fff;
  opacity: 1;
  padding: 6px 10px;
}

.modal-content button.close:hover{
  background-color: #3F2290;
}