#ouibounce-modal{font-family:'Open Sans',sans-serif;display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:101}
#ouibounce-modal .underlay{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.5);-webkit-animation:fadein .5s;animation:fadein .5s}
#ouibounce-modal .modal{width:600px;height:400px;background-color:#f0f1f2;z-index:1;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;border-radius:4px;-webkit-animation:popin .3s;animation:popin .3s;display:block}
#ouibounce-modal .modal-title{font-size:18px;background-color:rgba(0,0,0,0.3);color:#fff;padding:10px;margin:0;border-radius:4px 4px 0 0;text-align:center}
#ouibounce-modal h3{color:#fff;font-size:1em;margin:.2em;text-transform:uppercase;font-weight:500}
#ouibounce-modal .modal-body{padding:20px 35px;font-size:.9em}
#ouibounce-modal p{color:#344a5f;line-height:1.3em}
#ouibounce-modal .modal-footer{position:absolute;top:-14px;right:-14px;text-align:center;width:24px;height:24px;border-radius:50%;background:#696969;padding:0;cursor:pointer}
#ouibounce-modal .modal-footer:before{content:'+';font-family:'Open Sans',sans-serif;font-size:22px;color:#fff;position:absolute;transform:rotate(45deg);width:20px;height:20px;left:4px;top:1px}

#actionModal{font-family:'Open Sans',sans-serif;display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:101}
#actionModal .underlay{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.5);-webkit-animation:fadein .5s;animation:fadein .5s}
#actionModal .modal{width:600px;height:400px;background-color:#f0f1f2;z-index:1;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;border-radius:4px;-webkit-animation:popin .3s;animation:popin .3s;display:block}
#actionModal .modal-title{font-size:18px;background-color:rgba(0,0,0,0.3);color:#fff;padding:10px;margin:0;border-radius:4px 4px 0 0;text-align:center}
#actionModal h3{color:#fff;font-size:1em;margin:.2em;text-transform:uppercase;font-weight:500}
#actionModal .modal-body{padding:20px 35px;font-size:.9em}
#actionModal p{color:#344a5f;line-height:1.3em}
#actionModal .modal-footer{position:absolute;top:-14px;right:-14px;text-align:center;width:24px;height:24px;border-radius:50%;background:#696969;padding:0;cursor:pointer}
#actionModal .modal-footer:before{content:'+';font-family:'Open Sans',sans-serif;font-size:22px;color:#fff;position:absolute;transform:rotate(45deg);width:20px;height:20px;left:4px;top:1px}

@-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}
}