.popup-bg{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 10%;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	font-family: 'Liberation Sans Regular', sans-serif;
	z-index:950000;
}

.popup-bg,
.popup-bg *{
	box-sizing: border-box;
}

.popup{
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	z-index:950000;
	text-align:left;
}

.popup-inner{
	background-color: #fff;
	animation-duration: 0.4s;
  	animation-delay: 0;
}

.popup-header{
	padding: 15px 20px;
	font-weight: 600;
	text-transform: uppercase;
	font-family:A Love of Thunder, impact, arial, sans serif;
	font-size:1.2em;
	line-height:1.1em;
	border-bottom: black 1px solid;
	text-align:center;
	background:#d38033;
	font-weight:lighter;
	color:white;
}

.popup-content{
	background:white;
	text-align:center;
	font-family:Liberation Sans Regular, arial, sans serif;
	color:#333132;
	padding-bottom:3em;
}

.popup-input{
	padding: 20px;
}

.popup-content + .popup-input{
	padding-top: 0;
}

.popup-footer{
	text-align: center;
	width: 100%;
	padding-bottom:3em;
}

.popup-footer button{
	position:absolute;
	top:80%;
	left:30%;
	cursor:pointer;
	width:40%;
	height:auto;
	padding:0.5em 2em;
	background:#d38033;
	color:white;
	font-size:1em;
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	border-radius:25px;
	font-family:A Love of Thunder, impact, arial, sans serif;
}
.popup-footer button:hover{
	color:white;
	font-family:A Love of Thunder, impact, arial, sans serif;
	background:#aa410d;
}
.gopan{
	position:absolute;
	top:81.25%;
	left:50%;
}

/* laptop*/
@media screen and (max-device-width:1600px){
.gopan{
	position:absolute;
	top:81.75%;
	left:55%;
}
.popup-footer button{
	position:absolute;
	top:80%;
	left:25%;
	width:50%;
	
}

}

/* laptop*/
@media screen and (max-device-width:1350px){
}
/* TABLETTES */
@media screen and (max-device-width:1200px){
.popup{
	position: absolute;
	top: 20%;
	left: 20%;
	width: 60%;
	z-index:95000;
	text-align:left;
}

}

@media screen and (max-device-width:900px){
.popup{
	position: absolute;
	top: 25%;
	left: 10%;
	width: 80%;
	z-index:95000;
	text-align:left;
}

.popup-footer button{
	position:absolute;
	top:79.15%;
	left:10%;
	width:80%;
}

}

/* TABLETTES */
@media screen and (max-device-width:550px){
.popup-bg{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 10%;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	font-family: 'Liberation Sans Regular', sans-serif;
	z-index:95000;
}

.popup{
	position: absolute;
	top: 20%;
	left: 10%;
	width: 80%;
	z-index:95000;
	text-align:left;
}
.popup-footer button{
	position:absolute;
	top:79.15%;
	left:5%;
	font-size:0.85em;
	width:90%;
}
.gopan{
	position:absolute;
	top:90%;
	left:5%;
	font-size:0.85em;
	width:90%;
	margin-top:0.25em;
}
.popup-header{
	font-size:0.95em;
}

}