/*
 * Exit Intent
 * Exit Intent enabling you to display a modal before a user leaves your website
 *
 * Francecom
 * www.francecom.fr
*/
#exitintent-modal, #exitintent-modal2, #exitintent-modal3{
	display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999
}

#exitintent-modal .underlay, #exitintent-modal2 .underlay, #exitintent-modal3 .underlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.7);
	cursor:pointer;
	-webkit-animation:fadein 0.7s;
	animation:fadein 0.7s;
	z-index:9999}

#exitintent-modal .exitintent-modal-window, #exitintent-modal2 .exitintent-modal-window, #exitintent-modal3 .exitintent-modal-window{
	width:500px;
	height:300px;
	background-color:#f0f1f2;
	z-index:9999;
	position:absolute;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:4px;
	-webkit-animation:popin 0.5s;
	animation:popin 0.5s
}

#exitintent-modal .modal-title, #exitintent-modal2 .modal-title, #exitintent-modal3 .modal-title{
	font-size:18px;
	background-color:#252525;
	color:#fff;padding:10px;
	margin:0;
	border-radius:4px 4px 0 0;
	text-align:center}

#exitintent-modal h3, #exitintent-modal2 h3, #exitintent-modal3 h3{
	color:#fff;
	font-size:1em;
	margin:0.2em;
	text-transform:uppercase;font-weight:500
}

#exitintent-modal .modal-body, #exitintent-modal2 .modal-body, #exitintent-modal3 .modal-body{
	padding:0 !important;
	font-size:0.9em;
	border: 15px solid white;
}

#exitintent-modal p, #exitintent-modal2 p, #exitintent-modal3 p{
	color:#344a5f
}

#exitintent-modal .exitintent-modal-footer, #exitintent-modal2 .exitintent-modal-footer, #exitintent-modal3 .exitintent-modal-footer{
	position:absolute;
	bottom:20px;
	text-align:center;
	width:100%
}

#exitintent-modal .exitintent-modal-footer p, #exitintent-modal2 .exitintent-modal-footer p, #exitintent-modal3 .exitintent-modal-footer p{
	text-transform:capitalize;
	cursor:pointer;
	display:inline;
	border-bottom:1px solid #344a5f
}

.exitintent-modal-window{
		width:600px;
		height: 400px;
	}

.btn_close {
	width: 30px;
    height: 30px;
    position: absolute;
    background: url("img/close_btn2.png");
    right: -13px;
    top: -13px;
    border:none;
}

@media only screen and (max-width: 600px) {
	.exitintent-modal-window{
		width:95% !important;
	}
}

@-webkit-keyframes "fadein"{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes fadein{0% { opacity:0}100%{opacity:1}
@keyframes "fadein"{0%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes "popin"{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}
@-ms-keyframes popin{0% { -ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}
@keyframes "popin"{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1;}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}