.promo {
	position: fixed;
	background: #ffffff;
	border: 4px solid #e54b4d;
    bottom: 110px;
    right: 20px;
    color: #000;
    filter: drop-shadow(0 2px 4px rgba(34,36,38,0.35));
    -webkit-filter: drop-shadow(0 2px 4px rgba(34,36,38,0.35));
    width: 300px;
    font-family: 'alleritalic';
    opacity: 0;
    z-index: 9999;
    display: none;
}

.promo:after, .promo:before {
	top: 101%;
	left: calc(100% - 10px);
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.promo:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #e54b4d;
	border-width: 19px;
	margin-left: -30px;
}

.promo:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #e54b4d;;
	border-width: 25px;
	margin-left: -36px;
}

.promo-row {
    display: block;
    background: #e54b4d;
    padding: 10%;
}

.promo-cta {
    color: #fff;
    text-align: center;
}

.pop-in {
    -webkit-animation: pop-in 0.5s;
    -moz-animation: pop-in 0.5s;
    -ms-animation: pop-in 0.5s;
    opacity: 1;
}

.pop-out {
    -webkit-animation:pop-out 0.5s;
    -moz-animation:pop-out 0.5s;
    -ms-animation:pop-out 0.5s;
    opacity: 0;
}

@media only screen and (max-width: 950px) {       
    .promo-row {
        display: block;
        padding: 3% !important;
    }
}

@media only screen and (max-width: 650px) {
    .promo-cta {
        font-size: 14px;
    }
}

@keyframes pop-in {
0% { opacity: 0;transform: scale(0.1); }
100% { opacity: 1;transform: scale(1); }
}

@-webkit-keyframes pop-in {
0% { opacity: 0;-webkit-transform: scale(0.1); }
100% { opacity: 1;-webkit-transform: scale(1); }
}

@-moz-keyframes pop-in {
0% { opacity: 0;-moz-transform: scale(0.1); }
100% { opacity: 1;-moz-transform: scale(1); }
}

@keyframes pop-out {
0% { opacity: 1;transform: scale(1); }
100% { opacity: 0;transform: scale(0.1); }
}

@-webkit-keyframes pop-out {
0% { opacity: 1;-webkit-transform: scale(1); }
100% { opacity: 0;-webkit-transform: scale(0.1); }
}

@-moz-keyframes pop-out {
0% { opacity: 1;-moz-transform: scale(1); }
100% { opacity: 0;-moz-transform: scale(0.1); }
}

@media (min-height: 697px) {
    .discoutif-present .promo {
        bottom: 192px !important;
     }  
    
    .discoutif-present .onesignal-bell-container {
        bottom: 92px !important;
     }        
}

@media (max-height: 696px) {
    .discoutif-present .promo {
        bottom: 158px !important;
    }

    .discoutif-present .onesignal-bell-container {
        bottom: 58px !important;
     }    
}

@media (max-height: 464px) {
    .discoutif-present .promo {
        bottom: 146px !important;
    }

    .discoutif-present .onesignal-bell-container {
        bottom: 46px !important;
    }   
}

@media (max-height: 232px) {
    .discoutif-present .promo {
        bottom: 123px !important;
    }

    .discoutif-present .onesignal-bell-container {
        bottom: 23px !important;
    }    
}