.article-banner-block, .banner-block, .double-banner-block, .trending-content-block, .extended-banner-block.interim-possition, .extended-banner-block.banner-block--illustration, .flex-banner {
    position: relative;
    color: #fff;
    overflow: hidden;
}

.home-page-container .article-banner-block + *, .home-page-container .banner-block + *, .home-page-container .double-banner-block + *, .home-page-container .trending-content-block + *, .home-page-container .extended-banner-block.interim-possition + *, .home-page-container .extended-banner-block.banner-block--illustration + *, .home-page-container .flex-banner + * {
    margin-top:0
}
/*
.article-banner-block + *, .banner-block + *, .double-banner-block + *, .trending-content-block + *, .extended-banner-block.interim-possition + *, .extended-banner-block.banner-block--illustration + *, .flex-banner + * {
    margin-top:64px
}
*/
@media (max-width: 767px) {
    .article-banner-block + *, .banner-block + *, .double-banner-block + *, .trending-content-block + *, .extended-banner-block.interim-possition + *, .extended-banner-block.banner-block--illustration + *, .flex-banner + * {
        margin-top:64px
    }
}

.article-banner-block + .withSecondaryNav, .banner-block + .withSecondaryNav, .double-banner-block + .withSecondaryNav, .trending-content-block + .withSecondaryNav, .extended-banner-block.interim-possition + .withSecondaryNav, .extended-banner-block.banner-block--illustration + .withSecondaryNav, .flex-banner + .withSecondaryNav {
    margin-top: 64px;
    margin-bottom:128px
}

@media (max-width: 767px) {
    .article-banner-block + .withSecondaryNav, .banner-block + .withSecondaryNav, .double-banner-block + .withSecondaryNav, .trending-content-block + .withSecondaryNav, .extended-banner-block.interim-possition + .withSecondaryNav, .extended-banner-block.banner-block--illustration + .withSecondaryNav, .flex-banner + .withSecondaryNav {
        margin-top: 64px;
        margin-bottom:64px
    }
}

.bg-light.article-banner-block, .bg-light.banner-block, .bg-light.double-banner-block, .bg-light.trending-content-block, .bg-light.extended-banner-block.interim-possition, .bg-light.extended-banner-block.banner-block--illustration, .bg-light.flex-banner {
    background: #fff
}

.article-banner-block [class * ="col"], .banner-block [class * ="col"], .double-banner-block [class * ="col"], .trending-content-block [class * ="col"], .extended-banner-block.interim-possition [class * ="col"], .extended-banner-block.banner-block--illustration [class * ="col"], .flex-banner [class * ="col"] {
    padding-top: 128px;
    padding-bottom: 128px
}

.article-banner-block [class * ="col"]:before, .banner-block [class * ="col"]:before, .double-banner-block [class * ="col"]:before, .trending-content-block [class * ="col"]:before, .extended-banner-block.interim-possition [class * ="col"]:before, .extended-banner-block.banner-block--illustration [class * ="col"]:before, .flex-banner [class * ="col"]:before, .article-banner-block [class * ="col"]:after, .banner-block [class * ="col"]:after, .double-banner-block [class * ="col"]:after, .trending-content-block [class * ="col"]:after, .extended-banner-block.interim-possition [class * ="col"]:after, .extended-banner-block.banner-block--illustration [class * ="col"]:after, .flex-banner [class * ="col"]:after {
    content: " ";
    display: table
}

.article-banner-block [class * ="col"]:after, .banner-block [class * ="col"]:after, .double-banner-block [class * ="col"]:after, .trending-content-block [class * ="col"]:after, .extended-banner-block.interim-possition [class * ="col"]:after, .extended-banner-block.banner-block--illustration [class * ="col"]:after, .flex-banner [class * ="col"]:after {
    clear:both
}

.article-banner-block .text__container, .banner-block .text__container, .double-banner-block .text__container, .trending-content-block .text__container, .extended-banner-block.interim-possition .text__container, .extended-banner-block.banner-block--illustration .text__container, .flex-banner .text__container {
    position:relative
}

