#ddexitpopwrapper { display: flex;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
pointer-events: none;
align-items: center;
justify-content: center;
z-index: 99999999;
height: 594px;
top: 0px;
bottom: 0px;
margin: auto;
}
#ddexitpopwrapper .veil { left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(0,0,0,.7);
content: "";
z-index: 1;
display: none;
cursor: default;
}
.ddexitpop { width: 100%;
max-width: 756px;
border: 2px solid black; z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative; background: white;
left: 0;
top: 0px; -webkit-animation-duration: .5s; animation-duration: .5s; display: none;
}
.ddexitpop .calltoaction { display: inline-block;
text-decoration: none;
border-radius: 5px;
padding: 15px;
background: #15C5FF;
display: block;
width: 80%;
font: bold 24px Arial;
box-shadow: 0 0 15px gray, 0 0 10px gray inset;
margin: 10px auto;
text-align: center;
color: white !important;
}
div.closeexitpop { width: 70px;
height: 70px;
overflow: hidden;
display: none;
position: fixed;
cursor: pointer;
text-indent: -1000px;
z-index: 3;
top: 10px;
right: 10px;
}
#ddexitpopwrapper.open {
pointer-events: auto;
}
#ddexitpopwrapper.open .veil { display: block;
}
#ddexitpopwrapper.open div.closeexitpop {
display: block;
}
#ddexitpopwrapper.open .ddexitpop { display: block;
}
div#ddexitpop1 .inner_audit_form {
text-align: center;
}
div#ddexitpop1 .audit_form h2 {
font-size: 32px;
line-height: 1.2;
}
div#ddexitpop1 .audit_form h3
{
font-size: 24px;
line-height: 1.2;
}
div#ddexitpop1 .audit_form p {
color: #fff;
font-size: 16px;
line-height: 1.4;
padding: 0px 0px 0;
font-weight: 400;
}
.audit-exit-inner input {
background: #fff;
font-size: 16px;
font-weight: 700;
color: #000;
padding: 0px 15px;
max-width: 100%;
margin-bottom:0px !important;
}
.audit-exit-inner {
padding-bottom: 15px;
}
.audit-exit-btn input {
width: 100%;
max-width: 100%;
margin-top: 0 !important;
}
.exit_form_wrp .news_letter form {
max-width: 400px;
}
.exit_form_wrp .news_letter {
background-size: 60%;
background-position: right bottom;
background-repeat: no-repeat;
padding-bottom: 13px;
}
div#ddexitpop1 .audit_form {
padding: 30px 0 0px 30px;
}
div#ddexitpop1 .audit_txt{padding-right:30px;}
div#ddexitpop1 .news_letter input[type="submit"]:hover {
background: #fff;
color: #000;
} @media screen and (max-height: 765px) {
.ddexitpop {
top: 0; }
}
@media screen and (max-width: 767px) {
.exit_form {
max-width: 100%;
width: 100%;
margin-left: 0;
}
div#ddexitpop1 .audit_form h2 {
font-size: 26px;
line-height: 1.2;
}
div#ddexitpop1 .audit_form h3 {
font-size: 21px;
line-height: 1.2;
}
div#ddexitpop1 .audit_form p{font-size: 15px;}
.exit_form_wrp {
max-width: 100%;
padding: 24px 18px;
overflow: auto;
height: 90vh;
overflow-y: scroll;
}
.ddexitpop {
max-width: 100%;
max-width: 450px;
margin: auto;
}
#ddexitpopwrapper {
padding: 0px 5px;
}
div#ddexitpop1 .audit_txt {
padding-right: 0;
}
div#ddexitpop1 .audit_form {
padding: 25px 25px 0;
}
.exit_form_wrp .news_letter form {
max-width: 100%;
}
.exit_form_wrp .news_letter {
background-image: none !important;
}
.exit_form_wrp{padding:20px;}
.exit_form_wrp .news_letter{padding-bottom:0;}
.news_letter input{height:40px;}
}
@media screen and (max-width: 480px) {
.exit_form_wrp{overflow-y: auto;height:auto;}
div#ddexitpop1 .audit_form {
padding: 20px 15px 0;
}
.exit_form_wrp{padding:15px;}
div#ddexitpop1 .audit_form h2 {
font-size: 21px;
}
div#ddexitpop1 .audit_form h3 {
font-size: 18px;
}
div#ddexitpop1 .audit_form p{font-size: 13px;}
}    
@media screen and (max-width: 320px) {
div#ddexitpop1 .audit_form h3 {
font-size: 16px;
}
}