/* popup-callback */
.popup-callback{
	box-sizing:border-box;
	padding:5px;
	width:396px;
	height:396px;
	border:3px solid #fbd000;
}
.popup-wrapper{
	width:380px;
	height:380px;
	background:rgba(255,255,255,.9);
}
.popup-callback h3{
	padding-top:3.8rem;
	height:11.8rem;
	font:300 2.2rem/1.2 Roboto;
	color:#254f85;
}
.popup-callback h3 strong{
	font:500 2.4rem/1.2 Roboto;
}
.popup-callback form{
	width:320px;
}
.popup-callback form .btn{
	margin-top:8px;
	width:255px;
}


/* position */
.overlay:target+.popup{
    top:50%;
	left:50%;
    opacity:1;
    display:block;
}
.overlay:target+.popup-callback{
	margin-left:-198px;
	margin-top:-198px;
}


/* close */
.close-btn{
	position:absolute;
	top:-27px;
	right:-32px;
	width:31px;
	height:31px;
	background:url(../assets/images/close.png)no-repeat;
}


/* overlay */
.popup{
	position:fixed;
	box-sizing:border-box;
    display:none;
	z-index:100;
}
.overlay{
	position:fixed;
    bottom:0;
    left:0;
	right:0;
    top:0;
	background-color:rgba(0,0,0,.41);
    opacity:0;
    
	cursor:default;
    visibility:hidden;
	
	-webkit-transition:opacity .5s;
	transition:opacity .5s;
    z-index:75;
}
.overlay:target {
    visibility:visible;
    opacity:1;
}


/* adaptive */
@media screen and (max-width: 980px){
	.overlay:target+.popup{
		top:0px;
		left:0px;
		margin-top:0px !important;
		margin-left:0px !important;
	}
	.popup{
		padding:0px;
		width:100%;
		height:100%;
	}
	.popup-wrapper{
		width:inherit;
		height:inherit;
	}
	.popup form input{
		width:280px;
	}
	.close-btn{
		position:absolute;
		top:auto;
		bottom:25px;
		right:50%;
		margin-right:-25px;
		width:50px;
		height:50px;
		border-radius:50%;
		background:#fbd000;
		box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
	}
	.close-btn:after{
		content:"X";
		display:block;
		text-align:center;
		font:400 32px/52px Arial;
		color:#fff;
	}
	.close-btn:hover{
		background:#D8B303;
	}
}