@charset "UTF-8";


@font-face {
   font-family: 'Plus Jakarta Sans', sans-serif;
   src: url('../../webfonts/tiempos-headline-web-bold.eot');
   src: url('../../webfonts/tiempos-headline-web-bold.eot') format('embedded-opentype'),
        url('../../webfonts/tiempos-headline-web-bold.woff2') format('woff2'),
        url('../../webfonts/tiempos-headline-web-bold.woff') format('woff');
   font-weight: 700;
   font-style: normal;
    font-display: swap;
}    

[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;}


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

/*========================
    Responsive
==========================*/
@media (max-width: 768px) {
    [class*="tc-image-effect"] {
        margin-bottom: 30px;
    }
}
@media (max-width: 420px) {
    .caption h3 {
        font-size: 16px;
    }
    .caption p {
        
    }
    .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%);
    }
}