/******==================== Case Study Listing Page CSS Start ====================******/
/* New Portfolio Detail Page CSS Start */
.pad-tb-50{padding: 50px 0px;}
.portfolio-banner h1{font-size: 60px; line-height: 70px; font-weight: 800; margin: 15px 0px;}
.portfolio-banner h4{font-size: 24px; line-height: 34px; font-weight: 600; width: 60%; margin: 0px auto;}
.deliver-tagline p{font-size: 40px; line-height: 60px; letter-spacing: -1px; font-weight: 600;}
.portfolio-full-banner{background: #fff; margin-top: 50px;}

.product-left-right-sec{margin-top: 80px;}
.product-left-right-sec .tagline h2 {width: 90%;}
.product-left-right-sec .tagline span {font-size: 18px; margin-bottom: 10px; display: inline-block;}
.product-left-right-sec {position: relative;}
.product-left-right-sec .tagline {position: sticky; top: 100px;}
.product-left-right-sec .culture-detail {margin-bottom: 60px;}
.product-left-right-sec .culture-detail:last-child {margin-bottom: 0px;}
.product-left-right-sec .culture-detail h3 {margin-bottom: 15px;font-size: 24px;line-height: 34px;font-weight: 800;}

.product-feature-sec{padding: 100px 0px; margin-top: 40px;}
.pro-features .feature-col{margin-top: 50px;}
.pro-features .feature-col .feature-icon .fa{font-size: 50px;}
.pro-features .feature-col h3{margin: 15px 0px; font-weight: 600; color: #252b33;font-size: 24px;}
.pro-features .feature-col p{margin-bottom: 0px;}

.product-slider-sec{overflow: hidden;}
.product-slider-sec h2{color: #fff;}
.web-mobile-icon .nav-tabs{padding: 15px; display: flex; align-items: center; justify-content: center; border: none;}
.web-mobile-icon .nav-tabs .nav-link{border: none; background-color: transparent; padding: 0px;}
.web-mobile-icon .nav-link.active img{border-bottom: 2px solid #fff; padding: 15px; margin: 0px 10px;}
.web-mobile-icon .nav-link img{border-bottom: 2px solid transparent; padding: 15px; margin: 0px 10px;}

.visual-slider-sec{overflow: hidden; padding: 80px 0px;}
.visual-slider-sec h2{color: #fff; margin-bottom: 20px;}
.visual-slider-sec .nav-tabs{border-bottom: 0px; margin: 0px;}
.visual-slider-sec .nav-tabs .nav-link{background-color: transparent; border-color: transparent; border-bottom: 2px solid transparent; border-radius: 0px; padding: 15px 30px 30px;}
.visual-slider-sec .nav-tabs .nav-link.active{border-bottom: 2px solid #fff;}
.visual-slider-sec .slick-slider .slick-prev {background: url(../images/casestudy-prev-arrow.png) no-repeat; height: 60px; width: 60px; position: absolute; left: 30px; top: 45%; z-index: 99; cursor: pointer; border: none; outline: none; color: transparent; }
.visual-slider-sec .slick-slider .slick-next {background: url(../images/casestudy-next-arrow.png) no-repeat; height: 60px; width: 60px; position: absolute; right: 30px; top: 45%; z-index: 99; cursor: pointer; border: none; outline: none; color: transparent;}
.visual-slider-sec .slick-slider .slick-slide{padding: 60px 60px 0px;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;}
.visual-slider-sec .slick-slider .slick-slide img {opacity: 0.5;}
.visual-slider-sec .slick-slider .slick-slide.slick-center img {opacity: 1; box-shadow: 0px 0px 80px rgb(0 0 0 / 40%);}
.visual-slider-sec .slick-slider .slick-slide.slick-center {padding: 0px 60px;}
.visual-slider-sec .slick-slider .slick-list{overflow: visible;}
.visual-slider-sec .tab-content{margin-top: 50px;}
.ipad-wrap{width: 735px; margin: auto;}
.mobile-wrap{width: 634px; margin: auto;}
.web-wrap {width: 1240px; margin: auto;}
.ipad-landscape {width: 1120px; margin: auto;}

.tech-used-sec{padding: 100px 0px 50px;}
.tech-used-sec h2{margin-bottom: 30px;}
.tech-used-sec .made-for p{padding-right: 100px;}
.tech-used-sec .technology-tags .tags{ display: inline-block; margin:5px;}
.tech-used-sec .technology-tags .tags a{color:#252B33; display: block; padding: 2px 20px; font-size: 16px; font-weight: 400; background:#e4e4e4; border-radius: 4px; -webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.tech-used-sec .technology-tags .tags a:hover{background: #F13C31 !important; color: #fff !important;}

.free-start-sec{padding: 50px 0px 100px;}
.free-start-sec h2{font-size: 60px; line-height: 70px; margin-bottom: 40px;}
.free-start-sec h4{font-size: 30px; line-height: 40px;}
.free-start-sec .btn-orange {margin-top:20px;}
/* New Portfolio Detail Page CSS End */

/* Next Our Work Section Start =*/
.our-work-next-section{position: relative;}
.our-work-next-project{display: flex; align-items: center; justify-content: center; padding: 15px; width: 100%; height: 600px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-size:cover; overflow:hidden; background-position:center center; background-repeat:no-repeat; -webkit-filter: grayscale(100%); filter: grayscale(100%); text-align: center; position: relative;}
.our-work-next-project:hover {text-decoration:none; -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.next-project-info h3 {color: #ffffff; font-size: 28px; font-weight: 400; margin-bottom: 0px;}
.next-project-info .separator{height: 1px; position: relative; width: 100px; display: block; margin:50px auto 50px auto; background: #fff;}
.next-project-info h4 {color: #ffffff; text-transform: uppercase; font-size: 20px; font-weight: 400; margin-bottom: 0px;}
.next-project-info h2 {color: #ffffff; font-size: 60px; line-height:70px; font-weight: 800; margin-bottom: 0px;}
.our-work-list-view {position: absolute; left: 0px; right: 0px; bottom: -30px; z-index: 99;}
.our-work-list-view a.icon-view {background: #fff url(../images/portfolio-listing-sprite.png) no-repeat; height: 60px; width: 60px; display: block; border-radius: 50px; background-position: -28px 19px; box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0 auto;}
.our-work-list-view .icon-view:hover {background-position: 22px 19px;}
/* Next Our Work Section End */
/******==================== Case Study Listing Page CSS End ====================******/

/*========================= Our Work Details Page Start =========================*/
/* Our Work Banner */
.our-work-full-banner{ position: relative;}
.our-work-full-banner .hero-banner{ position: relative;}
.our-work-full-banner .hero-banner img{ width:100%;}
.our-work-full-banner .our-work-content{ position: absolute; top:0; left:0; right:0; display: flex; display: -ms-flexbox; align-items: center; height: 100%; }
.our-work-full-banner .our-work-content .title-our-work{ width:70%; }
.our-work-full-banner .our-work-content .title-our-work h1{ font-size: 60px; color: #ffffff; font-weight: 800; line-height: 70px; letter-spacing: -1px;}
.our-work-full-banner .our-work-content .title-our-work p{font-size: 20px; color: #fff; font-weight: 400; line-height: 30px; margin-top: 30px;
}
.our-work-full-banner .our-work-content .title-our-work span{ display:block; color: #ffffff;font-size: 20px;font-weight: 400; text-transform: uppercase;}
/* Our Work Banner */

/* Technology Section Start */
.technology-icon-section{ padding:20px 0px 35px 0px;}
.technology-icon-section .website-icon-box { text-align: right;}
/* Technology Section End */

/* Portfolio Full Image Start */
.portfolio-full-img-section img{ width:100%;}
/* Portfolio Full Image End */

/* About Project Start */
.portfolio-about-project-section{ margin:60px 0px 100px 0px;}
.portfolio-about-project-section .img-shadow {box-shadow: rgb(228, 228, 228) 0px 0px 30px 0px;}
.portfolio-about-project-section .about-project-content { text-align:center; margin-bottom: 100px;}
.portfolio-about-project-section .about-project-content h2{ margin-bottom:40px;}
.portfolio-about-project-section .about-project-content p{ margin-bottom: 30px;}
.portfolio-about-project-section .about-project-content p:last-child{margin-bottom:0px;}
.portfolio-about-project-section .portfolio-features{ padding:30px 30px 30px 0px;}
.portfolio-about-project-section .portfolio-features-section .our-work-img { height:100%;}
.portfolio-about-project-section .portfolio-features h3 {font-size: 35px; font-weight: 800; color: #252b33;}
.portfolio-about-project-section .portfolio-features p{font-size:14px;line-height:22px;margin-top:10px;margin-bottom:10px;}
.portfolio-about-project-section .portfolio-features ul{margin-top:15px; margin-left: 0px;}
.portfolio-about-project-section .portfolio-features ul li{font-size:14px;margin-bottom:7px;background:url("../images/Oval-38.png") no-repeat scroll left 5px;padding-left:20px;list-style:none;color:#252b33;font-weight: 400;font-family:'Poppins', sans-serif;}
.portfolio-about-project-section .portfolio-features-section .our-work-img img{ height: 100%; object-fit:cover; }
.portfolio-about-project-section .portfolio-features-section .our-work-img img, .portfolio-image-gallery-section .our-work-img img{ -webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.portfolio-about-project-section .portfolio-features-section .our-work-img img:hover, .portfolio-image-gallery-section .our-work-img img:hover{ -webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transform: scale(1.03); transform: scale(1.03);}
.portfolio-about-project-section .our-work-img { overflow:hidden;}
.portfolio-image-gallery-section .our-work-img { margin-top:30px;}
/* About Project End */

/* Next Our Work Section Start =*/
.our-work-next-section{position: relative;}
.our-work-next-project{display: flex; align-items: center; justify-content: center; padding: 15px; width: 100%; height: 600px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-size:cover; overflow:hidden; background-position:center center; background-repeat:no-repeat; -webkit-filter: grayscale(100%); filter: grayscale(100%); text-align: center; position: relative;}
.our-work-next-project:hover {text-decoration:none; -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.next-project-info h3 {color: #ffffff; font-size: 28px; font-weight: 400; margin-bottom: 0px;}
.next-project-info .separator{height: 1px; position: relative; width: 100px; display: block; margin:50px auto 50px auto; background: #fff;}
.next-project-info h4 {color: #ffffff; text-transform: uppercase; font-size: 20px; font-weight: 400; margin-bottom: 0px;}
.next-project-info h2 {color: #ffffff; font-size: 60px; line-height:70px; font-weight: 800; margin-bottom: 0px;}
.our-work-list-view {position: absolute; left: 0px; right: 0px; bottom: -30px; z-index: 99;}
.our-work-list-view a.icon-view {background: #fff url(../images/portfolio-listing-sprite.png) no-repeat; height: 60px; width: 60px; display: block; border-radius: 50px; background-position: -28px 19px; box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0 auto;}
.our-work-list-view .icon-view:hover {background-position: 22px 19px;}
/* Next Our Work Section End */

.mpc-tooltip-wrap{margin-top: 30px;}
.mpc-tooltip-wrap .mpc-icon{height:52px;width:52px;padding:10px;margin-right:5px;border:1px solid #c4cace;border-radius:4px;background:#fff;}
.mpc-tooltip-wrap .mpc-icon.coming-soon{height:auto;width:auto;background:transparent;padding:20px;}
.mpc-tooltip-wrap .mpc-icon.icon-sprite,.section_inner .mpc-icon.icon-sprite{background:rgba(0, 0, 0, 0) url("../images/all-icons-sprite.png") no-repeat scroll 0 0;display:inline-block;}
.mpc-tooltip-wrap .mpc-icon.apple-icon{background-position:-5px -3px;}
.mpc-tooltip-wrap .mpc-icon.adroid-icon{background-position:-56px -3px;}
.mpc-tooltip-wrap .mpc-icon.cit-icon{background-position:-110px -3px;}
.mpc-tooltip-wrap .mpc-icon.xamarin-icon{background-position:-164px -3px;}
.mpc-tooltip-wrap .mpc-icon.titanium-icon{background-position:-753px -61px;}
.mpc-tooltip-wrap .mpc-icon.phoegap-icon{background-position:-217px -3px;}
.mpc-tooltip-wrap .mpc-icon.php-icon{background-position:-268px -3px;}
.mpc-tooltip-wrap .mpc-icon.dotnet-icon{background-position:-322px -2px;}
.mpc-tooltip-wrap .mpc-icon.java-icon{background-position:-375px -3px;}
.mpc-tooltip-wrap .mpc-icon.wordpress-icon{background-position:-424px -3px;}
.mpc-tooltip-wrap .mpc-icon.drupal-icon{background-position:-480px -4px;}
.mpc-tooltip-wrap .mpc-icon.zoomla-icon{background-position:-534px -3px;}
.mpc-tooltip-wrap .mpc-icon.zend-icon{background-position:-592px -3px;}
.mpc-tooltip-wrap .mpc-icon.shopify-icon{background-position:-702px -3px;}
.mpc-tooltip-wrap .mpc-icon.html5-icon{background-position:-753px -3px;}
.mpc-tooltip-wrap .mpc-icon.mongodb-icon{background-position:-804px -3px;}
.mpc-tooltip-wrap .mpc-icon.engle-icon{background-position:-859px -3px;}
.mpc-tooltip-wrap .mpc-icon.angularjs-icon{background-position:-918px -3px;}
.mpc-tooltip-wrap .mpc-icon.nodejs-icon{background-position:-7px -65px;}
.mpc-tooltip-wrap .mpc-icon.sketch-icon{background-position:-57px -63px;}
.mpc-tooltip-wrap .mpc-icon.photoshop-icon{background-position:-108px -63px;}
.mpc-tooltip-wrap .mpc-icon.AI-icon{background-position:-164px -63px;}
.mpc-tooltip-wrap .mpc-icon.invison-icon{background-position:-215px -63px;}
.mpc-tooltip-wrap .mpc-icon.flinto-icon{background-position:-267px -65px;}
.mpc-tooltip-wrap .mpc-icon.axure-icon{background-position:-322px -62px;}
.mpc-tooltip-wrap .mpc-icon.unity3d-icon{background-position:-375px -62px;}
.mpc-tooltip-wrap .mpc-icon.buildbox-icon{background-position:-423px -62px;}
.mpc-tooltip-wrap .mpc-icon.flash-icon{background-position:-480px -62px;}
.mpc-tooltip-wrap .mpc-icon.smart-watch-icon{background-position:-534px -62px;}
.mpc-tooltip-wrap .mpc-icon.virtulilty-icon{background-position:-591px -62px;}
.mpc-tooltip-wrap .mpc-icon.google-glass-icon{background-position:-651px -60px;}
.mpc-tooltip-wrap .mpc-icon.fitness-watch-icon{background-position:-701px -61px;}
.mpc-tooltip-wrap .mpc-icon.amazone-icon{background-position:-804px -61px;}
.mpc-tooltip-wrap .mpc-icon.rackspace-icon{background-position:-859px -62px;}
.mpc-tooltip-wrap .mpc-icon.digital-ocean-icon{background-position:-914px -62px;}
.mpc-tooltip-wrap .mpc-icon.microsoft-azure-icon{background-position:-6px -123px;}
.mpc-tooltip-wrap .mpc-icon.php-gray-icon{background-position:-828px -485px;}
.mpc-tooltip-wrap .mpc-icon.angular-gray-icon{background-position:-885px -481px;}
.mpc-tooltip-wrap .mpc-icon.app-store-gray-icon{background-position:-4px -560px;height:53px;width:142px;}
.mpc-tooltip-wrap .mpc-icon.google-play-gray-icon{background-position:-168px -560px;height:53px;width:142px;}
.mpc-tooltip-wrap .mpc-icon.app-store-white-icon{background-position:-760px -555px;height:62px;width:170px;}
.mpc-tooltip-wrap .mpc-icon.google-play-white-icon{background-position:-8px -626px;height:62px;width:182px;}
.mpc-tooltip-wrap .mpc-icon.google-play-black-icon{background-position:-570px -625px;height:62px;width:182px;border:1px solid #323a45;border-radius:4px;}
.mpc-tooltip-wrap .mpc-icon.app-store-black-icon{background-position:-373px -625px;height:62px;width:172px;border:1px solid #323a45;border-radius:4px;margin-right:15px;}
.mpc-tooltip-wrap .mpc-icon.website-white-icon{background-position:-205px -626px;height:62px;width:162px;}
.mpc-tooltip-wrap .mpc-icon.website-gray-icon{background-position:-328px -560px;height:53px;width:142px;}
.mpc-tooltip-wrap .mpc-icon.code-gray-icon{background-position:-543px -560px;}
.mpc-tooltip-wrap .mpc-icon.java-gray-icon{background-position:-597px -560px;}
.mpc-tooltip-wrap .mpc-icon.python-gray-icon{background-position:-480px -562px;}
.mpc-tooltip-wrap .mpc-icon.magento-gray-sm-icon{background-position:-702px -559px;}
.mpc-tooltip-wrap .mpc-icon.dotnet-gray-icon{background-position:-650px -561px;}
.mpc-tooltip-wrap .mpc-icon.ouya-sm-icon{background-position:-912px -632px;}
.mpc-tooltip-wrap .mpc-icon.ouya-gray-icon{background-position:-763px -631px;height:52px;width:131px;}
.mpc-tooltip-wrap .mpc-icon.cake-php-white-icon{background-position:-612px -775px;}
.mpc-tooltip-wrap .mpc-icon.laravel-white-icon{background-position:-673px -775px;}
.mpc-tooltip-wrap .mpc-icon.codeigniter-white-icon{background-position:-728px -775px;}
.mpc-tooltip-wrap .mpc-icon.mssql-white-icon{background-position:-778px -775px;}
.mpc-tooltip-wrap .mpc-icon.htc-vive-icon{background-position:-833px -775px;}
.mpc-tooltip-wrap .mpc-icon.samsung-gear-icon{background-position:-892px -775px;}
.mpc-tooltip-wrap .mpc-icon.vr-oculus-icon{background-position:-13px -825px;}
.mpc-tooltip-wrap .mpc-icon.vr-microsoft-icon{background-position:-81px -827px;}
.mpc-tooltip-wrap .mpc-icon.nodeJS-gray-icon{background-position:-212px -827px;}
.mpc-tooltip-wrap .mpc-icon.zend-gray-icon{background-position:-155px -827px;}
.mpc-tooltip-wrap .mpc-icon.drupal-gray-icon{background-position:-296px -203px;}
.mpc-tooltip-wrap .mpc-icon.joomla-gray-icon{background-position:-353px -203px;}
.mpc-tooltip-wrap .mpc-icon.wordpress-gray-icon{background-position:-352px -391px;}
.mpc-tooltip-wrap .mpc-icon.netnuke-icon{background-position:-414px -203px;}
.mpc-tooltip-wrap .mpc-icon.cit-white-icon{background-position:-235px -202px;}
.mpc-tooltip-wrap .mpc-icon.shopify-icon{background-position:-474px -203px;height:52px;width:130px;}
.mpc-tooltip-wrap .mpc-icon.aabaco-icon{background-position:-600px -207px;height:52px;width:130px;}
.mpc-tooltip-wrap .mpc-icon.xbox-icon{background-position:-412px -389px;height:55px;width:122px;}
.mpc-tooltip-wrap .mpc-icon.play-station-icon{background-position:-541px -389px;height:55px;width:122px;}
.mpc-tooltip-wrap .mpc-icon.ouya-icon{background-position:-669px -389px;height:55px;width:122px;}
.mpc-tooltip-wrap .mpc-icon.oculus-icon{background-position:-805px -387px;height:55px;width:122px;}
.mpc-tooltip-wrap .mpc-icon.gear-vp-icon{background-position:-5px -475px;height:55px;width:122px;}
.sprite-sec .icon-sprite .mpc-icon{background:rgba(0, 0, 0, 0) url("../images/all-icons-sprite.png") no-repeat scroll 0 0;display:inline-block;height:50px;width:50px;}
.sprite-sec .idea-icon .mpc-icon{background-position:-162px -484px;}
.sprite-sec .development-icon .mpc-icon{background-position:-255px -484px;}
.sprite-sec .support-icon .mpc-icon{background-position:-347px -484px;}
.sprite-sec .automation-icon .mpc-icon{background-position:-436px -484px;}
.sprite-sec .consumer-icon .mpc-icon{background-position:-513px -484px;}
.sprite-sec .mobile-strategy-icon .mpc-icon{background-position:-588px -484px;}
.sprite-sec .mobility-icon .mpc-icon{background-position:-665px -484px;}
.sprite-sec .consulting-icon .mpc-icon{background-position:-758px -484px;}
.mpc-tooltip{border:1px solid #c4cace;border-radius:5px;padding-top:2px;padding-right:7px;padding-bottom:2px;padding-left:7px;font-size:12px;}
.white-tooltip-sec .mpc-tooltip{border:1px solid #fff;border-radius:5px;padding-top:2px;padding-right:7px;padding-bottom:2px;padding-left:7px;font-size:12px;color:#fff;}
.website-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.website-icon {background-position: -328px -560px;height: 53px;width: 142px;}
.website-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.play-store-icon {background-position: -168px -560px;height: 53px;width: 142px;}
.website-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.app-store-icon {background-position: -4px -560px;height: 53px;width: 142px;}


.mpc-icon.icon-sprite{background: rgba(0, 0, 0, 0) url(../images/all-icons-sprite.png) no-repeat scroll 0 0; display: inline-block;}
.mpc-tooltip-wrap .mpc-icon.ios-icon {background-position: -5px -3px;}
.mpc-tooltip-wrap .mpc-icon.android-icon {background-position: -56px -3px;}
.mpc-tooltip-wrap .mpc-icon.configureit-icon{background-position: -110px -3px;}
.mpc-tooltip-wrap .mpc-icon.xamarin-icon {background-position: -164px -3px;}
.mpc-tooltip-wrap .mpc-icon.titanium-icon {background-position: -753px -61px;}
.mpc-tooltip-wrap .mpc-icon.phone-gap-icon {background-position: -217px -3px;}
.mpc-tooltip-wrap .mpc-icon.microsoft-net-icon{background-position:-322px -2px;}
.mpc-tooltip-wrap .mpc-icon.java-icon{background-position:-375px -3px;}
.mpc-tooltip-wrap .mpc-icon.wordpress-icon{background-position:-424px -3px;}
.mpc-tooltip-wrap .mpc-icon.drupal-icon{background-position:-480px -4px;}
.mpc-tooltip-wrap .mpc-icon.joomla-icon{background-position:-534px -3px;}
.mpc-tooltip-wrap .mpc-icon.zend-icon{background-position:-592px -3px;}
.mpc-tooltip-wrap .mpc-icon.magento-icon{background-position:-651px -3px;}
.mpc-tooltip-wrap .mpc-icon.shopify-plus-icon{background-position:-702px -3px;}
.mpc-tooltip-wrap .mpc-icon.html-5-icon{background-position:-753px -3px;}
.mpc-tooltip-wrap .mpc-icon.mongo-db-icon{background-position:-804px -3px;}
.mpc-tooltip-wrap .mpc-icon.expressions-engine-icon{background-position:-859px -3px;}
.mpc-tooltip-wrap .mpc-icon.angular-js-icon{background-position:-918px -3px;}
.mpc-tooltip-wrap .mpc-icon.node-js-icon{background-position:-7px -65px;}
.mpc-tooltip-wrap .mpc-icon.sketch-icon{background-position:-57px -63px;}
.mpc-tooltip-wrap .mpc-icon.photoshop-icon{background-position:-108px -63px;}
.mpc-tooltip-wrap .mpc-icon.adobe-illustrator-icon{background-position:-164px -63px;}
.mpc-tooltip-wrap .mpc-icon.invision-icon{background-position:-215px -63px;}
.mpc-tooltip-wrap .mpc-icon.flinto-icon{background-position:-267px -65px;}
.mpc-tooltip-wrap .mpc-icon.axure-icon{background-position:-322px -62px;}
.mpc-tooltip-wrap .mpc-icon.unity-3d-icon{background-position:-375px -62px;}
.mpc-tooltip-wrap .mpc-icon.buildbox-icon{background-position:-423px -62px;}
.mpc-tooltip-wrap .mpc-icon.flash-icon{background-position:-480px -62px;}
.mpc-tooltip-wrap .mpc-icon.smart-watches-icon{background-position:-534px -62px;}
.mpc-tooltip-wrap .mpc-icon.virtual-reality-headsets-icon{background-position:-591px -62px;}
.mpc-tooltip-wrap .mpc-icon.google-glass-icon{background-position:-651px -60px;}
.mpc-tooltip-wrap .mpc-icon.fitness-wearables-icon{background-position:-701px -61px;}
.mpc-tooltip-wrap .mpc-icon.amazon-web-services-icon{background-position:-804px -61px;}
.mpc-tooltip-wrap .mpc-icon.rackspace-icon{background-position:-859px -62px;}
.mpc-tooltip-wrap .mpc-icon.digital-ocean-icon{background-position:-914px -62px;}
.mpc-tooltip-wrap .mpc-icon.microsoft-azure-icon{background-position:-6px -123px;}
.mpc-tooltip-wrap .mpc-icon.php-gray-icon{background-position:-828px -485px;}
.mpc-tooltip-wrap .mpc-icon.angular-gray-icon{background-position:-885px -481px;}
.mpc-tooltip-wrap .mpc-icon.app-store-gray-icon{background-position:-4px -560px;height:53px;width:142px;}
.mpc-tooltip-wrap .mpc-icon.google-play-gray-icon{background-position:-168px -560px;height:53px;width:142px;}
.mpc-tooltip-wrap .mpc-icon.app-store-white-icon{background-position:-760px -555px;height:62px;width:170px;}
.mpc-tooltip-wrap .mpc-icon.google-play-white-icon{background-position:-8px -626px;height:62px;width:182px;}
.mpc-tooltip-wrap .mpc-icon.google-play-black-icon{background-position:-570px -625px;height:62px;width:182px;border:1px solid #323a45;border-radius:4px;}
.mpc-tooltip-wrap .mpc-icon.app-store-black-icon{background-position:-373px -625px;height:62px;width:172px;border:1px solid #323a45;border-radius:4px;margin-right:15px;}
.mpc-tooltip-wrap .mpc-icon.dotnetnuke-icon{background-position:-414px -203px;}
.mpc-tooltip-wrap .mpc-icon.website-white-icon{background-position:-205px -626px;height:62px;width:162px;}
.mpc-tooltip-wrap .mpc-icon.website-gray-icon{background-position:-328px -560px;height:53px;width:142px;}
.mpc-tooltip-wrap .mpc-icon.code-gray-icon{background-position:-543px -560px;}
.mpc-tooltip-wrap .mpc-icon.java-gray-icon{background-position:-597px -560px;}
.mpc-tooltip-wrap .mpc-icon.python-gray-icon{background-position:-480px -562px;}
.mpc-tooltip-wrap .mpc-icon.magento-gray-sm-icon{background-position:-702px -559px;}
.mpc-tooltip-wrap .mpc-icon.dotnet-gray-icon{background-position:-650px -561px;}
.mpc-tooltip-wrap .mpc-icon.ouya-sm-icon{background-position:-912px -632px;}
.mpc-tooltip-wrap .mpc-icon.ouya-gray-icon{background-position:-763px -631px;height:52px;width:131px;}
.mpc-tooltip-wrap .mpc-icon.cake-php-icon{background-position:-612px -775px;}
.mpc-tooltip-wrap .mpc-icon.laravel-icon{background-position:-673px -775px;}
.mpc-tooltip-wrap .mpc-icon.codeigniter-icon{background-position:-728px -775px;}
.mpc-tooltip-wrap .mpc-icon.mssql-icon{background-position:-778px -775px;}
.mpc-tooltip-wrap .mpc-icon.htc-vive-icon{background-position:-833px -775px;}
.mpc-tooltip-wrap .mpc-icon.samsung-gear-icon{background-position:-892px -775px;}
.mpc-tooltip-wrap .mpc-icon.oculus-icon{background-position:-13px -825px;}
.mpc-tooltip-wrap .mpc-icon.microsoft-hololens-icon{background-position:-81px -827px;}
.mpc-tooltip-wrap .mpc-icon.nodeJS-gray-icon{background-position:-212px -827px;}
.mpc-tooltip-wrap .mpc-icon.zend-gray-icon{background-position:-155px -827px;}
.mpc-tooltip-wrap .mpc-icon.xbox-icon{background-position:-412px -389px;height:55px;width:122px;}
.mpc-tooltip-wrap .mpc-icon.play-station-icon{background-position:-541px -389px;height:55px;width:122px;}
.mpc-tooltip-wrap .mpc-icon.ouya-icon{background-position:-669px -389px;height:55px;width:122px;}
.mpc-tooltip-wrap .mpc-icon.oculus-icon{background-position:-805px -387px;height:55px;width:122px;}
.mpc-tooltip-wrap .mpc-icon.gear-vr-icon{background-position:-5px -475px;height:55px;width:122px;}
.mpc-tooltip-wrap .mpc-icon { height: 52px; width: 52px; padding: 10px; margin-right: 5px; margin-bottom:5px; border: 1px solid #c4cace; border-radius: 4px;}
.mpc-tooltip-wrap .mpc-icon {opacity: 0.5 !important;}
.mpc-tooltip-wrap .mpc-icon:hover {opacity: 1 !important; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.mpc-tooltip-wrap:hover .mpc-tooltip{visibility: visible; opacity: 1 !important; transition-delay: .1s;}
.mpc-tooltip{background: rgba(255,255,255,0.8);}

.technology-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.php-icon { background-position: -828px -485px;}
.technology-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.codeigniter-icon { background-position: -543px -560px;}
.technology-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.angular-js-icon{background-position: -885px -481px;}
.technology-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.python-icon{background-position: -480px -562px;}
.technology-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.java-icon{background-position: -597px -560px;}
.technology-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.wordpress-icon{background-position: -352px -391px;}
.technology-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.microsoftnet-icon{background-position: -650px -561px;}
.technology-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.microsoft-aspnet-icon{background-position: -650px -561px;}
.technology-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.magento-icon{background-position: -702px -559px;}
.technology-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.drupal-icon{background-position: -296px -203px;}
.technology-icon-box.services-tech-icons .mpc-tooltip-wrap .mpc-icon.ouya-icon{background-position: -912px -632px; width:52px; height:52px;}

/*========================= Our Work Details Page End =========================*/

/******==================== Black Theme CSS Start ====================******/
.theme-black {background: #000000;}
.theme-black h1, .theme-black h2, .theme-black h3, .theme-black h4, .theme-black h5, .theme-black h6, .theme-black p, .theme-black span, .theme-black blockquote, .theme-black strong, .theme-black b, .theme-black u, .theme-black center, .theme-black ol, .theme-black ul, .theme-black li, .theme-black li a { color:#fff !important;}
.theme-black .brand-logo-img svg g,.theme-black .listing-filter svg g {fill: #FFFFFF;}
.theme-black .filter-close svg g path{stroke:#fff;}

/* Filter CSS Start */
.theme-black .cs-filter-bar{border-bottom: 1px solid rgba(238, 238, 238, 0.2);}
.theme-black .cs-filter-bar .category-filter{background: #000000;}
.theme-black .category-filter .dropdown .drop,.theme-black .cs-filter-bar .tab-filter a{color: #fff;}
.theme-black .category-filter .dropdown .drop::after{border-color: white transparent transparent transparent;}
.theme-black .cs-filter-bar .tab-filter a.active{border-bottom: 1px solid rgba(255,255,255,1);}
.theme-black .category-filter .dropdown .dropdown-menu,.theme-black .category-filter .dropdown .dropdownArrow{background-color:#202020;}
.theme-black .category-filter .dropdown > .dropdown-menu > li > span{color: #fff !important;}
.theme-black .category-filter .dropdown > .dropdown-menu > li > span:hover,.theme-black .category-filter .dropdown > .dropdown-menu > li > span.filter-active{color: #F13C31 !important;}
.theme-black .category-filter .dropdown .drop{color: #fff;}
.theme-black .portfolio-section .portfolio-box-container .portfolio-box .title-box h3 > a{ color: #ffffff}
.theme-black .portfolio-about-project-section .img-shadow {box-shadow: rgba(228, 228, 228, 0.1) 0px 0px 30px 0px;}

.theme-black .filter-dropdown-sec .reset-ic .tooltiptext { background-color:#202020; }
.theme-black .filter-dropdown-sec .reset-ic .tooltip-top::after { border-color: #202020 transparent transparent transparent;}
 /* Filter CSS End */

.theme-black .case-listing-col .cs-project-detail a{ color: #ffffff; }
.theme-black .tech-used-sec .technology-tags .tags a{background:#555555; color: #fff;}
.theme-black .portfolio-full-banner{background: #000000;}
/******==================== Black Theme CSS End ====================******/

/******==================== Responsive CSS Start ====================******/
@media only screen and (max-width:1480px){ 
.web-wrap{width: 1070px;}
.mobile-wrap{width: 550px;}
}

/* iPad 9th Gen Css Start */
@media only screen and (min-width: 744px) and (max-width: 1199px)  {
.deliver-tagline p {font-size: 30px;line-height: 45px;}
.product-left-right-sec .tagline {margin-bottom: 40px;}
.product-left-right-sec .culture-detail {margin-bottom: 30px;}
.product-feature-sec {padding: 50px 0px 100px;margin-top: 0px;}
.free-start-sec h2 {font-size: 40px;line-height: 50px;margin-bottom: 20px;}
.free-start-sec h4, .portfolio-banner h4 {font-size: 20px;line-height: 30px;}
.ipad-wrap{width: 735px;}
.mobile-wrap{width: 634px;}
.web-wrap {width: 770px;}
.ipad-landscape {width: 1120px;}
.banner-wrap .banner-img img {height: 500px;object-fit: cover;}
h2{font-size: 30px; line-height: 40px;}
.portfolio-banner h1,.next-project-info h2 {font-size: 40px;line-height: 50px;}

.our-work-full-banner .hero-banner img {height: 400px;object-fit: cover;}
.portfolio-about-project-section .portfolio-features {padding: 30px 30px 30px 30px;}
.portfolio-bottom-sec .portfolio-footer-left {padding: 60px 15px;}
.portfolio-bottom-sec .portfolio-footer-right img{max-width: 500px; left: 0px;}
.portfolio-footer-right {display: none;}
}
/* iPad 9th Gen Css End */
/******==================== Responsive CSS End ====================******/