.c-response-hero {
    margin-bottom: -66vmin
}

    .c-response-hero .o-wrapper {
        padding-bottom: 66vmin;
        min-height: 140vmin;
        background-repeat: no-repeat;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        background-position: center 0
    }

@media screen and (min-width:1310px) {
    .c-response-hero .o-wrapper {
        -webkit-background-size: calc(100% - 20px);
        background-size: calc(100% - 20px)
    }
}

.p-response-cont {
    padding-top: 24px;
    padding-right: 10%
}

    .p-response-cont::after {
        content: ' ';
        display: table;
        clear: both
    }

    .p-response-cont .text {
        margin: 18px 0 0 12%
    }

@media screen and (max-width:480px) {
    .c-response-hero .o-wrapper {
        min-height: 310px
    }

    .p-response-cont {
        padding: 2px 0 10px
    }

    .p-response-cont .text {
        position: relative
    }

    .p-response-cont .text h2 {
        font-size: 23px;
        position: absolute;
        top: 5px;
        left: 28%
    }

    .dtc-class .p-response-cont .text h2.p-response-cont--title {
        position: static;
    }

    .dtc-class .p-response-cont {
        padding: 2px 0 10px
    }

        .dtc-class .p-response-cont .text {
            position: relative
        }

            .dtc-class .p-response-cont .text h2 {
                font-size: 23px;
                position: absolute;
                top: 5px;
                left: 28%
            }
}

.p-response-cont .text--3 {
    margin: 0;
    padding-top: 75px
}

    .p-response-cont .text--3 h3 {
        margin-bottom: 2px
    }

    .p-response-cont .text--3 ul li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 78px
    }

        .p-response-cont .text--3 ul li:last-of-type {
            margin-bottom: 0
        }

        .p-response-cont .text--3 ul li::before {
            display: none
        }

        .p-response-cont .text--3 ul li .p-res-img {
            margin-right: 28px;
            min-width: 64px;
            width: 64px;
            text-align: center
        }

            .p-response-cont .text--3 ul li .p-res-img img {
                display: inline-block;
                max-width: 100%
            }

        .p-response-cont .text--3 ul li .p-res-txt {
            padding-top: 5px
        }

@media screen and (max-width:768px) {
    .p-response-cont .text--3 {
        padding-top: 0
    }

        .p-response-cont .text--3 ul {
            margin-bottom: 40px;
            padding: 0 30px 0 15px
        }

            .p-response-cont .text--3 ul li {
                -webkit-box-align: start;
                -webkit-align-items: flex-start;
                -ms-flex-align: start;
                align-items: flex-start;
                margin-bottom: 44px
            }

                .p-response-cont .text--3 ul li .p-res-img {
                    margin-right: 20px;
                    min-width: 38px;
                    width: 38px
                }

                    .p-response-cont .text--3 ul li .p-res-img img {
                        max-height: 55px
                    }

                .p-response-cont .text--3 ul li .p-res-txt {
                    padding-top: 0
                }

                    .p-response-cont .text--3 ul li .p-res-txt h3 {
                        font-size: 19px
                    }

                    .p-response-cont .text--3 ul li .p-res-txt p {
                        font-size: 14px
                    }
}

.p-response-img {
    display: block;
    margin: 20px 7% -8% 11%;
    width: 28%;
    height: auto;
    float: left
}

@media screen and (max-width:768px) {
    .p-response-img {
        float: none
    }
}

@media screen and (max-width:480px) {
    .p-response-img {
        display: inline-block;
        margin: 0 6% -7% 7%;
        padding-top: 0;
        width: 26%
    }
}
/*# sourceMappingURL=response-hero.css.map */

.dtc-class .c-expandable-section {
    padding-top: 0;
}

.dtc-class .c-response-hero {
    max-width: 1280px;
    margin: 0 auto;
    margin-bottom: 8px;
}

    .dtc-class .c-response-hero .o-wrapper {
        overflow: hidden;
        min-height: 560px;
        padding-bottom: 0;
    }

        .dtc-class .c-response-hero .o-wrapper .p-response-cont {
            position: relative;
            padding-right: 5%;
        }

            .dtc-class .c-response-hero .o-wrapper .p-response-cont .p-response-img {
                width: 870px;
                max-height: 120%;
                position: absolute;
                top: -20px;
                left: -330px;
            }

.dtc-class .c-response-hero .o-wrapper .p-response-cont .text {
    position: relative;
    z-index: 2;
    margin-left: 50%;
}

.dtc-class .bg-box-shadow {
    width: 1560px;
    position: absolute;
    top: 0;
    left: -250px;
    z-index: 1;
    box-shadow: inset -730px -80px 35px 25px #f7f8fa;
    height: 580px;
}

