﻿.panel-herobanner--video-button {
    position: relative;
    margin: 0;
    display: block;
    top: 50%;
}
.interactive-diagram-cms__point
{
    width: 100%;
}
.panel-herobanner .panel-herobanner--video-button {
    z-index: 1;
}
.panel-herobanner .panel-herobanner--video-button.trigger__yt_alt .button__video {
    position: absolute;
    top: -270px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}

.triple_column_block .trigger__yt_alt .button__video {
    top: 0 !important;
}

.rte--video-button {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
}

    .rte--video-button .icon-play:hover:after {
        content: "";
        background-color: transparent;
        width: 21px;
        height: 21px;
        background-image: url(../img/sprite/build/sprite.svg);
        background-position: -220.8px -151px;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 auto;
        color: #fff;
    }

.rte--video-button .icon-play {
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    border: none;
    margin: 0 0 0 3px;
}

    .rte--video-button .icon-play:after {
        content: "";
        background-color: transparent;
        width: 21px;
        height: 21px;
        background-image: url(../img/sprite/build/sprite.svg);
        background-position: -220.8px -151px;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 auto;
        color: #fff;
    }

@media (max-width:992px) {
    .hero-panel-content .col-xs-12.col-md-7.col-lg-6.col-md-offset-1.u-padding-b-20 {
        min-height: 225px;
        width: 100%;
        background: #4b1f68;
    }
    .panel-herobanner .panel-herobanner--video-button.trigger__yt_alt .button__video {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }
}

.trigger__yt_alt .button__video {
    background: #4b1f68;
    color: #fff;
    border: none !important;
    border-radius: 25px !important;
    padding: 14px 39px 9px !important;
    height: 55px !important;
    margin: 0 20px 20px 0;
    text-decoration: none;
    position: relative;
    outline: 0;
    line-height: 1.875rem;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: auto !important;
}

.trigger__yt_alt a:hover, .trigger__yt_alt a:active, .trigger__yt_alt a:focus {
    color: #4b1f68 !important;
}

.trigger__yt_alt a:before{
    display:none;
}
.trigger__yt_alt a span{
    opacity:1;
}
.trigger__yt_alt a:after{
    display:none;
}

.news-content-wrapper a.link-download {
    position: relative;
    display: block !important;
}

.pullout-wrapper a.link-internal {
    position: relative;
    padding-left: 28px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
}
.pullout-wrapper a.link-internal:hover {
    color: #4b1f68;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
}
.pullout-wrapper a.link-internal:hover:before {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='17' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12.6851H7V0.685059H8V12.6851ZM8.4 12.3351L7.7 13.0351L0.7 6.03506L1.4 5.32506L8.4 12.3351ZM7.4 13.0351L6.7 12.3351L13.7 5.32506L14.4 6.03506L7.4 13.0351Z' fill='%23512d6d'/%3e%3c/svg%3e ") no-repeat 50% 50%;
}

    .pullout-wrapper a.link-internal:before {
        width: 17px;
        top: 11px;
        left: 7px;
        height: 17px;
        transform: rotate(-90deg);
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='17' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12.6851H7V0.685059H8V12.6851ZM8.4 12.3351L7.7 13.0351L0.7 6.03506L1.4 5.32506L8.4 12.3351ZM7.4 13.0351L6.7 12.3351L13.7 5.32506L14.4 6.03506L7.4 13.0351Z' fill='%23fff'/%3e%3c/svg%3e ") no-repeat 50% 50%;
    }

.pullout-wrapper a.button-download.transparent {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
}

.pullout-wrapper a.button-download.transparent:before {
    width:17px;
    height:17px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 15.3151V14.3151H15V15.3151H0ZM8 12.6851H7V0.685059H8V12.6851ZM8.4 12.3351L7.7 13.0351L0.7 6.03506L1.4 5.32506L8.4 12.3351ZM7.4 13.0351L6.7 12.3351L13.7 5.32506L14.4 6.03506L7.4 13.0351Z' fill='%23fff'/%3e%3c/svg%3e ") no-repeat 50% 50%;
}

.pullout-wrapper a.button-download.transparent:hover {
    color: #4b1f68;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
}

