@charset "utf-8";

/**
*
* -------------------------------------------------
*
* Template : UKskins - Uikit Element Packages
* Author : thecodude
* Author URI : http://thecodude.com
*
* --------------------------------------------------
*
**/

.caption p {
    margin: 0;
}

/*========================
    Image Caption #1
==========================*/
.tc-image-caption1 {position: relative;overflow: hidden;}
.tc-image-caption1 img {-webkit-transform: scale(1.5) translateY(0);transform: scale(1.5) translateY(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tc-image-caption1:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.tc-image-caption1 .caption {position: absolute;bottom: 20px;left: 20px;z-index: 10;}
.tc-image-caption1:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.6);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;}
.tc-image-caption1:hover:after {opacity: 1;}
.tc-image-caption1 .caption h3 {color: #fff;font-size: 19px;margin-bottom: 5px;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;}
.tc-image-caption1 .caption p {-webkit-transform: translateY(50px);transform: translateY(50px);color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-caption1:hover .caption h3, 
.tc-image-caption1:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-image-caption1 .link-wrap {position: absolute;top: 15px;right: 15px;z-index: 10;}
.tc-image-caption1 .link-wrap a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: rgba(255,255,255,0.1);text-align: center;color: #fff;font-size: 14px;opacity: 0;border-radius: 50%;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-caption1 .link-wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 2px;}
.tc-image-caption1 .link-wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.tc-image-caption1:hover .link-wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-image-caption1 .link-wrap a:hover {background-color: rgba(255,255,255,0.4);}

/*========================
    Image Caption #2
==========================*/
.tc-image-caption2 {position: relative;overflow: hidden;}
.tc-image-caption2 img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tc-image-caption2:hover img {-webkit-transform: scale(1.3);transform: scale(1.3);}
.tc-image-caption2 .caption {position: absolute;bottom: 20px;z-index: 10;width: 100%;text-align: center;}
.tc-image-caption2:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.4);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;}
.tc-image-caption2:hover:after {opacity: 1;}
.tc-image-caption2 .caption h3 {color: #fff;font-size: 19px;padding-top: 12px;margin-bottom: 0px;border-top: 1px solid rgba(255,255,255,.2);-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;}
.tc-image-caption2 .caption p {-webkit-transform: translateY(50px);transform: translateY(50px);color: rgba(255,255,255,0.6);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-caption2:hover .caption h3, 
.tc-image-caption2:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-image-caption2 .link-wrap {position: absolute;top: 45%;left: 50%;z-index: 10;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.tc-image-caption2 .link-wrap a {display: inline-block;height: 36px;width: 36px;line-height: 36px;border: 1px solid rgba(255,255,255,0.8);text-align: center;color: #fff;font-size: 14px;opacity: 0;border-radius: 50%;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-caption2 .link-wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 2px;}
.tc-image-caption2 .link-wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.tc-image-caption2:hover .link-wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-image-caption2 .link-wrap a:hover {background-color: rgba(255,255,255,0.8);color: #444;}

/*========================
    Image Caption #3
==========================*/
.tc-image-caption3 {position: relative;overflow: hidden;}
.tc-image-caption3 img {-webkit-transform: scale(1.5) translateX(0);transform: scale(1.5) translateX(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tc-image-caption3:hover img {-webkit-transform: scale(1.5) translateX(12px);transform: scale(1.5) translateX(12px);}
.tc-image-caption3 .caption {position: absolute;bottom: 20px;z-index: 10;right: 25px;text-align: right;}
.tc-image-caption3:after {position: absolute;content: '';height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.7);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 0;}
.tc-image-caption3:hover:after {opacity: 1;}
.tc-image-caption3 .caption h3 {color: #fff;font-size: 19px;padding-top: 12px;margin-bottom: 0px;border-top: 3px solid rgba(255,255,255,.2);-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;}
.tc-image-caption3 .caption p {-webkit-transform: translateY(50px);transform: translateY(50px);color: rgba(255,255,255,0.7);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-caption3:hover .caption h3, 
.tc-image-caption3:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-image-caption3 .link-wrap {position: absolute;top: 25px;left: 25px;z-index: 10;}
.tc-image-caption3 .link-wrap a {display: inline-block;height: 36px;width: 36px;line-height: 34px;border: 2px solid rgba(255,255,255,0.2);text-align: center;color: #fff;font-size: 13px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-caption3 .link-wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 2px;}
.tc-image-caption3 .link-wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.tc-image-caption3:hover .link-wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-image-caption3 .link-wrap a:hover {background-color: rgba(255,255,255,0.8);color: #444;}

/*========================
    Image Caption #4
==========================*/
.tc-image-caption4 {position: relative;overflow: hidden;}
.tc-image-caption4 img {-webkit-transform: scale(1.5) translateX(0);transform: scale(1.5) translateX(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tc-image-caption4:hover img {-webkit-transform: scale(1.5) translateX(-12px);transform: scale(1.5) translateX(-12px);}
.tc-image-caption4 .caption {position: absolute;bottom: 20px;z-index: 10;left: 25px;text-align: left;width: calc(100% - 50px);}
.tc-image-caption4:after {position: absolute;content: '';height: calc(100% - 20px);width: calc(100% - 20px);background-color: rgba(0, 0, 0, 0.4);-webkit-transition: opacity .25s ease-in-out;transition: opacity .3s ease-in-out;opacity: 0;top: 10px;left: 10px;}
.tc-image-caption4:hover:after {opacity: 1;}
.tc-image-caption4 .caption h3 {color: #fff;font-size: 19px;margin-bottom: 5px;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;}
.tc-image-caption4 .caption p {-webkit-transform: translateY(50px);transform: translateY(50px);color: rgba(255,255,255,0.8);opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-caption4:hover .caption h3, 
.tc-image-caption4:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-image-caption4 .link-wrap {position: absolute;top: 25px;left: 25px;z-index: 10;}
.tc-image-caption4 .link-wrap a {display: inline-block;height: 32px;width: 32px;line-height: 32px;background-color: rgba(255,255,255,0.8);text-align: center;color: #444;font-size: 12px;border-radius: 50%;opacity: 0;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-caption4 .link-wrap a:last-child {margin-left: 2px;-webkit-transition-delay: .1s;transition-delay: .1s;}
.tc-image-caption4:hover .link-wrap a {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.tc-image-caption4 .link-wrap a:hover {background-color: rgba(255,255,255,0.5);color: #444;}

/*==========================
    Caption Animation #5
===========================*/
.tc-image-caption5 {position: relative;overflow: hidden;}
.tc-image-caption5 img {-webkit-transform: scale(1.5) translateY(0);transform: scale(1.5) translateY(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tc-image-caption5:hover img {-webkit-transform: scale(1.5) translateY(12px);transform: scale(1.5) translateY(12px);}
.tc-image-caption5:after {position: absolute;content: '';height: 100%;width: 100%;opacity: 0;background-color: rgba(0, 0, 0, 0.5);-webkit-transition: all .5s ease-in;transition: all .5s ease-in;top: 0;left: 0;}
.tc-image-caption5:hover:after {opacity: 1}
.tc-image-caption5 .caption {position: absolute;bottom: 0;z-index: 10;left: 0;text-align: left;width: 100%;padding: 15px;background-color: rgba(0,0,0,0.6);text-align: center;}
.tc-image-caption5 .caption h3 {color: #fff;font-size: 19px;margin-bottom: 2px;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-caption5 .link-wrap {position: absolute;top: 40%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);z-index: 10;}
.tc-image-caption5 .link-wrap a {display: inline-block;height: 36px;width: 36px;line-height: 36px;background-color: rgba(0, 0, 0, 0.6);text-align: center;color: #fff;font-size: 12px;border-radius: 50%;opacity: 0;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-caption5 .link-wrap a:last-child {margin-left: 2px;-webkit-transition-delay: .1s;transition-delay: .1s;}
.tc-image-caption5:hover .link-wrap a {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.tc-image-caption5 .link-wrap a:hover {background-color: rgba(0, 0, 0, 0.9);color: #f5f5f5;}

/*========================
    Caption Animation #6
==========================*/
.tc-image-caption6 {position: relative;overflow: hidden;}
.tc-image-caption6 img {-webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tc-image-caption6:hover img {-webkit-transform: scale(1.5) rotate(10deg);transform: scale(1.5) rotate(10deg);}
.tc-image-caption6:after {position: absolute;content: '';height: 100%;width: 100%;opacity: 0;background-color: rgba(0, 0, 0, 0.3);-webkit-transition: all .25s ease-in;transition: all .25s ease-in;top: 0;left: 0;}
.tc-image-caption6:hover:after {opacity: 1}
.tc-image-caption6 .caption {position: absolute;bottom: 0;z-index: 10;left: 0;text-align: left;width: 100%;padding: 15px;background-color: rgba(0,0,0,0.6);-webkit-transform: translateY(40px);transform: translateY(40px);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;text-align: center;opacity: 0;}
.tc-image-caption6:hover .caption {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-image-caption6 .caption h3 {color: #fff;font-size: 19px;margin-bottom: 2px;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-caption6 .link-wrap {position: absolute;top: 40%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);z-index: 10;}
.tc-image-caption6 .link-wrap a {display: inline-block;height: 32px;width: 32px;line-height: 32px;background-color: rgba(0, 0, 0, 0.6);text-align: center;color: #fff;font-size: 12px;border-radius: 50%;opacity: 0;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-caption6 .link-wrap a:last-child {margin-left: 2px;-webkit-transition-delay: .1s;transition-delay: .1s;}
.tc-image-caption6:hover .link-wrap a {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.tc-image-caption6 .link-wrap a:hover {background-color: rgba(0, 0, 0, 0.9);color: #f5f5f5;}