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

#banner{
    position: fixed;
    bottom: 0px;
    left: 40px;
    right: 40px;
    max-width: 920px;
    margin: 0 auto;
    padding: 20px 0px 30px 0px;
    background: rgba(0,0,0,1);
    border: 1px solid #7B839E;
    border-radius: 8px;
    opacity: 0;
    
    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 .wrapper{
    padding: 0 30px;
}

#banner.trans{
    opacity: 1;
    bottom: 40px;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    transform:translateY(0);
}

#banner .notification{
    display:block;
    margin-right:250px;
    color:#fff;
}

#banner .notification a,
#banner .notification a:visited{
    display: inline;
    color:#fff;
    border-bottom: 1px solid #fff;
}

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

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

#banner .agree,
#banner .disagree{
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    cursor: pointer;
}

#banner .disagree{
    margin-left: 30px;
}







/* iPhone */

@media (max-width: 1640px){


@media (max-width:768px) { 


}

@media (max-width: 720px){

    #banner{
        right: 20px;
        bottom: 20px;
        left: 20px;
        min-height: 135px;
    }

    #banner .wrapper{

    }

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

    #banner .right{
        right: 34px;
        width: 70px;
        text-align: right;
    }

    #banner .agree,
    #banner .disagree{
        display: block;
        margin: 0 0 20px 0;
    }



}