.g5plus-portfolio img{width: 100%}.g5plus-portfolio.col-gap-0 .row{margin-left: 0;margin-right: 0}.g5plus-portfolio.col-gap-0 .gf-item-wrap{padding-left: 0;padding-right: 0}.g5plus-portfolio.col-gap-10:not(.portfolio-slider) .portfolio-content{margin-left: -5px;margin-right: -5px}.g5plus-portfolio.col-gap-10:not(.portfolio-slider) .portfolio-item{padding-left: 5px;padding-right: 5px}.g5plus-portfolio.col-gap-15:not(.portfolio-slider) .portfolio-content{margin-left: -7.5px;margin-right: -7.5px}.g5plus-portfolio.col-gap-15:not(.portfolio-slider) .portfolio-item{padding-left: 7.5px;padding-right: 7.5px}.g5plus-portfolio.col-gap-30:not(.portfolio-slider) .portfolio-content{margin-left: -15px;margin-right: -15px}.g5plus-portfolio.col-gap-30:not(.portfolio-slider) .portfolio-item{padding-left: 15px;padding-right: 15px}.g5plus-portfolio .block-center{padding: 25px}.g5plus-portfolio .portfolio-inner{position: relative;z-index: 1}.g5plus-portfolio .portfolio-inner:before{position: absolute;display: block;content: '';top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background-color: rgba(0,0,0,0.8);opacity: 0;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s}.g5plus-portfolio .portfolio-inner .portfolio-item-content{position: absolute;top: 0;left: 0;bottom: 0;right: 0;opacity: 0;z-index: 2;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}.g5plus-portfolio .portfolio-inner .portfolio-item-content a.title,.g5plus-portfolio .portfolio-inner .portfolio-item-content p{letter-spacing: 0.02em}.g5plus-portfolio .portfolio-inner .portfolio-item-content a.title{color: #fff;font-size: 20px;text-transform: uppercase;line-height: 1.2;font-weight: bold;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}.g5plus-portfolio .portfolio-inner .portfolio-item-content p{font-size: 15px;line-height: 1.7;margin-top: -4px;margin-bottom: 0}.g5plus-portfolio .portfolio-inner .portfolio-item-content a.view-gallery,.g5plus-portfolio .portfolio-inner .portfolio-item-content a.link-single{width: 42px;height: 42px;line-height: 38px;border: 1px solid rgba(255,255,255,0.4);display: inline-block;margin-top: 36px;-webkit-border-radius: 50%;-webkit-background-clip: padding-box;-moz-border-radius: 50%;-moz-background-clip: padding;border-radius: 50%;background-clip: padding-box;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}.g5plus-portfolio .portfolio-inner .portfolio-item-content a.view-gallery i,.g5plus-portfolio .portfolio-inner .portfolio-item-content a.link-single i{color: #fff;font-size: 16px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}.g5plus-portfolio .portfolio-inner .portfolio-item-content a.link-single{margin-left: 16px}.g5plus-portfolio .portfolio-inner:hover:before,.g5plus-portfolio .portfolio-inner:hover .portfolio-item-content{opacity: 1}.g5plus-portfolio .portfolio-inner:hover .portfolio-item-content a.view-gallery,.g5plus-portfolio .portfolio-inner:hover .portfolio-item-content a.link-single{margin-top: 16px}.g5plus-portfolio .portfolio-inner:hover a.link-single{margin-left: 6px}.portfolio-filter-content{margin-bottom: 18px}.portfolio-filter-content a{cursor: pointer;font-weight: bold;color: #aaa;display: inline-block;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;margin: 0 25px 10px 25px}.active-cate-dark .portfolio-filter-content a:hover,.active-cate-dark .portfolio-filter-content .active-filter{color: #1f1f1f}.portfolio-filter-mb{margin-bottom: 30px;width: 100%}.col-gap-30 .portfolio-load-more{margin-top: 20px}.col-gap-0 .portfolio-load-more{margin-top: 50px}.col-gap-10 .portfolio-load-more{margin-top: 40px}.portfolio-width15,.portfolio-width20,.portfolio-width22,.portfolio-width25,.portfolio-width32,.portfolio-width33,.portfolio-width40,.portfolio-width50{float: left}.portfolio-width15{width: 15.23%}.portfolio-width20,.portfolio-col-width20{width: 20%}.portfolio-width22{width: 22.17%}.portfolio-width25{width: 25%}.portfolio-width32{width: 32.14%}.portfolio-width33{width: 33.333333333%}.portfolio-width40{width: 40%}.portfolio-width50{width: 50%}.portfolio-masonry-metro-style3 .portfolio-width33{width: 33.3332%}@media (max-width: 1199px){.portfolio-masonry-metro-style4 .portfolio-item:nth-child(1),.portfolio-masonry-metro-style4 .portfolio-item:nth-child(3),.portfolio-masonry-metro-style4 .portfolio-item:nth-child(10),.portfolio-masonry-metro-style4 .portfolio-item:nth-child(12){width: 24.15%}.portfolio-masonry-metro-style4 .portfolio-item:nth-child(2),.portfolio-masonry-metro-style4 .portfolio-item:nth-child(11){width: 51.7%}.portfolio-masonry-metro-style4 .portfolio-item:nth-child(4),.portfolio-masonry-metro-style4 .portfolio-item:nth-child(6),.portfolio-masonry-metro-style4 .portfolio-item:nth-child(14),.portfolio-masonry-metro-style4 .portfolio-item:nth-child(15){width: 28.85%}.portfolio-masonry-metro-style4 .portfolio-item:nth-child(5),.portfolio-masonry-metro-style4 .portfolio-item:nth-child(13){width: 42.3%}.portfolio-masonry-metro-style4 .portfolio-item:nth-child(7){width: 21.75%}.portfolio-masonry-metro-style4 .portfolio-item:nth-child(8){width: 31.75%}.portfolio-masonry-metro-style4 .portfolio-item:nth-child(9){width: 46.5%}}@media (max-width: 991px){.portfolio-width20,.portfolio-width25,.portfolio-width33,.portfolio-col-width20{width: 50%}.portfolio-width40{width: 100%}.portfolio-masonry-metro-style1 .portfolio-item:nth-child(2),.portfolio-masonry-metro-style1 .portfolio-item:last-child{width: 100%}.portfolio-masonry-metro-style2 .portfolio-item:nth-child(4),.portfolio-masonry-metro-style2 .portfolio-item:last-child{width: 100%}.portfolio-masonry-metro-style3 .portfolio-width50{width: 100% !important}}@media (max-width: 767px){.portfolio-masonry-metro-style4 .portfolio-item.portfolio-width15,.portfolio-masonry-metro-style4 .portfolio-item.portfolio-width22,.portfolio-masonry-metro-style4 .portfolio-item.portfolio-width32{width: 100%}}@media (max-width: 599px){.portfolio-width20,.portfolio-width25,.portfolio-width33,.portfolio-col-width20,.portfolio-width40,.portfolio-width50{width: 100% !important}}