[class^="hoverbox"] {
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: inline-block
}

[class^="hoverbox"] img {
    -webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.mn-cards-3 .hoverbox-1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    background: rgba(18,21,24,0.5);
    width: 100%;
    height: 100%;
    -webkit-transition: ease-out 0.12s;
    transition: ease-out 0.12s
}

.mn-cards-3 .hoverbox-4:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(18,21,24,0.4);
    width: 100%;
    height: 100%;
    -webkit-transition: ease-out 0.12s;
    transition: ease-out 0.12s
}

.mn-cards-3 .hoverbox-4 .content,.mn-cards-3 .hoverbox-4 .hover-content {
    position: absolute;
    z-index: 1;
    color: rgba(255,255,255,0.7);
    -webkit-transition: ease-out 0.12s;
    transition: ease-out 0.12s
}

.mn-cards-3 .hoverbox-4 .content h1,.mn-cards-3 .hoverbox-4 .content h2,.mn-cards-3 .hoverbox-4 .content h3,.hoverbox-4 .content h4,.mn-cards-3 .hoverbox-4 .content h5,.mn-cards-3 .hoverbox-4 .content h6,.mn-cards-3 .hoverbox-4 .hover-content h1,.mn-cards-3 .hoverbox-4 .hover-content h2,.mn-cards-3 .hoverbox-4 .hover-content h3,.mn-cards-3 .hoverbox-4 .hover-content h4,.mn-cards-3 .hoverbox-4 .hover-content h5,.mn-cards-3 .hoverbox-4 .hover-content h6 {
    color: white
}

.mn-cards-3 .hoverbox-4 .hover-content {
    visibility: hidden;
    opacity: 0
}

.mn-cards-3 .hoverbox-4:hover:after,.mn-cards-3 .hoverbox-4:focus:after {
    background: rgba(18,21,24,0.5)
}

.mn-cards-3 .hoverbox-4:hover img,.mn-cards-3 .hoverbox-4:focus img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.mn-cards-3 .hoverbox-4:hover .content,.mn-cards-3 .hoverbox-4:focus .content {
    visibility: hidden;
    opacity: 0
}

.mn-cards-3 .hoverbox-4:hover .hover-content,.mn-cards-3 .hoverbox-4:focus .hover-content {
    visibility: visible;
    opacity: 1
}

.mn-cards-3 .hoverbox-4.center .content,.mn-cards-3 .hoverbox-4.center .hover-content {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding: 0 30px
}

.mn-cards-3 .hoverbox-4.center .hover-content {
    margin-top: 5px
}

.mn-cards-3 .hoverbox-4.center:hover .content,.mn-cards-3 .hoverbox-4.center:focus .content {
    margin-top: -5px
}

.mn-cards-3 .hoverbox-4.center:hover .hover-content,.mn-cards-3 .hoverbox-4.center:focus .hover-content {
    margin-top: 0
}

.mn-cards-3 .hoverbox-4.bottom .content,.mn-cards-3 .hoverbox-4.bottom .hover-content {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px
}

.mn-cards-3 .hoverbox-4.bottom .hover-content {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.mn-cards-3 .hoverbox-4.bottom:hover .content,.mn-cards-3 .hoverbox-4.bottom:focus .content {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.mn-cards-3 .hoverbox-4.bottom:hover .hover-content,.mn-cards-3 .hoverbox-4.bottom:focus .hover-content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.mn-cards-3 .hoverbox-5:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(18,21,24,0.4);
    width: 100%;
    height: 100%;
    -webkit-transition: ease-out 0.12s;
    transition: ease-out 0.12s
}

.mn-cards-3 .hoverbox-5 .content,.mn-cards-3 .hoverbox-5 .hover-content {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    padding: 30px;
    color: rgba(255,255,255,0.7)
}

.mn-cards-3 .hoverbox-5 .content h1,.mn-cards-3 .hoverbox-5 .content h2,.mn-cards-3 .hoverbox-5 .content h3,.mn-cards-3 .hoverbox-5 .content h4,.mn-cards-3 .hoverbox-5 .content h5,.mn-cards-3 .hoverbox-5 .content h6,.mn-cards-3 .hoverbox-5 .hover-content h1,.mn-cards-3 .hoverbox-5 .hover-content h2,.mn-cards-3 .hoverbox-5 .hover-content h3,.hoverbox-5 .hover-content h4,.mn-cards-3 .hoverbox-5 .hover-content h5,.mn-cards-3 .hoverbox-5 .hover-content h6 {
    color: white
}

.mn-cards-3 .hoverbox-5 .content {
    top: 0
}

.mn-cards-3 .hoverbox-5 .hover-content {
    bottom: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: ease-out 0.12s;
    transition: ease-out 0.12s
}

.mn-cards-3 .hoverbox-5:hover:after,.mn-cards-3 .hoverbox-5:focus:after {
    background: rgba(18,21,24,0.5)
}

.mn-cards-3 .hoverbox-5:hover img,.mn-cards-3 .hoverbox-5:focus img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.mn-cards-3 .hoverbox-5:hover .hover-content,.mn-cards-3 .hoverbox-5:focus .hover-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}