#hd .sec-partner {
    padding-top: 10em;
    position: relative;
    overflow: hidden
}

#hd .sec-partner .hd-bg {
    width: 240%;
    max-width: none !important;
    position: absolute;
    top: 5em;
    left: 0;
    pointer-events: none
}

#hd .sec-partner .hd-container {
    position: relative;
    z-index: 2
}

#hd .sec-partner .partner-container {
    align-items: stretch;
    margin-left: -1em;
    margin-right: -2em;
    position: relative;
    z-index: 2
}

#hd .sec-partner .partner-item {
    display: flex;
    flex-direction: column;
    width: 33.3333%;
    padding: 1em
}

#hd .sec-partner .partner-item figure {
    width: 88%;
    height: 0;
    padding-bottom: 88%;
    position: relative;
    z-index: 2;
    width: 100%;
}

#hd .sec-partner .partner-item figure:before,
#hd .sec-partner .partner-item figure:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background-size: contain;

}

#hd .sec-partner .partner-item figure:after {
    background-image: url(../img/partner/frame-partner-wtb.svg);
}

#hd .sec-partner .partner-item img {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: contain;
    z-index: 2;
    -moz-transition: transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    -webkit-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
    backface-visibility: hidden;
    right: -2%;
}

#hd .sec-partner .partner-item:hover figure img {
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

#hd .sec-partner .deco-footer {
    margin-top: -43%;
    margin-bottom: -47%;
    mix-blend-mode: luminosity;
    position: relative
}

#hd .sec-partner .deco-footer .hd-field {
    width: 112%;
    max-width: none !important;
    margin-top: -6%;
    margin-left: -6%;
    opacity: 0;
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out
}

#hd .sec-partner .deco-footer .hd-rog {
    width: 16.5%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 1%;
    left: 0;
    margin: auto;
    opacity: 1;
    -moz-transform: scale(.9, .9);
    -o-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    -webkit-transform: scale(.9, .9);
    transform: scale(.9, .9);
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease
}

#hd .sec-partner .deco-footer.is-animated .hd-field {
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: .75
}

#hd .sec-partner .deco-footer.is-animated .hd-rog {
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: .4
}

#hd .sec-partner .deco-top,
#hd .sec-partner .deco-bottom {
    width: 48%;
    margin: 0 auto 2em;
    position: relative;
    z-index: 2
}

#hd .note-container {
    position: relative;
    z-index: 2;
    padding: 2em 0
}

@media screen and (min-width: 2560px) {
    #hd .sec-partner .hd-bg {
        width: 200%
    }

    #hd .sec-partner .deco-footer .hd-field {
        width: 100%;
        margin-top: 0;
        margin-left: 0
    }

    #hd .sec-partner .deco-footer .hd-rog {
        width: 15%
    }
}

@media screen and (max-width: 1024px) {
    #hd .sec-partner .partner-item {
        padding: .5em
    }
}

@media screen and (max-width: 768px) {
    #hd .sec-partner .partner-container {
        max-width: 700px;
        margin: 0 auto
    }

    #hd .sec-partner .deco-footer {
        margin-top: -55%;
        margin-bottom: -63%
    }

    #hd .sec-partner .deco-footer .hd-field {
        width: 150%;
        margin-top: -25%;
        margin-left: -25%
    }

    #hd .sec-partner .deco-footer .hd-rog {
        width: 23%
    }

    #hd .sec-partner .deco-top,
    #hd .sec-partner .deco-bottom {
        width: 65%
    }
}

@media screen and (max-width: 620px) {
    #hd .sec-partner .partner-container {
        margin-left: -.5em;
        margin-right: -.5em
    }

    #hd .sec-partner .partner-item {
        width: 50%;
        padding: 1em .5em
    }
}

@media screen and (max-width: 480px) {
    #hd .sec-partner .partner-item {
        padding: .5em
    }

    #hd .sec-partner .partner-item figure {
        width: 95%;
        padding-bottom: 95%
    }

    #hd .sec-partner .deco-top,
    #hd .sec-partner .deco-bottom {
        width: 80%
    }
}

/*# sourceMappingURL=hd-style.css.map */