/* ====---- GALLERY 002 ----==== */
#gallery002 a{text-decoration:none}
#gallery002 a:hover{}
#gallery002 .content{font-size:14px}

#gallery001 .auto-container{position:static;max-width:1200px;padding:0px 15px;margin:0 auto}

/* ====---- GENERAL ----==== */
.gallery-section{position:relative;padding:0}

.gallery-section .filters{margin-bottom:10px;text-align:center}
.gallery-section .filters .filter-tabs{position:relative}
.gallery-section .filters li{position:relative;display:inline-block;margin:5px 0;margin-right:5px;padding:5px 15px;background:#fff;color:#000;font-size:90%;line-height:normal;outline:medium none;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:all .3s}
.gallery-section .filters .filter:hover, 
.gallery-section .filters .filter.active,
.gallery-section .filters .filter:focus
{color:#fff;background:#f0542c}

.gallery-section .gallery-item{margin-bottom:25px}

.gallery-item.mix{display:none}

.gallery-section.fullwidth .filter-list{padding:0px 15px}
.gallery-section.fullwidth .gallery-item{width:20%;float:left;padding:0px 15px}

.gallery-item{position:relative}
.gallery-item .inner-box{position:relative;width:100%;overflow:hidden;min-height:275px}
@media only screen and (max-width:991px){.gallery-item .inner-box{min-height:325px}}
@media only screen and (max-width:767px){.gallery-item .inner-box{min-height:inherit}}

.gallery-item .image-box{position:relative;display:block}
.gallery-item .image-box img{position:relative;display:block;width:100%}
.gallery-item .overlay-box{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0;color:#fff;text-align:center;--alpha:0.3;background:rgba(0,0,0, var(--alpha));-webkit-transition:all 700ms ease;-ms-transition:all 700ms ease;-o-transition:all 700ms ease;transition:all 700ms ease;-webkit-transform:translate(-100%, 0%);-ms-transform:translate(-100%, 0%);-o-transform:translate(-100%, 0%);-moz-transform:translate(-100%, 0%);transform:translate(-100%, 0%)}
.gallery-item .inner-box:hover .overlay-box{opacity:1;-webkit-transform:translate(0%);-ms-transform:translate(0%);-o-transform:translate(0%);-moz-transform:translate(0%);transform:translate(0%)}
.gallery-item .overlay-inner{position:absolute;left:0px;top:0px;width:100%;height:100%;display:table;vertical-align:middle;padding:10px 0px}
.gallery-item .overlay-inner .content{position:relative;display:table-cell;vertical-align:middle}
.gallery-item .overlay-inner .link{position:relative;font-size:20px;color:#fff;background:#f0542c;width:50px;height:50px;line-height:52px;border-radius:50%;margin:0px 5px;display:inline-block;transition:all .3s}
.gallery-item .overlay-inner .link .icon{position:relative}
.gallery-item .overlay-inner .link:hover{color:#fff;background:#d4370f}

.gallery-item .inner-box h3{position:relative;font-size:125%;font-weight:600;text-align:center;padding:15px 0px 3px}
.gallery-item .inner-box h3 a{position:relative;color:#3d3d3d;transition:all 0.3s}
.gallery-item .inner-box h3{color:#141414}
.gallery-item .inner-box .text{position:relative;text-align:center}

/* ====---- NAVIGATION LEFT ----==== */
.gallery-section .filters{text-align:left}
.gallery-section .filters li{margin-right:10px;padding:5px 5px;color:#5d5d5d;font-weight:600;background:transparent;border:0;border-radius:0;text-shadow:none;}
.gallery-section .filters .filter:hover, 
.gallery-section .filters .filter.active,
.gallery-section .filters .filter:focus
{color:#f0542c;background:transparent;border-bottom:2px solid #f0542c;transition:all .0s}
.left-left-margin{margin-left:-20px}