.modal-head,.modal-wrapper1 {
    width:100%;
    text-align:center
}
* {
    box-sizing:border-box;
    margin:0;
    padding:0
}
.modal-wrapper1 {
    position:fixed;
    top:0;
    left:0;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    outline:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.3s;
    background-color:rgba(0,0,0,.7490196078);
    font-family:"Work Sans",sans-serif
}
.modal-head {
    font-size:2.3rem;
    line-height:1.1;
    letter-spacing:-.4px;
    margin:17px auto;
    color:#14274c;
    font-weight:500
}
.modal-head span {
    font-size:4rem;
    font-weight:700
}
.exit-intent p {
    font-size:1.55rem;
    color:#3c3c3c;
    line-height:1.5;
    margin-bottom:20px
}
.exit-intent .time {
    background-color:#ee6f6f;
    padding:6px;
    color:#fff;
    margin-top:20px;
    font-size:25px;
    font-weight:500;
    letter-spacing:1px
}
#close-btnnew {
    font-size:.9rem;
    line-height:1;
    color:#fff;
    float:none!important;
    margin:20px auto 0;
    border:1px solid;
    border-radius:0;
    background-color:#d03939;
    padding:12px 20px;
    cursor:pointer
}
#close-btnnew:hover {
    background-color:#494949
}
.modal-wrapper1.active {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    z-index:999;
    overflow:hidden
}
.modal-wrapper1.active .modal-content-bg {
    opacity:1
}
.modal-wrapper1 .modal-content-bg {
    z-index:1;
    opacity:0;
    transition:opacity;
    position:relative;
    overflow-x:hidden;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.15);
    border-radius:5px;
    background-color:#f0f1f2;
    color:#4e4e4e;
    overflow-y:auto;
    max-width:715px;
    width:95%;
    height:auto;
    font-size:18px
}
.modal-wrapper1 .modal-content-bg .close-btn1:not(a) {
    outline:0;
    border:none;
    border-radius:50%;
    color:#685e5e;
    background-color:transparent;
    padding:15px;
    cursor:pointer;
    position:absolute;
    right:1%;
    top:2%;
    opacity:.6;
    transition:.2s ease-in-out
}
.modal-wrapper1 .modal-content-bg .close-btn1:not(a):active,.modal-wrapper1 .modal-content-bg .close-btn1:not(a):focus,.modal-wrapper1 .modal-content-bg .close-btn1:not(a):hover {
    opacity:1;
    background:rgba(128,128,128,.5)
}
.modal-wrapper1 .modal-content-bg .close-btn1:not(a)::after,.modal-wrapper1 .modal-content-bg .close-btn1:not(a)::before {
    content:" ";
    position:absolute;
    height:20px;
    width:2px;
    background-color:currentColor
}
.modal-wrapper1 .modal-content-bg .close-btn1:not(a)::before {
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
.modal-wrapper1 .modal-content-bg .close-btn1:not(a)::after {
    -webkit-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}
.modal-wrapper1 .modal-content-bg .header-wrapper {
    background-color:red;
    padding:.8em;
    text-align:center;
    color:#fff;
    font-weight:600
}
#timer2 {
    font-family:Oswald,sans-serif!important;
    width:100%;
    max-width:180px;
    margin-left:10px
}
.modal-wrapper1.exit-intent .modal-content-bg {
    background-color:#999;
    background-image:url("../images/bg-hero3.jpg");
    background-repeat:no-repeat;
    background-clip:padding-box;
    box-shadow:0 4px 20px 0 rgba(0,0,0,.2117647059);
    color:#4e4e4e;
    width:100%;
    max-width:890px;
    font-size:20px;
    height:auto;
    padding:2em 0;
    text-align:center;
    background-size:cover;
    background-position:center;
    margin:10% auto 0;
    border:9px solid transparent
}
.modal-wrapper1.exit-intent .modal-content-bg .close-btn1:not(a) {
    position:absolute;
    right:1%;
    top:1%;
    color:#fff;
    background:#4e4e4e
}
.modal-wrapper1.exit-intent .modal-content-bg .exit-intent__wait {
    font-size:3.3em;
    line-height:1;
    font-weight:600;
    color:#ffff01;
    background-color:#375c6d;
    padding:20px 0
}
.modal-wrapper1.exit-intent .modal-content-bg .exit-intent__timer {
    font-weight:600;
    font-size:1em;
    line-height:1;
    margin-bottom:.4em
}
.modal-wrapper1.exit-intent .modal-content-bg a.close-btn1 {
    background-color:rgba(251,56,56,.7);
    color:#fff;
    box-shadow:0 3px 6px #834e4e;
    display:block;
    text-decoration:none;
    line-height:1.2;
    transition:.3s ease-in-out
}
.modal-wrapper1.exit-intent .modal-content-bg a.close-btn1:active,.modal-wrapper1.exit-intent .modal-content-bg a.close-btn1:focus,.modal-wrapper1.exit-intent .modal-content-bg a.close-btn1:hover {
    background-color:#8c0e0e
}
@media(max-width:1536px){
    .modal-wrapper1.exit-intent .modal-content-bg {
    margin:4% auto 0;
}
}
@media(max-width:768px) {
    .modal-wrapper1.exit-intent .modal-content-bg {
        max-width:647px;
        padding:1em 0 2em
    }
    .modal-head span {
        font-size:3rem
    }
    .modal-head {
        font-size:2rem
    }
    .exit-intent .time {
        padding:4px;
        font-size:19px
    }
    .exit-intent p {
        font-size:1.3rem;
        line-height:1.3;
        margin-bottom:7px;
        padding:0 30px
    }
}
@media(max-width:500px) {
    .modal-head {
        font-size:1.6rem
    }
    .exit-intent p {
        font-size:1.1rem;
        padding:0 39px;
        line-height:23px
    }
    .modal-wrapper1.exit-intent .modal-content-bg {
        max-width:431px
    }
    .modal-wrapper1.active {
        padding:0 20px
    }
}
@media(max-width:390px) {
    .modal-head {
        font-size:1.2rem;
        padding:0 20px
    }
    .modal-head span {
        font-size:2rem
    }
    .exit-intent p {
        font-size:1rem;
        padding:0 39px;
        line-height:23px
    }
    .congrats {
        font-size:1.5rem;
        padding-top:39px
    }
}