.pullout-wrapper a.button-download.transparent:hover:before {
    width: 17px;
    height: 17px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 15.3151V14.3151H15V15.3151H0ZM8 12.6851H7V0.685059H8V12.6851ZM8.4 12.3351L7.7 13.0351L0.7 6.03506L1.4 5.32506L8.4 12.3351ZM7.4 13.0351L6.7 12.3351L13.7 5.32506L14.4 6.03506L7.4 13.0351Z' fill='%23512d6d'/%3e%3c/svg%3e ") no-repeat 50% 50%;
}
img.fit-cover {
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.full-width-option .hero-panel-with-pullout .u-position-relative {
    min-height: 620px;
    width: 100%;
}

.full-width-option .hero-panel-with-pullout .pullout-wrapper {
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    background: #4b1f68;
    padding: 50px 0px 50px 0;
}

    .full-width-option .hero-panel-with-pullout .pullout-wrapper h2 {
        color: #fff;
        font-weight: 300;
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 20px;
        font-family: FFClanWebProThin,sans-serif;
        font-weight: 400;
    }

    .full-width-option .hero-panel-with-pullout .pullout-wrapper p {
        font-family: FFClanWebProThin,sans-serif;
        font-weight: 400;
    }

@media only screen and (min-width: 1007px) {
    .full-width-option .hero-panel-with-pullout .hero-panel-content {
        padding-top: 0;
        position: absolute;
        bottom: 70px;
    }
}

@media screen and (min-width: 1283px) {
    .full-width-option .hero-panel-with-pullout h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .full-width-option .hero-panel-with-pullout h2 {
        font-size: 35px;
        line-height: 45px;
    }
}

.container.four-six-block.bg-verylightgrey {
    position: relative;
}

.container.bg-grey {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

 .container.bg-grey::before {
    content: "";
    background: #F9F9F9;
    position: absolute;
    padding-top: 0;
    padding-bottom: 0;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    right: 50%;
    margin-right: -50vw;
    height: 100%;
    z-index: -1;
    top: 0;
 }
.container.four-six-block.bg-verylightgrey::before {
    content: "";
    background: #F9F9F9;
    position: absolute;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    right: 50%;
    margin-right: -50vw;
    height: 100%;
    z-index: -1;
    top: 0;
}


.container.four-six-block h4.purple__color {
    color: #512D6D;
    font-family: FFClanWebProMedium,sans-serif;
    font-size: 28px;
    line-height: 38px;
    padding-bottom:10px;
}

.container.four-six-block .rte-four-six ul li {
    font-size: 16px;
    line-height: 26px;
}

    .container.four-six-block .rte-four-six ul li b, .container.four-six-block .rte-four-six ul li strong {
        color: #512D6D;
        font-family: FFClanWebProMedium,sans-serif;
        font-weight: 500;
    }

.container.four-six-block .rte-four-six h4 b, .container.four-six-block .rte-four-six h4 strong {
    font-family: FFClanWebProMedium,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 500;
}

.container.four-six-block h3 {
    font-size: 50px;
    line-height: 60px;
    font-family: FFClanWebProThin,sans-serif;
    font-weight: 400;
}

.container.triple_column_block h2 {
    font-size: 50px;
    line-height: 60px;
    font-family: FFClanWebProThin,sans-serif;
    font-weight: 400;
    color: #512D6D;
    margin-bottom:40px;
}

.container.triple_column_block h3 {
    font-size: 24px;
    line-height: 34px;
    color: #512D6D;
}

.container.fact_figures_block_gray {
    position:relative;
}
.container.fact_figures_block_gray {
    position: relative;
}

.container.fact_figures_block_gray {
    position: relative;
}

.container.fact_figures_block_gray p.figure strong {
    font-size: 50px;
    line-height: 60px;
    color: #512D6D;
}
    .container.fact_figures_block_gray::before {
        content: "";
        background: #F9F9F9;
        position: absolute;
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
        right: 50%;
        margin-right: -50vw;
        height: 100%;
        z-index: -1;
        top: 0;
    }


.container.breakout__block h2 {
    font-size: 22px;
    line-height: 32px;
    font-family: FFClanWebProThin,sans-serif;
    font-weight: 400;
    color: #512D6D;
    margin-bottom: 25px;
}

main:not(.homepage) .carousel__block__wrapper .hp-item-content h3.feature-label {
    font-size: 28px;
    line-height: 38px;
    margin-top: 30px;
}

main:not(.homepage) .carousel__block__wrapper .hp-item-content p {
    font-size: 24px;
    line-height: 34px;
    font-family: FFClanWebProThin,sans-serif;
    font-weight: 400;
}

main:not(.homepage) .carousel__article__wrapper .panel-whatwedo--intro h2 {
    font-size: 35px;
    line-height: 45px;
}

main:not(.homepage) .carousel__article__wrapper .hp-item-content p {
    font-size: 22px;
    line-height: 32px;
    color: #000;
}

.sbcurated__carousel__wrapper .feature-text .rte p {
    font-size: 28px;
    line-height: 38px;
    color: #000;
}

.sbcurated__carousel__wrapper .feature-label {
    margin-bottom:10px;
}

.sbcurated__carousel__wrapper .button {
    color: #512D6D;
}

.feature-panel-carousel .rte {
    font-size: 28px;
    line-height: 38px;
    color: #000;
}


.feature-text .button.trans-purple {
    color: #512D6D !important;
}

.feature-text .button.trans-purple:hover {
    color: #fff !important;
    text-decoration:none;
}

@media(max-width:992px){
    .interactive-diagram-cms {
        padding-top: 0;
    }
    .interactive-diagram-cms__nav {
        padding-top: 0;
    }
}


.interactive-diagram-cms .interactive-diagram-cms__title {
    font-size: 50px;
    line-height: 60px;
    color: #512D6D;
    font-family: FFClanWebProThin,sans-serif;
    font-weight: 400;
}

ul.text_with_checkmark{
    padding:0;
}

    ul.text_with_checkmark li {
        font-size: 28px;
        line-height: 38px;
        color: #512D6D;
        font-family: FFClanWebProThin,sans-serif;
        font-weight: 400;
        position: relative;
        margin-left: 15px;
        padding-left: 10px;
        margin-bottom:15px;
    }

    ul.text_with_checkmark li:before {
        content: "";
        padding: 0.8rem;
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.4773 16C3.4773 15.813 3.4553 15.7299 3.36726 15.7299L2.86107 15.9584C2.86107 15.8545 2.79505 15.7922 2.68501 15.7506L2.50894 15.7299C2.35488 15.7299 2.28886 15.7506 2.06878 15.8753C2.00275 15.7506 1.91472 15.6052 1.84869 15.4805C1.27648 14.4416 0.682256 12.8831 0.418157 12.1974C0.286107 11.8442 0.154058 11.1169 0 10.0156C0.176066 10.1195 0.308116 10.161 0.37414 10.161C0.462173 10.161 0.572215 10.0156 0.660248 9.72467C0.704264 9.78701 0.792297 9.80779 0.902338 9.80779C0.968363 9.80779 1.0564 9.78701 1.10041 9.72467L1.45254 9.22597L1.84869 9.35065H1.8707C1.91472 9.35065 1.98074 9.28831 2.09078 9.22597C2.20083 9.16364 2.28886 9.12208 2.35488 9.12208L2.42091 9.14286C2.77304 9.30909 3.01513 9.6 3.12517 10.0571C3.38927 11.1169 3.63136 11.6364 3.91747 11.6364C4.15956 11.6364 4.48968 11.3662 4.84182 10.8468C5.19395 10.3273 5.54608 9.62078 5.94223 8.76883C5.96424 8.93506 5.98624 9.01818 6.03026 9.01818C6.16231 9.01818 6.49243 8.29091 7.30674 7.06493C8.51719 5.21558 11.5103 1.66234 12.2806 1.16364C12.8528 0.78961 13.293 0.436363 13.6011 0.124675C13.5571 0.332467 13.5131 0.477922 13.5131 0.540259C13.5131 0.602597 13.5571 0.623376 13.6011 0.623376L14.2173 0.332467V0.415584C14.2173 0.51948 14.2393 0.581818 14.3054 0.581818C14.3934 0.581818 14.7455 0.24935 14.7895 0.124675L14.7455 0.415584L15.4938 0L15.3177 0.374026C15.5378 0.228571 15.7139 0.145454 15.8239 0.145454C15.934 0.145454 16 0.311688 16 0.415584C16 0.581818 15.8459 0.810389 15.6039 1.1013C15.3398 1.43377 14.6795 2.07792 12.6988 4.21818C11.8404 5.13247 8.03301 10.0156 7.30674 11.1792L5.94223 13.361C5.348 14.2961 4.97386 14.8987 4.77579 15.1273C4.57772 15.3558 4.33563 15.5844 4.04952 15.7922L3.85144 15.6883L3.67538 15.7922L3.4773 16Z' fill='%23512D6D'/%3e%3c/svg%3e") no-repeat 50% 25%;
    }