#ca_banner {
    position: fixed!important;
    z-index: 16777270;
    width: 100%!important;
    text-align: center;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-radius: 0;
    display: none;
    box-shadow: 0 0 40px #444;
    padding: 10px 5px;
    left: 0;
    right: 0;
    float:none!important;
    text-shadow:none;
    margin: 0 auto;
}
#ca_banner.theme-white {
    background-color: rgba(255, 255, 255, 0.8);
    border-color:#fff;
    color:#000;
}
#ca_banner.theme-black {
    background-color: rgba(0, 0, 0, 0.8);
    border-color:#000;
    color:#fff;
}
#ca_banner.theme-white h2,
#ca_banner.theme-white p {
    color:#000;
}
#ca_banner.theme-black h2,
#ca_banner.theme-black p {
    color:#fff;
}
#ca_info {
    background: #fff;
    height: 304px;
    left: 50%;
    margin-left: -350px;
    margin-top: -182px;
    margin-bottom:20px;
    position: fixed;
    top: 50%;
    width: 700px;
    box-shadow:0 0 40px #444;
    z-index:16777271;
    padding: 25px;
    box-sizing: border-box;
    display: none;
    border: 1px solid #999999;
    text-shadow:none;
}
#ca_info .ca_info_close {
    position: absolute;
    top: -12px;
    right: -12px;
    color: #fff;
    font-weight: bold;
    height: 25px;
    width: 25px;
    border-radius: 16px;
    background: #AA0000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjI0MDgxQTJENUE4MTFFMjgzRDJCNjZBQUU1RTFFODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjI0MDgxQTNENUE4MTFFMjgzRDJCNjZBQUU1RTFFODIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMjQwODFBMEQ1QTgxMUUyODNEMkI2NkFBRTVFMUU4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMjQwODFBMUQ1QTgxMUUyODNEMkI2NkFBRTVFMUU4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn9KD5AAAAEuSURBVHja7NU/S0JRGMdxr1mYq0PgUIoGIjTV7NzQ1ibR4uRmoGNbvQk3wRfg4FBNFg79H2xqalTIVQepjt9DJ9DDPfd0rxREPvABuQ/3+XHufS46QojQT1c49Au1CPl7IRnco6pdX0YJNaSsKXKFDVK4EZ/VRwGO6h3gXfU6SHjMMYZs4kHM1gglVDDQetfYM4VEDAdMQO+t4gQxRF3uift9XBFs40LY6xzrQR7X9Ht59Ai4wpZlhnW7XnBm6H2ggad5tiuMMnoeJ5ELcGQ7iamxgiLG33gnr9hHzG/IKYYuA9u4c7n+hkO/Ibt41gbdYg1x9Xu6utgIsl0ZdbOspvpAv3o7uFQ9+dEm51nhLFrIu/RyqGvhgUKiOFYD9d4S0rYAyVn8x//PkIkAAwBh75gsMIhOIgAAAABJRU5ErkJggg==');
    text-align: center;
    line-height: 1.3em;
    font-size: 18px;
    cursor:pointer;
}
#ca_info_plus {
    box-sizing:border-box;
    overflow: auto;
    height: 254px;
    padding-right:24px;
    color:#000;
    text-align:left;
}
#ca_info_plus  p{
    color:#000;
    text-align:left;
    font-size:12px;
}
#ca_banner p,
#ca_banner h2 {
    margin:4px 0;
    padding:0;
    line-height:1.2em;
    float:none!important;
}
#ca_banner h2 {
    font-size: 20px;
    font-weight: bold;
}
#ca_banner p {
    font-size:14px
}
#ca_banner p span {
    text-decoration: underline;
    color: #0089F2;
    cursor: pointer;
    font-weight: bold;
    float: none!important;
}
#ca_banner .accept {
    cursor:pointer;
    font-size:14px;
    margin:5px auto;
    width:120px;
    background: #0089f2;
    padding:3px;
    border-radius:3px;
    text-shadow:1px 1px 0 #0072ca;
    color:#fff;
    background-image: -webkit-linear-gradient(#0089F2 0%, #0072ca 100%);
    background-image: -moz-linear-gradient(#0089F2 0%, #0072ca 100%);
    background-image: -o-linear-gradient(#0089F2 0%, #0072ca 100%);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0089F2), to(#0072ca));
    background-image: linear-gradient(#0089F2 0%, #0072ca 100%);
    float:none!important;
}
#ca_banner .accept:hover {
    box-shadow:0 0 15px #000;
}

@media screen and (max-width: 768px) {
    #ca_info {
        height: 92%;
        margin: 4% !important;
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        width: 92%;
        padding: 4%;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 480px) {
    #ca_banner {
        padding: 10px 5%;
    }
    #ca_info_plus  p{
        font-size:14px;
    }
}