.section{padding:5rem 0;color:#333}.section .top-side{text-align:center}.section .top-side .title{font-weight:500;font-size:1.5rem;display:inline-block}.section .top-side .title:after{content:'';display:block;width:50%;border-bottom:1px solid #494949;margin:8px auto}.section .top-side h2{font-size:3.5rem;font-weight:700}.section.portfolio .filters{text-align:center;margin-top:50px}.section.portfolio .filters ul{padding:0}.section.portfolio .filters ul li{list-style:none;display:inline-block;padding:20px 30px;cursor:pointer;position:relative}.section.portfolio .filters ul li:after{content:'';display:block;width:calc(0% - 60px);position:absolute;height:2px;background:#333;-webkit-transition:width 350ms ease-out;transition:width 350ms ease-out}.section.portfolio .filters ul li:hover:after{width:calc(100% - 60px);-webkit-transition:width 350ms ease-out;transition:width 350ms ease-out}.section.portfolio .filters ul li.active:after{width:calc(100% - 60px)}.section.portfolio .filters-content{margin-top:50px}.section.portfolio .filters-content .show{opacity:1;visibility:visible;-webkit-transition:all 350ms;transition:all 350ms}.section.portfolio .filters-content .hide{opacity:0;visibility:hidden;-webkit-transition:all 350ms;transition:all 350ms}.section.portfolio .filters-content .item{text-align:center;cursor:pointer;margin-bottom:20px}.section.portfolio .filters-content .item .p-inner{display:none;padding:20px 30px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.section.portfolio .filters-content .item .p-inner h5{font-size:15px}.section.portfolio .filters-content .item .p-inner .cat{font-size:13px}.section.portfolio .filters-content .item img{width:100%}@media (max-width:480px){.section.portfolio .filters ul li{padding:0}.section.portfolio .filters ul li:not(:last-of-type){padding-right:10px}.section.portfolio .filters ul li.active:after{width:calc(100% - 10px)}}