footer{
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 50px;
    background: linear-gradient(0deg, var(--c0), #0F0B20);
}

footer .inner{
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 1436px;
    gap: 3rem;
    z-index: 10;
}

footer .inner .content{
    display: flex;
    align-items: center;
    gap: 32px;
    width: 100%;
}

footer .inner .content .logoArea{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 380px;
    gap: 1.5rem;
}

footer .inner .content .logoArea .logo, footer .inner .content .logoArea .logo img{
    width: 100%;
}

footer .inner .content .logoArea .downloads{
    display: flex;
    justify-content: space-between;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    cursor: url(/assets/cursors/default_unicontour.png), default !important;
}

footer .inner .content .logoArea .downloads .btn, footer .inner .content .logoArea .downloads .btn img{
    height: 58px;
}

footer .inner .content .footerMap{
    display: flex;
    align-items: center;
    gap: 32px;
}

footer .inner .content .elementArea{
    display: flex;
    gap: 32px;
}

footer .inner .content .elementArea .sitemap, footer .inner .content .elementArea .socialmap{
    display: flex;
    flex-direction: column;
    width: 288px;
}

footer .inner .content .elementArea .element{
    display: flex;
    align-items: center;
    gap: 8px;
    padding-block: 12px;
    padding-left: 18px;
}

footer .inner .content .elementArea .element img{
    width: 40px;
    height: 40px;
}

footer .inner .content .elementArea .element span{
    font-family: nr;
    font-size: 24px;
}

footer .inner .content .elementArea .socialmap .element span{
    font-family: nb;
}

footer .inner .content .iconArea{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 228px;
    gap: 12px;
}

footer .inner .content .iconArea .icon{
    width: 48px;
    height: 48px;
    transition: .1s;
}

footer .inner .content .iconArea .icon img{
    width: 100%;
    height: 100%;
}

footer .inner .content .iconArea .icon:hover{
    scale: 1.1;
}

footer .termofuse{
    display: flex;
    width: 1436px;
    gap: 2.4em;
}

footer .termofuse p{
    color: var(--cb);
}

footer .termofuse .btns{
    display: flex;
    justify-content: space-between;
    width: 421px;
    gap: 1.5em;
}

footer .termofuse .btns a{
    font-family: neb;
    font-size: 1.5em;
    text-transform: uppercase;
    text-wrap: nowrap;
}

footer .termofuse .btns a:hover, footer .inner .content .elementArea .element:hover{
    text-decoration: underline;
    color: var(--cf);
}

.ad10{animation-delay: 1.0s;}
.ad11{animation-delay: 1.1s;}
.ad12{animation-delay: 1.2s;}
.ad13{animation-delay: 1.3s;}
.ad14{animation-delay: 1.4s;}
.ad15{animation-delay: 1.5s;}
.ad16{animation-delay: 1.6s;}
.ad17{animation-delay: 1.7s;}
.ad18{animation-delay: 1.8s;}
.ad19{animation-delay: 1.9s;}
.ad20{animation-delay: 2.0s;}
.ad21{animation-delay: 2.1s;}
.ad22{animation-delay: 2.2s;}
.ad23{animation-delay: 2.3s;}
.ad24{animation-delay: 2.4s;}
.ad25{animation-delay: 2.5s;}
.ad26{animation-delay: 2.6s;}
.ad27{animation-delay: 2.7s;}
.ad28{animation-delay: 2.8s;}
.ad29{animation-delay: 2.9s;}

#footer:target .content .element, #footer .content .iconArea .icon{
    animation-name: footerTarget;
    animation-duration: .6s;
}

footer .footerImg{
    position: absolute;
    width: 100.1vw;
    left: 0;
    bottom: 0;
    z-index: 9;
    opacity: .15;
    pointer-events: none;
}


@keyframes footerTarget {
    0%{
        transform: scaleX(1);
    }
    20%{
        transform: scale(1.1);
        color: var(--cf);
    }
    100%{
        transform: scaleX(1);
    }
}

@media screen and (max-width: 1535px) {
    footer .inner{
        width: 100%;
        align-items: center;
    }
    footer .inner .content{
        flex-direction: column;
    }
    footer .inner .content .logoArea .downloads{
        display: none;
    }
    footer .termofuse{
        width: 960px;
    }
}

@media screen and (max-width: 959px) {
    footer .inner .content .footerMap, footer .inner .content .elementArea{
        gap: 2rem;
    }
    footer .inner .content .elementArea .element{
        gap: 6px;
        padding-block: 9px;
        padding-left: 14px;
    }
    footer .inner .content .elementArea .element img{
        width: 30px;
        height: 30px;
    }
    footer .inner .content .elementArea .element span{
        font-size: 18px;
    }
    footer .inner .content .elementArea .sitemap, footer .inner .content .elementArea .socialmap{
        width: 216px;
    }
    footer .inner .content .iconArea{
        width: 171px;
        gap: 9px;
    }
    footer .inner .content .iconArea .icon{
        width: 36px;
        height: 36px;
    }
    footer .termofuse{
        width: 640px;
    }
}

@media screen and (max-width: 659px) {
    footer .inner .content .footerMap{
        flex-direction: column;
    }
    footer .inner .content .iconArea{
        width: 100%;
    }
    footer .termofuse{
        width: calc(100vw - 16px * 2);
        padding-inline: 16px;
    }
    footer .termofuse .btns{
        flex-direction: column;
        align-items: end;
        justify-content: start;
    }
}


@media screen and (max-width: 469px) {
    footer .inner .content .logoArea{
        width: 300px;
    }
    footer .inner .content .elementArea .sitemap, footer .inner .content .elementArea .socialmap{
        width: 144px;
    }
}