.ha-ihe-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    list-style: none;
    --ha-ihe-desc-after-color: #fff;
    --ha-ihe-desc-before-color: #fff;
    --ha-ihe-desc-border-color: #fff;
    --ha-ihe-fig-after-color: #fff;
    --ha-ihe-fig-before-color: #fff;
    --ha-ihe-title-after-color: #fff;
    --ha-ihe-title-before-color: #fff
}

    .ha-ihe-wrapper .ha-ihe-fig {
        position: relative;
        overflow: hidden;
        margin: 10px 1%;
        width: 100%;
        height: 100%;
        background: #3085a3;
        text-align: center;
        cursor: pointer
    }

        .ha-ihe-wrapper .ha-ihe-fig, .ha-ihe-wrapper .ha-ihe-fig:hover {
            -webkit-transition-duration: .35s;
            transition-duration: .35s
        }

            .ha-ihe-wrapper .ha-ihe-fig .ha-ihe-img {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                opacity: .8;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: center;
                object-position: center
            }

            .ha-ihe-wrapper .ha-ihe-fig .ha-ihe-caption {
                position: absolute;
                top: 0;
                left: 0;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                -ms-flex-align: center;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                /*padding: 2em;*/
                width: 100%;
                height: 100%;
                color: #fff;
                text-transform: uppercase;
                font-style: normal;
                font-size: 1.25em;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden
            }

                .ha-ihe-wrapper .ha-ihe-fig .ha-ihe-caption a {
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 1000;
                    width: 100%;
                    height: 100%;
                    text-indent: 200%;
                    white-space: nowrap;
                    font-size: 0;
                    opacity: 0
                }

                .ha-ihe-wrapper .ha-ihe-fig .ha-ihe-caption::after, .ha-ihe-wrapper .ha-ihe-fig .ha-ihe-caption::before {
                    pointer-events: none
                }

            .ha-ihe-wrapper .ha-ihe-fig .ha-ihe-title {
                margin: 0;
                color: #fff;
                font-weight: 300
            }

                .ha-ihe-wrapper .ha-ihe-fig .ha-ihe-title span {
                    font-weight: 800
                }

            .ha-ihe-wrapper .ha-ihe-fig .ha-ihe-desc {
                margin: 0;
                font-weight: 300;
                font-size: 16px
            }

.ha-ihe-fig.ha-effect-lily .ha-ihe-img {
    max-width: none;
    width: calc(100% + 50px);
    opacity: .7;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    transition: opacity .35s,transform .35s,-webkit-transform .35s;
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0)
}

.ha-ihe-fig.ha-effect-lily .ha-ihe-caption {
    text-align: left
}

    .ha-ihe-fig.ha-effect-lily .ha-ihe-caption > div {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 2em;
        width: 100%;
        height: 50%
    }

.ha-ihe-fig.ha-effect-lily .ha-ihe-desc, .ha-ihe-fig.ha-effect-lily .ha-ihe-title {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s,-webkit-transform .35s;
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0)
}

.ha-ihe-fig.ha-effect-lily .ha-ihe-desc {
    color: rgba(255,255,255,.8);
    opacity: 0;
    -webkit-transition: opacity .2s,-webkit-transform .35s;
    transition: opacity .2s,transform .35s;
    transition: opacity .2s,transform .35s,-webkit-transform .35s
}

.ha-ihe-fig.ha-effect-lily:hover .ha-ihe-img, .ha-ihe-fig.ha-effect-sadie:hover .ha-ihe-caption::before {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.ha-ihe-fig.ha-effect-lily:hover .ha-ihe-desc {
    opacity: 1;
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

.ha-ihe-fig.ha-effect-lily:hover .ha-ihe-desc, .ha-ihe-fig.ha-effect-lily:hover .ha-ihe-title {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.ha-ihe-fig.ha-effect-sadie .ha-ihe-caption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(72,76,97,.8);
    content: "";
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0)
}

.ha-ihe-fig.ha-effect-sadie .ha-ihe-title {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #484c61;
    -webkit-transition: color .35s,-webkit-transform .35s;
    transition: transform .35s,color .35s;
    transition: transform .35s,color .35s,-webkit-transform .35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.ha-ihe-fig.ha-effect-roxy .ha-ihe-img, .ha-ihe-fig.ha-effect-sadie .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-sadie .ha-ihe-desc {
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    transition: opacity .35s,transform .35s,-webkit-transform .35s
}

.ha-ihe-fig.ha-effect-sadie .ha-ihe-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
}

.ha-ihe-fig.ha-effect-sadie:hover .ha-ihe-title {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0)
}

