.proposal-carousel {
    background-color: #f1f1f1;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;

    &-top {
        position: relative;
        color: #fff;
        font-weight: bold;
        font-size: 25px;
        padding: 20px 15px;

        &-triggers {
            position: absolute;
            right: 15px;
            top: 20px;

            button {
                border: 1px solid #fff;
                border-radius: 100%;
                width: 15px;
                height: 15px;
                margin-right: 5px;
                background-color: transparent;

                cursor: pointer;

                &.active {
                    background-color: #fff;
                }
            }
        }
    }

    &-middle {
        position: relative;
        padding: 25px 30px;
        min-height: 200px;
        // cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

        .content {
            position: relative;
            z-index: 2;
        }

        &-watermark {
            position: absolute;
            bottom: 1px;
            left: -5px;
            color: #ddd;
            font-size: 150px;
            font-weight: bold;
            line-height: 116px;
            z-index: 1;
        }
    }

    &-bottom {
        position: relative;
        color: #fff;
        padding: 15px 30px;
        font-weight: bold;
        cursor: pointer;
        z-index: 10;

        &-icon {
            position: absolute;
            top: 15px;
            right: 15px;

            .glyphicon {
                position: relative;
                top: -2px;
                background-color: #fff;
                padding: 6px 5px 5px 6px;
                border-radius: 100%;
            }
        }
    }
}