.popup {
background: #fff;
top: 0;
right: 0;
left: 0;
z-index: 10;
display: block;
visibility: hidden;
margin: 30px auto 0;
border-radius: 3px;
min-width: 40%;
max-width: 40%;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 55px;
/* полная прозрачность окна, появление при клике */
opacity: 0;
/* эффект перехода (появление) */
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
@media only screen and (max-width: 1000px){
.popup {
margin: 30px auto 0;
min-width: 80%;
max-width: 80%;
padding: 25px;

}
}
.popup h5{ 
font-size: 25px;
color: #000;
font-weight: 700;
padding: 0 0 5px 0;
margin: 0;
}
.popup b{
margin: 20px 0;
font-size: 14px;
color: #000;
font-weight: 300;
}
.popup p{
color: #000;
font-size: 12px;
margin: 0;
}
.popup  input {
	width: 100%;
	height: 55px;
	border-radius: 4px;
	text-align: center;
	font-size: 19px;
	border: 0;
	text-transform: uppercase;
	background: #eee;
}
.popup input:hover{
	border: 1px solid #ff5959;
	background: #fff;
}
.popup input:focus {
	border: 2px solid #ff5959;
	background: #fff;
}
.popup  button {
	width: 100%;
	font-size: 17px;
	border: 2px solid #04b585;
	font-weight: 700;
	padding: 15px 20px;
	border-radius: 5px;
	background: #04b585; 
    color: #fff;
}
.popup  button:hover{
	background: #fff;
	border: 2px solid #04b585; 
}
/* Базовые стили слоя затемнения и модального окна  */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
visibility: hidden;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
position: fixed; /* фиксированное поцизионирование */
cursor: default; /* тип курсара */
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.overlay:target {
visibility: visible;
opacity: 1;
}

.overlay:target+.popup {
top: 20%;
visibility: visible;
opacity: 1;
}
/* формируем кнопку закрытия */
.closee {
position: absolute;
top: -28px;
right: -28px;
padding: 0;
width: 35px;
height: 35px;
border: 3px solid #fff;
-webkit-border-radius: 55px;
-moz-border-radius: 55px;
-ms-border-radius: 55px;
-o-border-radius: 55px;
border-radius: 55px;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 29px;
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
-ms-transition: all ease .8s;
-o-transition: all ease .8s;
transition: all ease .8s;
}
.closee:before {
color: #fff;
content: "X";
font-size: 25px;
}
.closee:hover {
background-color: #04b585; 
text-shadow: 0px 3px 3px #000000;
}