.component-jumbotron .component-qtt-form:before,
.component-jumbotron .component-qtt-form:after {
    content: ' ';
    display: table;
}

.component-jumbotron .component-qtt-form {
    zoom: 1;
    margin-top: 30px;
    position: relative;
    text-align: left;
}

    .component-jumbotron .component-qtt-form:after {
        clear: both;
    }

.component-jumbotron {
    position: relative;
    z-index: 2;
    margin-top: 0px
}

    .component-jumbotron:before {
        content: '';
        background-color: transparent;
        position: absolute;
        top: 0;
        left: -40px;
        bottom: 0;
        z-index: -1;
        right: 48%;
        display: block;
    }

    .component-jumbotron .component-qtt-form .column {
        padding: 0;
    }

    .component-jumbotron .content {
        position: relative;
        padding: 30px 12px 45px;
        z-index: 1;
        text-align: center;
        color: #fff;
    }

    .component-jumbotron .jumbotron__title {
        font-size: 64px !important;
        padding: 10px 0;
        line-height: 1;
        color: #fff;
        letter-spacing: 0.35px;
        font-weight: 300;
    }

    .component-jumbotron .jumbotron__subtitle {
        font-size: 1.8em;
        line-height: 24px;
        text-transform: none;
        color: #fff;
        font-weight: 500 !important;
        margin: 0;
    }

        .component-jumbotron .jumbotron__subtitle * {
            color: #fff;
        }

    .component-jumbotron.text-left .jumbotron__title,
    .component-jumbotron.text-left .jumbotron__subtitle,
    .component-jumbotron.text-left .jumbotron__title *,
    .component-jumbotron.text-left .jumbotron__subtitle *,
    .component-jumbotron.text-left .station-content * {
        text-align: left !important;
    }

    .component-jumbotron.text-center .jumbotron__title,
    .component-jumbotron.text-center .jumbotron__subtitle,
    .component-jumbotron.text-center .jumbotron__title *,
    .component-jumbotron.text-center .jumbotron__subtitle *,
    .component-jumbotron.text-center .station-content * {
        text-align: center !important;
    }

    .component-jumbotron.text-light .jumbotron__title,
    .component-jumbotron.text-light .jumbotron__subtitle,
    .component-jumbotron.text-light .jumbotron__title *,
    .component-jumbotron.text-light .jumbotron__subtitle *,
    .component-jumbotron.text-light .station-content * {
        color: #fff !important;
    }

    .component-jumbotron.text-dark .jumbotron__title,
    .component-jumbotron.text-dark .jumbotron__subtitle,
    .component-jumbotron.text-dark .jumbotron__title *,
    .component-jumbotron.text-dark .jumbotron__subtitle *,
    .component-jumbotron.text-dark .station-content *,
    .component-jumbotron.text-dark .content [class*='icon-']:before {
        color: #061B2B !important;
    }

    .component-jumbotron.noimage .jumbotron__image {
        display: none;
    }

    .component-jumbotron.noimage .content {
        padding: 45px 12px calc(4vw + 25px) 12px;
        width: 100%;
    }

        .component-jumbotron.noimage .content .jumbotron__title,
        .component-jumbotron.noimage .content .jumbotron__subtitle {
            text-align: center;
        }
    .component-jumbotron .jumbotron__image {
        background-size: cover;
        width: 100%;
        height: 100%;
        padding-bottom: 50%;
        background-position: center center;
        z-index: 1;
        position: relative;
    }

    .component-jumbotron.noimage.pattern--light-blue-on-white .content,
    .component-jumbotron.noimage.light-stripes .content,
    .component-jumbotron.noimage.pattern--light-blue-on-white .jumbotron__title,
    .component-jumbotron.noimage.light-stripes .jumbotron__title,
    .component-jumbotron.noimage.pattern--light-blue-on-white .jumbotron__subtitle,
    .component-jumbotron.noimage.light-stripes .jumbotron__subtitle,
    .component-jumbotron.noimage.pattern--light-blue-on-white .jumbotron__subtitle *,
    .component-jumbotron.noimage.light-stripes .jumbotron__subtitle * {
        color: #061B2B;
        text-align: left;
    }

    .component-jumbotron.jumbo-image {
        background-size: cover;
    }

        .component-jumbotron.jumbo-image:before {
            content: '';
            display: block;
            position: absolute;
            right: 0px;
            left: -40px;
            top: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.4);
            z-index: 1
        }

    .component-jumbotron .jumbotron__subtitle p {
        margin: 0 !important;
    }

    .component-jumbotron img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .component-jumbotron.jumbo-image.banner-gradient-none:before {
        background-color: rgba(0, 0, 0, 0);
    }

.jumbo-image {
    text-shadow: none;
}

.component-jumbotron.jumbo-image.banner-gradient-veryLight:before {
    background-color: rgba(0, 0, 0, 0.1);
}

.component-jumbotron.jumbo-image.banner-gradient-light:before {
    background-color: rgba(0, 0, 0, 0.2);
}

.component-jumbotron.jumbo-image.banner-gradient-medium:before {
    background-color: rgba(0, 0, 0, 0.4);
}

.component-jumbotron.jumbo-image.banner-gradient-dark:before {
    background-color: rgba(0, 0, 0, 0.6);
}

.component-jumbotron.jumbo-image.banner-gradient-veryDark:before {
    background-color: rgba(0, 0, 0, 0.8);
}

