$transition : .3s ease !important;
/// popup stuff
.modal-theme {
    .modal-header, .modal-footer{
        border: 0;
    }
    .modal-content{
        background: transparent;
        border: 0;
    }
    .modal-masthead{
        width: 75%;
        max-width: 250px;
        z-index: 1;
        margin: 0 auto -100px;
    }
    .modal-close{
        position: absolute;
        width: 40px;
        justify-content: center;
        align-items: center;
        height: 40px;
        right: 1.5rem;
        top: 1.5rem;
        transform: translate(40%, -40%);
        background: transparent;
        border-radius: 50%;
        display: flex;
        cursor :pointer;
        transition: $transition;
        text-shadow: none;
        color: #fff;
        opacity: .5;
        i{

            transition: $transition;
        }
        &:hover{
            i {
                color: #000 !important;
            }
        }
    }
    .modal-body{

        padding-top: 65px;
        //background: #faba00 url('/assets/images/cl/_main/plant-reward-popup-bg.png') no-repeat 50% 100%;
        background-size: cover;
        border-radius: 1.5rem;
        //border: .5rem solid #fff;
    }

}