@charset "utf-8";

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

.caption p {
    margin: 0;
}

/*========================
    grid Style #1
==========================*/
.tc-grid-style1 .grid-item {position: relative;overflow: hidden;}
.tc-grid-style1 .grid-item 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-grid-style1 .grid-item:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.tc-grid-style1 .grid-item .caption {position: absolute;bottom: 20px;left: 20px;z-index: 10;}
.tc-grid-style1 .grid-item: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-grid-style1 .grid-item:hover:after {opacity: 1;}
.tc-grid-style1 .grid-item .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-grid-style1 .grid-item .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-grid-style1 .grid-item:hover .caption h3, 
.tc-grid-style1 .grid-item:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-grid-style1 .grid-item .link-wrap {position: absolute;top: 15px;right: 15px;z-index: 10;}
.tc-grid-style1 .grid-item .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-grid-style1 .grid-item .link-wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 2px;}
.tc-grid-style1 .grid-item .link-wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.tc-grid-style1 .grid-item:hover .link-wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-grid-style1 .grid-item .link-wrap a:hover {background-color: rgba(255,255,255,0.4);}

/*========================
    grid Style #2
==========================*/
.tc-grid-style2 .grid-item {position: relative;overflow: hidden;}
.tc-grid-style2 .grid-item img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tc-grid-style2 .grid-item:hover img {-webkit-transform: scale(1.3);transform: scale(1.3);}
.tc-grid-style2 .grid-item .caption {position: absolute;bottom: 20px;z-index: 10;width: 100%;text-align: center;}
.tc-grid-style2 .grid-item: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-grid-style2 .grid-item:hover:after {opacity: 1;}
.tc-grid-style2 .grid-item .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-grid-style2 .grid-item .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-grid-style2 .grid-item:hover .caption h3, 
.tc-grid-style2 .grid-item:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-grid-style2 .grid-item .link-wrap {position: absolute;top: 45%;left: 50%;z-index: 10;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.tc-grid-style2 .grid-item .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-grid-style2 .grid-item .link-wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 2px;}
.tc-grid-style2 .grid-item .link-wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.tc-grid-style2 .grid-item:hover .link-wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-grid-style2 .grid-item .link-wrap a:hover {background-color: rgba(255,255,255,0.8);color: #444;}

/*========================
    grid Style #3
==========================*/
.tc-grid-style3 .grid-item {position: relative;overflow: hidden;}
.tc-grid-style3 .grid-item 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-grid-style3 .grid-item:hover img {-webkit-transform: scale(1.5) translateX(12px);transform: scale(1.5) translateX(12px);}
.tc-grid-style3 .grid-item .caption {position: absolute;bottom: 20px;z-index: 10;right: 25px;text-align: right;}
.tc-grid-style3 .grid-item: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-grid-style3 .grid-item:hover:after {opacity: 1;}
.tc-grid-style3 .grid-item .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-grid-style3 .grid-item .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-grid-style3 .grid-item:hover .caption h3, 
.tc-grid-style3 .grid-item:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-grid-style3 .grid-item .link-wrap {position: absolute;top: 25px;left: 25px;z-index: 10;}
.tc-grid-style3 .grid-item .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-grid-style3 .grid-item .link-wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 2px;}
.tc-grid-style3 .grid-item .link-wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.tc-grid-style3 .grid-item:hover .link-wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-grid-style3 .grid-item .link-wrap a:hover {background-color: rgba(255,255,255,0.8);color: #444;}

/*========================
    grid Style #4
==========================*/
.tc-grid-style4 .grid-item {position: relative;overflow: hidden;}
.tc-grid-style4 .grid-item 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-grid-style4 .grid-item:hover img {-webkit-transform: scale(1.5) translateX(-12px);transform: scale(1.5) translateX(-12px);}
.tc-grid-style4 .grid-item .caption {position: absolute;bottom: 20px;z-index: 10;left: 25px;text-align: left;width: calc(100% - 50px);}
.tc-grid-style4 .grid-item: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-grid-style4 .grid-item:hover:after {opacity: 1;}
.tc-grid-style4 .grid-item .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-grid-style4 .grid-item .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-grid-style4 .grid-item:hover .caption h3, 
.tc-grid-style4 .grid-item:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-grid-style4 .grid-item .link-wrap {position: absolute;top: 25px;left: 25px;z-index: 10;}
.tc-grid-style4 .grid-item .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-grid-style4 .grid-item .link-wrap a:last-child {margin-left: 2px;-webkit-transition-delay: .1s;transition-delay: .1s;}
.tc-grid-style4 .grid-item:hover .link-wrap a {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.tc-grid-style4 .grid-item .link-wrap a:hover {background-color: rgba(255,255,255,0.5);color: #444;}

/*==========================
    grid Style #5
===========================*/
.tc-grid-style5 .grid-item {position: relative;overflow: hidden;}
.tc-grid-style5 .grid-item 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-grid-style5 .grid-item:hover img {-webkit-transform: scale(1.5) translateY(12px);transform: scale(1.5) translateY(12px);}
.tc-grid-style5 .grid-item: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-grid-style5 .grid-item:hover:after {opacity: 1}
.tc-grid-style5 .grid-item .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-grid-style5 .grid-item .caption h3 {color: #fff;font-size: 19px;margin-bottom: 2px;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-grid-style5 .grid-item .link-wrap {position: absolute;top: 40%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);z-index: 10;}
.tc-grid-style5 .grid-item .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-grid-style5 .grid-item .link-wrap a:last-child {margin-left: 2px;-webkit-transition-delay: .1s;transition-delay: .1s;}
.tc-grid-style5 .grid-item:hover .link-wrap a {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.tc-grid-style5 .grid-item .link-wrap a:hover {background-color: rgba(0, 0, 0, 0.9);color: #f5f5f5;}

/*========================
    grid Style #6
==========================*/
.tc-grid-style6 .grid-item {position: relative;overflow: hidden;}
.tc-grid-style6 .grid-item 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-grid-style6 .grid-item:hover img {-webkit-transform: scale(1.5) rotate(10deg);transform: scale(1.5) rotate(10deg);}
.tc-grid-style6 .grid-item: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-grid-style6 .grid-item:hover:after {opacity: 1}
.tc-grid-style6 .grid-item .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-grid-style6 .grid-item:hover .caption {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-grid-style6 .grid-item .caption h3 {color: #fff;font-size: 19px;margin-bottom: 2px;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-grid-style6 .grid-item .link-wrap {position: absolute;top: 40%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);z-index: 10;}
.tc-grid-style6 .grid-item .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-grid-style6 .grid-item .link-wrap a:last-child {margin-left: 2px;-webkit-transition-delay: .1s;transition-delay: .1s;}
.tc-grid-style6 .grid-item:hover .link-wrap a {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.tc-grid-style6 .grid-item .link-wrap a:hover {background-color: rgba(0, 0, 0, 0.9);color: #f5f5f5;}


/*-----------------------
    Filter Common Styles
-------------------------*/
[class*="tc-filter"],
[class*="tc-filter"] ul {padding: 0;margin: 0;}
[class*="tc-filter"] li {display: inline-block;list-style-type: none;}
[class*="tc-filter"] li + li {margin-left: 15px;}
[class*="tc-filter"] li a {display: block;position: relative;margin-bottom: 15px;color: #777;-webkit-transition: all .25s ease;transition: all .25s ease;font-weight: 600;}
[class*="tc-filter"] li a:hover,
[class*="tc-filter"] li.uk-active a {color: #444;}

/*-----------------------
    Link Effect1
-------------------------*/

.tc-filter-style1 li a {position: relative;padding-bottom: 8px;}
.tc-filter-style1 li a::after {position: absolute;top: 100%;left: 0;width: 100%;height: 3px;background: rgba(0, 0, 0, 0.1);content: '';opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(10px);transform: translateY(10px);}
.tc-filter-style1 li a:hover::after,
.tc-filter-style1 li.uk-active a:after {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}

/*-----------------------
    Link Effect2
-------------------------*/
.tc-filter-style2 li a {position: relative;padding-bottom: 8px;}
.tc-filter-style2 li a::after {position: absolute;top: 100%;left: 0;width: 0;height: 1px;background: #444;content: '';opacity: 0;-webkit-transition: opacity 0.3s, width 0.4s;transition: opacity 0.3s, width 0.4s;}
.tc-filter-style2 li a:hover::after,
.tc-filter-style2 li.uk-active a:after {opacity: 1;width: 100%;}

/*-----------------------
    Link Effect3
-------------------------*/
.tc-filter-style3 li a {padding-bottom: 10px;}
.tc-filter-style3 li a::after {position: absolute;top: 100%;left: 0;width: 100%;height: 1px;background: #777;content: '';opacity: 0;-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;transition: height 0.3s, opacity 0.3s, transform 0.3s;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.tc-filter-style3 li a:hover::after,
.tc-filter-style3 li.uk-active a::after {height: 5px;opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}

/*-----------------------
    Link Effect4
-------------------------*/
.tc-filter-style4 li a {position: relative;padding: 5px 8px;border: 1px solid transparent;transition: all .3s ease;}
.tc-filter-style4 li a:hover {border: 1px solid #777;}
.tc-filter-style4 li.uk-active a {border: 1px solid #777;}
/*-----------------------
    Link Effect5
-------------------------*/
.tc-filter-style5 li a {padding: 10px 0;}
.tc-filter-style5 li a::before,
.tc-filter-style5 li a::after {position: absolute;left: 0;width: 100%;height: 2px;background: rgba(0, 0, 0, 0.4);content: '';opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.tc-filter-style5 li a::before {top: 0;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.tc-filter-style5 li a::after {bottom: 0;-webkit-transform: translateY(10px);transform: translateY(10px);}
.tc-filter-style5 li a:hover::before,
.tc-filter-style5 li.uk-active a:before,
.tc-filter-style5 li a:hover::after,
.tc-filter-style5 li.uk-active a:after {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}

/*-----------------------
    Link Effect6
-------------------------*/
.tc-filter-style6 li a {position: relative;padding: 5px 8px;transition: all .3s ease;}
.tc-filter-style6 li a:hover {background: #eee;}
.tc-filter-style6 li.uk-active a {background: #eee;}