.cr-alert.alert {
	display: none;
	position: fixed;
	bottom:0;
	width: 100%;
	background-repeat: repeat-x; 
	text-align: center; 
	z-index:999999;
	margin: 0;
	padding: 10px;
}
.cr-alert .cr-alert-left, .cr-alert .cr-alert-right {display:inline-table; vertical-align: middle; }
.cr-alert .cr-alert-left {width:60%; }
.cr-alert .cr-alert-right {width:25%; margin-right:10%; padding-left: 10px;}
.cr-alert .close {position:absolute; right:20px; cursor:pointer; font-size: 48px;}
.cr-alert h2 {font-size: 45px; margin: 0 0 14px 0;}
.cr-alert h2:after {
    display: none;
    margin: 0;
    border-bottom: none;
}
.cr-alert a { max-width: 250px; display:block; padding: 13px; font-size: 14px; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; width: 100%; background-color: #666666; text-transform: uppercase; color: #FFFFFF;}
.cr-alert a:hover {background-color:#dddddd;}
.cr-alert a:nth-child(2) {margin-top:10px;}
.cr-alert i {text-decoration: none;font-style:normal;}

/* Easter style */

.cr-alert.easter {background-image: url(/wp-content/plugins/vc-chrisrenga-alert/assets/modal-overlay-easter2.jpg);
/*background-repeat: no-repeat;*/
background-position: bottom;
background-color: #fff;
background-size: 93px ;
border-top: 1px solid #eee; 
}
.cr-alert.easter h2 {font-size: 35px; margin: 3px 0 0 0;}
.cr-alert.easter a {background-color: #f73f4c;}
.cr-alert.easter a:hover {background-color:#c5323d; color: #fff;}


/* Festive style */

.cr-alert.festive {background-image: url(/wp-content/plugins/vc-chrisrenga-popup/assets/modal-overlay.jpg);}
.cr-alert.festive h2 {font-family: 'Great Vibes', cursive; font-weight: 400; margin: 10px 0 0 0;}
.cr-alert.festive a {background-color: #f73f4c;}
.cr-alert.festive a:hover {background-color:#c5323d; color: #fff;}

/* her style */
.cr-alert.flowers {background-image: url(/wp-content/plugins/vc-chrisrenga-popup/assets/pattern-green.jpg);}
.cr-alert.flowers a {background-color: #00631d;}
.cr-alert.flowers a:hover {background-color: #004314;}

@media (max-width: 1232px) {

}
@media (max-width: 690px) {
.cr-alert.easter h2 {font-size: 20px; margin: 15px 0 0 0;}
.cr-alert .close {position:absolute; right:15px; top:100px; cursor:pointer; font-size: 48px;}
.cr-alert.easter .close {position:absolute; left:-280px; top:10px; cursor:pointer; font-size: 38px;}
}