/*START: This is for the modal popup box (report video)*/
.modal-content-custom {
    /*background-image: url(../images/baners/imagem-banner-promocional.jpeg);*/
    background-position:  0 40%;
    background-repeat: no-repeat;
    background-size: cover;
    /*width: 25rem;*/
    width: 150%;
    margin-left: -25%;
    height: 310px;
}

.modal-content-custom-2 {
    /*background-image: url(../images/cara-da-lampada.jpg);*/
    background-position:  0 40%;
    background-repeat: no-repeat;
    background-size: cover;
    /*width: 25rem;*/
}

.modal-header {
    border-bottom: none;
}

.modal_2 {
    position: relative;
    /*left: 0;*/
    /*top: 40%;*/
    /*width: 100%;*/
    /*height: 100px;*/
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    /*visibility: hidden;*/
    /*transform: scale(1.1);*/
    /*transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;*/
}

.modal-content_2 {
    /*position: relative;*/
    /*
    top: 30%;
    left: 35%;
    transform: translate(-30%, -32%);
    */
    /*background-color: orange;*/
    /*padding-top: 2rem;*/
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2rem;
    /*width: 55rem;*/
    border-radius: 0; /*0.5rem;*/
    /*background-image: url("../images/caras-do-poste.jpeg");*/
}

.modalwrapper{
    width: 100%;
    /* height: 60vh; */
    /*height: 40px;*/
    border-radius: 0.5rem;
    background: rgba(255,255,255,0.75);
    padding-top: 2rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
    display: none;
}

.modalwrapper h3{
    color:#1D69AA;
    font-size: 2em;
    font-weight: bold;
}

/*
.preferencia{
    position:absolute;
    bottom:3rem;
    font-size:90%;
    color:#A41DAA;
}
*/

.close-button_2 {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
}
.close-button_2:hover {
    background-color: darkgray;
}
.show-modal_2 {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    z-index:1203;
}
/*END: This is for the modal popup box (report video)*/

@media (max-width: 575.98px) {
    .modalwrapper{
        padding-top: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
    }    

    .modal-content_2 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 1rem;
        border-radius: 0; /*0.5rem;*/
    }

    .button-special-promotion, .discard-promotion {
        font-size: .8em;
    }

    .modal-content-custom {
        background-position: -60px 40%;
        width: 99%;
        margin-left: 0;
        height: 300px;
    }
}