.item_product_img *,
.item_product_img *:after,
.item_product_img *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: transform .2s;
}

.item_product_img .clearfix:before,
.item_product_img .clearfix:after {
    display: table;
    content: '';
}

.item_product_img .clearfix:after {
    clear: both;
}

.item_product_img .tp_iht {
    position: relative;
    overflow: hidden;
    /* float: left;
    margin: 0;
    width: 100%;
    height: auto;
    text-align: center; */
}

.item_product_img .tp_iht img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
    width: 100%;
    border-radius: 0;
}

/* .item_product_img .tp_iht .figcaption {
    padding: 1em;
    color: #fff;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: none !important;
}

.item_product_img .tp_iht .figcaption a {
    box-shadow: none !important;
}

.item_product_img .tp_iht .figcaption::before,
.item_product_img .tp_iht .figcaption::after {
    pointer-events: none;
}

.item_product_img .tp_iht .figcaption,
.item_product_img .tp_iht .figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 150;
}

.item_product_img .tp_iht .figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.item_product_img .tp_iht .figcaption_p {
    margin: 0;
}

.item_product_img .tp_iht .figcaption_p {
    letter-spacing: 1px;
} */


/* tp_lian */



.tp_lian img {
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    float: left;
}

.tp_lian {
    background: #000;
}

.tp_iht.tp_lian:hover img {
    opacity: 0.5;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_lian .figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    opacity: 1;
}

.tp_lian .figcaption .figcaption_p {
    float: right;
    width: 100%;
    text-align: center;
    margin: -1em 0 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_lian .figcaption a {
    text-decoration: none;
}

.tp_lian .figcaption span {}

.tp_lian .figcaption svg {
    color: #fff;
    fill: #fff;
    border: 1px solid;
    margin: 3px;
    padding: 3px;
    width: 2em !important;
    height: 2em !important;
}

.tp_iht.tp_lian .figcaption_p a span {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    display: inline-block;
}

.tp_iht.tp_lian .figcaption_p a:first-child span {
    -webkit-transform: translate3d(-90px, 100px, 0);
    transform: translate3d(-90px, 100px, 0);
}

.tp_iht.tp_lian .figcaption_p a:nth-child(2) span {
    -webkit-transform: translate3d(0px, 0px, 0);
    transform: translate3d(0px, 0px, 0);
}

.tp_iht.tp_lian .figcaption_p a:nth-child(3) span {
    -webkit-transform: translate3d(60px, -90px, 0px);
    transform: translate3d(60px, -90px, 0px);
}

.tp_iht.tp_lian .figcaption_p a:nth-child(4) span {
    -webkit-transform: translate3d(0px, -60px, 0);
    transform: translate3d(0px, -60px, 0);
}

.tp_iht.tp_lian:hover .figcaption_p a span,
.tp_iht.tp_lian:hover .figcaption_p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
}

.tp_iht.tp_lian:hover .figcaption_p a span:empty {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
    opacity: 1;
}


/* tp_naomi */

.tp_naomi img {
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    float: left;
}

.tp_naomi {
    background: #000;
}

.tp_iht.tp_naomi:hover img {
    opacity: 0.5;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_naomi .figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    opacity: 1;
}

.tp_naomi .figcaption .figcaption_p {
    float: right;
    width: 100%;
    text-align: center;
    margin: -1em 0 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_naomi .figcaption a {
    text-decoration: none;
}

.tp_naomi .figcaption span {}

.tp_naomi .figcaption svg {
    color: #fff;
    fill: #fff;
    border: 1px solid;
    margin: 3px;
    padding: 3px;
    width: 2em !important;
    height: 2em !important;
}

.tp_iht.tp_naomi .figcaption_p a span {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    display: inline-block;
}

.tp_iht.tp_naomi .figcaption_p a:first-child span {
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0);
}

.tp_iht.tp_naomi .figcaption_p a:nth-child(2) span {
    -webkit-transform: translate3d(0px, 60px, 0);
    transform: translate3d(0px, 60px, 0);
}

