.bbctools-container{--bbctools-text-color:#FFF;--bbctools-text-color-hover:#FFF;--bbctools-bg-color:#e74c3c;--bbctools-bg-color-hover:#b2291a;--bbctools-zindex:999;--bbctools-offset:0;--bbctools-offset-bottom:var(--bbctools-offset);--bbctools-icon-size:16px;--bbctools-item-size:2.5em;--bbctools-item-height:2em;--bbctools-hover-container-bg-color:var(--bbctools-text-color);--bbctools-strong-color:var(--bbctools-bg-color);--bbctools-hover-container-text-color:#333}
.bbctools{list-style:none;padding:0;margin-bottom:0}
.bbctools *{box-sizing:border-box}
.bbctools a{transition:all 0.35s}
.bbctools a,.bbctools span{display:block;text-decoration:none;line-height:1.5}
.bbctools li{position:relative;z-index:1;text-align:center}
.bbctools li:hover{z-index:9}
.bbctools>li>a{color:var(--bbctools-text-color);background-color:var(--bbctools-bg-color)}
.bbctools>li>a:hover{color:var(--bbctools-text-color-hover);background-color:var(--bbctools-bg-color-hover)}
.bbctools-hover-container{position:absolute;opacity:0;visibility:hidden;transition:all 0.35s}
@media (min-width:768px){.bbctools-hide-on-pc{display:none !important}}
@media (max-width:767px){.bbctools-hide-on-mobile{display:none !important}}
.bbctools-container{position:fixed;z-index:var(--bbctools-zindex)}
.bbctools-title{display:block;font-size:12px}
.bbctools-hide-title .bbctools-title{display:none}
.bbctools-hover-container{background-color:var(--bbctools-hover-container-bg-color);box-shadow:0 2px 10px rgba(0,0,0,0.25)}
.bbctools-hover-container-qrcode{padding:5px;display:flex}
.bbctools-hover-container-qrcode>span{padding:5px;color:var(--bbctools-hover-container-text-color)}
.bbctools-hover-container-phone,.bbctools-hover-container-email{text-align:left;white-space:nowrap;padding:5px}
.bbctools-hover-container-phone .bbctools-item,.bbctools-hover-container-email .bbctools-item{padding:5px 10px}
.bbctools-hover-container-phone .bbctools-item:hover,.bbctools-hover-container-email .bbctools-item:hover{background-color:rgba(0,0,0,0.05)}
.bbctools-hover-container-phone .bbctools-item:not(:last-child),.bbctools-hover-container-email .bbctools-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.075)}
.bbctools-hover:hover .bbctools-hover-container{opacity:1;visibility:visible}
.bbctools-item-qrcode{width:120px;height:120px;object-fit:cover}
.bbctools-item-qrcode-title{font-size:12px}
.bbctools-item-title{color:var(--bbctools-hover-container-text-color)}
.bbctools-item .bbctools-item-phone{font-size:1.5em;font-weight:bold;line-height:1.25;color:var(--bbctools-strong-color)}
.bbctools-item .bbctools-item-email{font-size:1.25em;line-height:1.25;color:var(--bbctools-strong-color)}
@media (min-width:768px){.bbctools-gotop{overflow:hidden}.bbctools-gotop:not(.active) a{height:0}.bbctools-md{--bbctools-icon-size:20px;--bbctools-item-size:2.5em}.bbctools-lg{--bbctools-icon-size:24px;--bbctools-item-size:70px}.bbctools-lg.bbctools-show-title .bbctools>li>a{display:flex;flex-direction:column;line-height:1.5;justify-content:center;align-items:center}.bbctools-lg.bbctools-show-title .bbctools-icon{margin-bottom:0.25em}.bbctools-center-left{top:50%;left:var(--bbctools-offset)}.bbctools-center-right{top:50%;right:var(--bbctools-offset)}.bbctools-center-left .bbctools-hover-container{left:100%;top:0}.bbctools-center-right .bbctools-hover-container{right:100%;top:0}.bbctools-center-left,.bbctools-center-right{transform:translate(0,-50%)}.bbctools-bottom-left{bottom:var(--bbctools-offset-bottom);left:var(--bbctools-offset)}.bbctools-bottom-right{bottom:var(--bbctools-offset-bottom);right:var(--bbctools-offset)}.bbctools-bottom-left .bbctools-hover-container{left:100%;bottom:0}.bbctools-bottom-right .bbctools-hover-container{right:100%;bottom:0}.bbctools>li>a{font-size:var(--bbctools-icon-size);width:var(--bbctools-item-size);height:var(--bbctools-item-size);line-height:var(--bbctools-item-size)}.bbctools-show-divider li:not(:first-child){border-top:1px solid var(--bbctools-bg-color-hover)}}
@media (max-width:767px){.bbctools{display:flex}.bbctools-container{bottom:0;left:0;width:100%}.bbctools-gotop{position:absolute !important;z-index:2;right:6px;bottom:100%;margin-bottom:6px}.bbctools-gotop a{width:2em;height:2em;padding:0 !important;line-height:2em !important}.bbctools-gotop:not(.active) a{opacity:0;visibility:hidden;transform:translate3d(0,120%,0)}.bbctools-hover-container{left:0;bottom:100%;width:100%}.bbctools-hover-container-qrcode{justify-content:center}.bbctools li{position:static;flex:1 0 0%}.bbctools li>a{font-size:var(--bbctools-icon-size);line-height:var(--bbctools-item-size);line-height:1.5;padding:10px 0}.bbctools-md{--bbctools-icon-size:18px}.bbctools-lg{--bbctools-icon-size:20px}.bbctools.bbctools-show-title .bbctools>li>a{display:flex;flex-direction:column;line-height:1.5;justify-content:center;align-items:center;padding:7px 0}.bbctools.bbctools-show-title .bbctools-icon{margin-bottom:0.25em}.bbctools-show-divider li:not(:first-child){border-left:1px solid var(--bbctools-bg-color-hover)}}


