/* Cookies */

.cp-cookies {
    position : fixed;
    z-index : 9999;
    right : 0;
    left : 0;
    width : 100%;
    padding-right : 105px;
    transition : all .4s ease;
    color : #d0d0d0;
    background : #212121;
}

.cp-cookies.top {
    top : 0;
    animation-name : cpcookiestop;
    animation-duration : 1s;
    animation-iteration-count : 1;
}

@keyframes cpcookiestop {
    0% {
        top : -50%;
    }
    100% {
        top : 0;
    }
}

.cp-cookies.bottom {
    bottom : 0;
    animation-name : cpcookiesbottom;
    animation-duration : 1s;
    animation-iteration-count : 1;
}

@keyframes cpcookiesbottom {
    0% {
        bottom : -50%;
    }
    100% {
        bottom : 0;
    }
}

.cp-cookies-message-link {
    color : #8e9be6;
}

#cp-cookies-close {
    display : none;
}

#cp-cookies-close:checked ~ #cp-cookies ,
#cp-cookies-close:checked + .cp-cookies-close {
    top : -50%;
}

.cp-cookies-close {
    position : fixed;
    z-index : 10000;
    right : 20px;
    padding : 10px 15px;
    cursor : pointer;
    text-decoration : none;
    text-transform : uppercase;
    color : #ffffff;
    background : #3f51b5;
}

.cp-cookies-close.top {
    top : 10px;
    animation-name : cpcookiesclosetop;
    animation-duration : 1s;
    animation-iteration-count : 1;
}

@keyframes cpcookiesclosetop {
    0% {
        top : -50%;
    }
    100% {
        top : 10px;
    }
}

.cp-cookies-close.bottom {
    bottom : 10px;
    animation-name : cpcookiesclosebottom;
    animation-duration : 1s;
    animation-iteration-count : 1;
}

@keyframes cpcookiesclosebottom {
    0% {
        bottom : -50%;
    }
    100% {
        bottom : 10px;
    }
}

.cp-cookies-close:hover {
    text-decoration : none;
    color : #3f51b5;
    background : #ffffff;
}

.cp-cookies-message {
    margin : 20px;
}