@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

#your_wp_popup_test{

}
.popup_overlay{
	position:fixed; top:0;z-index: 100000;
	width:100%; height:100%;
	background:rgba(0, 0, 0, 0.7); 
}
.popup_overlay .close_button{
	position:fixed; top:50px; right:50px; z-index:12;
	width:50px; height:50px;opacity: 0.8;
	background-color:transparent;background-image:url('img/close.png'); background-size:cover; background-position:center; background-repeat:no-repeat;
}
.popup_overlay .pink{
	position:fixed; top:0; z-index:11;
	width:100%; height:50%;
	background:#E54662;overflow:hidden;
}
.popup_overlay .pink .babe{
	display:block; position:absolute;z-index:12;
	width:100%; height:100%;
	background-image:url('img/babe01.png'); background-size:70%; background-position:center 10%; background-repeat:no-repeat;

}
.popup_b2{
	background-image:url('img/babe02.png')!important;
	background-size:cover!important;
}
.popup_b3{
	background-image:url('img/babe03.png')!important;
	background-size:cover!important;
}
.popup_overlay .pink .babe_overlay{
	display:block; position:absolute;z-index:11;
	width:100%; height:100%;
	background-image:url('img/overlay01.png'); background-size:cover; background-position:center 10%; background-repeat:no-repeat;
	
}
.popup_overlay .button{
	position:fixed;  z-index:12;
	left:0; right:0; margin:auto; top:calc(50% - 90px);
	width:180px; height:180px; border-radius:50%;
	background:#fff;
	border:2px solid #E54662;
	display:flex; flex-wrap:wrap; justify-content:center;  
	-webkit-box-shadow: 0px 9px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 9px 5px 0px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 9px 5px 0px rgba(50, 50, 50, 0.5);
}
.popup_overlay .button .popup_icon{
	width:80px; height:80px; margin-left:40px; margin-right:40px; margin-bottom:-30px;
	margin-top:20px;
	background-image:url('img/fb.png'); background-size:contain; background-position:center; background-repeat:no-repeat;
}
.popup_overlay .button iframe{
	transform:scale(1.2);
	height:20px; align-self:flex-start;
	border-radius:5px; 
}
.popup_overlay .button .email{
	background-color:#00B7F5;
	padding:5px 10px;
	color:#fff; text-decoration:none;
	align-self:flex-start;
	border-radius:5px; 
}
.popup_icon_yt{
	background-image:url('img/yt.png')!important;
}
.popup_icon_mail01{
	background-image:url('img/em01.png')!important;
}
.popup_icon_mail02{
	background-image:url('img/em02.png')!important;
}
.popup_overlay p{
	font-family: 'Roboto Condensed', sans-serif;
	position:fixed;  z-index:12;
	width:100%; top:60%;
	color:#fff; text-align:center; font-size:38px; letter-spacing:1px;
}
@media  (min-width: 768px) {
	
#your_wp_popup_test{
	background-color:red;
}	
.popup_overlay .close_button{
	top:50px; right:50px; 
}
.popup_overlay .pink{
	width:50%; height:100%;
}
.popup_overlay .pink .babe{
	width:100%; height:100%;
	background-size:cover; 
}	
.popup_overlay .pink .babe_overlay{
	width:110%; height:110%;
	 bottom:-10%;
}

.popup_overlay .text{
	position:fixed;
	display:flex; align-items: center;
	width:40%; height:100%; 
	left:60%;
}
.popup_overlay .text p{
	position:static; text-align:left;
	font-size:34px; 
	line-height:100%;
	height:auto; width:60%;
}
}