.ua-opt-in-wrapper{
    position:fixed;
    top:50px;
    width:100%;
    z-index: 10001;
    display:none;
}
.ua-opt-in-wrapper .ua-opt-in-inner{
    width:100%;
    max-width:500px;
    margin:0 auto;
    padding:20px;
    background:#fff;
    overflow:hidden;
    border-radius: 2px;
    box-shadow: 0 0 20px 3px rgba(0,0,0,.24);
}
.ua-opt-in-wrapper .ua-opt-in-inner .upper{
    width:100%;
    float:left;
}
.ua-opt-in-wrapper .ua-opt-in-inner .upper img{
    width:80px;
    height:auto;
    float:left;
}
.ua-opt-in-wrapper .ua-opt-in-inner .upper p{
    float:left;
    font-size:16px;
    margin:0 0 0 20px;
    width:calc(100% - 100px);
}
.ua-opt-in-wrapper .ua-opt-in-inner .lower{
    width:100%;
    float:left;
    clear:both;
}
.ua-opt-in-wrapper .ua-opt-in-inner .lower a{
    float:right;
    font-size:15px;
    padding:9px 28px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 2px;
}
.ua-opt-in-wrapper .ua-opt-in-inner .lower a:hover{
    text-decoration:none;
}
.ua-opt-in-wrapper .ua-opt-in-inner .lower a.opt-in{
    color:#fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.14), 0 2px 6px 0 rgba(0,0,0,.14);

}