.site-footer{ padding-top: 90px; background: url('../../image/background/bg-footer.png') center bottom no-repeat; position: relative; background-size: cover;}
.site-footer.-home{padding-top: 340px;}
.site-footer .Totop{position: absolute; z-index: 1; top: 80px; right: 80px; color: var(--color-white); opacity: 0.25;
    transition: all 200ms ease; font-size: 50px; cursor: pointer;
}
.site-footer .Totop:hover{opacity: 1;}
.site-footer .main{padding: 0 0 60px 0;}
.site-footer .logo{display: flex;align-items: center;}
.site-footer .logo img{ width: 220px;margin-right: 30px;}
.site-footer .logo .title{max-width: 400px;line-height: 1em; font-weight: var(--fw-bold);font-size: var(--typo-lg);}
.site-footer .logo .desc{margin-top: 5px;max-width: 320px;color: var(--color-white);font-size: var(--typo-sm);}
.site-footer .info{margin-top: 60px; margin-right: 50px; padding-top: 60px; position: relative;}
.site-footer .info:before{content: ''; position: absolute; top: 0; right: 0; width: 100vw; background-color: var(--color-white); height: 1px; opacity: 0.1;}
.site-footer .info .contact li{width: 100%;}
.site-footer .info .contact li + li{margin-top: 24px;}
.site-footer .info .contact .link{display: block; position: relative; padding-left: 62px;}
.site-footer .info .contact .icon{width: 46px; height: 46px; line-height: 46px; position: absolute; top: 0; left: 0;}
.site-footer .info .contact .txt{height: 46px; line-height: 46px; font-size: var(--typo-default); font-weight: var(--fw-medium); color: var(--color-white);}
.site-footer .info .social .title{font-size: var(--typo-default); font-weight: var(--fw-medium); color: var(--color-white); padding-top: 10px;}
.site-footer .info .social ul{margin: 0 -10px; padding-top: 40px;}
.site-footer .info .social li{padding: 0 10px;}
.site-footer .info .social .link{display: block;}
.site-footer .info .social .link .icon{filter: brightness(0) grayscale(1) invert(1); transition: all 400ms ease;}
.site-footer .info .social .link:hover .icon{filter: brightness(1) grayscale(0) invert(0);}
.site-footer .sitenav{margin-left: 30px;}
.site-footer .sitenav .row+.row{margin-top: 30px;}
.site-footer .sitenav .topic{color: var(--color-white);font-size: var(--typo-md);font-weight: var(--fw-bold);}
.site-footer .sitenav .link{ font-size: var(--typo-sm); color: var(--color-white); opacity: 0.5; display: inline-block; vertical-align: top;
    line-height: 1.2em;
}
.site-footer .sitenav .link:hover{opacity: 1;}
.site-footer .footbar{border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 35px 0;}
.site-footer .footbar p{color: var(--color-white);}
.site-footer .footbar .policy{display: flex;}
.site-footer .footbar .policy .link{margin-left: 15px; color: var(--color-white);font-size: var(--typo-default);}

.cookieconsent{ position: fixed; z-index: 101; width: 100%;bottom : 0;left: 0; padding: 15px 0; background-color: rgba(255, 255, 255, 0.9);}



@media (max-width:1600px) {
    .site-footer .Totop{right: 5px;}
}

@media (max-width:1440px) {
    .site-footer.-home {padding-top: 300px;}

    .site-footer .Totop {right: 25px;}

    .site-footer .logo img {width: 150px;}
    .site-footer .logo .title{font-size: 26px;}
    .site-footer .info {margin-right: 30px;}

    .site-footer .sitenav .topic{font-size: var(--typo-default);}
    .site-footer .sitenav .link{font-size: var(--typo-xs);}
}

@media (max-width:991px) {
    .site-footer.-home .Totop {top: 350px;}

    .site-footer {padding-top: 30px;}
    .site-footer .Totop {top: 30px;right: 10px;}
    .site-footer .box-md{display: flex; flex-wrap: wrap; width: 100%;}
    .site-footer .into-col{flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%;}
    .site-footer .logo{display: block;}
    .site-footer .logo img {width: 150px; margin-right: 0; margin-bottom: 15px;}
    .site-footer .info{margin-top: 0; margin-right: 0; padding-top: 0;
        flex: 0 0 auto;width: auto;max-width: 100%;
    }
    .site-footer .info:before{display: none;}
    .site-footer .info > .row{width: 360px;}
    .site-footer .info .social{padding-top: 30px;}
    .site-footer .info .social .title{padding-top: 0;}
    .site-footer .info .social ul{padding-top: 15px;}

    .site-footer .sitenav{margin-left: 0; margin-top: 75px;}

    .site-footer .footbar p{font-size: var(--typo-xs);}
    .site-footer .footbar .policy .link{font-size: var(--typo-xs);}
}

@media (max-width:767px) {
    .site-footer.-home {padding-top: 260px;}
    .site-footer.-home .Totop {top: 300px;}


    .site-footer {padding-top: 0px;}
    .site-footer .Totop {top: 50px; font-size: 40px;}

    .site-footer .box-md{display: block;}
    .site-footer .into-col{flex: 0 0 100%; max-width: 100%;}
    .site-footer .logo .title{font-size: var(--typo-default);}
    .site-footer .info{flex: 0 0 100%; max-width: 100%; margin-top: 30px;}
    .site-footer .info > .row{width: 100%;}
    .site-footer .info .social .link {width: 30px;}

    .site-footer .sitenav > .gutters-20 > div + div{margin-top: 30px;}

    .site-footer .footbar p{text-align: center;}
    .site-footer .footbar .policy{justify-content: center; margin-bottom: 20px;}
    .site-footer .footbar .policy .link{margin-left: 0;}
    .site-footer .footbar .policy .link+.link{margin-left: 15px;}
}