.article-banner-block .category, .banner-block .category, .double-banner-block .category, .trending-content-block .category, .extended-banner-block.interim-possition .category, .extended-banner-block.banner-block--illustration .category, .flex-banner .category, .article-banner-block .category--light, .banner-block .category--light, .double-banner-block .category--light, .trending-content-block .category--light, .extended-banner-block.interim-possition .category--light, .extended-banner-block.banner-block--illustration .category--light, .flex-banner .category--light {
    display: inline-block;
    margin-top: -15px;
    margin-bottom: 96px;
    text-transform: uppercase;
    line-height: 2.4rem;
    letter-spacing:5px
}

.article-banner-block .category-alt, .banner-block .category-alt, .double-banner-block .category-alt, .trending-content-block .category-alt, .extended-banner-block.interim-possition .category-alt, .extended-banner-block.banner-block--illustration .category-alt, .flex-banner .category-alt {
    display: inline-block;
    margin-top: -15px;
    margin-bottom:96px
}

.article-banner-block .title, .banner-block .title, .double-banner-block .title, .trending-content-block .title, .extended-banner-block.interim-possition .title, .extended-banner-block.banner-block--illustration .title, .flex-banner .title, .article-banner-block .title--light, .banner-block .title--light, .double-banner-block .title--light, .trending-content-block .title--light, .extended-banner-block.interim-possition .title--light, .extended-banner-block.banner-block--illustration .title--light, .flex-banner .title--light {
    display: block;
    margin-top:-60px
}

.article-banner-block .title--no-cat, .banner-block .title--no-cat, .double-banner-block .title--no-cat, .trending-content-block .title--no-cat, .extended-banner-block.interim-possition .title--no-cat, .extended-banner-block.banner-block--illustration .title--no-cat, .flex-banner .title--no-cat {
    margin-top:0
}

.article-banner-block .link, .banner-block .link, .double-banner-block .link, .trending-content-block .link, .extended-banner-block.interim-possition .link, .extended-banner-block.banner-block--illustration .link, .flex-banner .link {
    margin-bottom: -12px;
    cursor:pointer
}

.article-banner-block .link:hover, .banner-block .link:hover, .double-banner-block .link:hover, .trending-content-block .link:hover, .extended-banner-block.interim-possition .link:hover, .extended-banner-block.banner-block--illustration .link:hover, .flex-banner .link:hover, .article-banner-block .link:active, .banner-block .link:active, .double-banner-block .link:active, .trending-content-block .link:active, .extended-banner-block.interim-possition .link:active, .extended-banner-block.banner-block--illustration .link:active, .flex-banner .link:active, .article-banner-block .link:focus, .banner-block .link:focus, .double-banner-block .link:focus, .trending-content-block .link:focus, .extended-banner-block.interim-possition .link:focus, .extended-banner-block.banner-block--illustration .link:focus, .flex-banner .link:focus {
    text-decoration:none
}

.article-banner-block .video-background, .banner-block .video-background, .double-banner-block .video-background, .trending-content-block .video-background, .extended-banner-block.interim-possition .video-background, .extended-banner-block.banner-block--illustration .video-background, .flex-banner .video-background {
    position: absolute;
    direction: ltr;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    overflow:hidden
}

.banner-container--white {
    background:#fff
}

.background-underlay {
    display: block;
    background-color: #4F2D7F;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity:0.8
}

@media (min-width: 960px) {
    .background-underlay {
        display:none
    }
}

.background {
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    direction:ltr
}

