.u-es-100vh {
    position: fixed;
    z-index: 1111;
    height: 100vh;
    width: 0;
    top: 0;
    left: 0
}

.c-expandable-section {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 14px 0 12px;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #b7b7b7;
    z-index: 1234
}

    .c-expandable-section.is-reached {
        position: relative;
        padding-bottom: 60px;
        background-color: transparent;
        border: none
    }

    .c-expandable-section.is-reached {
        position: static;
    }

        .c-expandable-section.is-reached .u-es-100vh {
            opacity: 0;
            visibility: hidden
        }

        .c-expandable-section.is-reached .c-expandable-section__button {
            display: none
        }

        .c-expandable-section.is-reached .c-expandable-section__content {
            max-height: none
        }

        .c-expandable-section.is-reached .text {
            padding-right: 0;
            max-width: 1001px
        }

            .c-expandable-section.is-reached .text p {
                margin-bottom: 9px
            }

.c-expandable-section__button {
    padding: 0;
    width: 28px;
    height: 28px;
    font-size: 0;
    background-color: #fff;
    border: none;
    border: 2px solid #e44926;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 10px
}

    .c-expandable-section__button::after, .c-expandable-section__button::before {
        content: ' ';
        display: block;
        width: 13px;
        height: 3px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-color: #8f99bc;
        position: absolute;
        top: 50%;
        left: 50%
    }

    .c-expandable-section__button::after {
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        -ms-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg)
    }

    .c-expandable-section__button.is-open {
        right: 30px
    }

        .c-expandable-section__button.is-open::after {
            -webkit-transform: translate(-50%,-50%) rotate(0);
            -ms-transform: translate(-50%,-50%) rotate(0);
            transform: translate(-50%,-50%) rotate(0)
        }

.c-expandable-section__content {
    max-height: 152px;
    overflow: hidden
}

    .c-expandable-section__content.is-open {
        max-height: 75vh;
        overflow: auto
    }

.c-expandable-section .o-wrapper {
    position: relative
}

.c-expandable-section .text {
    padding-right: 30px;
    max-width: 970px
}

    .c-expandable-section .text p {
        margin-bottom: 6px
    }

@media screen and (max-width:768px) {
    .c-expandable-section .text, .c-expandable-section.is-reached .text {
        padding: 6px 20px 0 24px
    }

        .c-expandable-section .text h3, .c-expandable-section.is-reached .text h3 {
            font-size: 19px
        }

    .c-expandable-section .text {
        padding-right: 30px
    }

    .c-expandable-section__content.is-open {
        padding-right: 20px
    }
}

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