@charset "UTF-8";


/**
*
* -----------------------------------------------------------
*
* Template : Image Hover Effect
* Author : thecodude
* Author URI : http://thecodude.com
*
* -----------------------------------------------------------
*
**/

.caption h3 {font-size: 17px;text-transform: uppercase;}
.caption p {font-size: 13px;line-height: normal;text-transform: uppercase;margin: 0;}
[class*="image-effect"] img {max-width: 100%;vertical-align: middle;border: 0;}
.link-wrap div {display: inline-block;}
.link-wrap .uk-icon-link, .link-wrap .uk-icon-link:focus, .link-wrap .uk-icon-link:hover {color: inherit;}
.uk-lightbox-toolbar-icon {background: transparent !important;}
.uk-modal-dialog .uk-close {color: #fff !important;background: rgba(0, 0, 0, 0.7);top: 3px !important;right: 3px !important;border-radius: 0;width: 36px;height: 36px;line-height: 36px;font-size: 18px;border-radius: 50%;font-weight: 300;}

/*========================
    Image Effect #1
==========================*/
.tc-image-effect1 {position: relative;overflow: hidden;}
.tc-image-effect1 img {-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tc-image-effect1:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.04);filter: blur(3px);}
.tc-image-effect1 .caption {position: absolute;bottom: calc(50% - 30px);left: 50%;transform: translateX(-50%) translateY(50%);z-index: 10;text-align: center;width: 100%;}
.tc-image-effect1: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-effect1:hover:after {opacity: 1;}
.tc-image-effect1 .caption h3 {color: #fff;margin-bottom: 8px;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;}
.tc-image-effect1 .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-effect1:hover .caption h3, 
.tc-image-effect1:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-image-effect1 .link-wrap {position: absolute;top: calc(50% - 30px);right: 50%;transform: translateX(50%) translateY(-50%);z-index: 10;}
.tc-image-effect1 .link-wrap a {display: inline-block;height: 52px;width: 52px;line-height: 52px;background-color: rgba(0, 0, 0, 0.6);text-align: center;color: #fff;font-size: 18px;opacity: 0;border-radius: 50%;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-effect1 .link-wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 5px;}
.tc-image-effect1 .link-wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.tc-image-effect1:hover .link-wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-image-effect1 .link-wrap a:hover {background-color: rgba(0, 0, 0, 0.9);}


/*========================
    Responsive
==========================*/
@media (max-width: 768px) {
    [class*="tc-image-effect"] {
        margin-bottom: 30px;
    }
}
@media (max-width: 420px) {
    .caption h3 {
        font-size: 16px;
    }
    .caption p {
        display: none !important;
    }
    .tc-image-effect5 .link-wrap {
        top: auto;
        bottom: 25px;
        transform: translateX(50%) translateY(0);
    }
    .tc-image-effect11 .link-wrap, 
    .tc-image-effect14 .link-wrap {
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
}