.popup-area {
	position:relative;
}
.popup-area h2 {
	width:0px;
	height:0px;
	line-height:0;
	border:none;
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	overflow:hidden
}
.popup-area .background--bb {
	position:fixed;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-index:99
}
.popup-area .popup-slide {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	right:0;
	width:100%;
	max-width:1000px
}
.popup-area .popup-slide .item {
	font-size:0
}
.popup-area .popup-slide .item:focus {
	outline:none
}
.popup-area .popup-slide .item img {
	display:block;
	width:100%
}
.popup-area .popup-slide .item img.img1 {
	display:none
}
.popup-area .popup-slide .popup-slide-control {
	position:absolute;
	top:0.5em;
	right:0.5em;
	background:rgba(255,255,255,0.7);
	border-radius:0.5em
}

.popup-area .popup-slide .popup-slide-control button { border:0 }

.popup-area .popup-slide .popup-slide-control .arrow {
	display:inline-block;
	width:1em;
	text-align:center;
	vertical-align:middle;
	font-size:1.5em;
	color:#333;
	background:none
}
.popup-area .popup-slide .popup-slide-control .page {
	display:inline-block;
	vertical-align:middle;
	font-size:0.7em;
	font-weight:500;
	padding:0 0.5em;
	color:#333
}
.popup-area .popup-footer {
	display:flex;
	justify-content:center;
	align-items:center;
	background:var(--dark);
}

.popup-area .popup-footer button {
	position: relative;
	width:50%;
	padding:8px 5px;
	background:none;
	font-size:15px;
	font-weight:400;
	line-height:1.8;
	color:#ffffff;
	text-align:center;
	border:0
}

.popup-area .popup-footer button:nth-child(n+2):before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	width:1px;
	height:23px;
	background-color:#ffffff;
}

.popup-area .popup-dots {
	display:flex !important;
	flex-wrap:wrap;
	background-color:#ffffff
}
.popup-area .popup-dots li {
	flex:1 1;
	text-align:center;
	border:0;
}
.popup-area .popup-dots li button {
	display:inline-block;
	width:100%;
	height:100%;
	font-size:15px;
	letter-spacing:-1px;
	font-weight:400;
	line-height:1.8;
	padding:1rem 0;
	border:0
}
.popup-area .popup-dots .slick-active {
	background:var(--primary)
}
.popup-area .popup-dots .slick-active button {
    background:var(--primary);
	border-top:1px solid var(--primary);
	border-bottom:1px solid var(--primary);
	color:#ffffff
}
@media only screen and (max-width:992px) {
	.popup-area .popup-slide {
		max-width:500px
	}
	.popup-area .popup-slide .item img {
		display:none
	}
	.popup-area .popup-slide .item img.img1 {
		display:block
	}
	.popup-area .popup-slide .popup-slide-control {
		top:0;
		right:0;
		border-radius:0;
	}
	.popup-area .popup_close {
		width:25px;
		height:25px
	}
	.popup-area .popup_close button::before {
		width:20px;
		height:1px
	}
	.popup-area .popup_close button::after {
		width:20px;
		height:1px
	}
	.popup-area .popup-footer button {
		font-size:13px
	}
	.popup-area .popup-footer button:nth-child(n+2):before {
	    width:1px;
		height:16px
	}
	.popup-area .popup-dots li {
		flex:unset;
		width:50%
	}
	.popup-area .popup-dots li:nth-child(odd) {
		border-right:1px solid #dadada
	}
	.popup-area .popup-dots li:not(:last-child) {
		border-bottom:1px solid #dadada
	}
	.popup-area .popup-dots li button {
		padding:.5625rem 5px;
		font-size: 12px
	}
}
/*# sourceMappingURL=popup_type2.css.map */