/*==========================================
    PORTFOLIO STYLES
    =====================================================*/
.portfolio-items, .portfolio-filter { list-style: none; padding: 0; margin: 0; }
.portfolio-items { margin-right: 0px; }
.portfolio-filter { margin-bottom: 50px; text-align: center; }
.portfolio-filter > li { display: inline-block;margin:5px 6px 5px 0; }
.portfolio-filter > li:first-child { margin-right: 3px; }
.portfolio-items > li { float: left; padding: 0; margin: 0; }
.portfolio-filter > li > a.btn { background-color: #999932; border: none; color: #fff; padding: 6px 15px; font-family: 'Courgette', sans-serif; font-size: 20px; font-weight: 400; }
.portfolio-filter > li > a.btn:hover { background-color: #000; }
.portfolio-filter > li > a.btn.active { box-shadow: none; background-color: #000; }
.portfolio-items.col-4 > li { width: 24.9%; }
.portfolio-item .item-main { margin: 0px; text-align: center; background: #fff; padding: 0px; border:none; }
.portfolio-item img { width: 100%;height: 196px; }
.portfolio-item .portfolio-image { position: relative; }
.portfolio-item .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(255, 255, 255, 0.9); text-align: center; vertical-align: middle; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; }
.portfolio-item .overlay .preview { position: relative; top: 50%; display: inline-block; margin-top: -45px; font-size: 50px; color: #999932;float: none;border: none;left:0; }
.portfolio-item:hover .overlay { opacity: 1; }
/*==========================================
   ISOTOPE FILTERING STYLES
    =====================================================*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { /*pointer-events: none;*/  z-index: 1; }
/* ISOTOPE CSS3 TRANSACTIONS */
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
/* DISABLE ISOTOPE CSS3 TRANSACTIONS */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* DISABLE ISOTOPE CSS3 TRANSACTIONS FOR CONTAINERS WITH INFINITE SCROLLING */
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }



/***********************xs**********************/
@media (max-width: 767px) {
.portfolio-items.col-4 > li { width: 49.9% !important; }
 }