#exitpopup-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999
}
#exitpopup-modal .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
}
#exitpopup-modal .exitpopup-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
}
#exitpopup-modal .modal-title {
font-size: 18px;
background-color: #252525;
color: #fff;
padding: 10px;
margin: 0;
border-radius: 4px 4px 0 0;
text-align: center
}
#exitpopup-modal h3 {
color: #fff;
font-size: 1em;
margin: 0.2em;
font-weight: 500
}
#exitpopup-modal .modal-body {
padding: 20px 35px;
font-size: 0.9em
}
#exitpopup-modal p {
color: #344a5f
}
#exitpopup-modal .exitpopup-modal-footer {
position: absolute;
bottom: 20px;
text-align: center;
width: 100%
}
#exitpopup-modal .exitpopup-modal-footer p { cursor: pointer;
display: inline;
border-bottom: 1px solid #344a5f
}
@-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;
}
}