.notify{
    position: fixed;
    width: 400px;   
    z-index: 9999;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.notify.center{
    left: 50%;
    margin-left: -200px;
}

.notify.center.drop{
	-webkit-transform: translateY(-120%);
	-moz-transform: translateY(-120%);
	-o-transform: translateY(-120%);
	transform: translateY(-120%);
	opacity: 0;
}

.notify.top{
        top: 50px;
}

body.notify-open{
	overflow: hidden;
}
body.notify-open-drop{
	overflow-x: hidden;
}

.notify-backdrop{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9998;
	background-color: #000;
	opacity: 0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}