div#component-jumbotron-d1c4a787-e152-487e-9571-b80b0d7af277 {
    margin-top: 0 !important;
}

.hasJumboImage .jumbo-image h1,
.hasJumboImage .jumbo-image .jumbotron__title,
.hasJumboImage .jumbo-image h4,
.hasJumboImage .jumbo-image .jumbotron__subtitle,
.component-jumbotron h1,
.component-jumbotron h4,
.component-jumbotron .jumbotron__subtitle,
.component-jumbotron .jumbotron__title {
    text-align: left;
}

.hasJumboImage .promo-content,
.hasJumboImage .content-tab,
.hasJumboImage .content-tab--yellow,
.hasJumboImage .content-tab--blue {
    z-index: 2;
}

.pattern.pattern--light-blue,
.pattern--light-blue.light-stripes,
.pattern--light-blue.dark-stripes {
    background: #061B2B;
}

.pattern.pattern--dark-blue,
.pattern--dark-blue.light-stripes,
.pattern--dark-blue.dark-stripes {
    background: #C7DAE7;
}

.pattern.pattern--white,
.pattern--white.light-stripes,
.pattern--white.dark-stripes {
    background: #061B2B;
}

.pattern.pattern--light-blue-on-white,
.light-stripes,
.pattern--light-blue-on-white.dark-stripes {
    background: #fff;
}

.pattern.pattern--dark-blue-pattern,
.pattern--dark-blue-pattern.light-stripes,
.dark-stripes {
    background-color: #061B2B;
}

.pattern.pattern--light-blue-on-white-solid,
.pattern--light-blue-on-white-solid.light-stripes,
.pattern--light-blue-on-white-solid.dark-stripes {
    background: rgba(199, 218, 231, 0.3);
}

.promo-content {
    background: #fff;
}

    .promo-content.child-container-yellow-top,
    .promo-content .child-container-blue-top,
    .promo-content .content-tab--blue {
        position: relative;
        z-index: 1;
    }

        .promo-content.child-container-yellow-top > .container,
        .promo-content .child-container-blue-top > .container,
        .promo-content .content-tab--blue > .container {
            margin-top: -85px !important;
        }

    .promo-content > .container {
        background: #fff;
        padding: 65px 30px 0 30px;
        border-radius: 4px;
        margin-top: -85px;
    }

.pattern.pattern--dark-blue-pattern,
.pattern--dark-blue-pattern.light-stripes,
.dark-stripes-with-border-bottom {
    background: #061B2B;
    border-bottom: 5px #f5d83c solid;
}

.clear-light-stripe, .remove-dark-strip {
    background: #fff;
}


@media (min-width: 48em) {
    .component-jumbotron {
        min-height: 415px;
        margin-top: -36px;
    }

        .component-jumbotron .content {
            padding: 100px 30px 90px;
            text-align: left;
        }

        .component-jumbotron .jumbotron__subtitle {
            font-size: 23px;
            line-height: 1;
            margin: 0;
            padding: 10px 0;
        }

        .component-jumbotron.noimage {
            min-height: 360px;
        }

            .component-jumbotron.noimage.light-stripes {
                min-height: 220px;
            }

            .component-jumbotron.noimage .content {
                padding: 80px 30px 70px 30px;
            }

        .component-jumbotron.jumbotron--grey-cut .container:after {
            border-color: transparent transparent #d2d3dc transparent;
        }

        .component-jumbotron.jumbotron--light-grey-cut .container:after {
            border-color: transparent transparent #F2F4F8 transparent;
        }

        .component-jumbotron .jumbotron__image {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 55%;
            padding: 0;
            z-index: -1;
        }

    .bg-stripes {
        min-width: 1500px;
    }
}

@media (min-width: 64.0625em) {
    .component-jumbotron .component-qtt-form {
        margin: 10px auto 0;
    }

    .component-jumbotron .content {
        padding: 140px 30px 140px 12px;
    }
}

@media screen and (max-width:1024.98px) {
    .component-jumbotron img {
        left: 0;
        top: 0;
    }
}
/*Mobile view QTT*/
@media (max-width: 1024px) {
    .promo-content .container {
        margin-top: 0px;
    }
}

@media (max-width: 47.9375em) {
    .component-jumbotron .jumbotron__title {
        line-height: 40px;
        font-size: 35px;
        margin-top: -20px;
    }

    .component-jumbotron .jumbotron__subtitle {
        font-size: 17px;
        padding: 10px 0;
    }

    .component-jumbotron.noimage {
        min-height: 255px;
    }

        .component-jumbotron.noimage.light-stripes {
            min-height: 160px;
        }

            .component-jumbotron.noimage.light-stripes .content {
                padding: 45px 12px 0 12px;
            }

    .promo-content > .container {
        padding-left: 0;
        padding-right: 0;
        margin-top: -25px !important;
    }
}

@media(max-width:767px) {
    .component-jumbotron .jumbotron__title {
        font-size: 32px !important;
        line-height: 1;
    }

    .mob-image.component-jumbotron.jumbo-image:before {
        margin-bottom: 4px;
    }
}

@media (max-width: 35.5em) {
    .component-jumbotron .component-qtt-form {
        margin-bottom: 20px;
    }
}

@media (max-width: 21.25em) {
    .component-jumbotron .component-qtt-form {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .component-jumbotron .jumbotron__title {
        padding: 10px 0px;
        margin: 0;
    }
}