#cookie-consent {
    width: 100%;
    z-index: 2000;

    background: #444 none repeat scroll 0 0;
    opacity: 0.9;
    filter:Alpha(Opacity=50);
    color: #fff;
    font-size: 13px;
    line-height: 18px;
}

#cookie-consent a {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
}

#cookie-consent h2 {
    color: #fff !important;
}

#cookie-consent.coc-1 {
    top: 0;
    position: fixed;
    width: 100%;
    font-family: Arial;
}

#cookie-consent.coc-2 {
    top: 0;
    position: static;
}

#cookie-consent.coc-3 {
    bottom: 0;
    position: fixed;
    width: 100%;
    font-family: Arial;
}

.coc-wrapper {
    margin: 0 auto;
    padding: 20px;
    width: 360px;
}

@media all and (min-width: 960px) {
    .coc-wrapper{
    width: 960px;
}

}
  
@media all and (max-width: 599px) and (min-width: 320px) {
    .coc-wrapper{
        width: 320px;
    }
    
}

.coc-title {
    padding: 0 20px 20px 0;
    float:left;
}

.coc-body {
    text-align: justify;
}

.coc-more-link {

}

.button.coc-more-link {
    background: #ff7c02;
    border: 1px solid #ff7b00;
    vertical-align: top;
    color: #fff;
    margin: 5px 2px 5px 0;
    padding: 0 5px;
    float:right;
    display: inline-block;
}

.button.coc-accept-link {
    background: #ff7c02;
    border: 1px solid #ff7b00;
    vertical-align: top;
    color: #fff;
    margin: 5px 2px 5px 0;
    padding: 0 5px;
    float:right;
    display: inline-block;
    margin-left:5px;
}

.coc-accept-link:hover {
    cursor: pointer;
}

.coc-more-link a:hover {
    text-decoration: none;
}