#ouibounce-modal{
    font-family:'Segoe UI',sans-serif;
    display:none;
    position:fixed;
    top:0;left:0;
    width:100%;height:100%
}
#ouibounce-modal .underlay{
    width:100%;height:100%;
    position:absolute;
    top:0;left:0;
    background-color:rgba(0,27,0,.81);
    cursor:pointer;
    -webkit-animation:fadein .5s;
    animation:fadein .5s
}
#ouibounce-modal .underlay2{
    width:100%;height:100%;
    position:absolute;
    top:0;left:0;
    background-color:rgba(0,0,0,.5);     
    cursor:pointer;
    -webkit-animation:fadein .5s;
    animation:fadein .5s
}
#ouibounce-modal .modal{
    max-width:600px;height:378px;
    background-color:#f0f1f2;
    z-index:1;
    position:absolute;
    margin:auto;
    top:0;right:0;bottom:0;left:0;
    border-radius:12px;
    -webkit-animation:popin .3s;
    animation:popin .3s
}
#ouibounce-modal .modalBDL{
    max-width:600px;height:378px;
    background-color:#f0f1f2;
    z-index:1;
    position:absolute;
    margin:auto;
    top:0;right:0;bottom:0;left:0;
    border-radius:12px;
    -webkit-animation:popin .3s;
    animation:popin .3s
}
#ouibounce-modal .modal-title{
    font-size:19px;
    font-weight:bold;
    background-color:#ff6a00;
    color:#fff;
    padding:10px;
    margin:0;
    border-radius:4px 4px 0 0;
    text-align:center
}
#ouibounce-modal .modal-title-blue{
    font-size:19px;
    font-weight:bold;
    background-color:rgb(2,117,216);
    color:#fff;
    padding:10px;
    margin:0;
    border-radius:4px 4px 0 0;
    text-align:center
}
#ouibounce-modal .modal-title-green{
    font-size:19px;
    font-weight:bold;
    background-color:#449944;
    color:#fff;
    padding:10px;
    margin:0;
    border-radius:4px 4px 0 0;
    text-align:center
}
#ouibounce-modal .modal-title-white{
    font-size:19px;
    font-weight:bold;
    background-color:#fff;
    color:#474;
    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-left:7px;font-size:1em;
    /*color:white*/
}
#ouibounce-modal p{
    /*color:white*/
}
#ouibounce-modal form{text-align:center;margin-top:35px}
#ouibounce-modal form input[type=text]{padding:12px;font-size:1.2em;width:300px;border-radius:4px;border:1px solid #ccc;-webkit-font-smoothing:antialiased}
#ouibounce-modal form input[type=submit]{text-transform:uppercase;font-weight:700;padding:12px;font-size:1.1em;border-radius:4px;color:#fff;background-color:#4ab471;border:none;cursor:pointer;-webkit-font-smoothing:antialiased}#ouibounce-modal form p{text-align:left;margin-left:35px;opacity:.8;margin-top:1px;padding-top:1px;font-size:.9em}
#ouibounce-modal .modal-footer{
    position:absolute;
    bottom:10px;
    text-align:center;width:100%
}
#ouibounce-modal .modal-footer p{
    text-transform:capitalize;
    cursor:pointer;
    display:inline;
    border-bottom:1px solid #344a5f
}

.ouibounce-modal{
    font-family:'Segoe UI',sans-serif;
    display:none;
    position:fixed;
    top:0;left:0;
    width:100%;height:100%
}
.ouibounce-modal .underlay{
    width:100%;height:100%;
    position:absolute;
    top:0;left:0;
    background-color:rgba(0,27,0,.81);
    /*background-color:rgba(0,20,40,.7);*/
    /*background-color:rgba(70,22,0,0.8);*/
    cursor:pointer;
    -webkit-animation:fadein .5s;
    animation:fadein .5s
}
.ouibounce-modal .underlay2{
    width:100%;height:100%;
    position:absolute;
    top:0;left:0;
    background-color:rgba(0,0,0,.5);     
    cursor:pointer;
    -webkit-animation:fadein .5s;
    animation:fadein .5s
}
.ouibounce-modal .modal{
    max-width:600px;height:378px;
    background-color:#f0f1f2;
    z-index:1;
    position:absolute;
    margin:auto;
    top:0;right:0;bottom:0;left:0;
    border-radius:12px;
    -webkit-animation:popin .3s;
    animation:popin .3s
}
.ouibounce-modal .modalBDL{
    max-width:600px;height:378px;
    background-color:#f0f1f2;
    z-index:1;
    position:absolute;
    margin:auto;
    top:0;right:0;bottom:0;left:0;
    border-radius:12px;
    -webkit-animation:popin .3s;
    animation:popin .3s
}
.ouibounce-modal .modal-title{
    font-size:19px;
    font-weight:bold;
    background-color:#ff6a00;
    color:#fff;
    padding:10px;
    margin:0;
    border-radius:4px 4px 0 0;
    text-align:center
}
.ouibounce-modal .modal-title-blue{
    font-size:19px;
    font-weight:bold;
    background-color:rgb(2,117,216);
    color:#fff;
    padding:10px;
    margin:0;
    border-radius:4px 4px 0 0;
    text-align:center
}
.ouibounce-modal .modal-title-green{
    font-size:19px;
    font-weight:bold;
    background-color:#449944;
    color:#fff;
    padding:10px;
    margin:0;
    border-radius:4px 4px 0 0;
    text-align:center
}
.ouibounce-modal .modal-title-white{
    font-size:19px;
    font-weight:bold;
    background-color:#fff;
    color:#474;
    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-left:7px;font-size:1em;
    /*color:white*/
}
.ouibounce-modal p{
    /*color:white*/
}
.ouibounce-modal form{text-align:center;margin-top:35px}
.ouibounce-modal form input[type=text]{padding:12px;font-size:1.2em;width:300px;border-radius:4px;border:1px solid #ccc;-webkit-font-smoothing:antialiased}
.ouibounce-modal form input[type=submit]{text-transform:uppercase;font-weight:700;padding:12px;font-size:1.1em;border-radius:4px;color:#fff;background-color:#4ab471;border:none;cursor:pointer;-webkit-font-smoothing:antialiased}#ouibounce-modal form p{text-align:left;margin-left:35px;opacity:.8;margin-top:1px;padding-top:1px;font-size:.9em}
.ouibounce-modal .modal-footer{
    position:absolute;
    bottom:10px;
    text-align:center;width:100%
}
.ouibounce-modal .modal-footer p{
    text-transform:capitalize;
    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}}