/* Large screen coupon */

.coupon {
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 10x;
}

.glow {
    box-shadow: 0px 0px 18px #2daaff;
    border-radius: 10px;
}

.opacity {
    opacity: 5;
}

.bottom-space {
    margin-bottom: 15px;
}

.alert-fixed {
    border-radius: 8px;
    position: absolute;
    top: 0px;
    left: 15px;
    height: 133px;
    width: 255px;
    font-size: 24px;
    font-family: Tahoma;
    color: #333;
    background: #fff;
    text-align: center;
    border: solid;
    border-color: #e0d8d8;
    border-width: thin;
}

.alert-fixed-m {
    border-radius: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 133px;
    width: 255px;
    font-size: 24px;
    font-family: Tahoma;
    color: #333;
    background: #fff;
    text-align: center;
    border: solid;
    border-color: #e0d8d8;
    border-width: thin;
    background: #ffffe7;
    animation: blinking 2s infinite;
}

@keyframes blinking {
    0% {
        background-color: #ffdf57;
    }

    25% {
        background-color: #fff48c;
    }

    50% {
        background-color: #feffaa;
    }

    75% {
        background-color: #fefbb3;
    }

    100% {
        background-color: #ffffc5;
    }
}

.radiance {
    -moz-box-shadow: 0px 0px 0px #CCFF00;
    -webkit-box-shadow: 0px 0px 0px #CCFF00;
    box-shadow: 0px 0px 0px #CCFF00;
}

.coupon-text {
    text-align: center;
    font-size: 19px;
    line-height: 1.7;
    margin-top: 0.5rem;
    font-weight: 400;
    margin-top: 40px;
    color: #333;
}

.coupon-mobile-sec {
    position: fixed;
    bottom: 0px;
    backface-visibility: hidden;
    right: initial;
    left: 155px;
    width: 120px;
    height: 83px;
    top: initial;
    z-index: 99999;
}

.coupon-mobile-wrapper {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#cpn_mb_sec {
    display: block;
    animation-name: cpn-appear;
    animation-duration: 1s;
    /* animation-timing-function: ease-in; */
}

@keyframes cpn-appear {
    from {
        bottom: -150px;
    }

}

#cpn_mb_sec_dis {
    animation-name: cpn-disappear;
    animation-duration: 1s;
    object-position: 5px 10%;
}

@keyframes cpn-disappear {
    from {

    } to {
        bottom: -160px;
    }
}

@media only screen and (max-width: 991px) {

    #coupon_section, #cpnImg {
        display: none;
    }

    .coupon-mobile-img {
        background: url(../img/cupon_mobile.jpg);
        border-radius: 10px;
        width: 255px;
        height: 130px;
        cursor: pointer;
    }
}

.brillo:after {
	content:'';
    top:0;
	transform:translateX(100%);
	width: 255px;
	height: 133px;
	position: absolute;
	z-index:1;
	animation: slide 1s infinite;
	background: -webkit-linear-gradient(
        left, rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.8) 50%,
        rgba(128,186,232,0) 99%,
        rgba(125,185,232,0) 100%
    );
}

@keyframes slide {
	0% {transform:translateX(-100%);}
	100% {transform:translateX(-45%);}
}