.portfolio-banner{background-color:#f5f5f5;position:relative;overflow:hidden}.portfolio-banner figure{position:absolute;top:0;right:0;height:100%;text-align:right;z-index:2}.portfolio-banner figure svg{width:500px}.portfolio-banner-area{padding:150px 257px 65px 20px;position:relative;z-index:3}.portfolio-banner-area h1{font-size:48px;color:#000;margin:0 0 30px 0;position:relative;line-height:1.208}.portfolio-banner-area p{font-size:16px;color:#000;letter-spacing:1px;line-height:1.6;padding-right:15px;text-transform:capitalize}.portfolio-title .container{position:relative;max-width:1226px;height:90px;z-index:3;top:20px}.portfolio-tab{right:0;position:absolute;width:255px;height:50px;overflow:hidden;transition:all ease-in-out .5s;border-radius:2px;border:1px solid #ebebeb;-webkit-box-shadow:0 5px 9px rgba(0,0,0,.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,.08);box-shadow:0 5px 9px rgba(0,0,0,.08)}.portfolio-tab>a{color:#20202a;text-transform:capitalize;padding:16px;font-size:16px;display:block;position:relative}.portfolio-tab>a::after,.portfolio-tab>a::before{content:"";position:absolute;top:50%;right:20px;border-top:6px solid #5b5b5b;border-left:6px solid transparent;border-right:6px solid transparent;transform:translateY(-50%);z-index:999}.portfolio-tab>a::before{border-top:6px solid #cbcbcb;top:52%}.portfolio-tab .portfolio-menu{position:absolute;width:100%;top:50px;left:0;z-index:5;background:#fff;transition:all ease-in-out .5s;border:1px solid #ebebeb;-webkit-box-shadow:0 5px 9px rgba(0,0,0,.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,.08);box-shadow:0 5px 9px rgba(0,0,0,.08);max-height:337px;overflow-y:auto}.portfolio-menu li{line-height:1;font-family:'Circular Std Book';font-weight:400;text-transform:uppercase;border-bottom:2px solid #d4d4d4}.portfolio-menu li a{color:#2a2a2a;padding:18px 20px;display:block;line-height:1.5}.portfolio-menu li:hover{color:#f0011e}.portfolio-menu li:last-child{border:none}.project-gallery{max-width:80%;margin:0 auto}.project-list{width:30%;position:relative;margin:0 auto;min-height:390px;-webkit-transition:all .6s cubic-bezier(.42,0,.58,1);-moz-transition:all .6s cubic-bezier(.42,0,.58,1);-o-transition:all .6s cubic-bezier(.42,0,.58,1);transition:all .6s cubic-bezier(.42,0,.58,1);margin-bottom:20px}.project-list>a{display:block}.project-list:hover .project-info{-webkit-box-shadow:0 0 5.94px .06px rgba(0,0,0,.01),0 0 20.24px 1.76px rgba(0,0,0,.02),0 0 19.11px 1.76px rgba(0,0,0,.04);-moz-box-shadow:0 0 5.94px .06px rgba(0,0,0,.01),0 0 20.24px 1.76px rgba(0,0,0,.02),0 0 20.24px 1.76px rgba(0,0,0,.04);box-shadow:0 0 5.94px .06px rgba(0,0,0,.01),0 0 20.24px 1.76px rgba(0,0,0,.02),0 0 20.24px 1.76px rgba(0,0,0,.04)}.project-list .project-info{position:relative;z-index:2}.project-list figure{height:100%}.project-list img{display:block;width:100%}.overlay-effect{position:absolute;left:0;width:100%;height:100%;background-color:rgba(61,59,59,.9);top:0;z-index:1;text-align:center;-webkit-transition:all .4s cubic-bezier(.42,0,.58,1);-moz-transition:all .4s cubic-bezier(.42,0,.58,1);-o-transition:all .4s cubic-bezier(.42,0,.58,1);transition:all .4s cubic-bezier(.42,0,.58,1);opacity:0}.overlay-effect .link-over{position:absolute;width:134px;height:49px;padding:18px 0;background:#fff;color:#2a2a2a;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%);text-decoration:none}.project-list:hover .overlay-effect{opacity:1}.project-info span,.project-info strong{font-family:'Circular Std Book';display:block;font-size:17px;color:#d59f4c;text-transform:capitalize;margin-bottom:8px}.project-subcontent{padding:30px 0}.project-subcontent h3{font-size:19px;color:#2a2a2a;margin-bottom:8px;text-transform:capitalize;font-family:'Open Sans',sans-serif;font-weight:600}.project-tags{font-family:'Open Sans',sans-serif;font-size:12px;color:#747175;display:inline-block;margin:0;text-transform:capitalize;line-height:18px}.project-tags span{text-decoration:underline}.subcontent-subpart{margin:15px 0 10px 0;font-size:15px;line-height:25px;color:#747175}.subcontent-subpart strong{font-weight:700}.request-wrap{background:#e3f6f6;text-align:center;padding:98px 0}.request-wrap strong{font-weight:600;font-size:24px;color:#2a2a2a;display:block;margin-bottom:25px}@media (max-width:767px){.project-list{width:100%}.portfolio-banner-area{flex:0 0 80%;max-width:80%}.spx-port-image-title{padding-bottom:0}.spx-pd-100{padding-bottom:70px}.spx-port-wide{max-width:600px;margin:0 auto}}@media screen and (max-width:991px){.content{padding-top:70px}.spx-port-count{margin-top:-4.5px;height:25px;width:25px;padding:7px 2px;margin-right:7px;vertical-align:middle}.spx-port-back,.spx-port-filter li{font-size:18px}.spx-port-practise{padding:40px 15px 15px;margin-bottom:0}.spx-port-practise-head h1{font-size:32px;text-align:left}.spx-port-practise-head p{text-align:left}.spx-port-practise-head{width:100%}.spx-port-content{padding:0 0}.spx-port-info{padding:15px 15px 15px;text-align:center;-webkit-box-shadow:0 0 10px 0 #bababa;-moz-box-shadow:0 0 10px 0 #bababa;box-shadow:0 0 10px 0 #bababa;margin:0 0 40px}.spx-port-tilt-mobile{padding:15px 0 15px;-webkit-box-shadow:0 0 10px 0 #bababa;-moz-box-shadow:0 0 10px 0 #bababa;box-shadow:0 0 10px 0 #bababa;margin-bottom:0}.spx-port-col-12{margin-bottom:0}.spx-port-filter li{margin-right:9.5px}.spx-port-col-3{width:50%}.spx-port-fig{padding-bottom:100%}.spx-port-body{padding:0 25px}.spx-port-row{padding:30px 0}.spx-port-head{padding:40px 15px}.spx-port-head{margin-bottom:20px}.spx-port-head h1{padding:0;margin:0}.spx-alt-color{background:0 0}.spx-port-col-lg-8{-webkit-box-shadow:0 0 10px 0 #bababa;-moz-box-shadow:0 0 10px 0 #bababa;box-shadow:0 0 10px 0 #bababa}.spx-port-col-12{padding:0;text-align:center;margin-bottom:0;position:relative}.spx-port-overlay{padding:15px}.spx-port-inner h2{margin-bottom:12px;font-size:38px}.spx-port-inner p{font-size:15px;margin-bottom:20px}.spx-port-btn{padding:8px 30px;margin:4px}.spx-port-link{font-size:15px;color:#fff;background-color:#f0011e;border-radius:5px;text-transform:capitalize;border:1px solid #f0011e;-webkit-box-shadow:0 1px 2px 0 rgba(78,77,77,.5);-moz-box-shadow:0 1px 2px 0 rgba(78,77,77,.5);box-shadow:0 1px 2px 0 rgba(78,77,77,.5);height:43px;line-height:43px;padding:0 15px;font-weight:600}.spx-port-fig{-webkit-background-size:cover;background-size:cover}.spx-port-detail h3{padding:25px 0;margin-bottom:0}.spx-port-common-row{padding:20px 15px}.spx-port-screens{padding:0 0 0}}@media screen and (max-width:767px){.spx-port-col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.spx-port-fig{min-height:220px;padding:0;-webkit-background-size:contain;background-size:contain}.spx-port-inner,.spx-port-link{position:static;top:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.spx-port-overlay{position:static;visibility:visible;opacity:1;text-align:center;padding:15px 10px 10px}.spx-port-inner h2{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1}.spx-port-inner{width:100%}.spx-port-btn{width:100%;margin:0 0 12px}.spx-port-overlay-wrap{margin-bottom:30px;border:1px solid transparent}.spx-port-overlay-wrap:hover{border:1px solid transparent}.spx-port-buttons{margin-bottom:10px}.spx-port-head .spx-port-change-content{font-size:35px}.spx-port-head .spx-port-check{font-size:20px}.spx-port-practise-head h1{font-size:32px}.phone-img{margin:0}.spx-pd-100{padding:0}.spx-port-col-12{width:100%;padding:0}.text-right{text-align:left}.spx-port-detail h2{text-align:center}.spx-port-tilt-mobile img{max-width:300px}.spx-port-detail h3{font-size:24px}.spx-port-dual-img{width:50%;margin:0 auto 50px}.spx-port-pull-right{float:none}.spx-port-detail h2{line-height:1;margin-bottom:15px}.spx-port-app-icons{display:none}.spx-port-wide{max-width:450px;margin:0 auto}.spx-port-filter li{margin-bottom:10px}.spx-port-pull-left{float:none}.spx-port-inner span{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.spx-port-sechead{padding-bottom:5px}.spx-port-head .spx-port-change-content{font-size:28px}.portfolioContainer .spx-port-fig{text-align:center}}