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

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

.popup{
	position: absolute;
	top: 40%;
	left: 50%;
	width: 55%;
	transform:translate(-50%, -50%);
	z-index:90000;
	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:Barlow-Bold, arial black, sans serif;
	font-size:1.2em;
	line-height:1.1em;
	border-bottom: #e2e2e2 1px solid;
	text-align:center;
	background:#8e1529;
	color:white;
}

.popup-content{
	padding: 20px;
	padding-top: 2em;
	background:white;
	text-align:center;
	font-family:Barlow-Regular, arial, sans serif;
	color:black;
}

.popup-input{
	padding: 20px;
}

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

.popup-footer{
	text-align: right;
	width: 100%;
	padding: 5px 0;
}

.popup-footer button{
	cursor:pointer;
	width:auto;
	border:none;
	background:#434343;
	color:white;
	margin:0 5px 0 0;
	padding:0.5em;
	border-radius:5px;
	font-size:1em;
	z-index:35000;
	text-align:center;
}
.popup-footer button:hover{
	background:#8e1529;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	color:white;
	margin:0 5px 0 0;
	padding:0.5em;
	border-radius:5px;
	font-size:1em;

}



/* TABLETTES */
@media screen and (max-device-width:1200px){
.popup{
	position: absolute;
	top: 40%;
	left: 50%;
	width: 96%;
	transform:translate(-50%, -50%);
	z-index:35000;
	text-align:left;
	font-size:1em;
	line-height:1em;
}

}

/* TABLETTES */
@media screen and (max-device-width:500px){
.popup{
	position: absolute;
	top: 40%;
	left: 50%;
	width: 96%;
	transform:translate(-50%, -50%);
	z-index:35000;
	text-align:left;
	font-size:1em;
	line-height:1em;
}
.
}