.cbp-filter-counter{color:#fff;opacity:0;text-align:center;visibility:hidden;background-color:#3288c4;border-radius:3px;width:34px;margin:0 auto;padding:4px 0;font:400 11px/18px Open Sans,sans-serif;transition:all .5s;display:block;position:absolute;top:0;left:0;right:0}.react-tabs__tab:hover .cbp-filter-counter{color:#fff;opacity:1;text-align:center;visibility:visible;background-color:#3288c4;border-radius:3px;width:34px;margin:0 auto;padding:4px 0;font:400 11px/18px Open Sans,sans-serif;display:block;position:absolute;top:-35px;left:0;right:0}.cms-portfolio-page{position:relative}.Portfolio .filters-section button.filter-item{color:#888;cursor:pointer;-o-transition:all .3s ease-in-out;background-color:#fff;border:2px solid #ececec;border-radius:2px;margin:10px 10px 0 0;padding:0 17px;font:600 14px/29px Open Sans,sans-serif;transition:all .3s ease-in-out;position:relative;overflow:visible}.Portfolio button.filter-item:hover{color:#74b53a!important}.Portfolio .filters-section span.filter-counter{color:#fff;text-align:center;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;-o-transition:opacity .25s ease,bottom .25s ease;background-color:#6fb044;border-radius:3px;width:34px;margin:0 auto;padding:4px 0;font:400 11px/18px Open Sans,sans-serif;transition:opacity .25s,bottom .25s;position:absolute;bottom:0;left:0;right:0}.Portfolio button.filter-item:hover span.filter-counter{opacity:1;transform:translateY(-40px)}.Portfolio span.filter-counter:before{content:"";border-top:4px solid #72b33f;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin:0 auto;position:absolute;bottom:-4px;left:0;right:0}.Portfolio .filters-button{border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:10px;padding-top:20px;padding-bottom:40px;display:flex}.Portfolio .tab-panel-container{flex-wrap:wrap;gap:25px;margin-top:20px;display:flex}.Portfolio .tab-item{width:23%}.Portfolio .tab-image{text-align:center;border:1px solid #ccc;margin-bottom:20px;position:relative;overflow:hidden}.Portfolio .tab-image img{width:100%;height:200px;position:relative}.Portfolio .maininfo{box-sizing:border-box;background:#282727;justify-content:center;gap:20px;width:100%;padding:4px 0;display:flex;position:absolute;bottom:0}.Portfolio a.orinfo{color:#fff;background-color:#70b13f;width:90px;margin:4px;font:12px/28px sans-serif;text-decoration:none;transition:all .5s}.Portfolio a.orinfo:hover{background-color:#f49b35}.page-title-sc{text-align:center;background-image:linear-gradient(90deg,#000,#2974b9);flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.Portfolio .title h2{color:#fff;margin-bottom:20px;font-size:32px;font-weight:700}.Portfolio .content p{color:#fff;font-size:16px;font-weight:400;line-height:30px}.tab-panel .tab-item p.newhouse{color:#474747;text-transform:uppercase;border-bottom:1px solid #ddd;padding-bottom:12px;font:700 14px sans-serif}.filters-section,.tab-panel{padding:0 60px}@media only screen and (max-width:768px){.page-title-sc{padding:0 10px}.Portfolio .title h2{font-size:30px}.filters-section,.tab-panel{padding:0 10px}.Portfolio .tab-panel-container{justify-content:space-between;gap:0}.Portfolio .tab-item{width:32%;margin-bottom:20px}}@media only screen and (max-width:414px){.Portfolio .title h2{margin-bottom:12px;font-size:28px}.Portfolio .content p{line-height:24px}.Portfolio .filters-button{gap:0}.Portfolio .tab-item{width:100%}}.cms-portfolio{padding:40px 0 30px}.text-center{text-align:center}.section-title{margin-bottom:40px;position:relative}.section-title h1{color:#041424;font-size:38px;font-weight:700;line-height:48px}.project-count{color:#f0f5fd;z-index:-1;justify-content:center;font-size:400px;font-weight:700;line-height:50px;display:flex;position:absolute;bottom:0;left:0;right:0}.portfolio_nav{border:1px solid #1111111f;border-radius:55px;margin-bottom:60px;padding:15px 18px;display:inline-block}.portfolio_menu{text-align:center;padding:0}.portfolio_menu ul li{cursor:pointer;color:#021524;z-index:1;border:1px solid #041424;border-radius:30px;padding:7px 28px;font-weight:500;display:inline-block;position:relative}ul.menu-filtering{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}li.current_menu_item{background:#166cfb;color:#fff!important}.demo-thumb{background:#dddddd63;border-radius:20px 20px 0 0;position:relative}.demo-thumb img{object-fit:contain;width:100%;height:auto;min-height:200px}.portfolio-items{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.portfolio-items .grid-item{border-radius:20px;box-shadow:3px -4px 5px #ddd}.demo-content{filter:drop-shadow(9.976px .698px 25px #bdbdbd59);background-color:#fff;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;padding:30px 30px 25px;display:flex}.demo-title a{color:#041424;font-size:24px;font-weight:600;line-height:28px;text-decoration:none;transition:all .5s;display:inline-block}.demo-title a:hover{color:#166cfb}.demo-title p{color:#686868;font-size:16px;font-weight:400;line-height:26px}.demo-button span{border:1px solid #0414241a;border-radius:25px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .5s;display:flex;position:relative}.demo-button span:hover{background-color:#166cfb}.demo-button span:hover svg{color:#fff}.live-demo-content{position:absolute;top:45%;left:30%}.live-demo-content a{color:#fff;opacity:0;text-transform:uppercase;border:1px solid #ffffff4d;border-radius:30px;padding:11px 27px;font-size:14px;font-weight:600;text-decoration:none;transition:all .5s;display:inline-block}.demo-thumb:before{content:"";background-color:#030e21d9;border-radius:14px 14px 0 0;width:0;height:100%;transition:all .5s;position:absolute;top:0;left:50%}.single-demo:hover .demo-thumb:before{width:100%;left:0}.single-demo:hover .live-demo-content a{opacity:1}.live-demo-content a:hover{background:#166cfb}.mobile-protfolio{display:none}.content-body{margin-top:10px}@media only screen and (max-width:991px){.section-title h1{font-size:36px;line-height:46px}.demo-title a{font-size:20px}.portfolio-items{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:768px){.section-title h3{font-size:400px}.section-title h1{font-size:28px;line-height:36px}.demo-title a{font-size:20px}.demo-title p{font-size:15px}.demo-content{padding:20px}.portfolio-items{gap:15px}.cms-portfolio{margin:0 10px;padding:50px 0}.desktop-protfolio{display:none!important}.mobile-protfolio{display:block}.grid-item.d-block{box-shadow:unset}.cms-portfolio{margin:0;padding:30px 0 10px}}@media only screen and (max-width:639px){.portfolio-items{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:460px){.portfolio-items .grid-item{width:100%}.portfolio_nav{margin-bottom:40px}.portfolio_menu ul li{padding:4px 28px}.section-title h1{font-size:24px;line-height:34px}.section-title h3{font-size:250px;top:70px;right:30px}}@media only screen and (max-width:414px){.section-title h3{font-size:200px;top:70px;right:50px}}