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

#gdpr{
    position: fixed;
    bottom: 0px;
    left: 40px;
    right: 40px;
    z-index: 2000;
}

#gdpr .inside{

    padding: 25px 0px 25px 0px;
    background: #F2F2F2;
    border-radius:10px;

    width:100%;
    height:100%;
}

#gdpr .information{

}

#gdpr .text{
    display:block;
}

#gdpr .notification a,
#gdpr .notification a:visited{
    color:#111;
}

#gdpr .notification a:hover{
    color: #111;
}

#gdpr .bottom{
    display: flex;
    margin-top:20px;
    justify-content: space-between;
}

#gdpr .gdpr_fieldset{
    position: relative;
    display: inline-block;
    vertical-align:top;
}

#gdpr input[type="checkbox"] {
    position: absolute;
    left: -15px;
    opacity: 0;
}

#gdpr input[type="checkbox"]+label:before {
    content: "";
    position: absolute;
    top:2px;
    left:0px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 2px solid #fff;
    background: transparent;
}

#gdpr input[type="checkbox"]:checked+label:before {
    background: #263b7b;
}

#gdpr input[type="checkbox"]+label{
    display: block;
    padding-left:30px;
    cursor: pointer;
}


#gdpr .button{
    display: inline-block;
    vertical-align: top;  
    cursor: pointer;
}

#gdpr .button.more{
    width:180px;
}

#gdpr .button.save,
#gdpr .button.selectall{
    background:#263b7b;
    padding:0px 10px 3px 10px;
    border-radius:3px;
    border: 2px solid #263b7b;
    position: relative;
    top: -2px;    
}

#gdpr .button.save{
    background:transparent;
    border: 2px solid #263b7b;
}

#gdpr .button.selectall{
    color:#fff;
}



/* iPhone */

@media (min-width: 1081px){


    #gdpr{
        max-width:1040px;
        -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;         
    }

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


}


@media (max-width:1080px) { 

    #gdpr {
        top:0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        padding:20px;
        background:rgba(0,0,0,0.2);  
        overflow: hidden;
        display: none;
    }

    #gdpr.trans{
        display: block;
    }

    #gdpr .inside{
        position: absolute;
        right:20px;
        bottom:20px;
        left:20px;
        padding: 25px 0px 25px 0px;
        background: #F2F2F2;
        border-radius:10px;   
        overflow-y: scroll;   
        -webkit-overflow-scrolling: touch; 
        width:auto;
        height:auto;
        max-height:480px;
    }

    #gdpr .text{
        font-size:13px !important;
        line-height: 1.2em;
    }

    #gdpr .bottom{
        display: block;
        width:100%;
    }

    #gdpr .gdpr_fieldset{
        display: block;
        width:100%;
        margin-bottom:10px;
    }

    #gdpr .button{
        display: block;
    }

    #gdpr .button.more{
        margin-bottom:15px;
        padding-left: 8px;
        width:100%;
    }

    #gdpr .button.save{
        margin-bottom:10px;
        padding-left: 6px;
    }

    #gdpr .button.selectall{
        margin-bottom:20px;
        top:0px;
    }



}

@media (max-width: 481px){


}