.cc-window {
    opacity:1;
    transition:opacity 1s ease;
    line-height: 24px;
    font-size: 16px;
    box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08);
    color: #000;
    background: #f5f5f5;
}
.cc-window.cc-invisible {
    opacity:0
}
.cc-window {
    position:fixed;
    overflow:hidden;
    box-sizing:border-box;
    font-family:Arial, Helvetica, sans-serif;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    z-index:9999
}
.cc-window.cc-banner {
    padding:1em 1.8em;
    width:100%;
    -ms-flex-direction:row;
    flex-direction:row
}
.cc-btn,
.cc-link {
    cursor:pointer
}
.cc-link,
.cc-link:active,
.cc-link:visited,
.cc-link:focus {
    display:inline-block;
    padding:.2em;
    color:#4b575f;
    text-decoration: none
}
.cc-link:before {
    content: "\00BB"
}
.cc-link:after {
    content: "\00AB"
}
.cc-link:hover {
    text-decoration: none;
    opacity: .8;
}
.cc-btn,
.cc-btn:focus,
.cc-btn:visited,
.cc-btn:active {
    display:block;
    text-align: center;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cc-btn:hover {

}
.cc-window.cc-banner {
    -ms-flex-align:center;
    align-items:center
}
.cc-banner.cc-bottom {
    left:0;
    right:0;
    bottom:0
}
.cc-banner .cc-message {
    -ms-flex:1;
    flex:1
}
.cc-compliance {
    padding-left: 20px
}
@media print{
    .cc-window {
        display:none
    }
}
@media screen and (max-width:800px) {
    .cc-window {
        -ms-flex-direction:column;
        flex-direction:column
    }
    .cc-window .cc-message {
        margin-bottom:1em
    }
    .cc-window.cc-banner {
        -ms-flex-align:unset;
        align-items:unset
    }
    .cc-compliance {
        padding-left: 0;
    }
}

@media screen and (max-width: 480px){
    .cc-btn {
        width: 100%;
    }
}