#msg_pop{
background-color: #fffbe8;
display: none;
position: fixed;
z-index: 99999;
bottom: 60px;
right:20px;
width: 250px;
padding: 10px;
line-height:1.2;
color:#fff;
font-size:13px;
-webkit-box-shadow: 0px 0px 10px #999;
-moz-box-shadow: 0px 0px 10px #999;
box-shadow: 0px 0px 10px #999;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#msg_pop h4{
margin-bottom:5px;
text-align:center;
font-size:15px;color:#333333;
letter-spacing:1px;
}
#msg_pop h5{
margin-top:5px;
text-align:center;
font-size:17px;color:#715d44;
letter-spacing:1px;
}
#msg_pop p{
margin:5px;padding:0;
text-align:left;
font-size:12px;color:#000;line-height:1.5;
}

#msg_pop p span{
margin:5px 0;padding:0;
text-align:center;
font-size:12px;color:#000;line-height:1.5;
}

#msg_pop img{width:100px;margin:5px;}

#msg_pop span{
margin:0;
text-align:center;
font-size:13px;color:#666;text-transform:none;font-family:Arial,sans-serif;}

.msg_close{
display:block;
position:absolute;
top:5px;
right:2px;
line-height:15px;
width:20px;
height:20px;
text-align:center;
color:#fff;
cursor:pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.msg_close:hover {
background-color:#fff;
color:#000;
}
.fadeIn{
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn; 
     animation-duration: 0.4s; 
    -webkit-animation-duration: 0.4s;
     animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out;     
     visibility: visible !important; 
}

.fa.fa-times-circle-o::before {
  content: "\f057";
 
@keyframes fadeIn {
    0% {transform: scale(0.7);opacity: 0.5;}
    80% {transform: scale(1.1);}       
    100% {transform: scale(1);opacity: 1;}       
}
 
@-webkit-keyframes fadeIn {
    0% {-webkit-transform: scale(0.7);opacity: 0.5;}
    80% {-webkit-transform: scale(1.1);}       
    100% {-webkit-transform: scale(1);opacity: 1;}       
}