/*========================
    Common Styles
==========================*/
[class*="image-effect"] .caption h3 {font-size: 17px;text-transform: uppercase;}
[class*="image-effect"] .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;}

/*========================
    Image Effect #3
==========================*/
.tc-image-effect3 {position: relative;overflow: hidden;}
.tc-image-effect3:before {position: absolute;content: "";right: 20px;bottom: 20px;border: 2px solid rgba(255, 255, 255, 0.64);-webkit-box-shadow: 0 0 0 30px rgba(255,255,255,.4);box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.4);opacity: 0;top: 20px;left: 20px;z-index: 1;transition: all .4s ease;}
.tc-image-effect3:hover:before {opacity: 1;}
.tc-image-effect3 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-effect3:hover img {-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.tc-image-effect3 .caption {position: absolute;bottom: calc(50% - 30px);left: 50%;transform: translateX(-50%) translateY(50%);z-index: 10;text-align: center;width: 100%;}
.tc-image-effect3: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-effect3:hover:after {opacity: 1;}
.tc-image-effect3 .caption h3 {color: #fff;margin-bottom: 10px;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;opacity: 0;}
.tc-image-effect3 .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-effect3:hover .caption h3, 
.tc-image-effect3:hover .caption p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-image-effect3 .link-wrap {position: absolute;top: calc(50% - 30px);right: 50%;transform: translateX(50%) translateY(-50%);z-index: 10;}
.tc-image-effect3 .link-wrap a {display: inline-block;height: 36px;width: 36px;line-height: 34px;background-color: rgba(255,255,255,0.2);border: 2px solid rgba(255, 255, 255, 0.3);text-align: center;color: #fff;font-size: 14px;opacity: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.tc-image-effect3 .link-wrap a:first-child {-webkit-transform: translateY(-30px);transform: translateY(-30px);margin-right: 5px;}
.tc-image-effect3 .link-wrap a:last-child {-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.tc-image-effect3:hover .link-wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.tc-image-effect3 .link-wrap a:hover {background-color: rgba(255,255,255,0.4);}

/*========================
    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%);
    }
}