.tp_iht.tp_naomi .figcaption_p a:nth-child(3) span {
    -webkit-transform: translate3d(60px, 0px, 0);
    transform: translate3d(60px, 0px, 0);
}

.tp_iht.tp_naomi .figcaption_p a:nth-child(4) span {
    -webkit-transform: translate3d(0px, -60px, 0);
    transform: translate3d(0px, -60px, 0);
}

.tp_iht.tp_naomi:hover .figcaption_p a span,
.tp_iht.tp_naomi:hover .figcaption_p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
}

.tp_iht.tp_naomi:hover .figcaption_p a span:empty {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
    opacity: 1;
}


/* tp_mia */

.tp_mia img {
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    float: left;
}

.tp_mia {
    background: rgba(0,0,0,0.7);
}

.tp_iht.tp_mia:hover img {
    opacity: 0.5;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_mia .figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    opacity: 1;
}

.tp_mia .figcaption .figcaption_p {
    float: right;
    width: 100%;
    text-align: center;
    margin: -1em 0 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_mia .figcaption a {
    text-decoration: none;
}

.tp_mia .figcaption span {}

.tp_mia .figcaption svg {
    color: #fff;
    fill: #fff;
    border: 1px solid;
    margin: 3px;
    padding: 3px;
    width: 2em !important;
    height: 2em !important;
}

.tp_iht.tp_mia .figcaption_p a span {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    display: inline-block;
}

.tp_iht.tp_mia .figcaption_p a:first-child span {
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0);
}

.tp_iht.tp_mia .figcaption_p a:nth-child(2) span {
    -webkit-transform: translate3d(0px, -60px, 0);
    transform: translate3d(0px, -60px, 0);
}

.tp_iht.tp_mia .figcaption_p a:nth-child(3) span {
    -webkit-transform: translate3d(60px, 0px, 0);
    transform: translate3d(60px, 0px, 0);
}

.tp_iht.tp_mia .figcaption_p a:nth-child(4) span {
    -webkit-transform: translate3d(0px, -60px, 0);
    transform: translate3d(0px, -60px, 0);
}

.tp_iht.tp_mia:hover .figcaption_p a span,
.tp_iht.tp_mia:hover .figcaption_p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
}

.tp_iht.tp_mia:hover .figcaption_p a span:empty {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
    opacity: 1;
}

.tp_iht.tp_mia:hover img {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    opacity: 0;
}

.tp_iht.tp_mia img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}


/* tp_yaara */

.tp_yaara img {
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    float: left;
}

.tp_yaara {
    background: #fff;
}

.tp_iht.tp_yaara:hover img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_yaara .figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    opacity: 1;
    z-index: 10;
}

