/* CSS */
/* GDPR BANNER */
/* AUTHOR: hyperstud.io */

#banner{
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 25px 0px 25px 0px;
    background: rgba(0,0,0,1);
    margin: 0 auto;
    z-index: 2000;

    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    transform:translateY(100%);

    -webkit-transition: all 800ms ease;                  
    -moz-transition: all 800ms ease;                 
    -o-transition: all 800ms ease;   
    -ms-transition: all 800ms ease;          
    transition: all 800ms ease; 
}

#banner.trans{

    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    transform:translateY(0);
}

#banner .notification{
    display:block;
    margin-right:340px;
    font-size: 20px;
    line-height: 1.2em;
    color:#fff;
}

#banner .notification a,
#banner .notification a:visited{
    padding-bottom:1px;
    color:#fff;
}

#banner .notification a:hover{
    color: #fff;
}

#banner .notification a:after{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 1px;
    background: #fff;
}

#banner .right{
    position: absolute;
    top: 0px;
    right: 20px;
}

#banner .btn{
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    padding: 13px 14px 15px 14px;
    color:#fff;
    border:2px solid #fff;
    font-size:15px;
    text-transform: uppercase;
    cursor: pointer;
    margin-left: 20px;
}

#banner .btn.agree{
    background: #fff;
    color: #000;
}









/* iPhone */

@media (max-width: 1640px){


}

@media (max-width:768px) { 

    #banner .notification{
        margin-right:0px;
    }

    #banner .right{
        position: relative;
        top: auto;
        right: auto;
    }

    #banner .btn{
        display: block;
        vertical-align: top;
        position: relative;
        top:auto;
        right:auto !important;
        width:auto !important;
        height:auto !important;
        margin: 10px 0 0 0;
        white-space: nowrap;
        padding: 14px 14px;
        color:#fff;
        border:2px solid #fff;
        font-size:15px;
        text-align: center;
    }


}