.msg {
max-width: 320px;
    width: 80%;
    position: fixed;
    padding: 25px 15px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    color: #ffffff;
    text-align: center;
    border-radius: 7px;
    font-weight: 500;
    opacity: 0;
    cursor: pointer;
    z-index: 555;
}


.showmsg {
	visibility: visible !important;
	opacity: 1 !important;
	-webkit-transform: translateY(-5vh);
	    -ms-transform: translateY(-5vh);
	        transform: translateY(-5vh);
	-webkit-animation: shadow  0.3s 2.5s forwards ease-in-out;
	        animation: shadow  0.3s 2.5s forwards ease-in-out;
}