.background--darker-image:before {
    content: '';
    position: absolute;
    top: 0;
    right: -999em;
    bottom: 0;
    left: -999em;
    background-image: linear-gradient(to bottom, transparent, #000);
    opacity:.6
}

@media (min-width: 960px) {
    .background--darker-image ~ .container .row div .title, .background--darker-image ~ .container .row div .category, .background--darker-image ~ .container .row div .author-name, .background--darker-image ~ .container .row div .article-date, .background--darker-image ~ .container .row div .article-data, .background--darker-image ~ .container .row div .single-date, .background--darker-image ~ .container .row div .register-event-date {
        color:#fff
    }

    .background--darker-image ~ .container .row div .btn-primary {
        color: #fff;
        border-color: #fff;
        cursor:pointer
    }

    .background--darker-image ~ .container .row div .btn-primary:after {
        background:#fff
    }

    .background--darker-image ~ .container .row div .btn-primary:hover, .background--darker-image ~ .container .row div .btn-primary:active, .background--darker-image ~ .container .row div .btn-primary:focus {
        color:#de002e
    }
}

@media (min-width: 960px) and(pointer: coarse) {
    .background--darker-image ~ .container .row div .btn-primary:hover, .background--darker-image ~ .container .row div .btn-primary:active, .background--darker-image ~ .container .row div .btn-primary:focus {
        color:#fff
    }
}

@media (min-width: 480px) {
    .background--darker-image ~ .container .row div .btn-primary {
        color: #fff;
        border-color: #fff;
        cursor:pointer
    }

    .background--darker-image ~ .container .row div .btn-primary:after {
        background:#fff
    }

    .background--darker-image ~ .container .row div .btn-primary:hover, .background--darker-image ~ .container .row div .btn-primary:active, .background--darker-image ~ .container .row div .btn-primary:focus {
        color:#de002e
    }
}

@media (min-width: 480px) and(pointer: coarse) {
    .background--darker-image ~ .container .row div .btn-primary:hover, .background--darker-image ~ .container .row div .btn-primary:active, .background--darker-image ~ .container .row div .btn-primary:focus {
        color:#fff
    }
}

@media (max-width: 767px) {
    .background--darker-image ~ .container .row div .btn-primary {
        color: #fff;
        border-color: #fff;
        cursor:pointer
    }

    .background--darker-image ~ .container .row div .btn-primary:after {
        background:#fff
    }

    .background--darker-image ~ .container .row div .btn-primary:hover, .background--darker-image ~ .container .row div .btn-primary:active, .background--darker-image ~ .container .row div .btn-primary:focus {
        color:#4F2D7F
    }
}

@media (max-width: 767px) and(pointer: coarse) {
    .background--darker-image ~ .container .row div .btn-primary:hover, .background--darker-image ~ .container .row div .btn-primary:active, .background--darker-image ~ .container .row div .btn-primary:focus {
        color:#fff
    }
}

@media (min-width: 1024px) {
    .background--light-image ~ .container .row div .category, .background--light-image ~ .container .row div .title, .background--light-image ~ .container .row div p {
        color:#74767a
    }
}

@media (min-width: 1024px) {
    .background--light-image ~ .container .row div .title {
        color:#4F2D7F
    }
}

.background--light-image ~ .container .row div p {
    color:#fff
}

@media (max-width: 959px) {
    .background--light-image ~ .container .row div .btn-primary {
        color: #fff;
        border-color: #fff;
        cursor:pointer
    }

    .background--light-image ~ .container .row div .btn-primary:after {
        background:#fff
    }

    .background--light-image ~ .container .row div .btn-primary:hover, .background--light-image ~ .container .row div .btn-primary:active, .background--light-image ~ .container .row div .btn-primary:focus {
        color:#4F2D7F
    }
}

@media (max-width: 959px) and(pointer: coarse) {
    .background--light-image ~ .container .row div .btn-primary:hover, .background--light-image ~ .container .row div .btn-primary:active, .background--light-image ~ .container .row div .btn-primary:focus {
        color:#fff
    }
}

@media (min-width: 960px) {
    .background--light-image ~ .container .row div p {
        color:#000
    }

    .background--light-image ~ .container .row div .category {
        color:#74767a
    }

    .background--light-image ~ .container .row div .title {
        color:#4F2D7F
    }
}

.background--focus-left {
    background-position:left 0
}

.background--focus-right {
    background-position:right 0
}

.background--focus-left-center {
    background-position:left center
}

.background--focus-right-center {
    background-position:right center
}

@media (min-width: 768px) {
    .background--focus-left {
        background-position:center 0
    }

    .background--focus-right {
        background-position:center 0
    }

    .background--focus-left-center {
        background-position:center center
    }

    .background--focus-right-center {
        background-position:center center
    }
}

.interim-possition .background {
    background-position:top right
}

.growthiQ {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 122px;
    height: 73px;
    background-image: url("../images/placeholders/growthiQ.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-color:transparent
}

@media (max-width: 479px) {
    .growthiQ {
        display:none
    }
}

@keyframes banner-zoom-small {
    0% {
        background-position: 100% 65%;
        background-size:350px
    }

    100% {
        background-position: 105% 65%;
        background-size:450px
    }
}

@keyframes banner-zoom-big {
    0% {
        background-size:600px
    }

    100% {
        background-size:700px
    }
}

.article-banner-block--illustration .use-banner-zoom {
    animation-name: banner-zoom-small;
    animation-timing-function: ease-out;
    animation-duration: 2.5s;
    animation-fill-mode:forwards
}

@media (min-width: 1300px) {
    .article-banner-block--illustration .use-banner-zoom {
        animation-name:banner-zoom-big
    }
}

.article-banner-block--illustration .feat-text {
    color: #fff;
    text-transform:uppercase
}

@media (min-width: 960px) {
    .article-banner-block--illustration .feat-text {
        color:#74767a
    }
}

.article-banner-block--illustration .category {
    color:#fff
}

@media (min-width: 960px) {
    .article-banner-block--illustration .category {
        color:#74767a
    }
}

.article-banner-block--illustration .category--light {
    color:#fff
}

@media (min-width: 960px) {
    .article-banner-block--illustration .category--light {
        color:#fff
    }
}

.article-banner-block--illustration .title {
    color:#fff
}
/*
@media (min-width: 960px) {
    .article-banner-block--illustration .title {
        color:#4F2D7F
    }
}
*/
@media (min-width: 960px) {
    .article-banner-block--illustration .title--light {
        color:#fff
    }
}

.article-banner-block--illustration .background {
    position: absolute;
    width: 1500px;
    height: 102%;
    margin: 0 auto;
    right: 0;
    background-size: 350px;
    background-position:100% 65%
}

.article-banner-block--illustration .background.still {
    background-size:450px
}

@media (min-width: 1300px) {
    .article-banner-block--illustration .background {
        background-size:600px
    }

    .article-banner-block--illustration .background.still {
        background-size:700px
    }
}

@media (max-width: 1440px) {
    .article-banner-block--illustration .background {
        width:105%
    }
}

@media (min-width: 1024px) {
    .article-banner-block--illustration .background {
        opacity:1
    }
}

.article-banner-block--illustration .btn-primary {
    color: #fff;
    border-color: #fff;
    cursor:pointer
}

.article-banner-block--illustration .btn-primary:after {
    background:#fff
}

.article-banner-block--illustration .btn-primary:hover, .article-banner-block--illustration .btn-primary:active, .article-banner-block--illustration .btn-primary:focus {
    color:#4F2D7F
}

@media (pointer: coarse) {
    .article-banner-block--illustration .btn-primary:hover, .article-banner-block--illustration .btn-primary:active, .article-banner-block--illustration .btn-primary:focus {
        color:#fff
    }
}

@media (min-width: 960px) {
    .article-banner-block--illustration .btn-primary {
        color: #de002e;
        border-color: #de002e;
        cursor:pointer
    }

    .article-banner-block--illustration .btn-primary:after {
        background:#de002e
    }

    .article-banner-block--illustration .btn-primary:hover, .article-banner-block--illustration .btn-primary:active, .article-banner-block--illustration .btn-primary:focus {
        color:#fff
    }
}

@media (min-width: 960px) and(pointer: coarse) {
    .article-banner-block--illustration .btn-primary:hover, .article-banner-block--illustration .btn-primary:active, .article-banner-block--illustration .btn-primary:focus {
        color: #de002e
    }
}

.article-banner-block--illustration [class * ="col"] {
    padding-top: 64px;
    padding-bottom:64px
}

@media (max-width: 1440px) {
    .article-banner-block--illustration .background {
        width:100%
    }
}

.article-banner-block--illustration .article-date {
    margin-bottom:0
}

.article-banner-block .background {
    background-size: 600px;
    background-position:100% 0
}

@media (min-width: 768px) {
    .article-banner-block .background {
        background-size:500px
    }
}

@media (min-width: 1300px) {
    .article-banner-block .background {
        background-size:600px
    }
}

.article-banner-block .category {
    margin-top: 0;
    margin-bottom:24px
}

.article-banner-block .title {
    margin-top: 0;
    margin-bottom:32px
}

.article-banner-block .category, .article-banner-block .title {
    padding-right:416px
}

@media (max-width: 959px) {
    .article-banner-block .category, .article-banner-block .title {
        padding-right:0
    }
}

@media (max-width: 767px) {
    .article-banner-block .category, .article-banner-block .title {
        padding-right:0
    }
}

@media (min-width: 1300px) {
    .article-banner-block .category, .article-banner-block .title {
        padding-right: 0;
        margin-right:calc(600px -(100vw - 1100px)/2)
    }
}

.article-banner-block .description {
    padding-top: 32px;
    max-width: 640px;
    color:#fff
}

@media (max-width: 959px) {
    .article-banner-block .description {
        max-width:640px
    }
}

@media (min-width: 960px) and(max-width: 1023px) {
    .article-banner-block .description {
        max-width:480px
    }
}

@media (min-width: 1024px) and(max-width: 1299px) {
    .article-banner-block .description {
        max-width:480px
    }
}

@media (min-width: 960px) {
    .article-banner-block .description {
        color:#000
    }
}

.article-banner-block .author-image {
    float: left
}

.article-banner-block.article-banner-small-size [class * ="col"] {
    padding-top: 64px;
    padding-bottom:64px
}

.article-banner-block.article-banner-small-size .title {
    margin-bottom:0
}

.article-banner-block.article-banner-small-size .publication-date {
    margin-top: 32px;
    margin-bottom:0
}

.banner-block {
    background-color: #f5f3f2;
    color:#fff
}

.banner-block .background {
    width:100%
}

.banner-block .description {
    color: #000;
    padding-top: 32px;
    max-width:640px
}

@keyframes banner-zoom-small {
    0% {
        background-position: 100% 65%;
        background-size:350px
    }

    100% {
        background-position: 105% 65%;
        background-size:450px
    }
}

@keyframes banner-zoom-big {
    0% {
        background-size:600px
    }

    100% {
        background-size:700px
    }
}

.banner-block--illustration .use-banner-zoom {
    animation-name: banner-zoom-small;
    animation-timing-function: ease-out;
    animation-duration: 2.5s;
    animation-fill-mode:forwards
}

@media (min-width: 1300px) {
    .banner-block--illustration .use-banner-zoom {
        animation-name:banner-zoom-big
    }
}

.banner-block--illustration .feat-text {
    color: #fff;
    text-transform:uppercase
}

@media (min-width: 960px) {
    .banner-block--illustration .feat-text {
        color:#74767a
    }
}

.banner-block--illustration .category {
    color:#fff
}

@media (min-width: 960px) {
    .banner-block--illustration .category {
        color:#74767a
    }
}

.banner-block--illustration .category--light {
    color:#fff
}

@media (min-width: 960px) {
    .banner-block--illustration .category--light {
        color:#fff
    }
}

.banner-block--illustration .title {
    color:#fff
}

@media (min-width: 960px) {
    .banner-block--illustration .title {
        color:#4F2D7F
    }
}

@media (min-width: 960px) {
    .banner-block--illustration .title--light {
        color:#fff
    }
}

.banner-block--illustration .background {
    position: absolute;
    width: 1500px;
    height: 102%;
    margin: 0 auto;
    right: 0;
    background-size: 350px;
    background-position:100% 65%
}

.banner-block--illustration .background.still {
    background-size:450px
}

@media (min-width: 1300px) {
    .banner-block--illustration .background {
        background-size:600px
    }

    .banner-block--illustration .background.still {
        background-size:700px
    }
}

@media (max-width: 1440px) {
    .banner-block--illustration .background {
        width:105%
    }
}

@media (min-width: 1024px) {
    .banner-block--illustration .background {
        opacity:1
    }
}

.banner-block--illustration .btn-primary {
    color: #fff;
    border-color: #fff;
    cursor:pointer
}

.banner-block--illustration .btn-primary:after {
    background:#fff
}

.banner-block--illustration .btn-primary:hover, .banner-block--illustration .btn-primary:active, .banner-block--illustration .btn-primary:focus {
    color:#4F2D7F
}

@media (pointer: coarse) {
    .banner-block--illustration .btn-primary:hover, .banner-block--illustration .btn-primary:active, .banner-block--illustration .btn-primary:focus {
        color:#fff
    }
}

@media (min-width: 960px) {
    .banner-block--illustration .btn-primary {
        color: #de002e;
        border-color: #de002e;
        cursor:pointer
    }

    .banner-block--illustration .btn-primary:after {
        background:#de002e
    }

    .banner-block--illustration .btn-primary:hover, .banner-block--illustration .btn-primary:active, .banner-block--illustration .btn-primary:focus {
        color:#fff
    }
}

@media (min-width: 960px) and(pointer: coarse) {
    .banner-block--illustration .btn-primary:hover, .banner-block--illustration .btn-primary:active, .banner-block--illustration .btn-primary:focus {
        color:#de002e
    }
}

@media (min-width: 768px) {
    .banner-block--illustration .background {
        background-size:350px
    }
}

@media (min-width: 1300px) {
    .banner-block--illustration .background {
        background-size:600px
    }
}

@media (min-width: 1024px) {
    .banner-block--photograph {
        min-height:600px
    }
}

@media (min-width: 960px) {
    .relative-banner.extended-banner-block.interim-possition.campaign-banner [class * ="col"] {
        padding-top: 352px;
        padding-bottom:352px
    }
}

.relative-banner.extended-banner-block.interim-possition.campaign-banner .title {
    max-width: 100%;
    font-family: "GT-Walsheim-Pro", Arial, Helvetica, sans-serif
}

.relative-banner .banner-content {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform:translateY(-50%)
}

.relative-banner .banner-content .title {
    color:#4F2D7F
}

@media (max-width: 959px) {
    .relative-banner .background-underlay {
        top:0
    }

    .relative-banner .banner-content .title {
        color:white
    }
}

@media (max-width: 960px) {
    .relative-banner img {
        width: auto;
        position: absolute;
        top: 0;
        height: 100%;
        max-width: none;
        left: 50%;
        transform:translateX(-50%)
    }
}

.relative-banner.background--darker-image .title {
    color:white
}

@media (min-width: 960px) {
    .extended-banner-block.interim-possition.campaign-banner [class * ="col"]:first-of-type {
        padding-top: 288px;
        padding-bottom:256px
    }
}

@media (min-width: 1024px) {
    .extended-banner-block.interim-possition.campaign-banner .title {
        font-size:8rem
    }
}

.extended-banner-block.interim-possition.campaign-banner.background--darker-image h1.title {
    color:#fff
}

@media (min-width: 960px) {
    .extended-banner-block.interim-possition.campaign-banner.background--light-image h1.title {
        color:#4F2D7F
    }
}

.extended-banner-block .container h1.title {
    font-family: "GT-Walsheim-Pro-Medium", Arial, Helvetica, sans-serif;
    font-weight:normal
}

.double-banner-block, .trending-content-block {
    background-color: #fff;
    color:#000
}

.double-banner-block .background, .trending-content-block .background {
    width: inherit;
    background-color: inherit;
    background-size: cover;
    background-repeat:no-repeat
}

@media (max-width: 767px) {
    .double-banner-block .background, .trending-content-block .background {
        width:100%
    }
}

.double-banner-block .background.bg-inverse__orange, .trending-content-block .background.bg-inverse__orange {
    background-color:#C24200
}

.double-banner-block .background.bg-inverse__orange h1, .trending-content-block .background.bg-inverse__orange h1, .double-banner-block .background.bg-inverse__orange h2, .trending-content-block .background.bg-inverse__orange h2, .double-banner-block .background.bg-inverse__orange h3, .trending-content-block .background.bg-inverse__orange h3, .double-banner-block .background.bg-inverse__orange h4, .trending-content-block .background.bg-inverse__orange h4, .double-banner-block .background.bg-inverse__orange h5, .trending-content-block .background.bg-inverse__orange h5, .double-banner-block .background.bg-inverse__orange h6, .trending-content-block .background.bg-inverse__orange h6, .double-banner-block .background.bg-inverse__orange span, .trending-content-block .background.bg-inverse__orange span, .double-banner-block .background.bg-inverse__orange p, .trending-content-block .background.bg-inverse__orange p, .double-banner-block .background.bg-inverse__orange label, .trending-content-block .background.bg-inverse__orange label {
    color:white
}

.double-banner-block .background.bg-inverse__purple, .trending-content-block .background.bg-inverse__purple {
    background-color:#4F2D7F
}

.double-banner-block .background.bg-inverse__purple h1, .trending-content-block .background.bg-inverse__purple h1, .double-banner-block .background.bg-inverse__purple h2, .trending-content-block .background.bg-inverse__purple h2, .double-banner-block .background.bg-inverse__purple h3, .trending-content-block .background.bg-inverse__purple h3, .double-banner-block .background.bg-inverse__purple h4, .trending-content-block .background.bg-inverse__purple h4, .double-banner-block .background.bg-inverse__purple h5, .trending-content-block .background.bg-inverse__purple h5, .double-banner-block .background.bg-inverse__purple h6, .trending-content-block .background.bg-inverse__purple h6, .double-banner-block .background.bg-inverse__purple span, .trending-content-block .background.bg-inverse__purple span, .double-banner-block .background.bg-inverse__purple p, .trending-content-block .background.bg-inverse__purple p, .double-banner-block .background.bg-inverse__purple label, .trending-content-block .background.bg-inverse__purple label {
    color:white
}

.double-banner-block .background.bg-inverse__green, .trending-content-block .background.bg-inverse__green {
    background-color:#9BD732
}

.double-banner-block .background.bg-inverse__green h1, .trending-content-block .background.bg-inverse__green h1, .double-banner-block .background.bg-inverse__green h2, .trending-content-block .background.bg-inverse__green h2, .double-banner-block .background.bg-inverse__green h3, .trending-content-block .background.bg-inverse__green h3, .double-banner-block .background.bg-inverse__green h4, .trending-content-block .background.bg-inverse__green h4, .double-banner-block .background.bg-inverse__green h5, .trending-content-block .background.bg-inverse__green h5, .double-banner-block .background.bg-inverse__green h6, .trending-content-block .background.bg-inverse__green h6, .double-banner-block .background.bg-inverse__green span, .trending-content-block .background.bg-inverse__green span, .double-banner-block .background.bg-inverse__green p, .trending-content-block .background.bg-inverse__green p, .double-banner-block .background.bg-inverse__green label, .trending-content-block .background.bg-inverse__green label {
    color:#000
}

.double-banner-block .background.bg-inverse__teal, .trending-content-block .background.bg-inverse__teal {
    background-color:#00838f
}

.double-banner-block .background.bg-inverse__teal h1, .trending-content-block .background.bg-inverse__teal h1, .double-banner-block .background.bg-inverse__teal h2, .trending-content-block .background.bg-inverse__teal h2, .double-banner-block .background.bg-inverse__teal h3, .trending-content-block .background.bg-inverse__teal h3, .double-banner-block .background.bg-inverse__teal h4, .trending-content-block .background.bg-inverse__teal h4, .double-banner-block .background.bg-inverse__teal h5, .trending-content-block .background.bg-inverse__teal h5, .double-banner-block .background.bg-inverse__teal h6, .trending-content-block .background.bg-inverse__teal h6, .double-banner-block .background.bg-inverse__teal span, .trending-content-block .background.bg-inverse__teal span, .double-banner-block .background.bg-inverse__teal p, .trending-content-block .background.bg-inverse__teal p, .double-banner-block .background.bg-inverse__teal label, .trending-content-block .background.bg-inverse__teal label {
    color:white
}

.double-banner-block .background.bg-inverse__grey, .trending-content-block .background.bg-inverse__grey {
    background-color:#f5f3f2
}

.double-banner-block .background.bg-inverse__grey h1, .trending-content-block .background.bg-inverse__grey h1, .double-banner-block .background.bg-inverse__grey h2, .trending-content-block .background.bg-inverse__grey h2, .double-banner-block .background.bg-inverse__grey h3, .trending-content-block .background.bg-inverse__grey h3, .double-banner-block .background.bg-inverse__grey h4, .trending-content-block .background.bg-inverse__grey h4, .double-banner-block .background.bg-inverse__grey h5, .trending-content-block .background.bg-inverse__grey h5, .double-banner-block .background.bg-inverse__grey h6, .trending-content-block .background.bg-inverse__grey h6, .double-banner-block .background.bg-inverse__grey span, .trending-content-block .background.bg-inverse__grey span, .double-banner-block .background.bg-inverse__grey p, .trending-content-block .background.bg-inverse__grey p, .double-banner-block .background.bg-inverse__grey label, .trending-content-block .background.bg-inverse__grey label {
    color:black
}

.double-banner-block .background.bg-inverse__light, .trending-content-block .background.bg-inverse__light {
    background-color:white
}

.double-banner-block .background.bg-inverse__light h1, .trending-content-block .background.bg-inverse__light h1, .double-banner-block .background.bg-inverse__light h2, .trending-content-block .background.bg-inverse__light h2, .double-banner-block .background.bg-inverse__light h3, .trending-content-block .background.bg-inverse__light h3, .double-banner-block .background.bg-inverse__light h4, .trending-content-block .background.bg-inverse__light h4, .double-banner-block .background.bg-inverse__light h5, .trending-content-block .background.bg-inverse__light h5, .double-banner-block .background.bg-inverse__light h6, .trending-content-block .background.bg-inverse__light h6, .double-banner-block .background.bg-inverse__light span, .trending-content-block .background.bg-inverse__light span, .double-banner-block .background.bg-inverse__light p, .trending-content-block .background.bg-inverse__light p, .double-banner-block .background.bg-inverse__light label, .trending-content-block .background.bg-inverse__light label {
    color:black
}

.double-banner-block .content, .trending-content-block .content {
    position: relative;
    z-index:10
}

.double-banner-block .left-col--photo, .trending-content-block .left-col--photo, .double-banner-block .left-col--dark, .trending-content-block .left-col--dark, .double-banner-block .right-col--photo, .trending-content-block .right-col--photo, .double-banner-block .right-col--dark, .trending-content-block .right-col--dark {
    background-color: #4F2D7F;
    color:#fff
}

.double-banner-block .left-col--light, .trending-content-block .left-col--light, .double-banner-block .right-col--light, .trending-content-block .right-col--light {
    background-color: #fff;
    color:#000
}

.double-banner-block .left-col, .trending-content-block .left-col {
    position: static;
    padding-right:5%
}

.double-banner-block .right-col, .trending-content-block .right-col {
    position: relative;
    padding-left:5%
}

.double-banner-block .right-col .background, .trending-content-block .right-col .background {
    width: 100%;
    padding-right: 999em;
    margin-right:-999em
}

.double-banner-block .right-col .background.background-with-img, .trending-content-block .right-col .background.background-with-img {
    padding-right: 50vw;
    margin-right:-50vw
}

@media (min-width: 1300px) {
    .double-banner-block .left-col, .trending-content-block .left-col {
        padding-right:128px
    }

    .double-banner-block .right-col, .trending-content-block .right-col {
        padding-left:128px
    }
}

@media (max-width: 767px) {
    .double-banner-block [class * ="col-"], .trending-content-block [class * ="col-"] {
        margin: 0 !important;
        position: relative;
        padding-left:16px
    }

    .double-banner-block .row, .trending-content-block .row {
        padding:0 !important
    }
}

@media (max-width: 767px) {
    .double-banner-block .dpf {
        display:block
    }
}

.double-banner-block .left-col, .double-banner-block .right-col {
    position:relative
}

.double-banner-block .left-col .background, .double-banner-block .right-col .background {
    width:100%
}

.double-banner-block .left-col .background {
    right: 0;
    left: auto;
    padding-left: 999em;
    margin-left: -999em;
    padding-bottom: 999em;
    margin-bottom:-999em
}

.double-banner-block .left-col .background.background-with-img {
    padding-left: 50vw;
    margin-left: -50vw;
    padding-bottom: 0;
    margin-bottom:0
}

.extended-banner-block.interim-possition p {
    max-width:360px
}

.extended-banner-block.interim-possition .title {
    max-width:530px
}

.extended-banner-block.interim-possition .background {
    width:100%
}

@media (min-width: 1300px) {
    .extended-banner-block.banner-block--illustration p {
        max-width:51%
    }
}

@media (min-width: 1024px) and(max-width: 1299px) {
    .extended-banner-block.banner-block--illustration p {
        max-width:52%
    }
}

@media (min-width: 960px) and(max-width: 1023px) {
    .extended-banner-block.banner-block--illustration p {
        max-width:360px
    }
}

@media (max-width: 767px) {
    .extended-banner-block.banner-block--illustration p {
        max-width:360px
    }
}

@media (min-width: 1300px) {
    .extended-banner-block.banner-block--illustration .title {
        max-width:52%
    }
}

@media (min-width: 1024px) and(max-width: 1299px) {
    .extended-banner-block.banner-block--illustration .title {
        max-width:60%
    }
}

@media (min-width: 960px) and(max-width: 1023px) {
    .extended-banner-block.banner-block--illustration .title {
        max-width:530px
    }
}

@media (max-width: 767px) {
    .extended-banner-block.banner-block--illustration .title {
        max-width:530px
    }
}

.extended-banner-block.banner-block--illustration .background {
    width:100%
}

.extended-banner-block .author-image {
    float:left
}

.extended-banner-block .author-image, .extended-banner-block .author-name {
    margin-top:16px
}

@media (min-width: 1024px) {
    .extended-banner-block--centered .container {
        min-height: inherit;
        display:flex
    }

    .extended-banner-block--centered .container .row {
        min-height: inherit;
        align-items: center;
        display: flex;
        width:100%
    }
}