body{
	font-family: sans-serif;
	margin:0;
	line-height: 1.5;
}

*{
	box-sizing: border-box;
	margin:0;
}

.login-popup{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1099;
	background-color:rgba(0,0,0,0.6);
	visibility: hidden;
	opacity: 0;
	transition: all 1s ease;
}
.login-popup.show{
	visibility:visible;
	opacity: 1;
}


.login-popup .close{
	position: absolute;
	right: 1.5rem;
	top: 1rem;
    padding-top: 0;
	font-size: 40px;
    font-weight: 600;
    color: #ffffff;
	cursor: pointer;
}

/*responsive*/
@media(max-width: 767px){
	.login-popup {
		width: 100%;
	}
	.login-popup .close{
		right: 1rem;
		top: 1rem;
	}
}