/* Форимируем слой затемнения фона */
.overlay {
	position:fixed;
    bottom:0;
    left:0;
	right:0;
    top:0;
	background-color:rgba(0,0,0,0.5);
    opacity:0;
    
	cursor:default;
    visibility:hidden;
	
	-webkit-transition:opacity .5s;
	-moz-transition:opacity .5s;
	-o-transition:opacity .5s;
	transition:opacity .5s;
    z-index:50;
}
.overlay:target {
    visibility:visible;
    opacity:1;
}

/* popup-callback */
.popup-callback{
	position:fixed;
    visibility:hidden;
	
	box-sizing:border-box;
	width:361px;
	height:360px;
	border:3px solid #ffae00;
	border-radius:5px;
	background:#fff;
	box-shadow:0px 0px 8px 1px rgba(7,7,7,.35);
	
	-webkit-transition:margin-left ease 1s;
    -moz-transition:margin-left ease 1s;
    -o-transition:margin-left ease 1s;
    transition:margin-left ease 1s;
	z-index:55;
}
.popup-callback-title{
	position:relative;
	height:124px;
}
.popup-callback-title:after{
	content:'';
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-118px;
	
	width:236px;
	height:2px;
	background:#f0ac12;
}
.popup-callback-title h4{
	padding:24px 0px 3px;
	font:700 25px/24px 'Open Sans';
}
.popup-callback-title span{
	font:18px/24px 'Open Sans';
}
.popup-callback form input{
	margin-bottom:11px;
	box-sizing:border-box;
	padding-left:37px;
	width:293px;
	height:40px;
	border:none;
	background:#949494 url(../assets/images/sprite-icons.png)no-repeat;
	
	font:14px Roboto;
	color:#fff;
}
.popup-callback form input:nth-of-type(1){
	background-position:-161px -15px;
}
.popup-callback form input:nth-of-type(2){
	background-position:-157px -45px;
}
.popup-callback form input:focus{
	background:transparent;
	border:1px solid #949494;
	color:#949494;
}
.popup-callback form button.btn{
	margin-top:16px;
	width:250px;
	height:45px;
	font-size:20px;
}


/* popup-thank-you */
.popup-thank-you{
	position:fixed;
    visibility:hidden;
	
	box-sizing:border-box;
	width:460px;
	height:108px;
	border:3px solid #ffae00;
	border-radius:5px;
	background:#fff;
	box-shadow:0px 0px 8px 1px rgba(7,7,7,.35);

	-webkit-transition:margin-left ease 1s;
    -moz-transition:margin-left ease 1s;
    -o-transition:margin-left ease 1s;
    transition:margin-left ease 1s;
	z-index:55;
}
.popup-thank-you h4{
	padding-top:25px;
	font:700 22px/24px 'Open Sans';
}


/* Устанавливаем позицию появления окна */ 
.overlay:target+.popup-callback{
    top:50%;
	left:50%;
	margin-top:-163px;
	margin-left:-180px;
    opacity:1;
    visibility:visible;
}
.overlay:target+.popup-thank-you{
    top:50%;
	left:50%;
	margin-top:-54px;
	margin-left:-230px;
    opacity:1;
    visibility:visible;
}
/* Оформляем и позицонируем кнопку закрытия */
.close-btn{
	display:block;
	position:absolute;
	top:-17px;
	right:-15px;
		
	padding:0;
	width:32px;
	height:32px;
	border-radius:50%;
	box-shadow:0px 3px 5px rgba(0,0,0,0.35);
	background:url('../assets/images/close.png')no-repeat;
}