#ouibounce-modal {font-family: 'Lato', sans-serif;display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11111;}
#ouibounce-modal .underlay {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.5);cursor: pointer;-webkit-animation: fadein 0.5s;animation: fadein 0.5s;}
#ouibounce-modal .modal {background:#FA6742 url(../images/exit-slide/exit.png) no-repeat;width: 600px;height: 515px;z-index: 1;position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;border-radius: 4px;-webkit-animation: popin 0.3s;animation: popin 0.3s; display: block;}
.close{ width:30px; height:30px; background:#4ab471!important;color: #fff;transition: all linear 0.5s; position: absolute; right: -10px; top: -10px; border-radius:50%; border: 0; line-height: 32px; cursor: pointer;opacity: 0.3; font-size: 20px; font-weight: 600; z-index: 11111;}
.close:hover{opacity: 1;background:#0A72BF; color: #fff;}
#ouibounce-modal .modal-title {font-size: 18px;color: #fff;padding: 10px;margin: 0;border-radius: 4px 4px 0 0;text-align: center;}
#ouibounce-modal h3 {font-family: 'TrajanPro-Regular';color: #fff;font-size: 1em;margin: 0.2em;text-transform: uppercase;font-weight: 600;}
#ouibounce-modal .modal-body {padding: 240px 35px 0;font-size: 16px;}
#ouibounce-modal p {color: #bbb; text-align: center;}
#ouibounce-modal form {text-align: center;margin-top: 35px;}
#ouibounce-modal form input[type=text] {padding:8px 12px;font-size: 16px;width: 425px;border-radius: 4px;border: 1px solid #ccc;display: block;margin:15px auto;-webkit-font-smoothing: antialiased;}
#ouibounce-modal form input[type=submit] {width:50%;text-transform: uppercase;font-weight: 600;padding: 12px 18px;font-size: 16px;border-radius: 4px;color: #fff;background-color: #4ab471;border: none;cursor: pointer;-webkit-font-smoothing: antialiased;transition: all linear 0.5s;}
#ouibounce-modal form input[type=submit]:hover{background-color:#0A72BF;}
#ouibounce-modal form p {text-align: left;margin-left: 35px;opacity: 0.8;margin-top: 1px;padding-top: 1px;font-size: 0.9em;}
#ouibounce-modal .btn1 {color: #fff;background-color: #e40404;border: 1px solid#e40404;width: 30%;transition: all linear 0.5s;padding: 10px 30px;}

#ouibounce-modal .btn1:hover{background-color:#fa6742;  border: 1px solid #fa6742; box-shadow: 0px 0px 8px #fff;}
#ouibounce-modal .modal-footer {border:0;position: absolute;bottom: 12px;text-align: center;width: 100%; display: block;}
#ouibounce-modal .modal-footer p {font-size:14px;text-transform: capitalize;cursor: pointer;display:inline;border-bottom: 1px solid #bbb;transition: all linear 0.5s;}
#ouibounce-modal .modal-footer p:hover{color:#4ab471;border-bottom: 1px solid #4ab471;}
@-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;}
}
