/* Форимируем слой затемнения фона */
.overlay {
	position:fixed;
    bottom:0;
    left:0;
	right:0;
    top:0;
	background-color:rgba(0,0,0,0.8);
    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{ 
	position:fixed;
    visibility:hidden;
	
	width:339px;
	
	background:#fff;
	text-align:center;
	padding: 2rem;   
	border-radius: 15px;
    border: 7px solid #96c20d;

	
	-webkit-transition: top ease 1s;
    -moz-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
	z-index:51;
	
}

.popup .form-check {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-left: 0;
    padding: 5px 0 15px 0;
}

.popup .check {
     float: left;
    margin-right: 5px;
    margin-top: 2px;
}

.popup .form-check .soglasie-forma {
     font-size: 10px;
    font-family: 'Open Sans', Arial, sans-serif;
     color: #585858;
    line-height: 1.1em;
    text-align: left;
    font-weight: 500;
    text-align: justify;
}

.popup .form-check .soglasie-forma a {
    color: #245FA1;
    text-decoration: underline;
}


.popup p{
    font-size: 30px;
    font-weight: 600;
    color: #585858;
    line-height: 1.2;
    padding-bottom: 1rem;
}
.popup form{
	text-align:center;
}
.popup form>input{
	margin-bottom:15px;
}


/* Устанавливаем позицию появления окна */ 
.overlay:target+.popup{
    top:25%;
	left:50%;
	margin-left:-170px;
    opacity:1;
    visibility:visible;
}
/* Оформляем и позицонируем кнопку закрытия */
.close-btn{
	display:block;
	width:33px;
	height:33px;
    position:absolute;
    top:-20px;
	right:-16px;
	padding:0;
	background:url('../img/fancybox_sprite.png')no-repeat;
}