/*
	POPUP
--------- */
/*
.popup-container{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:900;
	display:none;
}
.popup-content{
	position:absolute;
	left:30px;
	top:30px;
	right:30px;
	padding:15px;
	border-radius:5px;
}
.popup-content .banner img{
	max-width:100%;
}
.btn-close-popup{
	position:absolute;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:50%;
	top:-15px;
	right:-15px;
}
.btn-close-popup:hover{
	transform: rotate(90deg);
  	-webkit-transform: rotate(90deg);
  	-moz-transform: rotate(90deg);
  	-ms-transform: rotate(90deg);
  	-o-transform: rotate(90deg);
}
@media(min-width:768px){
	.popup-content .text{
		padding:30px;
	}
	.popup-content{
		left:50%;
		top:60px;
		right:auto;
		width:600px;
		margin-left:-300px;
	}
}
*/

/*

	POPUP

--------- */
#popup{
	display:none;
}
.popup-container{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.3);
	backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index:999;
}
.popup-content{
	position:absolute;
	top:45px;
	width:300px;
	padding:15px;
	background-color:#fff;
	left:50%;
	margin-left:-150px;
	border-radius:5px;
}
.popup-image img{
	display:inline-block;
}
.btn-close-popup-container{
	color:#fff;
	background-color:#000;
	border-radius:50%;
	position:absolute;
	font-size:22px;
	top:-20px;
	right:-20px;
	width:40px;
	height:40px;
	line-height:42px;
	text-align:center;
}
.btn-close-popup-container:hover{
	color:#fff;
	background-color:#333;
}
@media(min-width:768px){
	.popup-content{
		width:600px;
		margin-left:-300px;
		top:60px;
		padding:30px;
	}
}