/**
 * @author      Arfan Fudyartanto D N <arfan@mylits.com>
 * @created     Apr 11, 2016, 1:29:21 AM
 * @copyright   MYLITS - web / design / software development
 */
.bt-gallery-box.disable{text-align: center; padding: 30px 0; border: solid 1px #dddddd; background-color: #F1F1F1; color: #777777}
.bt-gallery-box .gallery-box-img-wrapper{
    display: block; position: relative; overflow: hidden;
}
.bt-gallery-box .caption-outer-wrapper{
    position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgba(255,255,255,0.8);
    -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;
    opacity: 0;
}
.bt-gallery-box .caption-wrapper{
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    text-align: center;
    color: black;
    width: 100%;
    padding: 0 15px;
}
.bt-gallery-box .caption-wrapper.no-title .caption-line, .bt-gallery-box .caption-wrapper.no-description .caption-line{
    display: none !important;
}
.bt-gallery-box .caption-title{
    text-transform: uppercase; font-weight: bold;
    -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;
    -webkit-transform: translateY(-20px);
    -khtml-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
}
.bt-gallery-box .caption-description{
    -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;
    -webkit-transform: translateY(20px);
    -khtml-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
}
.bt-gallery-box .caption-line{margin: 10px auto; width: 50px;}
.bt-gallery-box .caption-line:after{
    content: ""; display: block; height: 1px; background-color: black;
    -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;
    -webkit-transform: scaleX(0);
    -khtml-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
}
.bt-gallery-box .gallery-box-img-wrapper.loaded:hover .caption-outer-wrapper{
    opacity: 1;
}
.bt-gallery-box .gallery-box-img-wrapper.loaded:hover .caption-title,
.bt-gallery-box .gallery-box-img-wrapper.loaded:hover .caption-description{
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.bt-gallery-box .gallery-box-img-wrapper.loaded:hover .caption-line:after{
    -webkit-transform: scaleX(1);
    -khtml-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.bt-gallery-box .item{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;overflow: hidden}
.bt-gallery-box .gallery-box-img{
    background-size: cover; background-position: center center; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0;
    -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;
}
.bt-gallery-box .gallery-box-img-wrapper.loaded .gallery-box-img{opacity: 1}
.bt-gallery-box .gallery-box-img-wrapper.loaded:hover .gallery-box-img{
    -webkit-transform: scale(1.05);
    -khtml-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.bt-gallery-box .shape-keeper{width: 100%; height: auto; opacity: 0}
.bt-gallery-box .loader-wrapper{position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;}
.bt-gallery-box .preloader-outer-wrapper{
    width: 36px;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.bt-gallery-box .row{margin: 0px;}
.bt-gallery-box .row [class^="col-"], .bt-gallery-box .row [class*=" col-"] {
    padding: 0px;
}