.tp_yaara .figcaption .figcaption_p {
    float: right;
    width: 100%;
    text-align: center;
    margin: -1em 0 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_yaara .figcaption a {
    text-decoration: none;
}

.tp_yaara .figcaption span {}

.tp_yaara .figcaption svg {
    color: #fff;
    fill: #fff;
    border: 1px solid;
    margin:3px;
    padding: 3px;
    width: 2em !important;
    height: 2em !important;
    background: rgba(255,255,255,0.5);
}

.tp_iht.tp_yaara:hover .figcaption svg {
    -webkit-transform: rotate(360deg) translateX(0px);
    -moz-transform: rotate(360deg) translateX(0px);
    -ms-transform: rotate(360deg) translateX(0px);
    -o-transform: rotate(360deg) translateX(0px);
    transform: rotate(360deg) translateX(0px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_iht.tp_yaara .figcaption_p a span {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    display: inline-block;
}

.tp_iht.tp_yaara .figcaption_p a:first-child span {
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0);
}

.tp_iht.tp_yaara .figcaption_p a:nth-child(2) span {
    -webkit-transform: translate3d(0px, -60px, 0);
    transform: translate3d(0px, -60px, 0);
}

.tp_iht.tp_yaara .figcaption_p a:nth-child(3) span {
    -webkit-transform: translate3d(60px, 0px, 0);
    transform: translate3d(60px, 0px, 0);
}

.tp_iht.tp_yaara .figcaption_p a:nth-child(4) span {
    -webkit-transform: translate3d(0px, -60px, 0);
    transform: translate3d(0px, -60px, 0);
}

.tp_iht.tp_yaara:hover .figcaption_p a span,
.tp_iht.tp_yaara:hover .figcaption_p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
}

.tp_iht.tp_yaara:hover .figcaption_p a span:empty {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.tp_iht.tp_yaara img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.tp_iht.tp_yaara::before {
    opacity: 0;
    width: 68%;
    height: 68%;
    position: absolute;
    bottom: 15%;
    left: 15%;
    background: none;
    content: "";
    -webkit-transform: rotate(360deg) translateX(0px);
    -moz-transform: rotate(360deg) translateX(0px);
    -ms-transform: rotate(360deg) translateX(0px);
    -o-transform: rotate(360deg) translateX(0px);
    transform: rotate(360deg) translateX(0px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border: 1px solid;
    color: #fff;
    z-index: 10;
    box-shadow: 0 0px 200px #000;
}

.tp_iht.tp_yaara:hover.tp_iht.tp_yaara::before {
    opacity: 1;
    -webkit-transform: rotate(45deg) translateX(0px);
    -moz-transform: rotate(45deg) translateX(0px);
    -ms-transform: rotate(45deg) translateX(0px);
    -o-transform: rotate(45deg) translateX(0px);
    transform: rotate(45deg) translateX(0px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}


/* tp_inbar */

.tp_inbar img {
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    float: left;
}

.tp_inbar {
    background: #fff;
}

.tp_iht.tp_inbar:hover img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_inbar .figcaption {
    position: absolute;
    width: 100%;
    height:100%;
    opacity: 1;
    float:left;
}

.tp_inbar .figcaption .figcaption_p {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: absolute;
    height: 100%;

}
.tp_inbar:hover .figcaption .figcaption_p {
    background:rgba(0,0,0,0.3);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_inbar .figcaption a {
    text-decoration: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1em 0 0 -1em;
    z-index: 10;

}

.tp_inbar .figcaption span {}

.tp_inbar .figcaption svg {
    color: #fff;
    fill: #fff;
    margin: 0;
    padding: 0;
    width: 2em !important;
    height: 2em !important;
}

.tp_iht.tp_inbar:hover .figcaption svg {
    -webkit-transform: rotate(360deg) translateX(0px);
    -moz-transform: rotate(360deg) translateX(0px);
    -ms-transform: rotate(360deg) translateX(0px);
    -o-transform: rotate(360deg) translateX(0px);
    transform: rotate(360deg) translateX(0px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_iht.tp_inbar .figcaption_p a {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_iht.tp_inbar .figcaption_p a:first-child {
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0);
    margin-left: -4em;
    margin-top: -1em;
}

.tp_iht.tp_inbar .figcaption_p a:nth-child(2) {
    -webkit-transform: translate3d(60px, 0px, 0);
    transform: translate3d(60px, 0px, 0);
    margin-right: -4em;
    margin-top: -1em;
    left:auto;
    right:50%;

}

.tp_iht.tp_inbar .figcaption_p a:nth-child(3) {
    -webkit-transform: translate3d(0px, -180px, 0);
    transform: translate3d(0px, -180px, 0);
    margin-top: 1.5em;
}

.tp_iht.tp_inbar .figcaption_p a:nth-child(4) {
    -webkit-transform: translate3d(0px, -60px, 0);
    transform: translate3d(0px, -60px, 0);
    left: auto;
    right: 50%;
    float: left;
    margin: 1.5em -1em 0 0;
}




.tp_iht.tp_inbar:hover .figcaption_p a,
.tp_iht.tp_inbar:hover .figcaption_p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
}

.tp_iht.tp_inbar:hover .figcaption_p a:empty {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
    opacity: 1;
}

.tp_iht.tp_inbar img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.tp_iht.tp_inbar::before {
    opacity: 0;
    width: 60%;
    height: 2px;
    position: absolute;
    bottom: 50%;
    left: 20%;
    background: none;
    content: "";
    -webkit-transform: rotate(360deg) translateX(0px);
    -moz-transform: rotate(360deg) translateX(0px);
    -ms-transform: rotate(360deg) translateX(0px);
    -o-transform: rotate(360deg) translateX(0px);
    transform: rotate(360deg) translateX(0px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    color: #fff;
    z-index: 10;
    background: #fff;
}

.tp_iht.tp_inbar::after {
    opacity: 0;
    width: 60%;
    height: 2px;
    position: absolute;
    bottom: 50%;
    left:20%;
    background: none;
    content: "";
    -webkit-transform: rotate(360deg) translateX(0px);
    -moz-transform: rotate(360deg) translateX(0px);
    -ms-transform: rotate(360deg) translateX(0px);
    -o-transform: rotate(360deg) translateX(0px);
    transform: rotate(360deg) translateX(0px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    color: #fff;
    z-index: 10;
    background: #fff;
}

.tp_iht.tp_inbar:hover.tp_iht.tp_inbar::before {
    opacity: 1;
    -webkit-transform: rotate(45deg) translateX(0px);
    -moz-transform: rotate(45deg) translateX(0px);
    -ms-transform: rotate(45deg) translateX(0px);
    -o-transform: rotate(45deg) translateX(0px);
    transform: rotate(45deg) translateX(0px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_iht.tp_inbar:hover.tp_iht.tp_inbar::after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) translateX(0px);
    -moz-transform: rotate(-45deg) translateX(0px);
    -ms-transform: rotate(-45deg) translateX(0px);
    -o-transform: rotate(-45deg) translateX(0px);
    transform: rotate(-45deg) translateX(0px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}


/* tp_jennifer */

.tp_jennifer img {
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    float: left;
}

.tp_jennifer {
    background: #fff;
}

.tp_iht.tp_jennifer:hover img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_jennifer .figcaption {
    position: absolute;
    width: 100%;
    height:100%;
    opacity: 1;
    float:left;
}

.tp_jennifer .figcaption .figcaption_p {
    float: left;
    width: calc(2em + 3px);
    text-align: center;
    margin: 0;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: absolute;
    height: 100%;
    right: 15px;
}

.tp_jennifer .figcaption a {
    text-decoration: none;
    margin: 0;

}

.tp_jennifer .figcaption span {
    -webkit-transform: rotate(360deg) translateX(0px);
    -moz-transform: rotate(360deg) translateX(0px);
    -ms-transform: rotate(360deg) translateX(0px);
    -o-transform: rotate(360deg) translateX(0px);
    transform: rotate(360deg) translateX(0px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_jennifer .figcaption svg {
    color: #fff;
    fill: #fff;
    margin: 0;
    padding: 3px;
    width: 2em !important;
    height: 2em !important;
    float: left;
    background: rgba(255, 255, 255, 0.4);
    margin: 0 0 5px;
}
.tp_iht.tp_jennifer:hover .figcaption svg {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_iht.tp_jennifer .figcaption_p a {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    left: 1em;
    float: left;
}

.tp_iht.tp_jennifer .figcaption_p {
    top: -100%;
    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
    transition: top 0.5s;
}

.tp_iht.tp_jennifer:hover .figcaption_p {
    top: 15px;
    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
    transition: top 0.5s;
}

.tp_iht.tp_jennifer img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}


/* tp_jessica */

.tp_jessica img {
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    float: left;
}

.tp_jessica {
    background: #222;
}

.tp_iht.tp_jessica:hover img {
    opacity: 0.3;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_jessica .figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    opacity: 1;
    z-index: 11;
}

.tp_jessica .figcaption .figcaption_p {
    float: right;
    width: 100%;
    text-align: center;
    margin: -1em 0 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_jessica .figcaption a {
    text-decoration: none;
}

.tp_jessica .figcaption span {}

.tp_jessica .figcaption svg {
    color: #fff;
    fill: #fff;
    border: 1px solid;
    margin: 3px;
    padding: 3px;
    width: 2em !important;
    height: 2em !important;
}

.tp_iht.tp_jessica .figcaption_p a span {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    display: inline-block;
    -webkit-transform: rotate(360deg) translateX(0px);
    -moz-transform: rotate(360deg) translateX(0px);
    -ms-transform: rotate(360deg) translateX(0px);
    -o-transform: rotate(360deg) translateX(0px);
    transform: rotate(360deg) translateX(0px);
}

.tp_iht.tp_jessica:hover .figcaption_p a span,
.tp_iht.tp_jessica:hover .figcaption_p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);    
}

.tp_iht.tp_jessica:hover .figcaption_p a span:empty {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.tp_iht.tp_jessica:hover img {
}

.tp_iht.tp_jessica img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.tp_iht.tp_jessica::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: '';
    opacity: 0;
    -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%;
    transform-origin: 50% 50%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.tp_iht.tp_jessica:hover.tp_iht.tp_jessica::after {
    opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}


/* tp_sapir */

.tp_sapir img {
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    float: left;
}

.tp_sapir {
    background: #fff;
}

.tp_iht.tp_sapir:hover img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_sapir .figcaption {
    position: absolute;
    width: 100%;
    height:100%;
    opacity: 1;
    float:left;
}

.tp_sapir .figcaption .figcaption_p {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: absolute;
    height: 100%;
    left: 15px;
}

.tp_sapir .figcaption a {
    text-decoration: none;
    margin: 0;

}

.tp_sapir .figcaption span {
    -webkit-transform: rotate(360deg) translateX(0px);
    -moz-transform: rotate(360deg) translateX(0px);
    -ms-transform: rotate(360deg) translateX(0px);
    -o-transform: rotate(360deg) translateX(0px);
    transform: rotate(360deg) translateX(0px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_sapir .figcaption svg {
    color: #222;
    fill: #222;
    padding: 3px;
    width: 2em !important;
    height: 2em !important;
    float: left;
    background: rgba(255, 255, 255, 0.9);
    margin: 0 2px;
}
.tp_iht.tp_sapir:hover .figcaption svg {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_iht.tp_sapir .figcaption_p a {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    left: 1em;
    float: left;
}

.tp_iht.tp_sapir .figcaption_p {
    top: -100%;
    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
    transition: top 0.5s;
}

.tp_iht.tp_sapir:hover .figcaption_p {
    top: 15px;
    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
    transition: top 0.5s;
}

.tp_iht.tp_sapir img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}




/* tp_kylie */

.tp_kylie img {
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    float: left;
}

.tp_kylie {
    background: #fff;
}

.tp_iht.tp_kylie:hover img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_kylie .figcaption {
    position: absolute;
    width: 100%;
    height:100%;
    opacity: 1;
    float:left;
}

.tp_kylie .figcaption .figcaption_p {
    float: left;
    width: 2rem;
    text-align: center;
    margin: 0;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    padding: 20px 0 0 0;
}
.tp_kylie .figcaption a {
    text-decoration: none;
    margin: 0;

}

.tp_kylie .figcaption span {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_kylie .figcaption svg {
    color: #222;
    fill: #222;
    padding: 3px;
    width: 2em !important;
    height: 2em !important;
    float: left;
    background: rgba(255, 255, 255, 0.6);
    margin: 0 2px;
}
.tp_iht.tp_kylie:hover .figcaption svg {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;

}

.tp_iht.tp_kylie .figcaption_p a {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    left: -4em;
    float: left;
    margin: 0 0 10px;
    position: relative;
}

.tp_iht.tp_kylie:hover .figcaption_p a {
    position: relative;
    -webkit-transform: rotate(700deg) translateX(0px);
    -moz-transform: rotate(700deg) translateX(0px);
    -ms-transform: rotate(700deg) translateX(0px);
    -o-transform: rotate(700deg) translateX(0px);
    transform: rotate(700deg) translateX(0px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;

}


.tp_iht.tp_kylie:hover .figcaption_p a:first-child {
    -webkit-animation: tp_kylie 0.4s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: tp_kylie 0.4s;
    animation-fill-mode: forwards;
}

.tp_iht.tp_kylie:hover .figcaption_p a:nth-child(2) {
    -webkit-animation: tp_kylie 0.5s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: tp_kylie 0.5s;
    animation-fill-mode: forwards;
}

.tp_iht.tp_kylie:hover .figcaption_p a:nth-child(3) {
    -webkit-animation: tp_kylie 0.6s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: tp_kylie 0.6s;
    animation-fill-mode: forwards;
}

.tp_iht.tp_kylie:hover .figcaption_p a:nth-child(4) {
    -webkit-animation: tp_kylie 0.7s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: tp_kylie 0.7s;
    animation-fill-mode: forwards;
}


.tp_iht.tp_kylie .figcaption_p {
    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
    transition: top 0.5s;

}

.tp_iht.tp_kylie:hover .figcaption_p {
    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
    transition: top 0.5s;
}

.tp_iht.tp_kylie img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

@-webkit-keyframes tp_kylie {
    from {left: -4em;}
    to {left: 20px;}
  }
  
  @keyframes tp_kylie {
    from {left: -4em;}
    to {left:20px;}
  }


  /* tp_jordi */

  .tp_jordi img {
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    float: left;
}

.tp_jordi {
    background: #fff;
}

.tp_iht.tp_jordi:hover img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_jordi .figcaption {
    position: absolute;
    width: 100%;
    height:100%;
    opacity: 1;
    float:left;
}

.tp_jordi .figcaption .figcaption_p {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: absolute;
    height:100%;
    left: 0;
    top: 0;
    padding: 20px 0 0 0;
    box-sizing: border-box;
    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
    transition: top 0.5s;
    padding: 20px;
}

    .tp_jordi .figcaption a {
    text-decoration: none;
    margin: 0;

}

.tp_jordi .figcaption span {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tp_jordi .figcaption svg {
    color: #fff;
    fill: #fff5f5;
    padding: 3px;
    width: 2em !important;
    height: 2em !important;
    float: left;
    margin: 0 5px;
    border: 1px solid;
}

.tp_iht.tp_jordi:hover .figcaption svg {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;

}

.tp_iht.tp_jordi .figcaption_p a {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    margin-bottom: -4em;
    float: left;
    margin: 0 0 10px;
    position: relative;
}

.tp_iht.tp_jordi:hover .figcaption_p a {
    position: relative;
    -webkit-transform: rotate(3600deg) translateX(0px);
    -moz-transform: rotate(3600deg) translateX(0px);
    -ms-transform: rotate(3600deg) translateX(0px);
    -o-transform: rotate(3600deg) translateX(0px);
    transform: rotate(3600deg) translateX(0px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;

}


.tp_iht.tp_jordi:hover .figcaption_p a:first-child {
    -webkit-animation: tp_jordi 0.4s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: tp_jordi 0.4s;
    animation-fill-mode: forwards;
}

.tp_iht.tp_jordi:hover .figcaption_p a:nth-child(2) {
    -webkit-animation: tp_jordi 0.5s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: tp_jordi 0.5s;
    animation-fill-mode: forwards;
}

.tp_iht.tp_jordi:hover .figcaption_p a:nth-child(3) {
    -webkit-animation: tp_jordi 0.6s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: tp_jordi 0.6s;
    animation-fill-mode: forwards;
}

.tp_iht.tp_jordi:hover .figcaption_p a:nth-child(4) {
    -webkit-animation: tp_jordi 0.7s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation: tp_jordi 0.7s;
    animation-fill-mode: forwards;
}


.tp_iht.tp_jordi:hover .figcaption_p {
    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
    transition: top 0.5s;
    opacity: 1;
    background: rgba(0,0,0,0.3);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;

}

.tp_iht.tp_jordi img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}



@-webkit-keyframes tp_jordi {
    from {bottom: -100%;}
    to {bottom: 0;}
  }
  
  @keyframes tp_jordi {
    from {bottom: -100%;}
    to {bottom:0;}
  }