.ha-ihe-fig.ha-effect-roxy:hover .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-sadie:hover .ha-ihe-desc {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.ha-ihe-fig.ha-effect-roxy {
    background-color: #ff89e9
}

    .ha-ihe-fig.ha-effect-roxy .ha-ihe-img {
        max-width: none;
        width: calc(100% + 60px);
        -webkit-transform: translate3d(-50px,0,0);
        transform: translate3d(-50px,0,0)
    }

    .ha-ihe-fig.ha-effect-roxy .ha-ihe-caption {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 1em;
        text-align: left
    }

        .ha-ihe-fig.ha-effect-roxy .ha-ihe-caption::before {
            position: absolute;
            top: 10px;
            right: 10px;
            bottom: 10px;
            left: 10px;
            border: 1px solid var(--ha-ihe-fig-before-color);
            content: "";
            -webkit-transform: translate3d(-20px,0,0);
            transform: translate3d(-20px,0,0)
        }

    .ha-ihe-fig.ha-effect-roxy .ha-ihe-title {
        padding: 30% 0 10px
    }

    .ha-ihe-fig.ha-effect-bubba .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-roxy .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-roxy .ha-ihe-desc {
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-roxy .ha-ihe-desc {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    .ha-ihe-fig.ha-effect-roxy:hover .ha-ihe-desc, .ha-ihe-fig.ha-effect-roxy:hover .ha-ihe-img {
        opacity: .7;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .ha-ihe-fig.ha-effect-roxy:hover .ha-ihe-desc {
        opacity: 1
    }

/*لون الصور*/
.ha-ihe-fig.ha-effect-bubba {
    background-color: #9e5406;
    border-radius: 20px;
}

    .ha-ihe-fig.ha-effect-bubba .ha-ihe-img {
        opacity: .7;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    .ha-ihe-fig.ha-effect-bubba:hover .ha-ihe-img {
        opacity: .4
    }

    .ha-ihe-fig.ha-effect-bubba:hover .ha-ihe-caption::after, .ha-ihe-fig.ha-effect-bubba:hover .ha-ihe-caption::before {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .ha-ihe-fig.ha-effect-bubba:hover .ha-ihe-desc, .ha-ihe-fig.ha-effect-bubba:hover .ha-ihe-title, .ha-ihe-fig.ha-effect-romeo:hover .ha-ihe-img {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .ha-ihe-fig.ha-effect-bubba .ha-ihe-caption::before {
        position: absolute;
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
        border-top: 1px solid var(--ha-ihe-fig-before-color);
        border-bottom: 1px solid var(--ha-ihe-fig-before-color);
        content: "";
        -webkit-transform: scale(0,1);
        -ms-transform: scale(0,1);
        transform: scale(0,1)
    }

    .ha-ihe-fig.ha-effect-bubba .ha-ihe-caption::after {
        position: absolute;
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
        border-right: 1px solid var(--ha-ihe-fig-after-color);
        border-left: 1px solid var(--ha-ihe-fig-after-color);
        content: "";
        -webkit-transform: scale(1,0);
        -ms-transform: scale(1,0);
        transform: scale(1,0)
    }

    .ha-ihe-fig.ha-effect-bubba .ha-ihe-title {
        padding-top: 1em;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s,-webkit-transform .35s;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    .ha-ihe-fig.ha-effect-bubba .ha-ihe-caption::after, .ha-ihe-fig.ha-effect-bubba .ha-ihe-desc {
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-bubba .ha-ihe-desc {
        padding: 5px 0.5em;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

.ha-ihe-fig.ha-effect-romeo {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

    .ha-ihe-fig.ha-effect-romeo .ha-ihe-caption::after, .ha-ihe-fig.ha-effect-romeo .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-romeo .ha-ihe-img {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s;
        -webkit-transform: translate3d(0,0,300px);
        transform: translate3d(0,0,300px)
    }

    .ha-ihe-fig.ha-effect-romeo:hover .ha-ihe-img {
        opacity: .6
    }

    .ha-ihe-fig.ha-effect-romeo:hover .ha-ihe-caption::before {
        opacity: .5;
        -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
        transform: translate3d(-50%,-50%,0) rotate(45deg)
    }

    .ha-ihe-fig.ha-effect-romeo:hover .ha-ihe-caption::after {
        opacity: .5;
        -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
        transform: translate3d(-50%,-50%,0) rotate(-45deg)
    }

    .ha-ihe-fig.ha-effect-romeo:hover .ha-ihe-title {
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
        transform: translate3d(0,-50%,0) translate3d(0,-100%,0)
    }

    .ha-ihe-fig.ha-effect-romeo:hover .ha-ihe-desc {
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
        transform: translate3d(0,-50%,0) translate3d(0,100%,0)
    }

    .ha-ihe-fig.ha-effect-romeo .ha-ihe-caption::after, .ha-ihe-fig.ha-effect-romeo .ha-ihe-caption::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        height: 1px;
        content: "";
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0)
    }

    .ha-ihe-fig.ha-effect-romeo .ha-ihe-caption::before {
        background: var(--ha-ihe-fig-before-color)
    }

    .ha-ihe-fig.ha-effect-romeo .ha-ihe-caption::after {
        background: var(--ha-ihe-fig-after-color)
    }

    .ha-ihe-fig.ha-effect-romeo .ha-ihe-desc, .ha-ihe-fig.ha-effect-romeo .ha-ihe-title {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s,-webkit-transform .35s;
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
        transform: translate3d(0,-50%,0) translate3d(0,-150%,0)
    }

    .ha-ihe-fig.ha-effect-romeo .ha-ihe-desc {
        padding: .25em 2em;
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
        transform: translate3d(0,-50%,0) translate3d(0,150%,0)
    }

.ha-ihe-fig.ha-effect-layla {
    background-color: #18a367
}

    .ha-ihe-fig.ha-effect-layla .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-layla .ha-ihe-img {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-layla .ha-ihe-img {
        height: 100%;
        -webkit-transform: scale(1.3) translateY(-30px);
        -ms-transform: scale(1.3) translateY(-30px);
        transform: scale(1.3) translateY(-30px);
        -o-object-position: top;
        object-position: top
    }

    .ha-ihe-fig.ha-effect-layla .ha-ihe-caption {
        padding: 3em
    }

        .ha-ihe-fig.ha-effect-layla .ha-ihe-caption::before {
            position: absolute;
            top: 50px;
            right: 30px;
            bottom: 50px;
            left: 30px;
            border-top: 1px solid var(--ha-ihe-fig-before-color);
            border-bottom: 1px solid var(--ha-ihe-fig-before-color);
            content: "";
            opacity: 0;
            -webkit-transform: scale(0,1);
            -ms-transform: scale(0,1);
            transform: scale(0,1);
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0
        }

        .ha-ihe-fig.ha-effect-layla .ha-ihe-caption::after {
            position: absolute;
            top: 30px;
            right: 50px;
            bottom: 30px;
            left: 50px;
            border-right: 1px solid var(--ha-ihe-fig-after-color);
            border-left: 1px solid var(--ha-ihe-fig-after-color);
            content: "";
            -webkit-transform: scale(1,0);
            -ms-transform: scale(1,0);
            transform: scale(1,0);
            -webkit-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
            transform-origin: 100% 0
        }

    .ha-ihe-fig.ha-effect-layla .ha-ihe-title {
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s,-webkit-transform .35s;
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    .ha-ihe-fig.ha-effect-honey .ha-ihe-title i, .ha-ihe-fig.ha-effect-layla .ha-ihe-caption::after, .ha-ihe-fig.ha-effect-layla .ha-ihe-desc {
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-layla .ha-ihe-desc {
        text-transform: none;
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    .ha-ihe-fig.ha-effect-layla:hover .ha-ihe-img {
        opacity: .7;
        -webkit-transform: translateY(0) scale(1.3);
        -ms-transform: translateY(0) scale(1.3);
        transform: translateY(0) scale(1.3)
    }

    .ha-ihe-fig.ha-effect-layla:hover .ha-ihe-caption::after, .ha-ihe-fig.ha-effect-layla:hover .ha-ihe-caption::before {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .ha-ihe-fig.ha-effect-layla:hover .ha-ihe-caption::after, .ha-ihe-fig.ha-effect-layla:hover .ha-ihe-img {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }

    .ha-ihe-fig.ha-effect-layla:hover .ha-ihe-desc, .ha-ihe-fig.ha-effect-layla:hover .ha-ihe-title {
        opacity: 1;
        -webkit-transition-delay: .15s;
        transition-delay: .15s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.ha-ihe-fig.ha-effect-honey {
    background-color: #4a3753
}

    .ha-ihe-fig.ha-effect-honey .ha-ihe-img {
        opacity: .9;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    .ha-ihe-fig.ha-effect-honey:hover .ha-ihe-img {
        opacity: .5
    }

    .ha-ihe-fig.ha-effect-honey:hover .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-honey:hover .ha-ihe-title, .ha-ihe-fig.ha-effect-honey:hover .ha-ihe-title i {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .ha-ihe-fig.ha-effect-honey .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-honey .ha-ihe-title {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-honey .ha-ihe-caption::before {
        height: 10px;
        background: var(--ha-ihe-fig-before-color);
        content: "";
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    .ha-ihe-fig.ha-effect-honey .ha-ihe-title {
        padding: 1em 1.5em;
        text-align: left;
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

        .ha-ihe-fig.ha-effect-honey .ha-ihe-title i {
            font-style: normal;
            -webkit-transform: translate3d(0,-30px,0);
            transform: translate3d(0,-30px,0)
        }

.ha-ihe-fig.ha-effect-oscar {
    background-color: rgba(155,74,27,.5294117647)
}

    .ha-ihe-fig.ha-effect-oscar .ha-ihe-img {
        opacity: .9;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    .ha-ihe-fig.ha-effect-oscar .ha-ihe-caption {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 3em;
        background-color: rgba(58,52,42,.7);
        -webkit-transition: background-color .35s;
        transition: background-color .35s
    }

        .ha-ihe-fig.ha-effect-oscar .ha-ihe-caption::before {
            position: absolute;
            top: 30px;
            right: 30px;
            bottom: 30px;
            left: 30px;
            border: 1px solid var(--ha-ihe-fig-before-color);
            content: ""
        }

    .ha-ihe-fig.ha-effect-oscar .ha-ihe-title {
        margin-bottom: 10px;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s,-webkit-transform .35s;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    .ha-ihe-fig.ha-effect-oscar .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-oscar .ha-ihe-desc {
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    .ha-ihe-fig.ha-effect-oscar:hover .ha-ihe-title {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .ha-ihe-fig.ha-effect-oscar:hover .ha-ihe-caption {
        background-color: transparent
    }

        .ha-ihe-fig.ha-effect-oscar:hover .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-oscar:hover .ha-ihe-desc {
            opacity: 1;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

    .ha-ihe-fig.ha-effect-oscar:hover .ha-ihe-img {
        opacity: .4
    }

.ha-ihe-fig.ha-effect-marley .ha-ihe-caption {
    text-align: right
}

.ha-ihe-fig.ha-effect-marley .ha-ihe-title {
    position: absolute;
    top: 30px;
    right: 30px;
    left: 30px;
    padding: 10px 0;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s,-webkit-transform .35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)
}

    .ha-ihe-fig.ha-effect-marley .ha-ihe-title::after {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 4px;
        background: var(--ha-ihe-title-after-color);
        content: "";
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    .ha-ihe-fig.ha-effect-marley .ha-ihe-desc, .ha-ihe-fig.ha-effect-marley .ha-ihe-title::after, .ha-ihe-fig.ha-effect-ruby .ha-ihe-img {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

.ha-ihe-fig.ha-effect-marley .ha-ihe-desc {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    padding: 10px 0;
    line-height: 1.5;
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.ha-ihe-fig.ha-effect-marley:hover .ha-ihe-title {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .ha-ihe-fig.ha-effect-marley:hover .ha-ihe-desc, .ha-ihe-fig.ha-effect-marley:hover .ha-ihe-title::after {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.ha-ihe-fig.ha-effect-ruby {
    background-color: #17819c
}

    .ha-ihe-fig.ha-effect-ruby .ha-ihe-img {
        opacity: .7;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15)
    }

    .ha-ihe-fig.ha-effect-ruby:hover .ha-ihe-img {
        opacity: .5;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .ha-ihe-fig.ha-effect-dexter:hover .ha-ihe-caption::after, .ha-ihe-fig.ha-effect-ruby:hover .ha-ihe-title, .ha-ihe-fig.ha-effect-sarah:hover .ha-ihe-title::after {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .ha-ihe-fig.ha-effect-milo:hover .ha-ihe-img, .ha-ihe-fig.ha-effect-ruby:hover .ha-ihe-desc {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1)
    }

    .ha-ihe-fig.ha-effect-ruby .ha-ihe-title {
        margin-top: 20%;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s,-webkit-transform .35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    .ha-ihe-fig.ha-effect-milo .ha-ihe-img, .ha-ihe-fig.ha-effect-ruby .ha-ihe-desc {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-ruby .ha-ihe-desc {
        margin: 1em 0 0;
        padding: 3em;
        border: 1px solid var(--ha-ihe-desc-border-color);
        opacity: 0;
        -webkit-transform: translate3d(0,20px,0) scale(1.1);
        transform: translate3d(0,20px,0) scale(1.1)
    }

.ha-ihe-fig.ha-effect-milo {
    background-color: #2e5d5a
}

    .ha-ihe-fig.ha-effect-milo .ha-ihe-img {
        max-width: none;
        width: calc(100% + 60px);
        opacity: 1;
        -webkit-transform: translate3d(-30px,0,0) scale(1.12);
        transform: translate3d(-30px,0,0) scale(1.12);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .ha-ihe-fig.ha-effect-milo:hover .ha-ihe-img {
        opacity: .5
    }

    .ha-ihe-fig.ha-effect-milo:hover .ha-ihe-desc {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .ha-ihe-fig.ha-effect-milo .ha-ihe-title {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 1em 1.2em
    }

    .ha-ihe-fig.ha-effect-milo .ha-ihe-desc {
        margin: 0 auto auto 0;
        padding: 0 10px 0 0;
        width: 50%;
        border-right: 1px solid var(--ha-ihe-desc-border-color);
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s;
        -webkit-transform: translate3d(-40px,0,0);
        transform: translate3d(-40px,0,0)
    }

.ha-ihe-fig.ha-effect-dexter {
    background-color: #258dc8
}

    .ha-ihe-fig.ha-effect-dexter .ha-ihe-img {
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    .ha-ihe-fig.ha-effect-dexter:hover .ha-ihe-img {
        opacity: .4
    }

    .ha-ihe-fig.ha-effect-dexter:hover .ha-ihe-desc {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .ha-ihe-fig.ha-effect-dexter .ha-ihe-caption {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding: 3em;
        text-align: left
    }

        .ha-ihe-fig.ha-effect-dexter .ha-ihe-caption::after, .ha-ihe-fig.ha-effect-sarah .ha-ihe-title::after {
            position: absolute;
            content: "";
            -webkit-transition: -webkit-transform .35s;
            transition: transform .35s;
            transition: transform .35s,-webkit-transform .35s
        }

        .ha-ihe-fig.ha-effect-dexter .ha-ihe-caption::after {
            right: 30px;
            bottom: 30px;
            left: 30px;
            height: calc(50% - 30px);
            border: 7px solid var(--ha-ihe-fig-after-color);
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0)
        }

    .ha-ihe-fig.ha-effect-dexter .ha-ihe-desc, .ha-ihe-fig.ha-effect-sarah .ha-ihe-img {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-dexter .ha-ihe-desc {
        position: absolute;
        right: 60px;
        bottom: 60px;
        left: 60px;
        opacity: 0;
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }

.ha-ihe-fig.ha-effect-sarah {
    background-color: #42b078
}

    .ha-ihe-fig.ha-effect-sarah .ha-ihe-img {
        max-width: none;
        width: calc(100% + 20px);
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .ha-ihe-fig.ha-effect-sarah:hover .ha-ihe-desc, .ha-ihe-fig.ha-effect-sarah:hover .ha-ihe-img {
        opacity: .4;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .ha-ihe-fig.ha-effect-sarah:hover .ha-ihe-desc {
        opacity: 1
    }

    .ha-ihe-fig.ha-effect-sarah .ha-ihe-caption {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        text-align: left
    }

    .ha-ihe-fig.ha-effect-sarah .ha-ihe-title {
        position: relative;
        overflow: hidden;
        padding: .5em 0
    }

        .ha-ihe-fig.ha-effect-sarah .ha-ihe-title::after {
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: var(--ha-ihe-title-after-color);
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0)
        }

    .ha-ihe-fig.ha-effect-chico .ha-ihe-img, .ha-ihe-fig.ha-effect-sarah .ha-ihe-desc {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-sarah .ha-ihe-desc {
        padding: 1em 0;
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

.ha-ihe-fig.ha-effect-chico .ha-ihe-img {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12)
}

.ha-ihe-fig.ha-effect-chico:hover .ha-ihe-img {
    opacity: .5;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.ha-ihe-fig.ha-effect-chico:hover .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-chico:hover .ha-ihe-desc {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.ha-ihe-fig.ha-effect-chico .ha-ihe-caption {
    padding: 3em
}

    .ha-ihe-fig.ha-effect-chico .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-chico .ha-ihe-desc {
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-chico .ha-ihe-caption::before {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        border: 1px solid var(--ha-ihe-fig-before-color);
        content: "";
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

.ha-ihe-fig.ha-effect-chico .ha-ihe-desc {
    margin: 0 auto;
    max-width: 200px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.ha-ihe-fig.ha-effect-chico .ha-ihe-title {
    padding: 10% 0 5%
}

.ha-ihe-fig.ha-effect-julia {
    background-color: #2f3238
}

    .ha-ihe-fig.ha-effect-julia .ha-ihe-img {
        max-width: none;
        height: 400px;
        -webkit-transition: opacity 1s,-webkit-transform 1s;
        transition: opacity 1s,transform 1s;
        transition: opacity 1s,transform 1s,-webkit-transform 1s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .ha-ihe-fig.ha-effect-julia .ha-ihe-caption {
        text-align: left
    }

    .ha-ihe-fig.ha-effect-julia .ha-ihe-title {
        position: relative;
        padding: .5em 0
    }

    .ha-ihe-fig.ha-effect-julia .ha-ihe-desc {
        display: inline-block;
        margin: 0 0 .25em;
        padding: .4em 1em;
        background: rgba(255,255,255,.9);
        color: #2f3238;
        text-transform: none;
        font-size: 75%;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s;
        -webkit-transform: translate3d(-360px,0,0);
        transform: translate3d(-360px,0,0)
    }

        .ha-ihe-fig.ha-effect-julia .ha-ihe-desc:first-child {
            -webkit-transition-delay: .15s;
            transition-delay: .15s
        }

        .ha-ihe-fig.ha-effect-julia .ha-ihe-desc:nth-of-type(2) {
            -webkit-transition-delay: .1s;
            transition-delay: .1s
        }

        .ha-ihe-fig.ha-effect-julia .ha-ihe-desc:nth-of-type(3) {
            -webkit-transition-delay: .05s;
            transition-delay: .05s
        }

    .ha-ihe-fig.ha-effect-julia:hover .ha-ihe-desc {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

        .ha-ihe-fig.ha-effect-julia:hover .ha-ihe-desc:first-child {
            -webkit-transition-delay: 0s;
            transition-delay: 0s
        }

        .ha-ihe-fig.ha-effect-julia:hover .ha-ihe-desc:nth-of-type(2) {
            -webkit-transition-delay: .05s;
            transition-delay: .05s
        }

        .ha-ihe-fig.ha-effect-julia:hover .ha-ihe-desc:nth-of-type(3) {
            -webkit-transition-delay: .1s;
            transition-delay: .1s
        }

    .ha-ihe-fig.ha-effect-julia:hover .ha-ihe-img {
        opacity: .4;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

.ha-ihe-fig.ha-effect-goliath {
    background-color: #df4e4e
}

    .ha-ihe-fig.ha-effect-goliath .ha-ihe-img, .ha-ihe-fig.ha-effect-goliath .ha-ihe-title {
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-goliath .ha-ihe-img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .ha-ihe-fig.ha-effect-goliath .ha-ihe-title {
        position: absolute;
        bottom: 0;
        left: auto;
        padding: 1em
    }

    .ha-ihe-fig.ha-effect-apollo .ha-ihe-img, .ha-ihe-fig.ha-effect-goliath .ha-ihe-desc {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-goliath .ha-ihe-desc {
        position: absolute;
        bottom: 0;
        left: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        padding: 1em;
        height: 80px;
        text-transform: none;
        font-size: 90%;
        opacity: 0;
        -webkit-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0)
    }

    .ha-ihe-fig.ha-effect-goliath:hover .ha-ihe-img {
        -webkit-transform: translate3d(0,-80px,0);
        transform: translate3d(0,-80px,0)
    }

    .ha-ihe-fig.ha-effect-goliath:hover .ha-ihe-title {
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }

    .ha-ihe-fig.ha-effect-goliath:hover .ha-ihe-desc {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.ha-ihe-fig.ha-effect-apollo {
    background-color: #3498db
}

    .ha-ihe-fig.ha-effect-apollo .ha-ihe-img {
        opacity: .95;
        -webkit-transform: scale3d(1.05,1.05,1);
        transform: scale3d(1.05,1.05,1)
    }

    .ha-ihe-fig.ha-effect-apollo .ha-ihe-caption {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

        .ha-ihe-fig.ha-effect-apollo .ha-ihe-caption::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,.5);
            content: "";
            -webkit-transition: -webkit-transform .6s;
            transition: transform .6s;
            transition: transform .6s,-webkit-transform .6s;
            -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-109%,0);
            transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-109%,0)
        }

    .ha-ihe-fig.ha-effect-apollo .ha-ihe-desc {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 3em;
        padding: 0 1em;
        max-width: 150px;
        border-right: 4px solid var(--ha-ihe-desc-border-color);
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    .ha-ihe-fig.ha-effect-apollo .ha-ihe-title {
        text-align: left
    }

    .ha-ihe-fig.ha-effect-apollo:hover .ha-ihe-img {
        opacity: .6;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    .ha-ihe-fig.ha-effect-apollo:hover .ha-ihe-caption::before {
        -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,109%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,109%,0)
    }

    .ha-ihe-fig.ha-effect-apollo:hover .ha-ihe-desc {
        opacity: 1;
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

.ha-ihe-fig.ha-effect-moses {
    background-color: #ec65b7
}

    .ha-ihe-fig.ha-effect-moses .ha-ihe-img {
        opacity: .85;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    .ha-ihe-fig.ha-effect-moses .ha-ihe-caption {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start
    }

    .ha-ihe-fig.ha-effect-moses .ha-ihe-title {
        padding: 20px;
        width: 50%;
        height: 50%;
        border: 2px solid #fff;
        text-align: left;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s,-webkit-transform .35s;
        -webkit-transform: translate3d(10px,10px,0);
        transform: translate3d(10px,10px,0)
    }

    .ha-ihe-fig.ha-effect-moses .ha-ihe-desc {
        float: right;
        padding: 20px;
        width: 50%;
        height: 50%;
        border: 2px solid var(--ha-ihe-desc-border-color);
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s;
        -webkit-transform: translate3d(50%,-50%,0);
        transform: translate3d(50%,-50%,0)
    }

    .ha-ihe-fig.ha-effect-moses:hover .ha-ihe-title {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .ha-ihe-fig.ha-effect-moses:hover .ha-ihe-desc {
        opacity: 1;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    .ha-ihe-fig.ha-effect-moses:hover .ha-ihe-img {
        opacity: .6
    }

.ha-ihe-fig.ha-effect-jazz {
    background-color: #f3cf3f
}

    .ha-ihe-fig.ha-effect-jazz .ha-ihe-caption::after, .ha-ihe-fig.ha-effect-jazz .ha-ihe-desc, .ha-ihe-fig.ha-effect-jazz .ha-ihe-img {
        opacity: .9;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-jazz .ha-ihe-caption::after, .ha-ihe-fig.ha-effect-jazz .ha-ihe-desc {
        opacity: 0
    }

    .ha-ihe-fig.ha-effect-jazz .ha-ihe-caption::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-top: 1px solid var(--ha-ihe-fig-after-color);
        border-bottom: 1px solid var(--ha-ihe-fig-after-color);
        content: "";
        -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
        transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    .ha-ihe-fig.ha-effect-jazz .ha-ihe-desc {
        padding: .5em 2em;
        text-transform: none;
        font-size: .85em;
        -webkit-transform: scale3d(.8,.8,1);
        transform: scale3d(.8,.8,1)
    }

    .ha-ihe-fig.ha-effect-jazz .ha-ihe-title {
        opacity: 1;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s,-webkit-transform .35s;
        -webkit-transform: scale3d(.8,.8,1);
        transform: scale3d(.8,.8,1)
    }

    .ha-ihe-fig.ha-effect-jazz:hover .ha-ihe-img {
        opacity: .7;
        -webkit-transform: scale3d(1.05,1.05,1);
        transform: scale3d(1.05,1.05,1)
    }

    .ha-ihe-fig.ha-effect-jazz:hover .ha-ihe-caption::after {
        opacity: 1;
        -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
        transform: rotate3d(0,0,1,45deg) scale3d(1,1,1)
    }

    .ha-ihe-fig.ha-effect-jazz:hover .ha-ihe-desc, .ha-ihe-fig.ha-effect-jazz:hover .ha-ihe-title, .ha-ihe-fig.ha-effect-ming:hover .ha-ihe-caption::before {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

.ha-ihe-fig.ha-effect-ming {
    background-color: #030c17
}

    .ha-ihe-fig.ha-effect-ming .ha-ihe-img {
        opacity: .9;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    .ha-ihe-fig.ha-effect-ming .ha-ihe-caption::before {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        border: 2px solid var(--ha-ihe-fig-before-color);
        -webkit-box-shadow: 0 0 0 30px rgba(255,255,255,.2);
        box-shadow: 0 0 0 30px rgba(255,255,255,.2);
        content: "";
        opacity: 0;
        -webkit-transform: scale3d(1.4,1.4,1);
        transform: scale3d(1.4,1.4,1)
    }

    .ha-ihe-fig.ha-effect-ming .ha-ihe-title {
        margin: 20% 0 10px;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-lexi .ha-ihe-img, .ha-ihe-fig.ha-effect-ming .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-ming .ha-ihe-desc {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-ming .ha-ihe-desc {
        padding: 1em;
        opacity: 0;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }

    .ha-ihe-fig.ha-effect-ming:hover .ha-ihe-title {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .ha-ihe-fig.ha-effect-ming:hover .ha-ihe-caption {
        background-color: transparent
    }

    .ha-ihe-fig.ha-effect-lexi:hover .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-ming:hover .ha-ihe-desc {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    .ha-ihe-fig.ha-effect-ming:hover .ha-ihe-img {
        opacity: .4
    }

.ha-ihe-fig.ha-effect-lexi {
    background-color: rgba(255,255,255,.2784313725)
}

    .ha-ihe-fig.ha-effect-lexi .ha-ihe-img {
        margin: -10px 0 0 -10px;
        max-width: none;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        opacity: .9;
        -webkit-transform: translate3d(10px,10px,0);
        transform: translate3d(10px,10px,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .ha-ihe-fig.ha-effect-lexi .ha-ihe-caption {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

        .ha-ihe-fig.ha-effect-lexi .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-lexi .ha-ihe-desc {
            position: absolute;
            opacity: 0;
            -webkit-transition: opacity .35s,-webkit-transform .35s;
            transition: opacity .35s,transform .35s;
            transition: opacity .35s,transform .35s,-webkit-transform .35s
        }

        .ha-ihe-fig.ha-effect-lexi .ha-ihe-caption::before {
            right: -100px;
            bottom: -100px;
            width: 300px;
            height: 300px;
            border: 2px solid var(--ha-ihe-fig-before-color);
            border-radius: 50%;
            -webkit-box-shadow: 0 0 0 900px rgba(255,255,255,.2);
            box-shadow: 0 0 0 900px rgba(255,255,255,.2);
            content: "";
            -webkit-transform: scale3d(.5,.5,1);
            transform: scale3d(.5,.5,1);
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%
        }

    .ha-ihe-fig.ha-effect-lexi .ha-ihe-desc {
        right: 0;
        bottom: 0;
        padding: 0 1.5em 1.5em 0;
        width: 140px;
        text-align: right;
        -webkit-transform: translate3d(20px,20px,0);
        transform: translate3d(20px,20px,0)
    }

    .ha-ihe-fig.ha-effect-lexi:hover .ha-ihe-img {
        opacity: .6;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .ha-ihe-fig.ha-effect-lexi:hover .ha-ihe-desc, .ha-ihe-fig.ha-effect-lexi:hover .ha-ihe-title {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .ha-ihe-fig.ha-effect-lexi .ha-ihe-title {
        text-align: left;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s,-webkit-transform .35s;
        -webkit-transform: translate3d(5px,5px,0);
        transform: translate3d(5px,5px,0)
    }

.ha-ihe-fig.ha-effect-duke {
    background-color: rgba(204,96,85,.5294117647)
}

    .ha-ihe-fig.ha-effect-duke .ha-ihe-caption {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .ha-ihe-fig.ha-effect-duke .ha-ihe-desc, .ha-ihe-fig.ha-effect-duke .ha-ihe-img {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s
    }

    .ha-ihe-fig.ha-effect-duke .ha-ihe-desc {
        margin-top: auto;
        padding: 30px;
        width: 100%;
        border: 2px solid var(--ha-ihe-desc-border-color);
        text-transform: none;
        font-size: 90%;
        opacity: 0;
        -webkit-transform: scale3d(.8,.8,1);
        transform: scale3d(.8,.8,1);
        -webkit-transform-origin: 50% -100%;
        -ms-transform-origin: 50% -100%;
        transform-origin: 50% -100%
    }

    .ha-ihe-fig.ha-effect-duke:hover .ha-ihe-img {
        opacity: .1;
        -webkit-transform: scale3d(2,2,1);
        transform: scale3d(2,2,1)
    }

    .ha-ihe-fig.ha-effect-duke:hover .ha-ihe-desc, .ha-ihe-fig.ha-effect-duke:hover .ha-ihe-title {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    .ha-ihe-fig.ha-effect-duke .ha-ihe-title {
        margin-bottom: auto;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s,-webkit-transform .35s;
        -webkit-transform: scale3d(.8,.8,1);
        transform: scale3d(.8,.8,1);
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

@media (max-width:767px) {
    .ha-ihe-wrapper .ha-ihe-fig {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%
    }

        .ha-ihe-fig.ha-effect-lily .ha-ihe-caption > div, .ha-ihe-wrapper .ha-ihe-fig .ha-ihe-caption {
            padding: 1em
        }

        .ha-ihe-wrapper .ha-ihe-fig .ha-ihe-desc {
            font-size: 12px
        }

    .ha-ihe-fig.ha-effect-lexi .ha-ihe-caption::before {
        right: -65px;
        bottom: -65px;
        width: 200px;
        height: 200px
    }

    .ha-ihe-fig.ha-effect-ming .ha-ihe-caption::before {
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px
    }

    .ha-ihe-fig.ha-effect-moses .ha-ihe-desc, .ha-ihe-fig.ha-effect-moses .ha-ihe-title {
        padding: 10px
    }

    .ha-ihe-fig.ha-effect-ruby .ha-ihe-desc {
        padding: 1.5em
    }

    .ha-ihe-fig.ha-effect-dexter .ha-ihe-title {
        position: absolute;
        top: 45px
    }

    .ha-ihe-fig.ha-effect-dexter:hover .ha-ihe-desc {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    .ha-ihe-fig.ha-effect-duke .ha-ihe-desc {
        padding: 20px
    }

    .ha-ihe-fig.ha-effect-goliath:hover .ha-ihe-title {
        -webkit-transform: translate3d(0,-60px,0);
        transform: translate3d(0,-60px,0)
    }

    .ha-ihe-fig.ha-effect-layla .ha-ihe-caption::after {
        top: 20px;
        right: 35px;
        bottom: 20px;
        left: 35px
    }

    .ha-ihe-fig.ha-effect-layla .ha-ihe-caption::before {
        top: 35px;
        right: 20px;
        bottom: 35px;
        left: 20px
    }

    .ha-ihe-fig.ha-effect-layla .ha-ihe-img {
        -webkit-transform: scale(1.5) translateY(-30px);
        -ms-transform: scale(1.5) translateY(-30px);
        transform: scale(1.5) translateY(-30px)
    }

    .ha-ihe-fig.ha-effect-layla:hover .ha-ihe-img {
        -webkit-transform: translateY(0) scale(1.5);
        -ms-transform: translateY(0) scale(1.5);
        transform: translateY(0) scale(1.5)
    }

    .ha-ihe-fig.ha-effect-oscar .ha-ihe-caption::before, .ha-ihe-fig.ha-effect-roxy .ha-ihe-caption::before {
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px
    }

    .ha-ihe-fig.ha-effect-roxy .ha-ihe-desc, .ha-ihe-fig.ha-effect-roxy .ha-ihe-title {
        margin-left: 10px
    }
}
/** Widgets: image-hover-effect **/