/** footer **/

#ff7-footer {
    height: 160px;
    width: 100%;
    background-color: black;
    margin-top: 10px;
}

#ff7-footer p {
    padding: 0;
    margin: 0;
}

#ff7-footer img {
    object-fit: none;
}

#ff7-footer div.inner-footer {
    height: 100%;
    max-width: 950px;
    margin: 0 auto;
    position: relative;
}

#ff7-footer div.legal {
    position: absolute;
    top: 45px;
    left: 0;
    max-width: 750px;
    height: 90px;
    font: 11px Helvetica, Arial, sans-serif;
    color: #888888;
}

#ff7-footer div.logo {
    background-position: 0px 0px;
    width: 204px;
    height: 25px;
    margin-top: 10px;
    display: inline-block;
}

#ff7-footer div.ratings.pegi {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 130px;
    height: 50px;
}

#ff7-footer div.ratings.esrb {
    position: absolute;
    top: 10px;
    right: 10px;
    /* width: 230px; */
    height: 140px;
}

#ff7-footer span.rating {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

#ff7-footer span.rating.platform {
    background-position: 0px -24px;
    width: 37px;
    height: 61px;
    display: inline-block;
    margin-right: 10px;
}

#ff7-footer div.ratings.pegi span.rate,
#ff7-footer div.ratings.pegi span.rate a {
    width: 50px;
    height: 61px;
}

#ff7-footer div.ratings.pegi span.rate a.pegi {
    width: 50px;
    height: 63px;
    background-position: -37px -25px;
}

#ff7-footer div.ratings.pegi span.rate a.usk {
    width: 50px;
    height: 50px;
    margin-top: 10px;
    background-position: -61px -166px;
}

#ff7-footer div.ratings.esrb span.rate a.esrb {
    width: 172px;
    height: 80px;
    background-position: 0px -86px;
}

#ff7-footer div.ratings.pegi span.rate {
    float: right;
}

#ff7-footer div.ratings.esrb span.rate,
#ff7-footer div.ratings.esrb span.rate a {
    width: 172px;
    height: 80px;
    display: inline-block;
    margin-right: 10px;
}

/* #ff7-footer div.ratings.esrb span.rate {
    float: right; 
}*/

#ff7-footer span.rating.rate a {
    display: block;
}

/* #ff7-footer div.ratings.esrb img.privacy,
#ff7-footer div.ratings.esrb a.privacy {
    display: inline-block;
    width: 57px;
    height: 77px; 
}*/

#ff7-footer div.ratings.esrb span.privacy-span {
    /* position: absolute;
    bottom: -30px;
    right: 0; */
    background-image: url(../images/privacy_certified_globe_bw.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 60px;
    height: 80px;
    margin: 0;
    display: inline-block;
}

#ff7-footer div.ratings.esrb span.privacy-span a {
    display: inline-block;
    width: 60px;
    height: 80px
}

#ff7-footer div.ratings.pegi span.rating a.oflc {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 61px;
    height: 61px;
    background-position: 0px -166px;
    display: inline-block;
}

#se-logo span.text {
    display: none;
}

#ff7-footer p.legal-links {
    text-transform: uppercase;
    margin-bottom: 5px;
}

#ff7-footer p.legal-links span {
    padding-right: 15px;
    margin-bottom: 5px;
    display: inline-block;
}

#ff7-footer p.legal-links a:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 600px) {
    #ff7-footer span.rating.platform,
    #ff7-footer div.ratings.esrb span.privacy-span,
    #ff7-footer div.ratings.esrb span.rate a.esrb {
        zoom: 60%;
    }
    #ff7-footer p.legal-links span {
        padding-right: 5px;
    }
    #ff7-footer div.ratings.esrb span.rate,
    #ff7-footer div.ratings.esrb span.rate a {
        width: 92px;
    }
}
@media screen and  (max-width: 992px) {
.gdpr{ display: block; padding-top: 10px;}
}
/* FOOTER FLAGS */

#footer .footer-links.right {
    margin-top: -4px;
}

#block-SSO-0 {
    margin: 0;
}

#language-selector {
    position: absolute;
    bottom: 4px;
    left: 0;
}

#language-selector ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.social .flag,
.flag {
    display: inline-block;
    *display: inline;
    zoom: 1;
    background-image: url(../flags.png);
    background-repeat: no-repeat;
}

.social .flag {
    float: left;
    margin: 2px 19px 0 0;
}

.flag a {
    display: block;
}

.social .flag,
.flag,
.flag a {
    width: 28px;
    height: 28px;
    outline: none;
}

.language-selector .flag {
    width: 23px;
}

.language-selector .flag.en:hover {
    background-position: 0px 0px;
}

.language-selector .flag.fr:hover {
    background-position: -90px 0px;
}

.language-selector .flag.es:hover {
    background-position: -120px 0px;
}

.language-selector .flag.de:hover {
    background-position: -30px 0px;
}

.language-selector .flag.it:hover {
    background-position: -60px 0px;
}

.language-selector .flag.us:hover {
    background-position: -150px 0px;
}

.language-selector .flag.au:hover {
    background-position: -180px 0px;
}

.flag.en {
    background-position: 0px 0px;
}

.flag.fr {
    background-position: -90px 0px;
}

.flag.es {
    background-position: -120px 0px;
}

.flag.de {
    background-position: -30px 0px;
}

.flag.it {
    background-position: -60px 0px;
}

.flag.us {
    background-position: -150px 0px;
}

.flag.au {
    background-position: -180px 0px;
}

.flag.en:hover {
    background-position: 0px -28px;
}

.flag.fr:hover {
    background-position: -90px -28px;
}

.flag.es:hover {
    background-position: -120px -28px;
}

.flag.de:hover {
    background-position: -30px -28px;
}

.flag.it:hover {
    background-position: -60px -28px;
}

.flag.us:hover {
    background-position: -150px -28px;
}

.flag.au:hover {
    background-position: -180px -28px;
}

.flag.en.active {
    background-position: 0px -60px;
}

.flag.fr.active {
    background-position: -90px -60px;
}

.flag.es.active {
    background-position: -120px -60px;
}

.flag.de.active {
    background-position: -30px -60px;
}

.flag.it.active {
    background-position: -60px -60px;
}

.flag.us.active {
    background-position: -150px -60px;
}

.flag.au.active {
    background-position: -180px -60px;
}

#membership-bar-header {
    position: relative;
    max-width: 950px;
    width: auto;
    height: 40px;
    margin: 0 auto;
}