.dtc-class .p-response-cont .text--3 ul li {
    margin-bottom: 45px;
}

.dtc-class .p-response-cont .text--3 {
    padding-top: 20px;
}

.dtc-class .p-response-cont .text--color3 h2 {
    margin-left: 130px;
}

.dtc-class .p-response-cont .text--3 ul li .p-res-img img {
    max-width: 180%;
    margin-left: 0px;
}

.dtc-class .p-response-cont .text--3 ul li:first-of-type .p-res-img img {
    margin-left: 40px;
}

.dtc-class .p-response-cont .text--3 ul li:nth-of-type(2) .p-res-img img {
    margin-left: 20px;
}

.dtc-class .p-response-cont .text--3 ul li .p-res-txt {
    padding-left: 30px;
}

@media screen and (max-width:1050px) {
    .dtc-class .bg-box-shadow {
        box-shadow: inset -500px -80px 35px 25px #f7f8fa;
        width: 127%;
        height: 583px;
    }

    .dtc-class .c-response-hero .o-wrapper .p-response-cont .p-response-img {
        width: 85%;
    }
}

@media screen and (max-width:950px) {
    .dtc-class .c-response-hero .o-wrapper .p-response-cont {
        margin-bottom: 50px;
    }

    .dtc-class .bg-box-shadow {
        box-shadow: inset -480px -80px 35px 25px #f7f8fa;
        height: 675px;
        width: 130%;
    }

    .dtc-class .c-response-hero .o-wrapper .p-response-cont .p-response-img {
        width: 109%;
        left: -385px;
    }
}

@media screen and (max-width:850px) {
    .dtc-class .bg-box-shadow {
        width: 133%;
        left: -250px;
        box-shadow: inset -410px -80px 35px 25px #f7f8fa;
    }

    .dtc-class .c-response-hero .o-wrapper .p-response-cont .p-response-img {
        width: 122%;
        left: -370px;
    }
}

@media screen and (max-width:768px) {
    .dtc-class .c-response-hero .o-wrapper .p-response-cont .text {
        margin-left: 0;
    }

        .dtc-class .c-response-hero .o-wrapper .p-response-cont .text h2 {
            margin-left: 50%;
            margin-bottom: 100px;
            max-width: 325px;
            margin-top: 100px;
        }

    .dtc-class .bg-box-shadow {
        width: 1020px;
        left: -250px;
        box-shadow: inset -270px -270px 200px 30px #fcfcfc;
        height: 610px;
    }

    .dtc-class .c-response-hero .o-wrapper .p-response-cont .p-response-img {
        width: 122%;
        left: -370px;
    }

    .dtc-class .c-response-hero .o-wrapper .p-response-cont .text {
        margin: 110px auto 0;
        max-width: 550px;
    }

    .dtc-class .c-response-hero .o-wrapper .p-response-cont {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .dtc-class .c-response-hero .o-wrapper .p-response-cont .p-response-img {
        left: -250px;
    }

    .dtc-class .bg-box-shadow {
        width: 150%;
    }
}

@media screen and (max-width: 500px) {
    .dtc-class .c-response-hero .o-wrapper .p-response-cont .p-response-img {
        left: -175px;
    }

    .dtc-class .bg-box-shadow {
        width: 166%;
    }
}

@media screen and (max-width: 480px) {
    .dtc-class .bg-box-shadow {
        width: 133%;
        left: -250px;
        box-shadow: inset -180px -270px 93px 30px white;
        height: 510px;
    }

    .dtc-class .bg-box-shadow {
        width: 180%;
    }

    .dtc-class .c-response-hero .o-wrapper .p-response-cont .text {
        margin: 60px auto 0;
    }

        .dtc-class .c-response-hero .o-wrapper .p-response-cont .text h2 {
            margin-bottom: 0;
            margin-top: 50px;
        }
}

@media screen and (max-width:376px) {
    .dtc-class .c-response-hero .o-wrapper .p-response-cont .text {
        max-width: 360px;
    }

    .dtc-class .bg-box-shadow {
        width: 130%;
        left: -25px;
        box-shadow: inset -180px -500px 70px 30px #f1f2f6;
        height: 700px;
    }

    .dtc-class .c-response-hero .o-wrapper .p-response-cont .p-response-img {
        width: 145%;
        left: -162px;
    }

    .dtc-class .c-response-hero .o-wrapper .p-response-cont .text h2 {
        margin-left: 160px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .dtc-class .c-response-hero .o-wrapper .p-response-cont .text {
        margin: 0 auto;
    }

}